/* 
2am Design : CSS for Blackpool Trim Shops
-----------------------------------------------------------------------------------------------
*/


/*****************************************************
* Global
*****************************************************/

* { padding: 0; margin: 0; }

body {
	text-align: center;
	background: #FFFFFF url(images/repeat-bg.gif) repeat-x center 125px;
	margin: 0 auto;
}

ul,
li  { list-style-type: none; }
img { border: 0; }
a   { outline: none; }

div.clear {
	clear: both;
}

.hidden { display: none; }


/*****************************************************
* Typography
*****************************************************/

p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; text-decoration: none; line-height: 17px; }

h1 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #F0037F; text-decoration: none; line-height: 17px; margin: 0 0 3px 0; }

small { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #999999; text-decoration: none; line-height: 17px; }

#maincontent h2 { position: absolute; left: -1000em; overflow: hidden; }
#sidebar h2 { position: absolute; left: -1000em; overflow: hidden; }
.selected { font-weight: bold; text-decoration: none; color: #F0037F; }


/*****************************************************
* Links
*****************************************************/

a, a:link, a:active, a:visited { font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; text-decoration: none; line-height: 17px; margin: 0px auto 0px; }
a:hover { text-decoration: none; color: #FF6600; }
small a, small a:link, small a:active, small a:visited { font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #999999; text-decoration: none; line-height: 17px; }
small a:hover { text-decoration: none; color: #FF6600; }


/*****************************************************
* Layout
*****************************************************/

#headbg {
	height: 125px;
	width: 605px;
	margin: 0 auto;
	display: block;
	background: #FFFFFF;
}

#head {
	height: 125px;
	width: 605px;
	margin: 0;
	display: block;
	position: relative;
	background: url(images/top-bg.gif) no-repeat 434px top;
}

#logo { background: url(images/logo.gif) no-repeat #FFFFFF; display: block; height: 64px; width: 182px; position: absolute; left: 0px; top: 44px; text-indent: -7777px; }
#logo a { display: block; width: 182px; height: 64px; }

#strapline { background: url(images/strapline.gif) no-repeat #FFFFFF; display: block; height: 23px; width: 176px; text-indent: -7777px; position: absolute; left: 213px; top: 85px; }

#content {
	width: 605px;
	height: 423px;
	margin: 8px auto 8px auto;
	display: block;
	position: relative;
}
#servicescontent {
	width: 605px;
	height: 440px;
	margin: 8px auto 8px auto;
	display: block;
	position: relative;
}

#contentstagecoach {
	width: 605px;
	height: 500px;
	margin: 8px auto;
	display: block;
	position: relative;
}

#sidebar {
	width: 204px;
	display: block;
	float: left;
	height: 423px;
	margin: 0;
	padding: 0;
}

#sidebarservices {
	width: 204px;
	display: block;
	float: left;
	height: 303px;
	margin: 0;
	padding: 0;
}

#sidebarstagecoach {
	width: 204px;
	display: block;
	float: left;
	height: 486px;
	margin: 0;
	padding: 0;
}

.roundtop { display: block; height: 12px; width: 204px; }

.roundtopbelow { display: block; height: 12px; width: 204px; margin: 8px 0 0 0 }

#roundtext { display: block; width: 176px; background: url(images/round-mid.gif) repeat-y; text-align: left; padding: 0 14px }

.roundtext { display: block; width: 176px; background: url(images/round-mid.gif) repeat-y; text-align: left; padding: 0 14px }

.stagecoachback { width: 396px; display: block; float: left; height: 57px; padding: 0; margin: 6px 0 0 0; }

.roundtopbig { display: block; height: 12px; width: 396px; }

.roundtopbigbelow { display: block; height: 12px; width: 396px; margin: 6px 0 0 0; }

#roundtextbig { display: block; width: 368px; background: url(images/round-midbig.gif) repeat-y; text-align: left; padding: 0 14px }

.sideimagetop {
	display: block;
	width: 204px;
	height: 196px;
	margin-bottom: 8px;
}

.sideimagebelow {
	display: block;
	width: 204px;
	height: 152px;
	margin-top: 8px;
}

.contactsideimagebelow {
	display: block;
	width: 204px;
	height: 219px;
	margin-top: 8px;
}

.homeimage {
	display: block;
	width: 204px;
	height: 230px;
	margin-top: 8px;
}

#maincontent {
	width: 396px;
	display: block;
	float: left;
	height: 423px;
	padding: 0px 0px 0px 5px;
	margin: 0;
}

#rotator {
	width: 396px;
	float: left;
	height: 423px;
	overflow: hidden;
	padding: 0px 0px 0px 5px;
	margin: 0;
}


#maincontentleft {
	width: 396px;
	display: block;
	float: left;
	height: 423px;
	padding: 0px 5px 0px 0px;
	margin: 0;
}

#maincontentservices {
	width: 396px;
	display: block;
	float: left;
	height: 320px;
	padding: 0px 5px 0px 0px;
	margin: 0;
}

#maincontentstagecoach {
	width: 396px;
	display: block;
	float: left;
	height: 486px;
	padding: 0px 0px 0px 5px;
	margin: 0;
}

.imagebelow { width: 396px; display: block; height: 256px; margin: 0 0 8px 0; }

