﻿/*Reset*/
html, body, div, h1, h2, h3, h4, h5, h6, img, p, ul, ol, li, a, fieldset, form, input, textarea, label {margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/*Main*/
body {background-image: url(images/footer.gif); background-position: center; background-repeat: repeat-y; background-color: #253542; color: #dbecf6; font-size: 12px; font-family: "Lucida Grande", Arial, sans-serif; line-height: 160%; }
h1 {width: 285px; height: 104px; background-image: url(images/head.jpg); background-repeat: no-repeat; text-indent: -2000em; }
h1 a {display: block; width: 100%; height: 100%; text-decoration: none; }
h2.hide {display: none; }
h3 {font-size: 18px; margin-bottom: 20px; color: #fff; line-height: 125%; }
h4 {width: 86px; height: 13px; background-image: url(images/logo_footer.gif); text-indent: -2000em; overflow: hidden; background-position: center; }
h4, p.phone, p.email {padding: 10px 20px; background-repeat: no-repeat; }
p.phone {background-image: url(images/phone.gif); }
p.email {background-image: url(images/mail.gif); }
p.phone, p.email {background-position: center left; }
a {color: #97c6da; }
a:hover {color: #fff; }

/*Background*/
div#home, div#services, div#gallery, div#about, div#contact, div#sitemap, div#links {background-repeat: no-repeat; background-position: top center; background-color: #253542; min-width: 837px; }
div#home {background-image: url(images/background_home.jpg); }
div#services {background-image: url(images/background_services.jpg); }
div#gallery {background-image: url(images/background_gallery.jpg); }
div#about {background-image: url(images/background_about.jpg); }
div#contact {background-image: url(images/background_contact.jpg); }
div#sitemap {background-image: url(images/background_sitemap.jpg); }
div#links {background-image: url(images/background_links.jpg); }

/*Div*/
div#wrapper {width: 837px; margin: 0 auto; text-align: center; }
div#header {height: 104px; overflow: hidden; }
div#left {width: 466px; padding: 218px 45px 40px 55px; }
div#left ul.indent {margin-left: 40px; }
div#left ul.indent li {padding-left: 25px; }
div#right {width: 230px; padding: 228px 0 30px 0; }
div#left.high {padding-top: 207px; }
div#right.high {padding-top: 193px; }
div#left.gallery_wrap {width: 522px; padding-left: 44px; padding-right: 0px; }
div#left, div#right, div#home_right, div#home_left {text-align: left; }
div#home_left {width: 419px; padding: 376px 0 30px 0; }
div#home_right {width: 396px; padding-bottom: 40px; }
div#home_right h2 {width: 396px; height: 208px; background-image: url(images/heading_home.jpg); text-indent: -2000em; overflow: hidden; }
div#home_right h3 {margin-top: 108px; }
div#home_right li {display: block; list-style-type: none; width: 222px; height: 47px; margin-left: 34px; }
div#home_right li a {display: block; width: 100%; height: 100%; text-indent: -2000em; overflow: hidden; }
li#service {background-image: url(images/service_link.jpg); }
li#learn {background-image: url(images/learn_link.jpg); margin-bottom: 108px; }
div#footer {width: 837px; margin: 0 auto; text-align: center; color: #454c53; clear: left; }
div#footer a {color: inherit; text-decoration: none; }
div#footer a:hover {color: #fff; }
div#footer_right {margin: 10px; }
div#footer_right p {padding: 0 10px; border-right: 1px solid #454c53; }
div#footer_right p.noborder {border: none; }
div#footer_right a {text-decoration: underline; color: #97c6da; }

/*Nav*/
div#nav {width: 506px; height: 40px; margin-top: 31px; }
ul.mainnav li {height: 40px; padding: 0 10px; }
ul.mainnav li a {width: 100%; height: 100%; display: block; overflow: hidden; text-indent: -2000em; background-position: center; }
ul.mainnav li a:hover {background-position: 0 -80px; }
ul.mainnav li, ul.subnav li {list-style-type: none; }
ul.mainnav li a, ul.subnav li a {color: inherit; text-decoration: none; }
a#home_nav {width: 74px; background-image: url(images/home.gif); }
a#services_nav {width: 74px; background-image: url(images/service.gif); }
a#gallery_nav {width: 86px; background-image: url(images/gallery.gif); }
a#about_nav {width: 86px; background-image: url(images/about.gif); }
a#contact_nav {width: 86px; background-image: url(images/contact.gif); }
ul.mainnav li a.selected, ul.mainnav li a.selected:hover {background-position: 0 0; }
ul.subnav {font-size: 11px; background-color: #131c25; padding: 4px; color: #afc7d6; }
ul.subnav li {display: inline; padding: 5px; }
ul.subnav li a:hover {color: #fff; }
a.white {text-decoration: none; color: #97c6da; }
a.white:hover {color: #fff; }

/*Boxes*/
div#box1, div#box2, div#box3, div#box4, div#box5 {font-size: 11px; }
div#box1, div#box3 {width: 230px; height: 285px; }
div#box2, div#box4 {width: 230px; height: 222px; }
div#box5 {width: 230px; height: 125px; }
div.gallery a, div#box1 a, div#box1 ul, div#box2 a, div#box2 ul, div#box3 a, div#box3 ul, div#box4 a, div#box4 ul, div#box5 a {position: relative; left: 31px; top: 50px; width: 199px;}
div.gallery a, div.gallery li, div#box1 a, div#box1 li, div#box2 a, div#box2 li, div#box3 a, div#box3 li, div#box4 li, div#box4 a, div#box5 a {padding-left: 10px; background-image: url(images/arrow.gif); background-position: center left; background-repeat: no-repeat; list-style-type: none; color: #97c6da; }
 li, div#box1 ul li, div#box2 ul li, div#box3 ul li, div#box4 ul li {line-height: 190%; }
div.gallery a:hover, div#box1 a:hover, div#box2 a:hover, div#box3 a:hover, div#box5 a:hover {color: #fff; }
div.gallery {width: 419px; height: 262px; background-image: url(images/gallery.jpg); }
div.gallery a {left: 70px; top: 75px; }
div#box1 {background-image: url(images/box1.jpg); }
div#box2 {background-image: url(images/box2.jpg); }
div#box3 {background-image: url(images/box3.jpg); }
div#box4 {background-image: url(images/box4.jpg); }
div#box5 {background-image: url(images/box5.jpg); }

/*Form*/
p.contact1 {clear: both; } 
p.contact2 {padding: 10px 0; }
p.contact2 a, p.contact2 a:hover {color: #fff; text-decoration: none; }
p.contact3 {padding-top: 10px; }
p.contact2, p.contact3 {width: 366px; float: right; color: #fff; font-size: 17px; }
p.contact2 {border-bottom: 1px solid #588693; }
p.contact3 {border-top: 1px solid #588693; }
form {margin-top: 40px; }
form ul {margin-left: 0; }
p.contact1, label {width: 100px; }
li.formlist {list-style-type: none; clear: left;}
input {margin-bottom: 5px; }
.box {width: 351px; border: 1px solid #588693; padding: 5px; background-color: #e4eff7; float: left;}
.button {display: block; width: 131px; height: 51px; margin-right: -9px; text-indent: -2000em; overflow: hidden; }
.choice {display: none; }
textarea {overflow: auto; }
label.input_error {font-weight: bold; }
input.input_error, textarea.input_error {border: 1px solid red; }

/*Float*/
div.clearfix {width: 0; height: 0; clear: both; line-height: 0; }
div#left, div#home_left {clear: both; }
h1, div#nav, ul.mainnav li, div#left, div#right, div#home_left, div#home_right, h4, p.phone, p.email, div#footer_right p, p.contact1, label {float: left; }
ul.subnav, div#footer_right, .button {float: right; }


