/* - - - - - - - - - - - - - - - - - - - - -

Title : Underwater World Inc. Style Sheet
Author : Eric Wolf
URL : http://www.activecanvas.com

Description : Style sheet for Underwater World Inc. website inside pages

Created : 5/26/2007
Modified : 1/2/2009

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

*{
margin: 0;
padding: 0;
}
html{
font-size: 1.25em; /* 1.25 x 16px = 20px */
}
body{
margin: 0;
padding: 0;
color: #666;
background:#cff;
font-family: Verdana, Arial, Helvetica, sans-serif; /* Trebuchet, "Trebuchet MS", Geneva */
font-size: 50%; /* adjusts base font to 10px */
}
html>body {
    font-size: 10px; /* overrides the above in all browsers except IE */
}

/* ----- IDs ----- */

#page{
margin: 0 auto;
}
#banner{
height:240px;
}
#page, #banner, #navigation, #primaryContent, #footer{
width: 800px;
}
#banner, #navigation, #primaryContent {
clear:left;
float:left;
}
#logo{
float:left;
height:200px;
width:220px;
}
#primaryContent{
background:url(/images/bkg_nsd.png) repeat-y !important;
}
#footer{
clear:both;
float:left;
text-align:left;
background:#eee;
font-size:0.9em;
}
#n_lft, #n_mlft, #n_mrgt, #n_rgt{
width:200px;
}
#n_lft{
background:#099;
}
#n_mlft{
background:#0bb;
}
#n_mrgt{
background:#0dd;
}
#n_rgt{
background:#0ff;
}

/* ----- CLASSES ----- */

.c_lft{
clear:left;
float:left;
}
.c_mid, .c_mlft, .c_mrgt, .c_rgt{
clear:none;
float:left;
width:200px;
}
.c_lft,.c_rgt{
width:200px;
}
.c_mid{
width:400px;
}
.ctr{
width: 100%;
text-align:center;
}
.foto2{
display:block;
}
.foto{
padding:5px;
}
.ndr{
padding-bottom:5px;
border-bottom:dashed 1px #666;
}

/* ----- HEADINGS ----- */

h1{
font-size: 1.6em;
margin: 0;
padding: .67em 0 .25em 10px;
text-transform:uppercase;
}
h2{
margin:0;
padding: 5px 0;
font-size: 1.3em;
text-align:center;
text-transform:uppercase;
}
h3{
font-size: 1.2em;
margin: .83em 0 .3em 10px;
}
h4, p, blockquote, ul, fieldset, form, ol, dl, .c_lft ul {
font-size: 1.1em;
margin: .5em 10px;
}
h5{
font-size: .83em;
margin: 1.5em 0;
}
h6{
font-size: .75em;
margin: 1.67em 0;
}
h1, h2, h3, h4, h5, h6, b, strong { 
font-weight: bolder;
}

/* ----- PARAGRAPHS ----- */

p{
}

/* ----- QUOTES ----- */

blockquote{
margin-left: 40px; 
margin-right: 40px;
}

/* ----- LISTS ----- */

ol, ul{
margin-left: 40px;
}
ol ul, ul ol, ul ul, ol ol {
margin-top: 0; 
margin-bottom: 0;
}

.c_lft ul li{
list-style:none;
padding:3px 0;
}
#brands li{
list-style:none;
margin:0;
padding:12px 0;
}

/* ----- IMAGES ----- */

#brands li a img{
margin:5px 0;
border:none;
padding:0;
}

/* ----- TEXT FORMATTING ----- */

strong{
font-weight:bolder;
}

/* ----- LINKS ----- */

a{
text-decoration: none;
}
a:link{
color:#c36;
}
a:visited{
color:#c36;
}
a:hover{
color:#cc3;
text-decoration:underline;
}
a:active{
color:#666;
}
a:focus{
color:#666;
}
h2 a{
margin:0;
padding:0;
}

/* ----- TABLES ----- */

table{
display: table;
border-spacing: 2px;
}
caption{
display: table-caption;
text-align: center;
}
thead, tbody, tfoot  { 
vertical-align: middle ;
}
th{
font-weight: bolder; 
text-align: center;
vertical-align: inherit;
}
td{
vertical-align: inherit;
}

/* ----- FORMS ----- */

#name, #submit_by {
	width: 250px;
}
#ac {
	width: 20px;
}
#phone {
	width: 100px;
}
#contact {
	width:500px;
	margin:20px 40px;
}
#contact fieldset{
	border: 1px solid #0bb;
	margin: 0 40px;
	padding: 10px 20px;
}
#contact fieldset legend{
	font-size:0.9em;
	border: 1px solid #0bb;
	border-bottom-color:#0ff;
	border-right-color:#0ff;
	padding:4px 8px;
}
#contact fieldset p {
font-weight: bold;
margin: 1em 0 0 20px;
padding:0;
}
input{
padding: 4px;
}
button, textarea, input, select { 
display: inline-block;
}
.submit {
	font: bold 1em Trebuchet, "Trebuchet MS", Arial, Helvetica, san-serif;
	color: #c30; 
	background-color: #eee;
}

/* ----- DEFINITIONS ----- */

dd{
margin-left: 0;
}

/* ----- PRINTING ----- */

@media print {
h1 { 
page-break-before: always; 
}
h1, h2, h3, h4, h5, h6 { 
page-break-after: avoid; 
}
ul, ol, dl { 
page-break-before: avoid; 
}