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

#holdingjpg {width:800px; height:600px; background-image:url(images/holdingjpg.jpg); display:block; margin-top:50px;}

html, body, h1, h2, h3, h4, h5, h6, p, a {padding:0; margin:0; border:none; font-family:verdana, arial, sans-serif; color:#224b58;}
h1 {font-size:100%; font-weight:normal;}
h2 {font-size:90%; font-weight:normal;}
h3 {font-size:80%; font-weight:normal;}
h4 {font-size:70%; font-weight:normal;}
h5 {font-size:60%; font-weight:normal;}
h6 {font-size:50%; font-weight:normal;}


#holdermain {width:980px; height:auto;}
#holder {width:980px; height:auto; background-image:url(images/holder.png); background-repeat:repeat-y; float:left;}

#header1 {width:980px; height:136px; background-image:url(images/header_1.png); float:left;}
#header2 {width:960px; height:114px; background-image:url(images/header_2.png); margin-left:10px; float:left;}
#header2b {width:960px; height:114px; background-image:url(images/header_2b.png); margin-left:10px; float:left;}
#header2c {width:960px; height:114px; background-image:url(images/header_2c.png); margin-left:10px; float:left;}
#header2d {width:960px; height:114px; background-image:url(images/header_2d.png); margin-left:10px; float:left;}

#maintitle {float:left; width:960px; height:38px; padding-left:10px;}
#extratitle {float:left; width:960px; height:68px; padding-left:10px;}
#extrastuffholder {float:left; width:960px; height:auto; padding-left:10px;}
#extrastuffholder2 {float:left; width:920px; height:auto; padding-left:10px; margin-top:20px;}
#extrastuffholder3 {float:left; width:960px; height:auto; padding-left:10px;}
#extrastufflinkwrittenholder {float:left; width:800px; height:auto; margin-right:40px; margin-top:20px;}
#extrastufflinkwrittenholder h3 {float:left; width:auto; height:auto; font-family:Verdana, Geneva, sans-serif; text-align:left; padding-left:40px;}
.extrastufflink {float:left; width:880px; margin-left:40px; height:auto; font-size:12px; font-family:Verdana, Geneva, sans-serif;}
.extrastufflinkholder {float:left; width:180px; height:auto; margin-right:40px; margin-top:20px;}
.extrastufflink a {float:left; width:auto; height:auto; font-size:12px; font-family:Verdana, Geneva, sans-serif; text-decoration:underline; text-align:left;}
.extrastufflink a:hover {text-decoration:none;}
.extrastufflink2 {float:left; width:auto; margin-left:40px; height:auto;}
.extrastufflink2 a {float:left; width:auto; height:auto; font-size:13px; font-family:Verdana, Geneva, sans-serif; text-decoration:underline; text-align:left; margin-top:30px; padding-bottom:10px;}
.extrastufflink2 a:hover {text-decoration:none;}
.extrastufflink3 {float:left; width:auto; margin-left:40px; height:auto;}
.extrastufflink3 a {float:left; width:auto; height:auto; font-size:11px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; text-decoration:underline; text-align:left; padding-bottom:10px;}
.extrastufflink3 a:hover {text-decoration:none;}
.extrastufflink4 {float:left; width:auto; height:auto; font-size:11px; font-family:Verdana, Geneva, sans-serif; text-decoration:none; text-align:left; padding-bottom:10px; margin-left:40px;}
#extrastuffextraline {float:left; width:880px; height:1px; background-color:#CCC; margin-left:50px; margin-right:40px; overflow:hidden; display:block; margin-top:20px;}




#servicesection {float:left; width:960px; height:auto; padding-left:10px; margin-top:25px;}
.serviceholder {float:left; width:960px; height:auto;}
.serviceholder2 {float:left; width:960px; height:auto; padding-top:0px;}
.serviceimage {float:left; height:227px; background-color:#FFF; width:280px; display:block;}
.servicewrittenholder {float:left; min-height:227px; background-image:url(images/serviceback.png); width:680px; background-repeat:no-repeat;}
.servicetitle {width:640px; height:44px; color:#224b58; text-align:left; float:left; font-size:17px; vertical-align:text-top; font-family:Verdana, Geneva, sans-serif; margin-top:35px;}
.servicewritten h3 {width:640px; float:left; height:auto; color:#FFF; text-align:left; margin-top:5px; line-height:20px;}
.servicewritten h2 a {height:auto; color:#FFF; text-align:left; line-height:20px; text-decoration:underline; float:left;}
.servicewritten h2 a:hover {text-decoration:none;}
.serviceline {float:left; height:1px; display:block; width:720px; margin-left:220px; margin-right:20px; background-color:#CCC; margin-top:27px;}
.serviceline2 {float:left; height:1px; display:block; width:920px; margin-left:20px; margin-right:20px; background-color:#CCC; margin-top:27px;}
.serviceline3 {float:left; height:1px; display:block; width:920px; margin-left:30px; margin-right:20px; background-color:#CCC; margin-top:27px;}
.serviceline4 {float:left; height:1px; display:block; width:920px; margin-left:30px; margin-right:20px; background-color:#CCC; margin-top:27px;}


#bannertools {width:500px; height:60px; float:right;}
#search {width:378px; height:auto; float:right; position:relative; top:40px; right:50px;}

#searchanswer { margin-left:50px; width:880px; height:auto; text-align:left; float:left; margin-top:30px;}

#maintop {width:960px; height:auto; float:left; margin-left:10px;}
#mainleftholder {width:560px; height:auto; float:left;}
#mainextratitle {width:480px; height:38px; float:left; margin-left:40px; margin-right:40px; text-align:left;}
#mainwritten {width:480px; min-height:225px; float:left; margin-left:40px; margin-right:40px; text-align:left; margin-top:30px;}
#mainwritten h1 {font-size:110%;}
#mainwritten h4 {line-height:15px; font-size:75%;}
#mainswfgal {width:380px; height:295px; float:right; margin-right:20px; background-image:url(images/swfback.png);}
#mainswfgal2 {width:380px; height:315px; float:right; margin-right:20px; background-image:url(images/swfback2.png);}
#mainswfgal3 {width:380px; height:335px; float:right; margin-right:20px; background-image:url(images/swfback3.png);}
#mainswfgal4 {width:380px; height:355px; float:right; margin-right:20px; background-image:url(images/swfback4.png);}

#mainproj1 {width:960px; height:227px; float:left; background-color:#FFF; background-image:url(images/main_image_1.jpg); background-repeat:no-repeat; margin-top:30px; margin-right:10px; margin-left:10px;}
#mainproj2 {width:960px; height:227px; float:left; background-color:#FFF; background-image:url(images/main_image_2.jpg); background-repeat:no-repeat; margin-top:30px; margin-right:10px; margin-left:10px;}
.mainprojsection1 {width:210px; height:auto; float:left; margin-top:37px;}
.mainprojsection2 {width:210px; height:auto; float:left; margin-top:37px;}
.hovermain1 {width:224px; height:215px; float:left; display:block; margin-left:25px; margin-right:18px;}
.hovermain2 {width:224px; height:215px; float:left; display:block; margin-left:15px; margin-right:18px;}
.mainprojtitle {width:210px; height:44px; color:#224b58; text-align:left; float:left; font-size:17px; vertical-align:text-top;}
.mainprojwritten {width:185px; height:auto; color:#FFFFFF; text-align:left; font-size:10px; float:left; line-height:12px; font-weight:normal; letter-spacing:0px}
.mainprojwritten a {color:#FFFFFF; text-align:left; text-decoration:underline; font-size:14px; font-weight:bolder;}
.mainprojwritten a:hover {text-decoration:none;}

.mainprojwritten2 {width:200px; height:auto; color:#FFFFFF; text-align:left; font-size:11px; float:left; line-height:16px; font-weight:normal; letter-spacing:0px}
.mainprojwritten2 a {color:#FFFFFF; text-align:left; text-decoration:underline; font-size:13px; font-weight:bolder;}
.mainprojwritten2 a:hover {text-decoration:none;}

#mainprojsect1 {width:960px; height:227px; float:left; background-color:#FFF; background-image:url(images/projback.png); background-repeat:no-repeat; margin-top:30px; margin-right:10px; margin-left:10px;}
#mainprojsect2 {width:960px; height:227px; float:left; background-color:#FFF; background-image:url(images/projback.png); background-repeat:no-repeat; margin-top:25px; margin-right:10px; margin-left:10px;}

#footer {width:980px; height:91px; float:left; background-image:url(images/footer.png);}
#copyright {float:left; width:200px; height:20px; text-align:left; margin-top:32px; margin-left:50px; font-size:13px; color:#224b58;}
#bottommenu {float:right; width:500px; height:20px; text-align:right; margin-top:32px; padding-right:50px; font-size:11px;}
#bottommenu a {text-decoration:underline; color:#224b58;}
#bottommenu a:hover {text-decoration:none;}

#legalholder {float:left; height:auto; width:960px; margin-left:10px;}
#legallinks {float:left; width:244px; height:auto; text-align:left;}
#legallinks a {color:#616161;}
#legallinks b { text-decoration:underline;}
#legalwritten {width:510px; height:auto; text-align:left; margin-top:30px; margin-right:20px; float:left; margin-left:40px;}
#legalwritten b { text-decoration:underline;}
#legaltitle {float:left; width:600px; height:27px;}
#legaldetail {float:right; width:244px; height:369px; background-image:url(images/legalback.png); padding-left:43px; padding-right:33px; padding-top:33px; padding-bottom:33px; margin-right:40px; margin-top:0px;}

#contactholder {float:left; min-height:320px; width:960px; margin-left:10px; padding-bottom:10px;}
#contactinfoholder {float:left; width:480px; height:380px; margin-left:40px; background-image:url(images/contactback2.png); margin-top:40px;}
.contactwrittenmain {width:400px; height:auto; text-align:left; margin-top:38px; margin-right:20px; margin-left:40px; float:left;}
.contactwrittenbottom {width:400px; height:auto; text-align:left; margin-top:30px; margin-left:40px; margin-right:40px; float:left;}
.contactwritten {width:140px; height:auto; text-align:left; margin-top:30px; margin-right:20px; float:left;}
.contactwritten2 {width:65px; height:auto; text-align:left; margin-top:30px; margin-right:20px; margin-left:40px; float:left;}
.contactwritten a {text-decoration:underline;}
.contactwritten a:hover {text-decoration:none;}
#emaildetail2 {float:right; width:340px; min-height:320px; background-image:url(images/contactback.png); padding-left:30px; padding-right:30px; padding-top:75px; padding-bottom:25px; margin-right:40px;}
#mapholder {float:left; width:960px; height:330px; margin-left:10px; padding-top:40px; padding-bottom:23px; background-image:url(images/mapback.png); background-repeat:no-repeat;}
#map {float:left; width:960px; height:330px; display:block;}
#contactmap {width:858px; height:330x; float:left; position:relative; left:51px;}


#emailanswerholder {float:left; width:960px; height:auto; background-image:url(images/shadowline.png); background-repeat:repeat-y; overflow:hidden; padding-top:40px; padding-bottom:40px; padding-left:10px; padding-right:10px;}
#emailanswer { margin-left:40px; width:880px; height:auto; text-align:left; float:left;}


#mainmenu {width:654px; height:45px; z-index:4; margin-right:40px; margin-top:37px; float:right;}
.lineholder {width:1px; height:45px; float:left;}
.line {width:1px; height:18px; float:left; margin-top:7px; background-color:#105871;}

.button {width:auto; height:32px; float:left; position:relative;z-index:4;}
.menubutton1 {position:relative; vertical-align:top; list-style:none;width:auto; height:auto; z-index:4; padding:0 0 0 0; font-family:verdana, arial, sans-serif; font-size:13px; color:#224b58;}
.menubutton1 ul {padding:0;margin:0;list-style-type:none;z-index:4;}
.menubutton1 ul li {position:relative;z-index:4;}
.menubutton1 ul li a {display:block; text-decoration:none; height:16px; color:#224b58; padding-top:7px; padding-right:19px; padding-left:19px; padding-bottom:9px;z-index:4;}
.menubutton1 ul li a:hover {border:0;  cursor:pointer; margin:0; text-decoration:underline; z-index:4;}

.menubutton1 ul li ul {display: none;}
.menubutton1 table { display:block; margin:0; border-collapse:collapse; font-size:12px; position:absolute; top:5px; left:-1px; z-index:4;  padding:0px;color:#224b58; }
.menubutton1 ul li:hover ul {display:block; position:absolute; top:27px; left:0px;width:350px; border-top:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; z-index:4;}
.menubutton1 ul li:hover ul li { background-color:#f5f5f5; color:#224b58; z-index:4;}
.menubutton1 ul li:hover ul li a {  background-color:#f2f2f3; color:#224b58; text-align:center; display:block;line-height:18px; width:330px; height:20px; border-bottom:0;  border-bottom:1px solid #000000; text-align:left; padding:5px 10px 5px 10px; z-index:4;}
.menubutton1 ul li:hover ul li a:hover {  background-color:#329ec3; color:#FFFFFF; background-image:none; z-index:4;}

.menubutton2 {position:relative; vertical-align:top; list-style:none;width:auto; height:auto; z-index:4; padding:0 0 0 0; font-family:verdana, arial, sans-serif; font-size:13px; color:#224b58;}
.menubutton2 ul {padding:0;margin:0;list-style-type:none;z-index:4;}
.menubutton2 ul li {position:relative;z-index:4;}
.menubutton2 ul li a {display:block; text-decoration:none; height:16px; color:#224b58; padding-top:7px; padding-right:19px; padding-left:19px; padding-bottom:9px;z-index:4;}
.menubutton2 ul li a:hover {border:0;  cursor:pointer; margin:0; text-decoration:underline; z-index:4;}

.menubutton2 ul li ul {display: none;}
.menubutton2 table { display:block; margin:0; border-collapse:collapse; font-size:12px; position:absolute; top:5px; left:-1px; z-index:4;  padding:0px;color:#224b58; }
.menubutton2 ul li:hover ul {display:block; position:absolute; top:27px; left:0px;width:400px; border-top:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; z-index:4;}
.menubutton2 ul li:hover ul li { background-color:#f5f5f5; color:#224b58; z-index:4;}
.menubutton2 ul li:hover ul li a {  background-color:#f2f2f3; color:#224b58; text-align:center; display:block;line-height:18px; width:380px; height:20px; border-bottom:0;  border-bottom:1px solid #000000; text-align:left; padding:5px 10px 5px 10px; z-index:4;}
.menubutton2 ul li:hover ul li a:hover {  background-color:#329ec3; color:#FFFFFF; background-image:none; z-index:4;}

#tickerholder {width:600px; height:25px; float:left; margin-top:45px; margin-left:283px; text-align:left; font-size:12px;}
#tickerholder a {text-decoration:underline;}
#tickerholder a:hover {text-decoration:none;}