﻿/* CSS Document */
body{ margin:0px; background-color:#838383}
form{ margin:0px;}
img{ border:0px;}
.highlight{ background-color:#fcf7c4; padding:5px;}

.link-black:link{ color:black;}
.link-black:visited{text-decoration: underline; color:black;}
.link-black:hover{text-decoration: none; color:black;}
.link-black:active{text-decoration: underline; color:black;}


.heading_blue { font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:20px; color: #68c6d4; text-decoration:none; margin:15px 0px 0px 0px; text-transform:uppercase;}

.line_blue { border-top: dashed 1px #68c6d4}

.heading_gray { font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:20px; color: #A2A2A2; text-decoration:none; margin:15px 0px 0px 0px; text-transform:uppercase;}

.heading_gray_small { font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #A2A2A2; text-decoration:none; margin:15px 0px 0px 0px; text-transform:uppercase;}



#container{ width:1003px; background-color:#FFFFFF; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#666666; margin:0px auto; position:relative;}

#header{ clear:both; height:373px; background-image:url(../images/main-header.jpg);
}

#header .content{padding: 260px 280px 0px 98px; }

#header .nav{padding: 27px 0px 0px 89px; clear:both}

#header-main{ clear:both; height:226px; background-image:url(../images/main-header1.jpg)}
#header-main .nav{padding: 194px 0px 0px 92px; clear:both}

#body{ clear:both; background-image:url(../images/pix.gif); 
background-repeat:repeat-x; padding: 0px 0px 10px 98px;}


#body a { font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:13px; color: #61C2D2; text-decoration:underline;}
#body a:link {text-decoration: underline;}
#body a:visited { text-decoration: underline; color: #61C2D2;}
#body a:hover {text-decoration: none; color: #61C2D2;}
#body a:active {text-decoration: underline; color: #61C2D2;}

#ourwork{ clear:both; padding-top:15px; width:640px}
#ourwork .heading{ height:25px; background-image:url(../images/pix.gif); 
background-repeat:repeat-x; background-position:50% bottom;
}


#portfolio-in{
	margin: 10px 0px 0px 0px;
	position: relative;
}


#portfolio-in .thumb{ float:left;}



#comment-area { clear:both; background-color:#ecf7f9; width:405px; text-align:right;}
#comment-area label {background-color:#ecf7f9;}
#comment-area .link-black{ color:black;}


#ourservices{ clear:both;padding-top:10px; width:640px}
#ourservices #services-left{float:left; width:405px;}

#ourservices #services-right{ float:left; padding-left:10px; width:218px;}


#ourservices .heading{ height:25px; background-image:url(../images/pix.gif); 
background-repeat:repeat-x; background-position:50% bottom;
}




.work-r{   font-size:12px; float:right; }
.thumb-r{ margin-top:6px; clear:both;}
.thumb-r img{margin: 4px 2px 0px 2px; height:66px; width:66px; float:left; border:1px #AADDE8 solid;}


.thumbweb{ clear:both}
.thumbweb img{margin: 4px 0px 0px 0px; height:110px; width:205px; float:left; border:1px #AADDE8 solid;}
.webpages{ float:left; margin: 0px 2px 0px 2px;}
.webpages .content{ clear:both; padding-left:5px; background-color:#ECF7F9;}


#newsletter{
	clear:both; width:218px;
}
#newsletter .heading{ height:25px; background-image:url(../images/pix.gif); 
background-repeat:repeat-x; background-position:50% bottom;
}
#newsletter .newsletter-title{ margin:10px 0; background-color:#b0e0e8; padding:0px 0px 0px 2px; color:black;}
#newsletter .newsletter-input{ width:214px; border:1px #7F9DB9 solid;font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #666666; }
#subscribe .button{ padding: 5px 0px 5px 152px;}
.general-input{ width:150px; border:1px #7F9DB9 solid;font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #666666; }


.quote-input{ border:1px #7F9DB9 solid; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #666666; }



#quick-contact p{margin:5px 0px 0px 0px;}
#quick-contact label{ float:left; position:relative; clear:right; padding-left:10px; }
#quick-contact img{ float:left; position:relative; padding-top:5px; clear:left;}
#quick-contact .heading{ height:25px; background-image:url(../images/pix.gif); 
background-repeat:repeat-x; background-position:50% bottom;
}

#career{ clear:both; padding-top:15px; font-size:12px;}
#career .heading{ height:25px; background-image:url(../images/pix.gif); 
background-repeat:repeat-x; background-position:50% bottom;
}

#career1{ clear:both; padding-top:15px; font-size:12px;}
#career1 .heading{ height:25px; background-image:url(../images/pix.gif); 
background-repeat:repeat-x; background-position:50% bottom;
}

.work{ clear:both; padding-top:15px; font-size:12px;}
.work .heading{ height:25px; background-image:url(../images/pix.gif); 
background-repeat:repeat-x; background-position:50% bottom;
}


.work .left{ float:left;}
.work .right{ float:right;}
.thumb{clear:both;}
.thumb img{margin: 4px 2px 0px 2px; height:73px; width:73px; float:left; border:1px #AADDE8 solid;}

.work-r{   font-size:12px; float:left; margin-left:10px}
.thumb-r{ margin-top:6px; clear:both;}
.thumb-r img{margin: 4px 2px 0px 2px; height:66px; width:66px; float:left; border:1px #AADDE8 solid;}

.thumb-r1{ margin-top:6px; clear:both;}
.thumb-r1 img{margin: 4px 2px 0px 2px; height:66px; width:66px; float:left; border:1px #AADDE8 solid;}

.thumb-r2{ margin-top:6px; clear:both;}
.thumb-r2 img{margin: 4px 2px 0px 2px; height:66px; width:66px; float:left; border:1px #AADDE8 solid;}

.thumb-r3{ margin-top:6px; clear:both; padding-left:182px;}
.thumb-r3 img{margin: 4px 2px 0px 2px; height:66px; width:66px; float:left; border:1px #AADDE8 solid;}

.title { font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:17px; color: #68c6d4; text-decoration:none; margin:15px 0px 0px 0px;}

.title { font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:17px; color: #68c6d4; text-decoration:none; margin:15px 0px 0px 0px;}

.title_gray { font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:17px; color: #A2A2A2; text-decoration:none; margin:15px 0px 0px 0px;}

.title1 { font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:17px; color: #68c6d4; text-decoration:none; margin:15px 0px 0px 0px;}

.title2 { font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:17px; color: #68c6d4; text-decoration:none; margin:15px 0px 0px 0px;}

#footer { clear:both; padding: 10px 271px 10px 98px; background-color:#36B3C6; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#ffffff;}

#footer a { font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:13px; color: #fffffe; text-decoration:underline;}
#footer a:link {text-decoration: underline; color:#fffffe;}
#footer a:visited { text-decoration: underline; color: #fffffe;}
#footer a:hover {text-decoration: none; color: #fffffe;}
#footer a:active {text-decoration: underline; color: #fffffe;}

#footer .text{ font-size:11px; margin-top:5px;} 



.right{ float:right; clear:both;}


/* ////////////////////////////////// */
.fixer {
visibility: hidden; clear: both; display: block; font-size: 1px;}
