/*	StyleSheet for JustHair					*/
/*	http://www.just-hair-insurance.co.uk	*/
/*	Created on 01 Dec 2009					*/

body { margin:0; line-height:1.5em; font-family:Helvetica, Arial, sans-serif; color:#474747; font-size:14px; }
img { border:none; }
a { color:#613896; text-decoration:none;}
a:hover {color:#613896; text-decoration:underline;}

.clear {clear:both;}
.img-align-left { float:left; margin:0 15px 0 0;}
.img-align-right { float:right; margin:0 0 0 15px;}

/* Header styles */
#header{ background-color:#613896; height:100px; }
#headerContent{	position:relative; width:900px; height:100%; margin-left:auto; margin-right:auto; }
#logo{ float:left; top:10px; width:371px; }
#contact {float:right; padding-top:53px;}
#header a{color:#636363; text-decoration:none; font-size:14px;}

/* Tab styles */
#tabs {	position:relative; margin:0;}
#tabs ul { margin:0; padding:0; }
#tabs li { float:left; display:inline; margin:0 1px 10px 0; padding:0 0 10px 0; font-size:14px;}
#tabs li a, #tabs li strong { text-decoration:none; color:#636363; display:block; padding:8px 10px 4px 8px;}
#tabs li.active a {padding: 0;}
#tabs li.active, #tabs li.active a, #tabs li.active strong {color:white; background:#613896; font-weight:normal;}
#tabs li.active, #tabs li:hover {background: #613896 url() bottom left no-repeat;}
#tabs li.active strong, #tabs li:hover a {background:#613896 url() bottom right no-repeat;}
#tabs li:hover a {color:white;}

/* body styles */
#bodyContainer{ width: 900px; height:526px; margin-left: auto; margin-right: auto;}
#homepageContent{float:right; width:500px;}
#content{float:right; width:500px;}
#content img{ padding:10px 0 10px 0;}

/* Footer Styles */
#footer {
	text-align:center;
	height: 50px;
	background: white url(/App_Themes/justhair/bottom-gradient.gif) top left repeat-x;
	padding: 14px;
	clear:both;
	font-size:14px;
	color: #AFB4B4;
	margin:0;
}
#footer img {}
#footer a {color: #AFB4B4; text-decoration: none; }
#footer a:hover {color:#636363; text-decoration: underline;}