/*============================================================
 © 2009 Deep Blue Water Communication
 www.dbwc.com.au
============================================================*/

body {
background: #EBEBEB url(../images/bg.gif) repeat-x;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #69665B;
font-size: 12px;
line-height: 16px;
font-family: Lucida Grande, Verdana, sans-serif;
text-decoration: none
}

.oneColFixCtr #container {
width: 790px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: none;
text-align: left; /* this overrides the text-align: center on the body element. */
clear: both;
}

.oneColFixCtr #logo {
text-align: center;
height: 250px;
}

.oneColFixCtr #nav {
border: none;
clear: both;
margin: 0px 0 0 0;
text-align: center;
list-style-type: none;
padding-right: 40px;
}

.oneColFixCtr #nav ul {
display: block;
list-style: url(../images/index_bullet.gif) none;
white-space: nowrap;
}

.oneColFixCtr #nav li {
display:inline;
padding: 0 10px 0 0px;
}

.oneColFixCtr #nav a {
color: #d3d3d3;
font-size: 20px;
text-decoration: none;
}

#nav A:LINK     { text-decoration: none; }
#nav A:VISITED  { text-decoration: none }
#nav A:HOVER    { color: #FFFFFF; }

#nav li.active a {
color: #FFFFFF;
border-bottom: 1px solid #A7A7A7;
}

.bullet {
font-size: 20px;
color: #e9641f;
}

.oneColFixCtr #mainContent {
padding: 0px 30px 0px 30px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
clear: both;
margin: 60px 0 0 0;
}

.oneColFixCtr #footer {
margin-top: 70px;
text-align: center;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCCCCC;
clear: both;
}


/*============================================================
HEADINGS
============================================================*/

H1   { color: #666666; font-family: Lucida Grande, Verdana, sans-serif; font-weight: bold; font-style: normal; font-size: 12px; line-height: 15px; margin: 0px 0px 0px 0px; }
H2   { color: #666666; font-style: normal; font-weight: normal; font-size: 15px; line-height: 19px; font-family: Lucida Grande, Verdana, sans-serif; margin: 0px 350px 20px 0; }
H3   { color: #666666; font-style: normal; font-weight: normal; font-size: 18px; line-height: 18px; font-family: Lucida Grande, Verdana, sans-serif; margin: 0px; padding: 8px 0 5px 0; }
H4   { color: #666666; font-style: normal; font-weight: bold; font-size: 12px; line-height: 13px; font-family: Lucida Grande, Verdana, sans-serif; margin: 0px; color: #e9641f; padding: 0 0 5px 0; }
H5   { color: #666666; font-style: normal; font-weight: bold; font-size: 11px; line-height: 14px; font-family: Lucida Grande, Verdana, sans-serif; margin: 0px }


/*============================================================
PRIMARY LINKS
============================================================*/

A:LINK     { color: #666666; text-decoration: underline }
A:VISITED  { color: #666666; text-decoration: underline }
A:HOVER    { color: #000000; text-decoration: underline }
A:ACTIVE   { color: #999999; text-decoration: none }


/*============================================================
GENERAL
============================================================*/

.bold {
font-weight: bold;
}

div#form {
float: right;
position: relative;
right: 50px;
top: -130px;
border-left: 1px solid #CCCCCC;
padding-left: 60px;
}

div#form td {
border-bottom: none;
margin: 0;
}

div#hours {
float: right;
position: relative;
top: -88px;
background-color: #F9F9F9;
padding: 40px;
width: 230px;
}

div#hours p {
padding: 0px 0 8px 0;
margin: 0px;
border-bottom: 1px solid #CCCCCC;
}

div#map {
float: right;
position: relative;
top: -88px;
background-color: #F9F9F9;
padding: 40px;
clear: both;
margin: 10px 0 0 0;
width: 230px;
}

div#map img {
border: 4px solid #CCCCCC;
margin: 8px 0 0 0;
}

.oneColFixCtr #mainContent img {
margin: 6px 0px 6px 50px;
border: 4px solid #CCCCCC;
float: right;
clear: both;
}

.contact {
width: 300px; 
float: left; 
position: relative; 
display:block; 
clear: none;
margin: 60px 0px 30px 0px;
padding: 40px;
}

.p2 {
margin: 0;
padding: 0;
}