/*
salonbarbados.com global CSS rules

@author: Owan Hunte <owan.hunte@ispheretechnologies.com>
@developer: VT Caribbean (http://www.vtcaribbean.com)

Table of Contents:
	layout
		general
		navigation
		content
			primary
			secondary
		footer
	typography
*/

/* layout
----------------------------------------------- */

/* Friendly global style resetting */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { padding: 0; margin: 0 }
table { border-collapse: collapse; border-spacing: 0 }
a, img { border: none; outline: none }
address, caption, cite, th { font-style: normal; font-weight: normal }
ol, ul { list-style: none }
caption, th { text-align: left }
em, strong { font-weight: normal; font-style: normal }
fieldset { border: none; }
abbr { border: none; }
iframe { border: none; overflow: hidden; }

/* layout --> general
----------------------------------------------- */
html, body {
	background: #ffffff url(http://www.salonbarbados.com/images/site/page_bg.jpg) repeat-x fixed;
	color: #444;
}

body, table, tr, td, th { font: 10px Arial, Helvetica, sans-serif; }
body { text-align: center; width: 100%; }

#masterwrap {
	position: relative;
	width: 800px;
	margin: 25px auto 0;
	background: #900000;
}

embed, object {
	position: relative;
	z-index: 0;
}

.clear { clear: both; }

/* layout --> navigation
----------------------------------------------- */
#navigation {
	position: absolute;
	width: 194px;
	left: 20px;
	bottom: 0px;
}

#navigation li {
	border-top: 1px solid #900000;
}
#navigation li.first { border-top: none; }

#navigation li.first a {
	-webkit-border-top-left-radius: 18px;
	-webkit-border-top-right-radius: 18px;
	-moz-border-radius-topleft: 18px;
	-moz-border-radius-topright: 18px;
	border-top-left-radius: 18px;
	border-top-right-radius: 18px;
}

#navigation li.last a {
	-webkit-border-bottom-left-radius: 18px;
	-webkit-border-bottom-right-radius: 18px;
	-moz-border-radius-topbottom: 18px;
	-moz-border-radius-topbottom: 18px;
	border-bottom-left-radius: 18px;
	border-bottom-right-radius: 18px;
}

#navigation a {
	font-size: 12px;
	color: #EFEFEF;
	background-color: #7F0001;
	padding: 10px 0px 9px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
}
#navigation a:hover {
	color: #00FFFF;
	background-color: #5F0001;
	text-decoration: none;
}

body#home li#nav_home a, body#services li#nav_services a, body#about li#nav_about a, body#weddings li#nav_weddings a,  body#location li#nav_location a, body#products li#nav_products a, body#profile li#nav_profile a {
	color: #00FFFF;
	background-color: #5F0001;
}

/* layout --> content --> primary
----------------------------------------------- */
#sidebar {
	/* background: #900000; */
	text-align: left;
	float: left;
	width: 234px;
}

#thecut_logo {
	padding: 7px 0px 13px 28px;
}

/* layout --> content --> secondary
----------------------------------------------- */
#main {
	float: left;
	text-align: left;
	background-color: #7F0001;
	width: 566px;
	font-size: 1.1em;
	color: #FFFFFF;
}

#leading_blurb {
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 140%;
	padding-top: 15px;
	padding-left: 25px;
}
#leading_blurb p { padding-right: 100px;}

/* layout --> footer
----------------------------------------------- */
#footer {
	font-size: 1.1em;
	color: #003366;
	background: url(http://www.salonbarbados.com/images/site/page_shadow.png) repeat-x;
	text-align: center;
	height: 100px;
	padding-top: 12px;
	margin: 4px auto 0;
	width: 800px;
}

#footer p { margin-bottom: 6px; }

/* layout --> typography
----------------------------------------------- */
p { margin: 0 0 20px 0; line-height: 140%; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 18px; }
a { color: #ccc; text-decoration: underline; }
a:hover { color: #fff; }