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


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

html, body { margin:0; padding:0; width:100%; height:100%;  font-family: Arial, lucida grande, Tahoma, Arial; font-size:0.90em; color:#666; line-height:1.3em; background:url(images/water_back.jpg) no-repeat top; }
body { padding-top: 20px }
#main { width:950px; margin:auto; }
#mainHolding { width:250px; margin:200px auto; }
#header { width:100%; height:90px; background-color:#FFFFFF;}
#logo {width:157px; height:62px; margin:15px 0px 0px 30px; float:left;}
#phone {width:235px; height:21px; margin:15px 0px; float:right;}
#navMain { width:100%; min-height:30px; height:auto !important; height: 30px; background-color:#EDEDED; margin:0; padding: 0; list-style-type: none; float: none; clear: left; }
#navMain li { float:left; width:80px; padding: 5px; }
#navMain a { color: #333; text-decoration: none;}
#navMain a:hover { text-decoration: underline;}
#quoteH {width:950px; height: 205px; background:url(images/turtle.jpg) top #FFFFFF no-repeat; margin-bottom:1px; }
#quote {width:950px; height: 133px; background:url(images/shadow.png) top no-repeat; overflow: hidden}
#quoteWork {width:950px; height: 35px; background:url(images/shadow.png) top no-repeat; overflow: hidden}


#content { width:100%; padding: 25px 0 0 0; height: auto !important; background:url(images/shadow.png) top no-repeat; min-height:400px;}
#content p { color:#FFFFFF;}
#contentC { width:100%; padding: 25px 0 0 0; height: auto !important; min-height:400px;}
#contentW { width:100%; padding: 0px 0 0 0; height: auto !important; min-height:400px;}
#contentShadow { width:640px; height: auto !important; background:url(images/shadow.png) top no-repeat; min-height:70px; float:left;}

#caseImage { width:640px; float:left;}

#contact { height:5px; width:100%; background:#99eeff;}
#footer { height:200px; width:100%; float:left; background:url(images/footerBack.jpg) repeat-x;}

#aboutH {width:415px; margin:0px 0px; float:left; padding:10px 0px 0px 15px;}
#workH {width:510px; height:340px; margin:0px 0px; float:left; padding:10px 0px 10px 0px; }
.homeCopy { padding:0px 25px;}

#leftColH { width:310px; float:left; margin:0px 0px 80px 0px; height: 100% !important; }
#middleColH { width:310px; float:left; margin:0px 0px 0px 10px; height: 100% !important; }
#rightColH { width:310px; float:left; margin:0px 0px 0px 10px; height: 100% !important; }


#middleCol { width:625px; float:left; margin:0px 0px 0px 35px; height: 100% !important; }
#middleColC { width:620px; float:left; margin:0px 0px 0px 0px; padding:20px 0px 0px 20px; height: 100% !important; background:url(images/contentGrad.png) top repeat-x #FFFFFF; }
#middleColW { width:620px; float:left; margin:20px 0px 0px 0px; padding:20px 0px 0px 20px; height: 175px; background:url(images/contentGrad.png) top repeat-x #FFFFFF; }

#rightCol { width:190px; float:left; height: 100% !important; background-color:#fff; padding:30px 0px 0px 55px; }
#rightColC { width:240px; float:left; height: 100% !important; background:url(images/sideBack.png) top repeat; margin:0px 0px 0px 30px; padding:30px 15px 0px 15px; }

#nav { background:url(images/nav-grad.jpg) top repeat-x #eaeaea; width:180px; padding: 0 5px; min-height:205px; }
#nav ul { padding:0; margin:0;}
#nav li { list-style:none; border-bottom:#315080 1px solid; padding:0 }

#nav a, #nav a:hover { display:block; min-height:14px; text-decoration:none; color:#336699; padding: 3px; }
#nav a:hover { background-color:#DEEEFF; }
#nav .sub { padding-left:15px; }

#nav2 {width:700px; height:25px; background:#FFF; float:right;}


#loginBox label { float:left; width: 100px; display:block; }
#loginBox input { float:left; }

#seoLinks { width:950px; margin:auto; padding-top:35px; font-size:0.9em; color:#99CCFF; letter-spacing:0.1em;}
#copyright { width:950px; margin:35px auto; font-size:0.9em; color:#CCEEFF; letter-spacing:0.1em;}
#footerFish { width:950px; height:200px; margin:0px auto; background:url(images/footerFish.jpg) right top no-repeat; }

#maintext {width:600px;}

.clr { float:none; clear:both; }

p  {margin:10px 0 10px 0; }
h2 {color:#007996; font-size:1.1em;}
h3 {color:#99EEFF; font-size:1.1em; margin:10px 0 5px 0; font-family: Calibri, Lucida Grande, Arial, Helvetica, sans-serif }

a { color:#99EEFF; text-decoration:none; }
a:hover {color:#99EEFF; text-decoration:underline;}
.hr { border-bottom:dotted #999 thin;}
.formLabel {font-size:0.8em;}
.homeContact {font-size:1.3em; line-height:1.6em; margin:15px 0px;}


.quote { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; font-size:1.1em; color:#006699;}
.pdf {float:left;}
.resource {float:left; font-size:0.8em; color:#006699; padding:8px 0 0 5px;}
.resource1 {float:left; font-size:0.8em; color:#006699; padding:0px 0 0 5px;}

/* Quick Query */

#quickQuery {width:600px; margin: 0px 0px 75px 35px; float:left; background:url(images/queryCorner1.png) right top no-repeat #FFF;}
#quickTop {margin:5px 10px; float:left; }
#quickLeft {float:left; margin:5px 10px;}
#quickRight {float:left; margin:5px 10px;}
#quickComment {float:left; margin:5px 10px;}
#quickBot {float:left; margin:5px 10px; padding-bottom:10px;}


#middleColOurWork { width:950px; float:left;  height: 100% !important }
.ourworkL { width:300px; height:190px; margin:10px 0px; float:left; background: url(images/ourwork/grad.png) bottom no-repeat;}
.ourworkC { width:300px; height:190px; margin:10px 20px 10px 20px; float:left; background: url(images/ourwork/grad.png) bottom no-repeat;}
.ourworkR { width:300px; height:190px; margin:10px 0px; float:left; background: url(images/ourwork/grad.png) bottom no-repeat;}

.ourworkLb { width:300px; height:190px; margin:10px 0px 50px 0px; float:left; background: url(images/ourwork/grad.png) bottom no-repeat;}
.ourworkCb { width:300px; height:190px; margin:10px 20px 50px 20px; float:left; background: url(images/ourwork/grad.png) bottom no-repeat;}
.ourworkRb { width:300px; height:190px; margin:10px 0px 50px 0px; float:left; background: url(images/ourwork/grad.png) bottom no-repeat;}