/*
---------------------------------------------------------------------------
=	House Keeping
---------------------------------------------------------------------------
*/

@import url('reset.css');

body
{
	text-align: center;
	font-size: 10px;
	font-family: "Arial", "Verdana", sans-serif;
}

body#home				{background: url(../images/bg_home.jpg) 50% 0px;}
body#carpets			{background: url(../images/bg_carpets.jpg) 50% 0px;}
body#laminates			{background: url(../images/bg_laminates.jpg) 50% 0px;}
body#vinyls				{background: url(../images/bg_vinyls.jpg) 50% 0px;}
body#natural_flooring	{background: url(../images/bg_natural_flooring.jpg) 50% 0px;}
body#contact			{background: url(../images/bg_contact.jpg) 50% 0px;}
body#thankyou			{background: url(../images/bg_contact.jpg) 50% 0px;}
body#sorry  			{background: url(../images/bg_contact.jpg) 50% 0px;}

#wrapper
{
	width: 1038px;
	background: url(../images/drop_shadow.png);
	text-align: left;
	margin:0 auto;
}

div.wrap
{
	width: 960px;
	text-align: left;
	margin:0 auto;
}

.fl {float: left;}
.fr {float: right;}

.cb	{clear: both;}

.blue {color: #58abe7}

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

div#header
{
	height: 101px;
	padding-bottom: 30px;
	background-color: #fff;
	position: relative;
}

div#header a#logo
{
	display: block;
	float: left;
	width: 479px;
	height: 101px;
	background-image: url(../images/logo.gif);
	margin: 20px 0 0 25px;
}

div#header a#logo span
{
	display: none;
}

div#header ul#head_contact
{
	display: block;
	float: right;
	margin: 20px 25px 0 0;
}

div#header ul#head_contact li#head_contact_1
{
	display: block;
	width: 233px;
	height: 47px;
	background-image: url(../images/tel.gif)
}

div#header ul#head_contact li#head_contact_2
{
	display: block;
	width: 233px;
	height: 47px;
	background-image: url(../images/email.gif)
}

div#header ul#head_contact li span
{
	display: none;
}

div#page_peel
{
	position: absolute;
	width: 301px;
	height: 115px;
	top:0;
	right: -40px;
}

body#home div#page_peel				{background: url(../images/page_peel_home.gif);}
body#carpets div#page_peel			{background: url(../images/page_peel_carpets.gif);}
body#laminates div#page_peel		{background: url(../images/page_peel_laminates.gif);}
body#vinyls div#page_peel			{background: url(../images/page_peel_vinyls.gif);}
body#natural_flooring div#page_peel	{background: url(../images/page_peel_natural_flooring.gif);}
body#contact div#page_peel			{background: url(../images/page_peel_contact.gif);}
body#thankyou div#page_peel			{background: url(../images/page_peel_contact.gif);}
body#sorry div#page_peel			{background: url(../images/page_peel_contact.gif);}

/*
---------------------------------------------------------------------------
=	NAVBAR
---------------------------------------------------------------------------
*/

div#navbar
{
	float: left;
	height: 56px;
	width: 100%;
	background-image: url(../images/bg_navbar.gif);
}

div#navbar ul
{
	width: 100%;
	padding: 0 20px 0 20px;
	line-height: 56px;
}

div#navbar ul li
{
	display: inline;
}

div#navbar ul li a
{
	display: block;
	float: left;
	height: 56px;
	color: #fff;
	text-decoration: none;
	font-family: "Verdana";
	font-weight: bold;
	font-size: 170%;
	padding: 0 25px 0 25px;
}

div#navbar ul li a:hover
{
	color: #ccc;
}

div#navbar ul li a.current
{
	background: url(../images/bg_current.gif);
}

/*
---------------------------------------------------------------------------
=	PHOTO 

---------------------------------------------------------------------------
*/

ul#sidebar
{
	display: block;
	float: left;
	width: 323px;
}

div#photo_strip
{
	float: left;
	width: 100%;
	height: 122px;
}

body#home div#photo_strip 				{background: url(../images/photo_banners/home_photo_strip.jpg);}

body#carpets div#photo_strip 			{background: url(../images/photo_banners/carpets_photo_strip.jpg);}

body#laminates div#photo_strip 			{background: url(../images/photo_banners/laminate_photo_strip.jpg);}

body#vinyls div#photo_strip 			{background: url(../images/photo_banners/vinyl_photo_strip.jpg);}

body#natural_flooring div#photo_strip 	{background: url(../images/photo_banners/nf_photo_strip.jpg);}

body#contact div#photo_strip, 
body#thankyou div#photo_strip,
body#sorry div#photo_strip 				{background: url(../images/photo_banners/home_photo_strip.jpg);}


/*
---------------------------------------------------------------------------
=	Sidebar
---------------------------------------------------------------------------
*/

div#content ul#sidebar
{
	margin: 20px;
	float: left;
	display: block;
	width: 323px;
}

div#content ul#sidebar li
{
	display: block;
	width: 323px;
	height: 153px;
	margin-bottom: 18px;
}

/*HOME SIDE BARS*/
body#home div#content ul#sidebar li#block1  				{background-image: url(../images/sidebars/buy_now_blue.gif);}
body#home div#content ul#sidebar li#block2  				{background-image: url(../images/sidebars/map.gif);}
body#home div#content ul#sidebar li#block3  				{background-image: url(../images/sidebars/opening_hours_blue.gif);}
/*CARPETS SIDE BARS*/
body#carpets div#content ul#sidebar li#block1  				{background-image: url(../images/sidebars/25_off_rugs_blue.gif);}
body#carpets div#content ul#sidebar li#block2  				{background-image: url(../images/sidebars/whole_house_pink.gif);}
body#carpets div#content ul#sidebar li#block3  				{background-image: url(../images/sidebars/binding_service_blue.gif);}
/*LAMINATES SIDE BARS*/
body#laminates div#content ul#sidebar li#block1 			{background-image: url(../images/sidebars/full_estimating_blue.gif);}
body#laminates div#content ul#sidebar li#block2  			{background-image: url(../images/sidebars/accessories_pink.gif);}
body#laminates div#content ul#sidebar li#block3  			{background-image: url(../images/sidebars/full_fitting_blue.gif);}
/*VINYLS SIDE BARS*/
body#vinyls div#content ul#sidebar li#block1  				{background-image: url(../images/sidebars/2m3m4m5m_blue.gif);}
body#vinyls div#content ul#sidebar li#block2  				{background-image: url(../images/sidebars/preparation_pink.gif);}
body#vinyls div#content ul#sidebar li#block3  				{background-image: url(../images/sidebars/opening_hours_blue.gif);}
/*NATURAL FLOORING SIDE BARS*/
body#natural_flooring div#content ul#sidebar li#block1  	{background-image: url(../images/sidebars/stairrods_blue.gif);}
body#natural_flooring div#content ul#sidebar li#block2  	{background-image: url(../images/sidebars/stairrods.jpg);}
body#natural_flooring div#content ul#sidebar li#block3  	{background-image: url(../images/sidebars/bespoke_blue.gif);}
/*CONTACT SIDE BARS*/
body#contact div#content ul#sidebar li#block1, 
body#thankyou div#content ul#sidebar li#block1,
body#sorry div#content ul#sidebar li#block1 				{background-image: url(../images/sidebar_fitting.gif);}
body#contact div#content ul#sidebar li#block2, 
body#thankyou div#content ul#sidebar li#block2,
body#sorry div#content ul#sidebar li#block2 				{background-image: url(../images/sidebar_fitting.gif);}
body#contact div#content ul#sidebar li#block3, 
body#thankyou div#content ul#sidebar li#block3,
body#sorry div#content ul#sidebar li#block3 				{background-image: url(../images/sidebar_fitting.gif);}


div#content ul#sidebar span
{
	display: block;
	width: 100%;
	margin-bottom: 18px;
	text-align: center;
}

div#content ul#sidebar span a
{
	display: block;
	width: 100%;
	height: 100%;
}

/*
---------------------------------------------------------------------------
=	Content
---------------------------------------------------------------------------
*/

div#content
{
	float: left;
	background: #fff;
	width: 100%;
}

div#content h1
{
	margin-top: 20px;
	font-family: "Verdana";
	font-weight: bold;
	font-size: 200%;
	color: #3380ab;
}

div#content p
{
	margin-top: 20px;
	margin-right: 20px;
	color: #615b4b;
	font-size: 120%;
	margin-bottom: 1.2em;
	line-height: 1.8em;
}

div#content p a
{
	font-weight: bold;
	text-decoration: none;
}

/*
---------------------------------------------------------------------------
=	PRODS PAGE
---------------------------------------------------------------------------
*/

div#prod_grid
{
	float: right;
	width: 568px;
	margin-right: 25px;
}

div#prod_grid ul
{
	display: block;
	float: left;
	margin-bottom: 20px;
}

div#prod_grid ul li
{
	display: block;
	float: left;
	width: 120px;
	height: 120px;
	border: 1px solid #58abe7;
	margin: 10px 10px 15px 10px;
}

div#prod_grid ul li#spacer
{
	border: 1px solid #fff;
}

div#prod_grid ul li span
{
	display: block;
	width: 100%;
	text-align: center;
	padding-top: 3px;
	font-size: 80%;
}

div#prod_grid ul li a
{
	display: block;
	width: 100%;
	height: 100%;
}

/*
---------------------------------------------------------------------------
=	CONTACT FORM
---------------------------------------------------------------------------
*/

form#fc
{
	margin-top: 50px;
	float:left;
	width: 530px;
}

input.haha
{	
	display:none;
	visibility:hidden;
	height:0px;
	width:0px;
}

form#fc fieldset
{
	float:left;
}

form#fc fieldset ul
{
	float:left;
	width: 100%;
	padding-left: 30px;
}

form#fc fieldset ul li
{
	float:left;
	width: 100%;
	clear:both;
	margin-bottom: 10px;
}

form#fc fieldset ul li label
{
	float:left;
	padding:6px 0 4px 0;
	width:100px;
	font-size: 20px;
	color: #767676;
}

form#fc fieldset ul li input
{
	float:right;
	padding:6px 5px 4px 5px;
	background:#F1F1F2;
	width:380px;
	font-size: 20px;
}

form#fc fieldset ul li textarea
{
	float:right;
	padding:6px 5px 4px 5px;
	background:#F1F1F2;
	width:380px;
	height: 100px;
	font-size: 20px;
}

form#fc fieldset ul input#sendme
{
	background: #525252;
	color: #fff;
	float: right;
	padding:6px 5px 4px 5px;
	margin-bottom: 10px;
	margin-top: 5px;
	font-size: 20px;
	width: 390px;
}

div#content p#address
{
	display: block;
	float: right;
	width: 380px;
	text-align: center;
	padding-right: 20px;
}

div#partners
{
	float: right;
	margin-right: 89px;
}

div#partners a.green {color: green;}
div#partners a.red {color: red;}

/*
---------------------------------------------------------------------------
=	Footer
---------------------------------------------------------------------------
*/

div#footer
{
	float: left;
	width: 960px;
	height: 58px;
	background-image: url(../images/bg_footer.gif);
}

div#footer p
{
	line-height: 58px;
	color: #fff;
	padding: 0 20px 0 20px;
	font-size: 100%;
}

div#footer p a
{
	text-decoration: none;
}

div#footer a#member
{
	display: block;
	float: right;
	margin: 8px 20px 0 0;
}