*
{
	padding: 0;
	margin: 0;
}

.clear
{
display: block;
clear: both;
}

body
{
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	background: #666;
	text-align: center;
}

a img, fieldset
{
	border: 0;
}

/* TEXT STYLES ************************/

h1, h2, h3, h4, h5, h6
{
	color: #000;
}

.header h1
{
	background: url('../images/logo.gif') no-repeat bottom left;
	width: 365px;
	text-indent:-9999px;
	padding-top:169px;
	height:83px;
}

h2
{
	margin-bottom: 10px;
}

h2.heading
{
	text-indent:-9999px;
	background: #eaeaea url('../images/headings_sprite.gif') no-repeat top left;
}

h2#welcome
{	
	background-position:0 0;
	height:30px;
}

h2#special_day
{
	background-position:0 -36px;
	height:30px;
}

h2#services_treatments
{
	background-position:0 -71px;
	height:30px;
}

h2#hats_headwear
{
	background-position:0 -106px;
	height:30px;
}

h2#contact
{
	background-position:0 -140px;
	height:30px;
}

h2#bookings
{
	background-position:0 -182px;
	height:30px;
}

p,label, li, td /* STANDARD PARAGRAPH STYLE */
{	
	font-size:.81em;
}

p
{
	margin-bottom: 10px;
}


#footer p
{
	padding-top: 10px;
	font-size: 0.8em;
}

/* LIST STYLES *************************/

ul
{
	list-style:outside;
}

#content ul
{
	margin-left: 15px;
}

li
{
	margin-bottom: 10px;
	color: #000;
}

#nav ul
{
	padding:0 0 0 176px;
}

#nav li /* NAVIGATION STYLE */
{
	display: inline;
	float:left;
	border-right:1px solid #cfcfcf;
	height:28px;
	padding-right:6px;
	margin-right:6px;
}

#nav li#contact 
{
	border-right:0px;
}

#nav li a
{
	text-indent:-9999px;
	display:block;
	margin-top:6px;
	height: 18px;
	background: url('../images/nav_sprite.png') no-repeat ;
}

#nav li#nav_home a
{
	width: 42px;
	background-position:0 0;
}

#nav li#nav_wedding_service a
{
	width: 126px;
	background-position:-42px 0;
}

#nav li#nav_services_treatments a
{
	width: 164px;
	background-position: -161px 0;
}

#nav li#nav_hats_headwear a
{
	width: 128px;
	background-position:-325px 0;
}

#nav li#nav_contact a
{
	width: 76px;
	background-position:-453px 0;
}

#nav a.active, #nav a:hover
{
	border-bottom:2px #5b5099 solid;
	padding-top:1px;
}

/* LAYOUT DIVS *************************/

#container
{
	width: 950px;
	height: auto;
	margin: 0 auto;
	text-align: left;
	padding: 0 32px;
	background:#fff  url('../images/bg.gif') repeat-y top left;
}

.header
{
	width: 934px;
	height: 264px;
	text-indent: -9999px;
	margin:0 auto;
}

#header_index, #header_contact
{
	background: url('../images/home.jpg') no-repeat scroll top left;
}

#header_wedding_service
{
	background: url('../images/wedding_services.jpg') no-repeat scroll top left;
}

#header_services_treatments 
{
	background: url('../images/services_treatments.jpg') no-repeat scroll top left;
}

#header_hats_headwear
{
	background: url('../images/hats_headwear.jpg') no-repeat scroll top left;
}

#nav
{
	background: #eaeaea url('../images/nav_bg.gif') no-repeat top left;
	height:28px;
}

#content_container
{
	width: 928px;
	background: #eaeaea url('../images/content_footer.gif') no-repeat bottom left;
	margin:10px 0 0 11px;
	overflow:auto;
}

#content
{
	float: left;
	display:inline;
	width: 64%;
	height: auto;
	margin:14px 0 30px  23px;
	border-right:1px solid #d2d2d2;
	padding-right:10px;
}

#sidebar
{
	float: right;
	display:inline;
	width: 28%;
	height: auto;
	margin:14px 23px 30px 0;
}

table
{
	border-spacing: 0;
	border-collapse: collapse;
}

td
{
	line-height:1.3em;
}
	
td.col1{width:72%;}

td.col2{width:20%;}

.tr_heading td
{
	border-top:14px solid #EAEAEA;
}

ul#address
{
	margin-bottom:10px;
}

ul#address li
{
	margin-bottom:2px;
	list-style:none;
}	

#opening_times_left
{
	float:left;
	display:inline;
	width:35%;
}

#opening_times_right
{
	float:left;
	display:inline;
	width:50%;
}

#footer
{
	clear:both;
	margin:10px 0 0 11px;
	padding-bottom:10px;
}

#footer ul
{
	height: 21px;
}

#footer li
{
	display:block;
	float:left;
	text-indent:-9999px;
	height: 21px;
}		

#footer ul li#foot_address
{
	background: url('../images/address.gif') no-repeat scroll top left;
	width: 530px;
	margin-right:21px;
}

#footer ul li#foot_tel
{
	background: url('../images/telephone.gif') no-repeat scroll top left;
	width: 118px;
	margin-right:10px;
}

#footer ul li#foot_email
{
	background: url('../images/email.gif') no-repeat scroll top left;
	width: 242px;
}

#footer ul li#foot_email a
{
	display:block;
	height:21px;
	position:relative;
	top:-16px;
	width:242px;
}

/* LINK STYLES *************************/

a
{
	text-decoration: underline;
	color: #3300ff;
}

a:visited
{
	text-decoration: underline;
	color: #3300ff;
}

a:hover
{
	text-decoration: underline;
	color: #3300ff;
}

#nav a
{
	color: #3300ff;
	text-decoration: none;
}

#nav a:visited
{
	color: #3300ff;
	text-decoration: none;
}

#nav a:hover
{
	color: #333;
	text-decoration: none;
}

/* FORM **/

label
{
	display: block;
	padding: 10px 0 2px 0;
}

input[type=text]
{
	width: 95%;
	padding: 3px;
	border:1px solid #bfbfbf;
}

textarea
{
	width: 95%;
	padding: 3px;
	height: 100px;
	font: 0.9em Arial, Helvetica, sans-serif;
	border:1px solid #bfbfbf;
}

#submit
{
	border:1px solid #bfbfbf;
	background-color:#fff;
	margin:6px 4px 0 0;
	padding:3px;
	float:right;
}

