/*///////////////BROWSER RESET//////////////////////////////////////////////////////////////////////////////////////////////*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, th, td, input, textarea, select { 
margin: 0; padding: 0; 
}

/*///////////////BASIC TAGS//////////////////////////////////////////////////////////////////////////////////////////////*/

body {
font: 14px Arial, Helvetica, sans-serif; 
color: #FFFFFF; 
line-height: 20px; 
background: #354E6E url(../images/background.jpg) repeat-x 0 0;
}

h1 {font: 22px Arial, Helvetica, sans-serif; color: #FECF5F;  font-weight: normal; margin-bottom: 10px; border-bottom: 1px solid #7A95B9;}
h2 {font: 18px Arial, Helvetica, sans-serif; font-weight: normal; color: #FECF5F; margin-bottom: 10px;}
h3 {font: 14px Arial, Helvetica, sans-serif; font-weight: bold; color: #2A4A5D;}
h4 {font: 12px Arial, Helvetica, sans-serif; font-weight: bold; color: #4F443D;}

p {margin-bottom: 10px;}

img {border:0;}

a:link {color: #FECF5F; text-decoration: none;}
a:visited {color: #92ADD1; text-decoration: underline;}
a:hover {color: #FECF5F; text-decoration: underline;}

.clearing {clear: both;}


/*///////////////HEADER AND NAV//////////////////////////////////////////////////////////////////////////////////////////////////*/

#header {
width: 1006px; 
height: 241px; 
background: url(../images/header_back.png) no-repeat 0 0; margin: 0 auto;
}

#logo {
width: 171px; 
height: 45px;
margin: 57px 0 0 115px;
float: left;
}

#logo a {
display: block; 
width: 171px; 
height: 45px; 
position: relative;
}

#logo a span {
display: block; 
width: 171px; 
height: 45px; 
position: absolute; 
top:0; 
left:0; 
background: url(../images/logo.png);
cursor:pointer;
}

#nav {float: right; width: 455px; height: 34px; list-style: none; margin: 60px 110px 0 0;}
#nav li {float: left;}
#nav li a {display: block; position:relative; overflow:hidden; height: 34px;}
#nav li a span {display: block; position: absolute; top: 0; left: 0; height: 34px; cursor:pointer;}

#nav li#nav1 a {width: 98px;}
#nav li#nav2 a {width: 114px;}
#nav li#nav3 a {width: 168px;}
#nav li#nav4 a {width: 75px;}

#nav li#nav1 a span {width: 98px; background:url(../images/nav.png) no-repeat 0 0;}
#nav li#nav2 a span {width: 114px; background:url(../images/nav.png) no-repeat -98px 0;}
#nav li#nav3 a span {width: 168px; background:url(../images/nav.png) no-repeat -212px 0;}
#nav li#nav4 a span {width: 75px; background:url(../images/nav.png) no-repeat -380px 0;}

#nav li#nav1 a:hover span {background:url(../images/nav.png) no-repeat 0 -34px;}
#nav li#nav2 a:hover span {background:url(../images/nav.png) no-repeat -98px -34px;}
#nav li#nav3 a:hover span {background:url(../images/nav.png) no-repeat -212px -34px;}
#nav li#nav4 a:hover span {background:url(../images/nav.png) no-repeat -380px -34px;}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
font: normal 11px Verdana;
z-index:100;
visibility: hidden;
list-style:none;
margin-left: -20px;
margin-top: -1px;
width: 225px;
height: 67px;
background: url(../images/dropdownNav-back.png) no-repeat 0 0;
padding-bottom: 18px;
}

.dropmenudiv li {
background: url(../images/subnav-bullet.png) no-repeat 0 11px;
padding-left: 20px;
padding-top: 9px;
}

.dropmenudiv li.first {
background: url(../images/subnav-bullet.png) no-repeat 0 20px;
padding-top: 18px;
}

.dropmenudiv a{
text-decoration: none;
font-weight: bold;
}



ul.dropmenudiv li a:link, ul.dropmenudiv li a:visited {color: #354E6E; text-decoration: none;}

ul.dropmenudiv li a:hover {text-decoration: underline;}


/*///////////////CONTENT AREA//////////////////////////////////////////////////////////////////////////////////////////////////*/

#content {
width: 766px; 
min-height: 350px;
background: url(../images/content_back.png) no-repeat 0 0; 
margin: 0 auto;
padding: 40px 120px 20px 120px;
}

.col1 {float: left; width: 236px; margin-right: 26px;}
.col2 {float: left; width: 236px; margin-right: 26px;}
.col3 {float: left; width: 236px;}

.col1alt {float: left; width: 498px; margin-right: 26px;}
.col2alt {float: left; width: 236px;}

h2.home, h2.home2 {padding-bottom: 5px; border-bottom: 1px solid #7A95B9; font-size: 22px; font-weight: bold;}

h2.home2 {color: #FFFFFF;}

h2 a:visited {text-decoration: none; color: #FECF5F; }

#content ul {list-style:none;}
#content ul li {margin-bottom: 8px; padding-left: 10px; background: url(../images/bullet.png) no-repeat 0 5px;}

.cta {
width: 206px; 
height: 99px; 
padding: 10px;
background: url(../images/cta-back.png) no-repeat 0 0; 
margin: 10px 0;
}

.ctaSmall {
width: 206px; 
height: 44px; 
padding: 10px;
background: url(../images/cta-back-small.png) no-repeat 0 0; 
margin: 10px 0;
}

.rowPict {float: left; margin-right:26px;}
.rowPictLast {float: left;}

.project {border-bottom: 1px dashed #7A95B9; margin-bottom: 10px;}
.project img {float: left; margin-bottom: 10px;}
.project p {float: right; width: 335px;}

.testimonial {
line-height: 20px; 
font: 16px Georgia, "Times New Roman", Times, serif; 
font-style: italic; 
padding: 12px 20px 10px 16px;
color: #92ADD1;
background: url(../images/testimonial-back.png) no-repeat 0 0;
margin-bottom: 10px;
}

/*///////////////FOOTER//////////////////////////////////////////////////////////////////////////////////////////////////*/

#footer {
width: 780px; 
margin: 0 auto; 
border-top: 1px solid #7A95B9; 
text-align: center;
color: #92ADD1;
padding: 10px 0;
}

.numberHead {color: #FECF5F; font-weight: bold; margin-left: 5px;}
.number {color: #fff;}

.webo a, .webo a:visited {text-decoration: none; color: #92ADD1;}
.webo a:hover {text-decoration: underline; color: #92ADD1;}

.imgRight {float: right; margin: 0 0 10px 10px;}
.imgLeft {float: left; margin: 0 10px 10px 0;}