@charset "utf-8";
/* CSS Document */

html{
width:100%;
height:100%;
margin:0;
padding:0;

}
  

body, html{

background-position: 50% 50%;
padding:0;
font-size:80%;
color:#aaa;
background-color:#000;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#logo{
position:absolute;
left:50%;
top:50%;
height:500px;
width:70px;
margin-left:400px;
margin-top:-250px;
}

#page{
position:absolute;
top:50%;
left:50%;
height:500px;
width:570px;
margin:-250px 0 0 -200px;
color:#aaa; 
overflow:auto;
text-align:left;
/*border:1px solid #ccc;

-moz-border-radius:16px;*/
}

#pcs{
position:absolute;
top:50%;
left:50%;
height:500px;
width:535px;
margin:-250px 0 0 -200px;
border:1px solid #ccc;
}

h1{
font-size:2em;
text-align:center;
color:yellow;
}

h2{
font-size:1.7em;
text-align:center;
color:yellow;
}

h3.pkg{
text-align:center;
font-size:1.3em;
}

p.portfolio_listings{
margin-left:130px;
text-align:center;

}

h3{
text-align:left;
font-size:1.1em;
color:red;
font-weight:bold;
}


h4{
margin-left:12px;
text-align:left;
font-size:1.3em;
}

p, li{
text-align:justify;
font-size:1.1em;
font-weight:bold;
margin:10px 12px 0px 12px;
line-height:1.2em;
}

/*#header{
position:absolute;
left:50%;
top:50%;
margin:-275px 0px 0px -200px;
width:700px;
height:30px;
background-image:url(page-top.png);
color:#FF0;
}*/

#header{
font-size:1.8em;
}

#leftmenu{
position:absolute;
left:50%;
top:50%;
margin:-250px 0px 0px -480px;
width:250px;
height:500px;
}

#menu1{
Margin:40px 0px 0px 130px;
height:50px;
width:120px;
background-image:url(web-sites-menu-a.png);
}
#menu1:hover{
display:block;
Margin:40px 0px 0px 130px;
height:50px;
width:120px;
background-image:url(web-sites-menu-b.png);
}

#menu2{
Margin:35px 0px 0px 45px;
height:50px;
width:120px;
background-image:url(web-sites-menu-a.png);
}
#menu2:hover{
Margin:35px 0px 0px 45px;
height:50px;
width:120px;
background-image:url(web-sites-menu-b.png);
}

#menu3{
Margin:55px 0px 0px 0px;
height:50px;
width:120px;
background-image:url(web-sites-menu-a.png);
}
#menu3:hover{
Margin:55px 0px 0px 0px;
height:50px;
width:120px;
background-image:url(web-sites-menu-b.png);
}

/* Menu 4 */
#menu4{
Margin:55px 0px 0px 45px;
height:50px;
width:120px;
background-image:url(web-sites-menu-a.png);

}
#menu4:hover{
Margin:55px 0px 0px 45px;
height:50px;
width:120px;
background-image:url(web-sites-menu-b.png);
}

/* Menu 5 */
#menu5{
Margin:35px 0px 0px 130px;
height:50px;
width:120px;
background-image:url(web-sites-menu-a.png);
}
#menu5:hover{
Margin:35px 0px 0px 130px;
height:50px;
width:120px;
background-image:url(web-sites-menu-b.png);
}

#leftmenu h3{
margin:0px;
}

#leftmenu a, #leftmenu a:hover, #leftmenu a:visited{
text-align:center;
font-size:1.6em;
font-weight:bold;
height:50px;
padding-top:16px;
color:#0A0A0A;
display:block;
text-decoration:none;
}

/* scroll bars */
img.floated {
	float: left;
	position: relative; /* fixes many nasty IE bugs */
	padding: 0.5em;
	}
	
.clearfloat {
clear:both; height:0px;
line-height:0px; visibility: hidden;
}

#mycustomscroll {
	/* Typical fixed height and fixed width example */
	width: 450px;
	height: 450px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	background-color: #aaa;
	margin: 0.3em auto;
	padding: 15px;
}

a.inline{
font-size:1.1em;
color:#FFB9B9;
font-weight:bold;
margin:0px;
text-decoration:underline;
}

a.inline:visited{
font-size:1.1em;
color:#FFB9B9;
font-weight:bold;
margin:0px;
text-decoration:underline;
}



a.inline:hover {
text-align:justify;
font-size:1.1em;
font-weight:bold;
color:red;
margin:0px;
text-decoration:underline;
}



p.smalltext {
text-align:justify;
font-size:0.9em;
margin:10px 40px 0px 40px;
}

#porto{
width:400px;
height:90px;
margin-left:60px;
border:1px solid #ccc;
}

#porto img{
float:left;
border-right:1px solid #ccc;
}

#porto p{
margin-left:10px;
}

form#blcf{
margin-left:40px;
width:480px;
height:420px;
}

form#blcf input{
margin:0px 0px 10px 10px;
width:150px;
}

form#blcf textarea {
width:290px; 
height:80px;
border:1px solid #fff;
margin-left:10px;
margin-bottom:10px; 
padding:0.5em; 
overflow:auto;
background:#fff;
color:#006; 
}

form#blcf legend {
font-size:1.2em; 
font-weight:bold; 
color:#f00;
margin: 0 0 1px 10px; 
height: 24px;
line-height: 24px;
width:157px; 
padding: 0 5px;
}

form#blcf label{
clear:left; 
display:block; 
float:left; 
width:110px; 
text-align:right; 
padding-right:10px; 
color: #fff; 
margin-bottom:10px;
margin-top:4px;
font-size:1.2em;
font-weight:bold; 
}

form#blcf .button1 {
color:#f00; 
font-weight: bold;
display: inline;
background:#fff;
border:3px outset yellow;
width:89px; 
height: 27px;
line-height: 27px;
text-align: center;
margin-left:130px;
}

form#blcf .button1:hover {
border:3px outset #f00;

}

form#blcf fieldset {
width:480px; 
display:block; 
border:1px solid yellow; 
padding:5px; 
margin-bottom:0.5em; 
margin-left: 13px;
line-height:1.2em;
}

img.captcha{
margin-left:130px;
margin-bottom:5px;
border:2px solid yellow;
}

img.porto_img{
margin:20px 0px 10px 120px;
}

p.porto_p{
Margin:10px 35px 10px 35px;
text-align:justify;
}

h1.porto_h1{
color:#f00;
margin-top:30px;
}

a.porto_a{
color:yellow;
}

/* Package sumary */

#pkg{
margin-top:25px;
width:450px;
height:90px;
margin-left:40px;
border-top:1px solid red;
border-left:1px solid red;
}

#pkg_page{
margin-top:20px;
width:550px;
height:90px;
margin-left:10px;
border-top:1px solid red;
}

h2.sub_heading{
color:red;
text-align:left;
font-size:1.2em;
}

p.features_list{
color:yellow;
}

p.cost{
color:yellow;
}

li{
color:red;
}

p.pkg_page_cost{
margin-top:10px;
color:yellow;
text-align:center;
font-size:1.2em;
}

p.pkg_page_demo{
margin-top:10px;
color:#aaa;
text-align:center;
font-size:1.2em;
}

a.heading, a.heading:visited{
color:red;
}

p.note{
margin:20px 50px 10px 50px;
font-style:oblique;
color:#aaa;
}

#emulator{
position:absolute;
margin: 10px 0px 0px 140px;
}

a.demolink, a.demolink:visited{
color:#aaa;
}