﻿/* DEFAULTS
----------------------------------------------------------*/

body   
{
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    background: #C7E7EA;
}
h1, h2, h3, h4, h5, p, li, ul, ol
{margin: 0 0 10px 0; padding: 0; text-align: left;}
li {font-size: 13px}
h1 {font-size: 22px; color: #012742;}
h2 {font-size: 28px}
h3 {font-size: 13px}
li {list-style-image: url("/images/bullet_image.png"); line-height: 20px;}
p {font-size:13px; line-height: 22px;}
/*-----------------------------------Content-------------------------------------*/
div.contentWrapper
{width: 760px; margin: 20px auto 50px auto; padding: 0 20px; border: 1px solid #59ADB6; background: #DEF6F9 }
div.mainContent
{min-height:500px; padding: 30px 0 20px 0}
p.clear
{clear: both; margin: 0; padding: 0}
.marginPullLeft
{margin-left: -20px}


/*----------------------------------Header---------------------------------------*/
div.header
{width: 800px; background: url(/images/header_01.jpg) top left no-repeat; height: 148px;}


/*----------------------------------Nav---------------------------------------*/
ul.nav
{clear: both; text-align: center; background: url(/images/footer_01.jpg) top left no-repeat;  height: 28px; width: 800px; margin-bottom: 0; padding: 7px 0 0 0; border-top: 1px solid #59ADB6; border-bottom: 1px solid #59ADB6}
ul.nav li
{display: inline;padding: 0 50px;}
ul.nav li a
{ color: #012742; text-decoration: none; font-weight: bold;}

/*----------------------------------Footer---------------------------------------*/
div.footer
{background: url(/images/footer_01.jpg) top left no-repeat; height: 35px;; width:800px; margin-top:20px;}
div.footer h3
{padding: 7px 0 0 0;  text-align: center}

/*--------------------------------Default---------------------------------------*/
img.homepageTop
{padding: 0 0 15px 0; margin: -30px 0 0 -20px;}
img.welcome
{float: left;}
div.welcomeText
{float: left; clear: left; width:540px; padding: 20px 20px 0 0}
ul.welcomeList
{float: right; background-color: #EBF7F9; border: 2px solid white; width: 150px; padding: 10px 10px 10px 30px; margin: 0}
ul.welcomeList li
{margin-left: 0; padding-left: 0; color: #012742; font-weight: bold; }


/*----------------------------------Contact----------------------------------*/
img.contactImage
{float: left;}
div.contactBox
{float: left; padding: 10px 20px; background-color: #EBF7F9; border: 2px solid white; margin: 0 0 20px 10px;}
div.contactBox h1
{font-size: 20px;}
div.messageBox
{clear: both; float: right; padding-right:61px;}
div.messageBox div
{clear: both; padding: 0 0 10px 0; float: right;}
textarea.contactMessage, div.messageBox div input
{width:300px; padding: 10px;}
textarea.contactMessage
{height: 200px;}
input#submit {padding: 20px; height: 40px; margin: 10px;}

/*--------------------------------Services----------------------------------*/
div.servicesList
{width: 370px;}
div.servicesList div
{background-color: #EBF7F9; border: 2px solid white; margin: 0 0 15px 0; padding: 10px 20px;}
div.servicesContact {background-color: #EBF7F9; border: 2px solid white; margin: 0 0 15px 0; padding: 10px 20px; clear: both;}
div.servicesContact h1 { text-align: center;}
div.servicesList div ul li
{margin: 0 10px 0 20px;}
div.servicesList.left
{float: left; margin-right:10px;}
div.servicesList.right
{float: right; margin-left:10px;}

/*--------------------------------Gallery----------------------------------*/
div.slideshowWrapper {position: relative; margin: 0 0 30px 0;}
div.slideshowWrapper .s2 {margin: 0 auto;}
div.s2 div img { filter: alpha(opacity=100); /* IE only */ opacity: 1.00; /* All other browsers */ width: 550px; }
div.s2 div span {position: absolute; top: 200px; left: 50%;}
.nav #next2, .nav #prev2 {position: absolute; top: 120px;height: 155px; width: 66px; display: block; text-indent: -9999px;}
.nav #prev2 { left: 0; background: url(/images/prev.png) top left no-repeat; }
.nav #next2 { right: 0; background: url(/images/next.png) top left no-repeat;}