@charset "utf-8";
/* CSS Document */
body{background: url(../images/bg.gif) repeat; width:100%; height:100%; margin:0 auto; padding:0; font-family:Arial, "Helvetica", sans-serif; }
img{border:none;}
.clear{clear:both;}
.lclear{clear:left;}
.rclear{clear:right;}
#wrapper{margin:0 auto; width:1000px;}
#headbg{background:#618AC0 url(../images/headbg.gif) repeat-x top left; width:100%; height: 246px;}
#header{background:url(../images/header.png) no-repeat; margin:0 auto; width:1000px; height:246px; position:relative; border:none;}

/*index content*/
#content{background-color:#1C678E; width:100%; height:auto; min-height:300px; margin:0 auto; padding-bottom:20px;}
#content .left{width:70%; float:left;}
#content .left h1{margin:0 auto; text-align:center; padding:20px 0; font-size:18pt; font-weight:bold; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;}
#content .left p{font-size:10pt; font-weight:normal; text-align:justify; line-height:12pt; color: #FFFFFF; padding:10px 20px;}
#content .left a{color:#FFFF00; font-size:8pt; float:right; margin-right:20px; padding:10px; text-decoration:none; font-weight:bold;}
#content .left a:hover{color:#FFFFFF;}
#content .right{width:30%; height:auto; float:right; background-color:#227198; margin:20px 0; padding-bottom:20px;}
#content .right .top{background-color:#07496a;}
#content .right .top p{font-size:12pt; padding:10px; font-weight:bold; color:#FFFF00; text-align:left;}
#content .right p{text-align:justify; font-size:10pt; color:#FFFFFF; font-style:italic; line-height:12pt; padding:20px 20px 5px 15px;}
#content .right a{color:#FFFF00; font-size:10pt; float:right; margin-right:5px; padding:10px; text-decoration:none; font-weight:bold;}
#content .right a:hover{color:#FFFFFF;}
#content .right2{width:30%; height:auto; float:right; background-color:#227198; margin:20px 0; padding-bottom:20px;}
#content .right2 .top{background-color:#07496a;}
#content .right2 .top p{font-size:12pt; padding:10px; font-weight:bold; color:#FFFF00; text-align:left;}
#content .right2 img{margin:10px 30px; border:none;}
#content .right2 a{margin:0 auto;}
.testimonial{float:right; text-align:left; color:#FFFF00; font-size:8pt; font-weight:bold; padding-bottom:0px;}
.gold{color:#FFFF00;}
.line{border-bottom:1px dashed #FFFFFF; width:95%; margin:0 auto; padding:5px 0;}
.dot{background:url(../images/dot.gif) no-repeat; float:left; padding-right:10px; width:7px; height:7px;}

/*sub pages*/
.content{background-color:#1C678E; width:100%; height:auto; min-height:300px; margin:0 auto; float:right; padding-bottom:50px;}
.content2{background-color:#1C678E; width:80%; height:auto; min-height:300px; margin:0 auto; padding-bottom:50px;}
.content h1, .content2 h1{padding-top:20px; margin:0 auto 20px auto; text-align:center; font-size:18pt; color:#ffffff; font-weight:bold;}
.content p, .content2 p{text-align:justify; font-size:10pt; line-height:12pt; color:#FFFFFF; padding:10px 40px 5px 40px;}
.content a, .content2 a{color:#FFFF00; font-size:8pt; float:right; margin-right:40px; padding:10px; text-decoration:none; font-weight:bold;}
.content a:hover, .content2 a:hover{color:#FFFFFF;}
#content h2{margin:0 auto; text-align:center; font-size:16pt; color:#ffffff; font-weight:bold;}
#content h3, .content h3{margin:0 auto 20px auto; text-align:center; font-size:14pt; color:#BBF932; font-weight:bold;}
#content h4{margin:0 auto 20px auto; text-align:center; font-size:10pt; color:#BBF932; font-weight:bold; padding-top:10px;}
ul.services {margin:0 auto; width:400px; list-style:none;}
ul.services li{ font-size:10pt; color:#FFFFFF; padding:0 5px; margin-left:10px; text-align:center; font-size:11pt; font-weight:bold; }

/*contact page*/
.contactform{width:60%; height:auto; margin:0 auto; font-size:10pt; font-family:"Verdana", Arial, Helvetica, sans-serif; color:#ffffff; padding-top:20px;}
.contactleft{width: 40%; height:auto; float:left;}
.contactright{width:40%; height:auto; float:right; padding-left:10px;}
.contactright label{color: #FFFF00; font-size:11px; text-align:left; font-family:"Verdana", Arial, Helvetica, sans-serif;}
.contactform label{color:#FFFF00; font-size:11px; text-align:left; font-family:"Verdana", Arial, Helvetica, sans-serif; float:left;}
.contactform input[type=text]{width:212px; height:19px; border: 1px solid #3d3a39; background-color:#2c2726; margin:0 0 10px 0; color:#FFFFFF; font-size:11px;}
.contactform input[type=text].small{width:0px; margin:0 0 10px 10px; background-color:#1C678E; color:#1C678E; border:none;}
.contactform input[type=text].small:hover{background-color:#0F0F0F; color:#0F0F0F; border:none;}
.contactform textarea{width:211px; height:120px; border: 1px solid #3d3a39; float:left; background-color:#2c2726; color:#FFFFFF; font-size:11px; margin:0;}
.contactform input[type=reset]{margin:20px 0; float:left; color:#FFFF00; font-size:8pt; font-weight:bold; text-decoration:none; cursor:crosshair; background:none; border: none;}
.contactform input[type=reset]:hover{color:#FFFFFF;}
.contactform input[type=submit]{margin:20px 0 0 15px; float:left; cursor:crosshair; color:#FFFF00; font-size:8pt; font-weight:bold; text-decoration:none; background:none; border:none;}
.contactform input[type=submit]:hover{color:#FFFFFF;}
.contactform input[type=text]:focus,.contactform input[type=text]:hover, .contactform textarea:focus, .contactform textarea:hover {background-color: #3d3a39; border:1px solid #2c2726;}

/*quote page*/
.quoteform{width:60%; height:auto; font-size:10pt; font-family:"Verdana", Arial, Helvetica, sans-serif; color:#ffffff; padding-top:20px; margin-left:200px}
.quoteform label{color:#FFFF00; font-size:11px; text-align:left; font-family:"Verdana", Arial, Helvetica, sans-serif; float:left; width:250px}
.quoteform input[type=text]{width:300px; height:19px; border: 1px solid #3d3a39; background-color:#2c2726; margin:0 0 10px 0; color:#FFFFFF; font-size:11px; float:left;}
.quoteform select {width:300px; height:19px; border: 1px solid #3d3a39; background-color:#2c2726; margin:0 0 10px 0; color:#FFFFFF; font-size:11px; float:left;}
.quoteform input[type=text].small{width:100px; margin:0 0 10px 10px; float:left;}
.quoteform textarea{width:300px; height:120px; border: 1px solid #3d3a39; background-color:#2c2726; color:#FFFFFF; font-size:11px; margin:0 0 10px 0;}
.quoteform input[type=reset]{margin:20px 20px 0 0; float:right; color:#FFFF00; font-size:8pt; font-weight:bold; text-decoration:none; cursor:crosshair; background:none; border: none;}
.quoteform input[type=reset]:hover{color:#FFFFFF;}
.quoteform input[type=submit]{margin:20px 50px 0 0; float:right; cursor:crosshair; color:#FFFF00; font-size:8pt; font-weight:bold; text-decoration:none; background:none; border:none;}
.quoteform input[type=submit]:hover{color:#FFFFFF;}
.quoteform input[type=text]:focus,.quoteform input[type=text]:hover, .quoteform textarea:focus, .quoteform textarea:hover, .quoteform input[type=text].small:hover {background-color: #3d3a39; border:1px solid #2c2726;}


/*partners*/
.partners{margin:0 auto; width:90%}
.partners img{float:left; margin:10px;}
*+html .partners{width:100%;}

/*sidebar*/
#sidebar{ width:25%; height: inherit; float:left; background-color:#399BC0;}
#sidebar img{text-align:center; margin:10px auto; width:auto; height:auto; border:none;}

/*gallery*/
#galleryContainer{ position: relative; width:100%; padding-top:10px; text-align: left; padding-left: 65px;}
.thumbnailHolder { float:left; width: 120px; height:95px; margin: 8px; }
.thumbnailHolder img { border: 3px solid #ffffff; }

/*footer*/
#footer{background:#424436 url(../images/footer.gif) repeat-x bottom left; height:128px; width:100%; margin-top:-12px; overflow:hidden;}
#footer p{text-align:center; font-size:8pt; font-weight:bold; color:#FFFFFF; padding-top:50px;}
#footer a{color:#FFFF00; text-decoration:none; font-size:11pt; font-weight:bold;}
#footer a:hover{color:#FFFFFF;}

/*IE Hacks*/
*{margin:0; padding:0;}