/*---------------*/
/* Reset Default */
body {margin:0; padding:0; font:14px Arial, Helvetica, sans-serif; background-color:#003e69;}
h1,h2,h3,h4,p,ul{margin:0; padding:0;}
a:link, a:visited {text-decoration:none;	color:#000000;}
a img {border:none;}
.clear {clear:both;}
/*---------------*/

/* HEADER + NAV */
#header {width:100%; min-width:980px; background-color:#ffffff;}
#header .content {width:980px; height:138px; margin:0 auto; position:relative;}
#header .content img {margin-top:16px;}
#header .content ul {position:absolute; right:0; bottom:4px; list-style-type:none; }
#header .content ul li {margin:0 20px; float:left;}
#header .content ul li a {display:block; padding:5px 10px; font-size:16px;}
#header .content ul li a:hover {text-shadow: 2px 2px 0px #e5e5ee;}

#home #nav-home, #services #nav-services,
#about #nav-about, #contact #nav-contact {color:#004A7F; text-shadow: 2px 2px 0px #e5e5ee;}

/* CONTENT */
#middle {width:100%; min-width:980px; background:#5e5f61 url('../images/content-bg.png') top repeat-x; position:relative; overflow:hidden;}
#wrapper {width:980px; margin:0 auto; position:relative; z-index:2;}
#page-banner {width:980px; height:357px; position:relative;}
#page-banner .tag {width:485px; height:112px; position:absolute; bottom:8px; right:-15px; background:url('../images/banner-tag-bg.png') left repeat-y;}
#page-banner .tag h1 {margin:12px; margin-right:38px; color:#ffffff; font-size:51px; font-weight:bold; line-height:42px; letter-spacing:-3px; text-align:right;}
#page-banner .tag h1 span {font-size:34px; letter-spacing:0;}

#home #page-banner .tag {height:155px;}
#home #page-banner .tag h1 {margin-left:80px; margin-right:0; text-indent:-68px; text-align:left;}
#home #page-banner .tag h1 span.right {display:block; margin-right:30px; text-align:right; font-size:51px;}

#home #page-banner {background:url('../images/banners/home.jpg') no-repeat;}
#services #page-banner {background:url('../images/banners/services.jpg') no-repeat;}
#about #page-banner {background:url('../images/banners/about.jpg') no-repeat;}
#contact #page-banner {background:url('../images/banners/contact.jpg') no-repeat;}

#wrapper .content {width:100%; padding-top:40px; padding-bottom:25px; color:#004A7F; background-color:#ffffff;}
#wrapper .content #left-col {width:580px; margin-left:38px; display:inline; float:left; position:relative;}
#wrapper .content #left-col .box {padding-top:20px; margin-bottom:45px;}
#wrapper .content #left-col .box:first-child {margin-top:-20px; padding-top:20px;}
#wrapper .content #left-col .box h2 {width:335px; left:-53px; padding:6px 0; padding-left:53px; font-size:16px; background-color:#BCD6B7; position:relative;}
#wrapper .content #left-col .box h3 {margin-top:5px; margin-bottom:3px; font-size:14px;}
#wrapper .content #left-col .box p {line-height:20px;}
#wrapper .content #left-col .box a {color:#003255; text-decoration:underline;}

#wrapper .content form {margin-top:10px;}
#wrapper .content form td {padding-bottom:5px;}
#wrapper .content form td.label {padding-top:8px; padding-right:15px; vertical-align:top;}
#wrapper .content form input, #wrapper .content form textarea {width:200px; padding:5px; font:14px Arial, Helvetica, sans-serif; border:1px solid #BCD6B7;}
#wrapper .content form input:focus, #wrapper .content form textarea:focus {border:1px solid #004A7F; outline:none;}
#wrapper .content form textarea {width:300px; height:100px;}
#wrapper .content form .submit {width:100px; background-color:#004A7F; color:#ffffff; border:1px solid #004A7F; cursor:pointer; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px;}
#wrapper .content form input.error {border:1px solid red;}

#wrapper .content .formmsg {text-align:center;}

#wrapper .content #right-col {width:250px; float:right; display:inline; position:relative;}
#wrapper .content #right-col a {color:#003255; text-decoration:underline;}
#wrapper .content #right-col #right-nav {width:250px; list-style-type:none;}
#wrapper .content #right-col #right-nav li {margin-bottom:24px; border-bottom:1px solid #004A7F;}
#wrapper .content #right-col #right-nav a {display:block; padding:5px 0; padding-right:38px; color:#004A7F; font-size:14px; font-weight:bold; text-decoration:none;}
#wrapper .content #right-col #right-nav.float {position:fixed; top:40px;}

#contact #wrapper .content #right-col {width:270px;}

#home #wrapper .content #left-col {width:375px; margin:0; float:left;}
#home #wrapper .content #left-col .box {width:418px; padding:20px 0; position:absolute; top:0; left:-30px; background-color:#bbd5b7;}
#home #wrapper .content #left-col .box h2 {width:auto; margin-left:38px; margin-right:30px; padding:0; font-size:43px; letter-spacing:-2px; line-height:42px; left:0;}
#home #wrapper .content #left-col .box p {width:270px; margin-top:12px; padding:10px 10px 10px 38px; background-color:#ffffff;}
#home #wrapper .content #left-col .box .fold {width:30px; height:23px; position:absolute; bottom:-23px; background:url('../images/home-left-fold.png') no-repeat;}

#home #wrapper .content #right-col {width:520px; margin-right:38px; float:right; position:relative;}
#home #wrapper .content #right-col h2 {font-size:17px;}
#home #wrapper .content #right-col p {line-height:20px;}
#home #wrapper .content #right-col ul {margin-left:30px; line-height:20px; overflow:hidden;}
#home #wrapper .content #right-col ul li {width:200px; margin-left:20px; float:left;}
#home #wrapper .content #right-col .box {width:290px; margin-top:25px; margin-right:-53px; padding:10px; padding-right:61px; background-color:#bbd5b7; float:right;}
#home #wrapper .content #right-col .box p {margin-bottom:10px; padding-bottom:10px; font-weight:bold; border-bottom:8px solid #004A7F;}

#contact #wrapper .content #right-col h2 {margin-bottom:4px; padding:5px 0; font-size:14px; border-bottom:1px solid #004A7F;}
#contact #wrapper .content #right-col address {margin-bottom:24px; margin-left:10px; font-style:normal;}
#contact #wrapper .content #right-col p {margin-bottom:24px; margin-left:10px;}
#contact #wrapper .content #right-col a {color:#004A7F; text-decoration:none;}

#shadow-left {width:21px; height:100%; background:url('../images/wrapper-shadow.png') left repeat-y; position:absolute; top:0; right:50%; margin-top:35px; margin-right:490px; z-index:1;}
#shadow-right {width:21px; height:100%; background:url('../images/wrapper-shadow.png') right repeat-y; position:absolute; top:0; left:50%; margin-top:35px; margin-left:490px; z-index:1;}

/* FOOTER */
#footer {width:100%; min-width:980px; height:60px; background:url('../images/footer-bg.png') top repeat-x;}
#footer .content {width:980px; margin:0 auto;}
#footer .content ul {width:890px; margin:0 auto; padding-top:10px; list-style-type:none; text-align:center;}
#footer .content ul li {float:left; line-height:40px; margin:0 16px; color:#ffffff;}
#footer .content ul a {padding:5px 5px; font-size:12px; color:#ffffff;}
#footer .content ul a:hover {text-decoration:underline;}
#footer .content ul span {padding:0 40px; font-size:12px; color:#ffffff;}
#footer .content ul a.logobee {font-size:10px;}
#footer .content ul a.logobee:hover {text-decoration:none; color:#BCD6B7;}