/* 	
Title: 			Reset styles
Author: 		Johannes Ma
Updated: 		Feb 29, 2008
Version:		1.2 (6-11-07)
Nods to yahoo ui library & eric meyer.
*/
   
html, body, div, span, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;}

:focus {outline: 0;}

address, caption, cite, code, dfn, th, var { 
font-style:normal; 
font-weight:normal; } 

table {
	border-collapse: collapse;
	border-spacing: 0;}

ol, ul {list-style: none;}

caption, th {text-align:left;}

h1, h2, h3, h4, h5, h6 { 
	font-size: 100%; 
	font-weight:normal; } 

q:before, q:after,
blockquote:before, blockquote:after {
	content: "";}

/* Additional */
form label {cursor: pointer;}
fieldset {border: none;}
.clear {clear: both;}
.hide {display: none;}

abbr, acronymn {text-decoration: none; border:0;}

.hide, hr, #skip {display: none;}

/*
+-------------------------------------------------------------------------+
Base Styles

+-------------------------------------------------------------------------+

*/


/* BODY STYLES ----------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
body {
	line-height: 1.2em;
	font-size: 11px;
	background: #70704c;
	color: #330;
	margin: 0; 
	margin-bottom: 20px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	height: 100%;  
	}
a:link, a:visited { color: #330; text-decoration: none;}
a:hover	{ color: #f30; text-decoration: none;}

/* CONTAINERS -----------------------------------------------------------  */
/* ----------------------------------------------------------------------- */

/* holds entire site */
#islandbath-home, #islandbath-vendors, #islandbath-contact {
	text-align: left;
	position: relative;
	width: 761px;
	height: 551px;
	margin: auto;
	padding: 50px 37px 30px;
	background: #dbdbb8;
	top: 50px;	right: 0;
	bottom: 0;left: 0;
	overflow: visible;
	
}
	
	
#islandbath-home h1, #islandbath-vendors h1 a, #islandbath-contact h1 a {display: block; width: 240px; height: 75px; background: url(../images/shared/mark.jpg) left top no-repeat; text-indent: -4000px; margin:0;}

/* Home ------------------------------------------------------------ */
/* ----------------------------------------------------------------------- */	
#islandbath-home #content {width: 230px; height: 400px; background: #fff url(../images/photos/home-rotate/home1.jpg) 278px 26px no-repeat; margin: 9px 0 0 0; padding: 26px 513px 22px 18px;}
#islandbath-home #photo {display: block; width: 386px; height: 10px; position: absolute; top: 545px; right: 64px;padding: 0; margin:0; font-size: 9px; text-align: right;}
	
#islandbath-home h2 { margin: 25px 0 8px; font-family:  Times,"Times New Roman", serif; font-size: 18px; font-weight: normal; letter-spacing: 1px;}
#islandbath-home p { line-height: 22px; }
#islandbath-home #myGallery, #islandbath-home #flashcontent {position: absolute; top: 160px; left: 315px;}
	
/* Vendors ------------------------------------------------------------ */
/* ----------------------------------------------------------------------- */
#islandbath-vendors {height:100%; margin-bottom:50px;}
#islandbath-vendors .content {width:725px; background: #fff; margin: -1px 0 0 0; padding: 26px 18px 26px 18px; overflow:hidden;}
#atoz {display: block;}
#bycat {display: block;}

#islandbath-vendors a:link, #islandbath-vendors a:visited {color: #330; text-decoration: none;}
#islandbath-vendors a:hover {color: #f30; text-decoration: none;}
#islandbath-vendors .arrow {color: #333; font-size: 11px;}

