@import url('reset.css');
@import url('thickbox.css');
@import url('baseform.css');


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

		Site Built by Brendan Timmons
		
		All Styles Ordered Alpabetically
		for your viewing pleasure.

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

/*----------------------------------------
			MAIN STYLES
----------------------------------------*/

body{
	background:					url(../images/core/footer-bg.jpg) center;
	color:							#c3b6a8;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					11px;
	line-height:				1.6em;
}
a{
	color:							#a58e25;
}
p{
	padding-bottom:			15px;
}
h2{
	font-size:					15px;
	padding:						20px 0;
}
h3{
	font-size:					13px;
	padding:						10px 0;
}

.like_h3 {
	font-size:					13px;
	padding:						10px 0;
	border: 0px!important;
	background: none!important;
	color:							#c3b6a8;
	margin-top: 10px;
	font-weight: bold;
	height: 25px!important;
	display: inline;
	padding: 0px;
}

ul{margin-bottom: 10px;}

/*----------------------------
			CONTAINERS
----------------------------*/

#header-container{
	background:					url(../images/core/header-bg.jpg) no-repeat top center;
	height:							220px;
}


#content-container{
	background:					url(../images/core/content-container-tile.gif) top center repeat-y #5f3f1b;
}

#wrapper{
	background:					url(../images/core/content-container-bg.gif) top center no-repeat;
}

#wrapper-2{
	background:					url(../images/core/wrapper2-bg.gif) bottom center no-repeat;
}

#footer-container{
	background:					url(../images/core/footer-bg.jpg) no-repeat top center;
	height:							100px;
}

/*----------------------------
			HEADER
----------------------------*/

#header{
	width:							975px;
	margin:							0 auto;
}
#logo{
	float:							left;
	height:							85px;
	padding-top:				66px;
	width:							410px;
}
#details{
	float:							left;
	height:							50px;
	margin:							90px 0 0 100px;
	width:							438px;
}
#details ul{
	float:							left;
	margin-left:				25px;
	padding-left:				25px;
}
#details ul.space{
	border-left:				1px solid #3c3c3c;
}
span.orange{
	color:							#fda224;
}

/*----------------------------
			NAVIGATION
----------------------------*/

#navigation{
	display:						block;
	float:							right;
	margin-top:					20px;
	width:							400px;
}
#navigation ul li{
	border-left:				1px dotted #5a5a5a;
	height:							22px;
	float:							left;
	margin-left:				15px;
	padding-left:				15px;
	padding-top:				5px;
}
#navigation ul li a{
	color:							#c3b6a8;
	display:						block;
	text-decoration:		none;
}
#navigation ul li a:hover{
	color:							#fff;
}
.no-border{
	border:							none !important;
}

/*----------------------------
			CONTENT
----------------------------*/

#content{
	margin:							0 auto;
	width:							975px;
}
#banner{
	float:							left;
	height:							576px;
	position:						relative;
	top:								-70px;
	width:							361px;
}
#content-left{
	float:							left;
	margin-left:				25px;
	width:							350px;
}
#content-left h1{
	height:							73px;
	padding-bottom:			20px;
	width:							347px;
}
#content-left ul{
	margin-left:				20px;
}
#p-index #content-left h1{
	background:					url(../images/core/content-title-welcome.jpg) no-repeat;
	text-indent:				-9999px;
}
#p-products #content-left h1{
	background:					url(../images/core/content-title-products.jpg) no-repeat;
	text-indent:				-9999px;
}
#p-profile #content-left h1{
	background:					url(../images/core/content-title-profile.gif) no-repeat;
	text-indent:				-9999px;
}
#p-services #content-left h1{
	background:					url(../images/core/content-title-services.gif) no-repeat;
	text-indent:				-9999px;
}
#p-contact #content-left h1{
	background:					url(../images/core/content-title-contact.gif) no-repeat;
	text-indent:				-9999px;
}
#p-order-form #content-left h1{
	background:					url(../images/core/content-title-order-form.gif) no-repeat;
	text-indent:				-9999px;
}
#content-right{
	float:							left;
	margin-left:				25px;
	margin-top:					50px;
	width:							210px;
}
#content-right h2.product-range{
	background:					url(../images/core/product-range.gif) no-repeat;
	height:							25px;
	padding-bottom:			15px;
	text-indent:				-9999px;
	width:							125px;
}
#content-right .product-image{
	float:							left;
	height:							74px;
	padding-right:			10px;
	width:							74px;
}
.products-button img{
	height:							32px;
	margin-top:					10px;
	width:							126px;
}
.title2{
	margin-top:					50px;
}
#p-order-form #content{
	margin:							0;
	width:							400px;
}

/*----------------------------
			PRODUCTS PAGE
----------------------------*/

#p-products #content-left{
	float:							none;
	margin:							0 auto;
	width:							700px;
}
.product{
	border:							1px solid #644d31;
	float:							left;
	margin:							1px;
	width:							345px;
	height: 						220px;
}
.description{
	float:							left;
	width:							184px;
}
.image{
	float:							left;
	display:						inline;
	height:							150px;
	margin:							15px;
	text-align:					center;
	width:							130px;
}
.even .product{
	background:					#4a290e;
}
.odd .product{
	background:					#361e0a;
}
.list li{
	padding-left:				16px;
}
.order-button{
	display:						block;
	background: 				url(../images/core/order_now-button.gif) top left no-repeat;
	text-indent: 				-9999px;
	width: 151px;
	height: 32px;
}

/*----------------------------
			Colour Choice 					*/
#content-left ul.colour_choice {
	margin-left: 0;
}
			
ul.colour_choice li {
	display: block;
	float: left;
	margin: 3px;
	padding: 0;
}

ul.colour_choice li a {
	border: 1px solid #ccc;
	display: block;
	height: 30px;
	overflow: hidden;
	width: 30px;
	text-indent: -9001px;
}

ul.colour_choice li.selected  {
	border: 1px solid #000;
	-moz-box-shadow: 1px 1px 0 #2F2F2F;
}

#tooltip{
	border:1px solid #333;
	background:#f7f5d1;
	color:#333;
	display:block;
	height: 50px;
	padding: 0;
	position:absolute;
	width: 50px;
	}



/*----------------------------
			CONTACT PAGE
----------------------------*/

#p-contact #content{
	width:							960px;
}
#p-contact #content-left{
	width:							960px;
}
#google-map{
	float:							right;
}

/*----------------------------
			FOOTER
----------------------------*/

#footer{
	color:							#6a6a6a;
	width:							960px;
	margin:							0 auto;
}
.wflogo{
	float:							right;
	padding-top:				50px;
}
#footer ul{
	padding-top:				55px;
}
#footer ul li{
	display:						inline;
}
#footer ul li a{
	color:							#6a6a6a;
	text-decoration:		none;
}