@charset "UTF-8";
/* CSS Document */

/*----------------------------------
	Meyer Reset
	http://meyerweb.com/eric/tools/css/reset/
	v1.0 | 20080212
-----------------------------------*/

	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,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		vertical-align: baseline;
		background: transparent;
	}

	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after,
	q:before, q:after {content: '';content: none;}

	table,td,tr,th{vertical-align:top}

	/* remember to define focus styles! */
	:focus {outline: 0;}

	/* remember to highlight inserts somehow! */
	ins {text-decoration: none;}
	del {text-decoration: line-through;}

	/* tables still need 'cellspacing="0"' in the markup */
	table {border-collapse: collapse;border-spacing: 0;}

/*----------------------------------
	Main
-----------------------------------*/	

	html{background: #D4D2D2 url('/images/site_components/bg.png') repeat-x;height:100%;}
	
	body{
	background:url('/images/site_components/glow_bg.png') no-repeat center top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:190%;
	color:#58595B;
	display: table;
	width: 100%;
	text-align:center;
	}
	
	a:link, a:visited, a:hover, a:active{color:#F1592A;text-decoration:none}
	
	#main{
		width:909px;
		text-align:left;
		margin:0 auto;
		position:relative
	}
	
	#header{width:821px;height:107px;background:url(/images/site_components/hdr_bg.png);padding:0 44px;position:relative}
	#footer{background-color:#EEEDED;border-top:1px solid #00AEEF;padding:44px;width:811px;text-align:left;margin:0 auto}
	
	#content p{margin-bottom:15px}
	#footer p{margin-bottom:15px}
	
/*----------------------------------
	Commonly used Classes
-----------------------------------*/

	.image_replace{display:block;text-indent:-9999px}

	.cleaner{clear:both}
	.cleaner_left{clear:left}
	.cleaner_right{clear:right}


	.float_left{float:left;margin-top:0;padding-top:0}
	.float_right{float:right}
	.float_left.m5{margin-right:5px}
	.float_left.m10{margin-right:10px}
	.float_left.m15{margin-right:15px}
	.float_left.m25{margin-right:25px}
	.float_left.m45{margin-right:45px}
	.float_right.m15{margin-left:15px}
	.float_right.m25{margin-left:25px}

	.align_center{width:100%;text-align:center}
	.hidden{display:none}

	hr{
		border:0;
		color: #CCC;
		background-color: #FFF;
		height: 1px;
		border-top:1px dashed #CCC;
		margin-top:10px;
		margin-bottom:20px;
	}

	
/*----------------------------------
	Header
-----------------------------------*/	

	#skip_nav_link{display:block;position:absolute;text-indent:-9999px}

	
	#logo{
		display:block;
		text-indent:-9999px;
		width:213px;
		height:37px;
		background:url(/images/fulham_logo.jpg) no-repeat;
		position:absolute;
		top:38px
	}
	
	#navBar {
		position:absolute;
		top:0px;
		right:44px;
		z-index:100
	}

	#navBar li {
		float: left;
		position:relative;
		list-style:none;
		height:1%;
	}
	
	
	
	#navBar a{text-indent:-9999px;display:block;height:100px}
	#navBar a:link#nav_about{width:82px;background:url(/images/site_components/navBar/about.png)}
	#navBar a:visited#nav_about{width:82px;background:url(/images/site_components/navBar/about.png)}
	#navBar a:hover#nav_about{background:url(/images/site_components/navBar/roll/about.png)}
	#navBar a:active#nav_about{background:url(/images/site_components/navBar/roll/about.png)}
	
	#navBar a:link#nav_services{width:98px;background:url(/images/site_components/navBar/services.png)}
	#navBar a:visited#nav_services{width:98px;background:url(/images/site_components/navBar/services.png)}
	#navBar a:hover#nav_services{background:url(/images/site_components/navBar/roll/services.png)}
	#navBar a:active#nav_services{background:url(/images/site_components/navBar/roll/services.png)}
	
	#navBar a:link#nav_stylists{width:87px;background:url(/images/site_components/navBar/stylists.png)}
	#navBar a:visited#nav_stylists{width:87px;background:url(/images/site_components/navBar/stylists.png)}
	#navBar a:hover#nav_stylists{background:url(/images/site_components/navBar/roll/stylists.png)}
	#navBar a:active#nav_stylists{width:87px;background:url(/images/site_components/navBar/roll/stylists.png)}
	
	#navBar a:link#nav_contact{width:92px;background:url(/images/site_components/navBar/contact.png)}
	#navBar a:visited#nav_contact{width:92px;background:url(/images/site_components/navBar/contact.png)}
	#navBar a:hover#nav_contact{background:url(/images/site_components/navBar/roll/contact.png)}
	#navBar a:active#nav_contact{background:url(/images/site_components/navBar/roll/contact.png)}
	
	
	