ul#vendor-nav {display:block; width: 100%; height: 28px; background:#70704c; margin-top:10px;}
ul#vendor-nav li {float: left; padding: 8px 10px 8px 10px; position: relative; margin:0; font-size: 10px; text-transform: uppercase; text-align:center;}
ul#vendor-nav li#atoz-n a{color:#fff;}
li#on {background-color:#fff;}
li#off {background-color:none; color:#fff;}
div.vendors {display:block; width:22%; height:100%; vertical-align:top; padding:10px; margin:0; float:left;}
#grey {background-color:#efefef;}
.vendors h3 {text-transform: uppercase; font-weight: bold; margin: 0; font-size:1.3em; color:#666;}
.vendors h4 {text-transform: none; margin: 8px 0 3px 8px; font-size: 1.3em; color:#708947; font-weight:bold;}
.vendors ul {margin-left:8px; line-height:1.3em;}
.vendors-secondary ul, .vendors-hardware ul,  .vendors-hardware ul.door {margin: 0 0 2px 10px;}
.vendors-secondary li, .vendors-hardware li, .vendors-hardware li.door {margin: 0 0 1px 0;}
.vendors h3.pretty-hover, .vendors h4.pretty-hover, .vendors li.pretty-hover, .vendors-hardware h4.pretty-hover {cursor: pointer; color: #f30;}
#greenline {margin: 8px 0 5px 0; display:block; float:left;}
	
/* Contact ------------------------------------------------------------ */
/* ----------------------------------------------------------------------- */

#islandbath-contact #content {width: 700px; height: 400px; background: #fff; margin: 9px 0 0 0; padding: 26px 30px;}
#islandbath-contact #map {float: left;}
#islandbath-contact #contact-info {float:right; width: 320px; letter-spacing: 1px;}
#islandbath-contact h2 { margin: 10px 0 3px 70px; text-transform: uppercase; font-weight: bold;}
#islandbath-contact dd {margin: 0 0 15px 70px;}
#islandbath-contact p {margin: 0 0 1px 0;}
#islandbath-contact li {margin: 0 0 15px 0;}
#islandbath-contact form {text-align: right;}
#islandbath-contact  label { position: relative; margin: 4px 0 0 0; font-size: 9px; text-transform: uppercase; float: left;}
#islandbath-contact input#name, #islandbath-contact input#email, #islandbath-contact textarea#message {width: 250px; margin: 0 0 0 15px; border:1px solid #dbdbb8; font-size: 11px;color: #330;}
#islandbath-contact textarea#message {height: 100px; font-family: Arial, Helvetica, sans-serif; font-size: 11px;color: #330;}

#islandbath-contact input.off {background: #fff; color: #330; border:none; font-size: 10px; text-transform: uppercase;  border:1px solid #dbdbb8;}

	
/* NAV ------------------------------------------------------------ */
/* ----------------------------------------------------------------------- */

ul#nav {display: block; width: 250px; height: 30px; position: absolute; top: 105px; left: 548px; font-size: 10px; text-transform: uppercase; letter-spacing: 1px;}
ul#nav li#n-home, ul#nav li#n-vendors, ul#nav li#n-contact  {display: inline; position: relative; float:left; width: 60px; margin: 0 32px 0 0; padding: 5px 0; text-align:center;}
ul#nav .selected {background: #fff; height:30px;}
ul#nav .vendors_selected {background: #70704c; height:30px;}
ul#nav li#n-contact {margin: 0; width:65px;}

ul#nav a:link, ul#nav a:visited {color:#330; text-decoration: none; }
ul#nav a:hover, ul#nav a.on {color: #f30;}
ul#nav a.vendors_on {color: #fff;}

	
/* FOOTER ---------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
#islandbath-home #footer {margin: 0px 0 0 -37px; padding:  0px 37px 27px 37px;} #islandbath-contact #footer {margin: -5px 0 0 -37px;}
div#footer {display: block; width: 761px; background: #dbdbb8; margin: 0 0 20px -37px; padding:  5px 37px 27px 37px; font-size: 10px;}
#footer p {margin:5px; padding:0; text-align: right;  line-height: 10px;}
#footer a {font-weight: bold;}