#servicesbottomcontent {
	width: 605px;
	height: 120px;
	margin: 8px auto 8px auto;
	display: block;
}

.serviceslinks {
	display: block;
	width: 204px;
	height:97px;
	margin-bottom: 6px;
}

#footer {
	width: 605px;
	margin: 0 auto;
	padding: 0 0 30px 0;
	display: block;
	position: relative;
	text-align: right;
	background: #FFFFFF;
}
#specialoffers {
	width: 605px;
	margin: 8px auto;
	display: block;
	position: relative;
}
#moquetteroundtext li img {
	width: 50px;
	height: 50px;
}
#case-study-images {
	width: 396px;
	display: block;
	float: left;
	padding: 0px 0px 0px 5px;
}
#case-study-images img {
	margin: 0 0 15px 0;
}

/*****************************************************
* Lists
*****************************************************/

li { display: block; line-height: 12px; }
li span { position: absolute; left: -1000em; overflow: hidden; }


ul, li, p { margin: 0; padding: 0; }
ul,
li  { list-style-type: none; }

#nav {
	height: 35px;
	width: 605px;
	position: relative;
	margin: 0 auto;
	padding: 0;
	display: block;
	background-color: #FFFFFF;
}

#nav ul { position: absolute; top: 3px; left: 0px; }
#nav ul li { float: left; width: 121px; height: 32px; }
#nav ul li a { display: block; width: 121px; height: 32px; float: left; }

#nav ul li.home a:hover,
#nav ul li.about a:hover,
#nav ul li.services a:hover,
#nav ul li.special a:hover,
#nav ul li.contact a:hover { background: none; border: none; }

#nav ul li.home { float: left; background: url(images/home2.gif) no-repeat; }
#nav ul li.home a { background: url(images/home1.gif) no-repeat; }

#nav ul li.about { float: left; background: url(images/about2.gif) no-repeat; }
#nav ul li.about a { background: url(images/about1.gif) no-repeat; }

#nav ul li.services { float: left; background: url(images/services2.gif) no-repeat; }
#nav ul li.services a { background: url(images/services1.gif) no-repeat; }

#nav ul li.special { float: left; background: url(images/special2.gif) no-repeat; }
#nav ul li.special a { background: url(images/special1.gif) no-repeat; }

#nav ul li.contact { float: left; background: url(images/contact2.gif) no-repeat; }
#nav ul li.contact a { background: url(images/contact1.gif) no-repeat; }


/*****************************************************
* Moquette Stuff
*****************************************************/

#moquette-links {
	width: 605px;
	margin: 22px auto 8px auto;
	display: block;
	position: relative;
}
.moquettemaincontent {
	width: 605px;
	margin: 8px auto;
	display: block;
	position: relative;
	height: 470px;
}
.moquettemaincontent-new {
	width: 605px;
	margin: 8px auto;
	display: block;
	position: relative;
}

#moquettecontent {
	width: 344px;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

#moquettesidebar {
	width: 256px;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#moquetteroundtop { 
	display: block;
	height: 44px;
	width: 256px;
	background: url(moquettes/images/swatch-top.gif) no-repeat;
	}

#moquetteroundbottom {
	display: block;
	height: 12px;
	width: 256px;
	background: url(moquettes/images/swatch-bottom.gif) no-repeat;
	}

#moquetteroundtext { display: block; width: 228px;  height:410px; background: url(moquettes/images/swatch-mid.gif) repeat-y; text-align: left; padding: 0 14px }

#moquettecode {
	width: 344px;
	text-align: left;
	display: block;
	float: left;
	height: 46px;
	padding: 0px 0px 0px 5px;
	margin: 0 0 5px 0;
	background: url(moquettes/images/code-bg.gif) no-repeat top right;
}
#moquetteimage {
	width: 344px;
	display: block;
	float: left;
	padding: 0px 0px 0px 5px;
	margin: 0;
	height: 413px;
}
#moquetteimage-new {
	width: 344px;
	display: block;
	float: left;
	padding: 0px 0px 0px 5px;
	margin: 0;
}
#moquettecode p {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #666666;
	text-decoration: none;
	line-height: 17px;
	padding: 14px 0 0 173px;
	margin: 0;
}

#moquettecoach {
	width: 344px;
	display: block;
	float: left;
	height: 437px;
	padding: 0px 0px 0px 5px;
	margin: 0 0 5px 0;
}
#moquettebus {
	width: 344px;
	display: block;
	float: left;
	height: 437px;
	padding: 0px 0px 0px 5px;
	margin: 0;
}

#moquetteroundtext ul { display: block; width: 228px; height:400px; }
#moquetteroundtext ul li { display: block; float: left; width: 50px; height: 50px; margin: 0 9px 9px 0; }

#moquetteroundtext ul li a,
#moquetteroundtext ul li a:visited,
#moquetteroundtext ul li a:hover { display: block; width: 100%; height: 100%; }

#moquetteroundtext ul li#right { display: block; float: left; width: 50px; height: 50px;  margin: 0 0 9px 0; }

#moquetteroundtext ul li#right a,
#moquetteroundtext ul li#right a:visited,
#moquetteroundtext ul li#right a:hover { display: block; width: 100%; height: 100%; }