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


body{ margin:0; padding:0; background: url(../images/header_top_bg.jpg) repeat-x #fff; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}

div,p,h1,h2,h3,h4,h5{ margin:0; padding:0;}

img{border:0;}

h2{  font-size:30px; margin:5px; color:#90BC29; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif;}
h3{ font-size:14px;  padding:10px; color:#333; font-weight:bold;}

.clear{ clear:both;}
.floatcontainer:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; } .floatcontainer{display: inline-block;} /* Hides from IE Mac \*/ * html .floatcontainer {height: 1%;} .floatcontainer{display:block;} /* End Hack */ 
.dropDown{ width:110px; border:none;}
.inputField{ width:168px; height:16px; border:none;}
a.read:link,a.read:active,a.read:visited{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#CC0000; margin:20px 0;}
a.read:hover{ color:#CC3300;}

#wrapper{ width:100%; margin:0 auto; }

#header{ width:900px; margin:0 auto;  padding-top:15px; }

#header h1{ background:url(../images/astut_tech_logo.png) no-repeat; text-indent:-9999px; margin-left:20px;  }
#header h1 a {
display:block;
height:100px;
text-decoration:none;
width:330px;
}



#top {
float:right;
padding:3px;
text-align:right;
margin-top:-10px;
margin-right:20px;

}

#navigation{ width:100%; text-align:center; background:#333; height:85px;}


#navigation ul{  margin:0; padding:0; width:900px; margin:0 auto; }
#navigation li{ padding:20px 50px; float:left; list-style:none; }
#navigation li a{ text-decoration:none; color:#FFF;}

#navigation span.supernav{ display:block; font-size:18px;}
#navigation span.subnav{ font-size:11px; color:#999;}



#content{ width:900px; margin:0 auto;}
#slider{ margin-top:10px; background:url(../images/carousel_bg.jpg); height:245px; padding:10px;}

#leftContent{ width:300px; float:right; text-align:right; color:#666; line-height:20px; padding-top:10px;}
#leftContent h2{ text-align:right;}
#leftContent p{ font-size:12px; padding-right:10px;}
#leftContent ul{ margin:0; padding:0;}
#leftContent li{  margin:2px; list-style:none;}
#leftContent li a{ text-decoration:none; color:#333;  background:#DAF6B3; display:block; border:1px solid #CDE7A8; padding:15px 20px 15px 0;}
#leftContent li a:hover{ color:#fff; background:#A2D159; }



#pageContent{ margin-right:310px;}
#pageContent p{ font-size:12px; color:#666; line-height:20px; padding-left:10px;}
#pageContent ul{ margin:0; padding:0 0 0 20px;}
#pageContent li{ list-style:none; padding:8px 0; color:#666; font-size:12px;}


#map_canvas{ margin:10px; border:5px solid #666;}


.content-details {
	width:530px;
	float:left;
	padding:10px;
}
.content-details p {
	font-weight:normal;
	color:#575353;
}



/*Form*/
.form {
	float:left;
	width:550px;
}
#stylized {
}
#stylized h1, #form dl dt {
	font-size:12px;
	font-weight:bold;
	margin-bottom:8px;
}
#stylized p {
	font-size:11px;
	color:#666666;
	margin-bottom:20px;
	border-bottom:solid 1px #eee;
	padding-bottom:10px;
}
#stylized label {
	display:block;
	font-weight:bold;
	text-align:left;
	width:200px;
	float:left;
}
#stylized .small {
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	width:200px;
}
#stylized input, select, #order dl dd {
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #CACACA;
	width:300px;
	margin:2px 0 20px 10px;
	background: url(images/form-bg.jpg) repeat-x #FFFFFF;
}
#stylized input:focus, select:focus, textarea:focus {
	border: 1px solid #4A4A4A;
	background: url(images/form-bg.jpg) repeat-x #FFFFFF;
}
#stylized input.checkbox {
	width: 20px;
	float:left;
	text-align:left;
	
}

#stylized textarea{ margin-left:10px; border:1px solid #cacaca;}
#stylized p span{
	width: 280px;
	text-align:left;
	float:left;
	margin-left:210px;
}
#stylized button {
	width: 100px;
	margin-left:210px;
}



#sevices{ padding:20px 0;}
#services div{ width:290px; float:left; margin:5px 5px;}
#services h3{ font-size:18px; text-align:center;}
#services h4{ font-size:16px; font-weight:bold; color:#333; margin:10px 0;}
#services p{ font-size:12px; color:#666; line-height:20px; margin-bottom:10px;}

.viewDetail{ width:100%;}
.viewDetail div{ width:300px; float:left; text-align:right;}

#portfolio{ border:1px solid #CCC; margin-bottom:10px;}
#info{ width:240px; padding-right:10px; float:right; text-align:right; color:#666; line-height:20px; padding-top:10px; }
#portfolioImage{ margin-right:260px;}
#pagin{  font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; height:40px; padding-top:20px; text-align:right; padding-right:10px;  }
#pagin a{ text-decoration:none; padding:5px 10px; background:#B0C052; border:1px solid #333; color:#fff;  }
#pagin a:hover{ background:#999;}


#footer{ clear:both; background:#000; width:100%; padding:20px 0; text-align:center; }
#footerContainer{ width:960px; margin:0 auto; color:#FFFFFF;  font-size:10px; }
#footerContainer a{ text-decoration:none; color:#FFFFFF; text-transform:uppercase;}
#footerContainer a:hover{ color:#999999;}


#logo{ padding:10px;}