/*----------------------------------
	Home
-----------------------------------*/	
	
	#ad_area{display:block;width:909px;height:350px;background:url(/images/support_images/home-ad.jpg);text-indent:-9999px;margin-top:-10px}
	
	#content {background:url(/images/site_components/content_bg.png) no-repeat;margin-top:-10px;padding:5px 5px 0 5px;height:1%}
	#content #top{background-color:#FFF;padding:34px}
	#content .sec{
	width:245px;
	float:left;
	padding-right: 10px;
	margin-right: 14px;
	margin-left: 8px;
}
	#content .sec.twitter{margin-right:0}
	#content .sec.featured{margin-right:0}
	#content .sec ul{margin-top: 0px;}
	#content .sec li{margin-bottom:5px;list-style-position: inside;list-style-type: square;font-size: 13px;line-height: 20px;margin-top: 10px;}
	#content .sec strong{font-weight:normal;color:#00AEEF}
	#content .sec h3{font-weight:normal;color:#00AEEF;font-size:18px;line-height: 22px;}	
	#content .sec h2{display:block;text-indent:-9999px;margin-bottom:25px}
	#content .sec.about h2{width:67px;height:27px;background:url(/images/site_components/home_hdr_about.gif)}
	#content .sec.secondary h2{width:188px;height:27px;background:url(/images/site_components/secondary_hdr.gif)}
	#content .sec.services h2{width:94px;height:27px;background:url(/images/site_components/home_hdr_services.gif)}
	#content .sec.featured h2{width:164px;height:27px;background:url(/images/site_components/home_hdr_ftrd.gif)}
	#content .sec.twitter h2{width:150px;height:27px;background:url(/images/site_components/home_hdr_twit.gif)}
	#content .sec.stylists h2{width:150px;height:27px;background:url(/images/site_components/home_hdr_stylists.gif)}
	#content .sec.services h2{width:150px;height:27px;background-image: url(/images/site_components/home_hdr_services.gif);background-repeat: no-repeat;}
	#content .sec .title{font-size:11px}
	
	.more_link{position:absolute;bottom:10px}
	
/*----------------------------------
	Sub page
-----------------------------------*/	
	
	body#about #ad_area{width:909px;height:150px;background:url(/images/site_components/main_headers/about.jpg)}
	body#stylists #ad_area{width:909px;height:150px;background:url(/images/site_components/main_headers/stylists.jpg)}
	body#services #ad_area{width:909px;height:150px;background:url(/images/site_components/main_headers/services.jpg)}
	body#thank #ad_area{width:909px;height:150px;background:url(/images/site_components/main_headers/thanks.jpg)}
	body#about .sec.about{
	width:507px;
}

	body#stylists .sec.stylists{width:507px}
	body#stylists .sec.stylists img {margin-left: -20px;margin-bottom: -15px;}
	body#services .sec.services{width:507px}
	body#thank .sec.thank{width:507px}
	
/*----------------------------------
	Footer
-----------------------------------*/
	
	#ftr_contact_form{float:left;width:506px;}
	#ftr_contact_form legend{display:none}
	#ftr_contact_form #info{float:left;width:273px;*width:270px}
	#ftr_contact_form input,#ftr_contact_form textarea{width:220px;padding:7px 5px;border:1px solid #00AEEF}
	#ftr_contact_form textarea{height:107px}
	#ftr_contact_form input.submit_btn{width:51px;background-color:#F0F0F0}
	
	#footer .sec.directions{margin-left:555px}
	
	#footer h4{display:block;text-indent:-9999px;margin-bottom:25px;height:21px}
	#footer h4.ftr_hdr_contact{width:123px;background:url(/images/site_components/ftr_hdr_contact.gif) no-repeat}
	#footer h4.ftr_hdr_directions{width:250px;background:url(/images/site_components/ftr_hdr_directions.gif) no-repeat;height: 27px;}
	
	#content .sec.twitter {
	text-decoration: none;
	}

#content .sec.twitter ul {
	text-decoration: none;
	
}

#content .sec.twitter ul li {
	text-decoration: none;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	line-height: 190%;
}

.press {
	float: right;
	width: 275px;
}

.press h2{display:block;text-indent:-9999px;margin-bottom:25px;width:250px;height:27px;background:url(/images/site_components/press.gif)}

.press h3 {font-family: Arial, Helvetica, sans-serif;font-size: 16px;font-weight: bold;color: #00aeef;margin-bottom:25px;}

.press h4 {	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:190%;
	color:#58595B;}
.rowColor {
	background-color: #F1592A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-indent: 5px;
}
.tableIndent {
	text-indent: 5px;
}
.icon {
	float: left;
	height: 16px;
	width: 16px;
	margin-right: 5px;
	margin-top: 4px;
}