/* Tropical Babies CSS by NQ Webdesign www.nqwebdesign.com */


/* -- IMPORTED STYLESHEETS
----------------------------------------------------------------------------------------------------------*/
@import "reset.css";
@import "typography.css";
@import "common.css";

/* -- DEFAULT
----------------------------------------------------------------------------------------------------------*/
body
{
	font:12px "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
	background:url(../images/layout/body3.gif);
}
span#nqweb_link
{
	background:url(../images/pen.gif) left center no-repeat;
	padding:1px 0 1px 13px;
	display:block;
	float:right;
}

/* -- LAYOUT
----------------------------------------------------------------------------------------------------------*/
div#layout
{
	min-width:780px;
	text-align:center;
	padding:15px 0;
}

div#layout-inner
{
	margin:0 auto;
	width:720px;
	text-align:left;
	padding:30px 30px;
	background:#FFF;
}

div#header
{
	height:142px; /*TEMPORARY*/
	background:url(../images/layout/header.gif) repeat-x;
	position:relative;
}
div#logo
{
	height:115px;
}

div#babies
{
	position:absolute;
	top:-14px;
	right:0;
	
}

#navigation
{
	padding:0 0 0 10px;
	overflow:hidden;
	height:27px;
}


div#main { color:#444; }
div#content { }
div#content-inner { padding:20px 10px; }

div#sidebar{ }
div#sidbar-inner{ }

div#footer
{
	background:url(../images/layout/footer.gif) no-repeat 0 0;
	padding:40px 0 0 0;
	font-size:11px;
	color:#777;
}
div#footer-inner { padding:0 17px; }
div#info { text-align:center; }


/* -- NAVIGATION
----------------------------------------------------------------------------------------------------------*/

#navigation ul
{
	padding:0;
	margin:0;
	list-style:none;
}

#navigation ul li
{
	padding:0;
	margin:0;
	display: inline;
}

#navigation ul li a
{
	padding:8px 12px 7px 12px;
	color: #FFF;
	float: left;
	text-decoration: none;
	font-weight:bold;
	font-size:12px;
	line-height:12px;
	font-family:"Trebuchet MS", "Lucida Grande", "Helvetica Neue";
	border-right:1px solid #D82684;
	background:#E43E96;

}


body#page-home #navigation ul li#home a, 
body#page-about #navigation ul li#about a,
body#page-equipment #navigation ul li#equipment a,
body#page-bookings #navigation ul li#bookings a,
body#page-contact #navigation ul li#contact a
{
	background:#FFF;
	color:#000;
	border-right-color:#FFF;	
}

#navigation ul li a:hover
{
	background:#FFF;
	color:#E43E96;
	border-right-color:#FFF;
}

/* -- TYPOGRAPHY > HEADINGS, PARAGRAPHS, LISTS
----------------------------------------------------------------------------------------------------------*/

#main h1 { color:#e43e96; font-size:19px; font-weight:bold; }
#main h2 { color:#2086B8; font-size:16px; line-height:18px; }
#main h3 { color:#111; }
/* -- LINKS
----------------------------------------------------------------------------------------------------------*/

#main a:link, #main a:visited
{
	color:#2086B8;
}

#main a:hover
{
	background:#2086B8;
	color:#FFF;
	text-decoration:none;
}

#footer a:link, #footer a:visited
{	
	color:#e43e96;
}

#footer a:hover
{
	background:#e43e96;
	color:#FFF;
	text-decoration:none;

}


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

/* -- TABLES
----------------------------------------------------------------------------------------------------------*/
.tabular-data
{
	border:none;
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
	font-size:11px;
}

.tabular-data thead tr
{
	background-color:#56B8E8;
}

.tabular-data th
{
	color:#FFFFFF;
	font-weight:bold;
	padding:4px;
	font-size:12px;
}
	
.tabular-data td
{
	border-bottom:1px solid #56B8E8;
	font-size:11px;
	padding:4px 6px;
}

.tabular-data tbody tr.odd
{
}

.product
{
	width:20%;
}

.description
{
	width:50%;
}

.image
{
	width:15%;
}

.rates
{
	width:15%;
	text-align:right;
}

dl.rates-details
{
	margin:0;
	display:block;
}

.rates-details dt
{
	font-weight: bold;
	float: left;
	clear: left;
	width: 80px;
	display:block;

}
.rates-details dd
{
	display:block;
	width:80px;
	padding-left:5px;
	margin-left:80px;
}


/* -- MISC.
----------------------------------------------------------------------------------------------------------*/

.img-border
{
}

.img-float-right
{

	border:1px solid #F69CCC; background:#F6C6DF; padding:5px;
	float:right;
	margin:5px 0 5px 10px;
}

.img-float-left
{
	border:1px solid #555; background:#FFF; padding:4px;
 	float:left;
	margin:5px 10px 5px 0;
}