@charset "UTF-8";

/* Cleen Theeme Core CSS */

body {
	margin:0;
	padding:0;
	color: #333333;
	list-style-position: inside;
	list-style-image: url(../assets/bronze-star.gif);
	background-image: url(../tile-background.jpg);
	font-family: Cambria, serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.5em;
	list-style-type: none;
}
img { border: 0; }

a {
	color: #000000;
	text-decoration: none;
} /* Main link color */
a:hover {
	text-decoration: none;
}

p { padding: 0 0 15px 0; } /* Paragraph Style */ 

ul { margin:0 0 0 40px; padding:0 0 0 40px; } 
li {
	color: #333333;
} /* Sets all lists to indent and colour X, this coensides a <span> If you want you text to be normal color.</span> */
.list {
	color: #000000;
}

hr { color: inherit; height: 0; margin: 15px 0 15px 0; padding: 0; background-color:inherit; border: 1px solid #cbcbcb; border-style: none none solid; }

h1 { padding: 0 0 5px 0; margin: 0; font: 24px Cambria, serif; color: #08c; }
h2 {
	margin: 0;
	font-family: Cambria, serif;
	font-size: 20px;
	color: #503722;
	background-image: url(../assets/barb-wire.png);
	background-repeat: repeat-x;
	background-position: left 25px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 25px;
	padding-left: 0;
}
h3 { padding: 0 0 5px 0; margin: 0; font: 16px Cambria, serif; }
h4 { padding: 0 0 5px 0; margin: 0; font: 12px Cambria, serif; }

/* Header */

#header {
	position: relative;
	min-width: 100%;
	height: 85px;
	background-image: url(../assets/home/wood.png);
	background-repeat: no-repeat;
}

#header_wrap {
	position: relative;
	width: 960px;
	padding: 10px 0 10px 0;
	color: #CCCCCC;
	margin-left: auto;
	margin-right: auto;
}
#header_wrap .content.left { float: left; }
#header_wrap .content.right {
	float: right;
	text-align: left;
	margin-right: 100px;
	margin-top: 3px;
}

/* Navigation */

#navigation {
	position: absolute;
	top: 62px;
	height: 25px;
	left: 0;
	width: 736px;
}
#navigation ul { padding: 0; margin-left: 0; list-style-type: none; }

#navigation li { display: inline; padding: 5px 25px 5px 25px; height: 15px; color: #fbfdd6; margin-right: 2px; }
#navigation li a {
	color: #fbfdd6;
}
#navigation li a:hover {
	color: #fbfdd6;
}
#navigation li.selected {
	background-repeat: no-repeat;
	background-image: url(../tile-background.jpg);
}
#navigation li.selected a {
	color: #000000;
}
#navigation li.selected a:hover {
	color: #fbfdd6;
}

/* Page Body */

#page { width: 960px; margin-top: 15px; margin-left: auto; margin-right: auto; overflow: hidden; } /* Important */
#page .content { border: 1px solid #cbcbcb; background-color: #fbfdd6; padding: 10px; overflow: hidden; box-shadow: 0 4px 8px -1px #333333;}

#error { border: #CBCBCB 1px solid; background-color: #fbfdd6; padding: 15px; min-height: 300px; margin: 15px 0 15px 0; width: 928px; }

/* Homepage jQuery Slider CSS */

#slider {
	width: 940px;
	height: 255px;
	margin: 0 auto;
	position: relative;
	background-color: fbfdd6;
}
.scroll {
	height: 230px;
	width: 940px;
	overflow: auto;
	overflow-x: hidden;
	position: absolute;
	top: 0;
	left: 0;
	clear: left;
	border-bottom: 1px solid #cbcbcb;
	background-color: fbfdd6;
}

.scrollContainer div.panel {
	padding: 0;
	height: 230px;
	width: 940px;
	background-color: fbfdd6;
}
ul.navigation { list-style: none; position: absolute; bottom: 0; left: 0; margin: 0;padding: 0; }
ul.navigation li { display: inline; border-right: 1px solid #cbcbcb; }
ul.navigation a {
	padding: 5px 25px 5px 25px;
	cursor: pointer;
	color: #333333;
	text-decoration: none;
}
ul.navigation a:hover {
	color: #804000;
}
ul.navigation a.selected { background-color: #fbfdd6; }
ul.navigation a:focus { outline: none; }
.scrollButtons { display: none; position: absolute; top: 150px; }
.scrollButtons.left { left: -20px; }
.scrollButtons.right { right: -20px; }
.hide { display: none; }


/* Home Page CSS */

#page #home .column1 {
	xborder: #CBCBCB 1px solid;
	box-shadow: 0 4px 8px -1px #333333;
	background-color: #fbfdd6;
	float: left;
	width: 220px;
	background-image: url(../assets/right-corner.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	text-align: center;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 55px;
	padding-left: 35px;
}

#page #home .column1 .blog { padding-bottom: 10px; }
#page #home .column1 .blog h2 { padding-left: 0; }
#page #home .column1 .blog h3 { padding-left: 0; }
#page #home .column1 .blog p { margin: 0; padding-left: 0; }

#page #home .column1 .advert { background-color: #DCECF8; padding: 15px; margin-top: 15px; }
#page #home .column1 .advert p { font: 12px Cambria, serif; }

#page #home .column2 {
	float: right;
	xborder: #CBCBCB 1px solid;
	box-shadow: 0 4px 8px -1px #333333;
	background-color: #fbfdd6;
	padding: 15px;
	margin: 15px 0 15px 0;
	width: 645px;
	background-image: url(../assets/right-corner.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}


/* Inner Page */

#page #inner .column1 {
	xborder: #CBCBCB 1px solid;
	box-shadow: 0 4px 8px -1px #333333;
	padding: 15px;
	float: left;
	margin-bottom: 15px;
	width: 645px;
	background-image: url(../assets/right-corner.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #fbfdd6;
}
#page #inner img.heading { width: 645px; }

#page #inner .column2 {
	float: right;
	xborder: #CBCBCB 1px solid;
	box-shadow: 0 4px 8px -1px #333333;
	background-color: #fbfdd6;
	margin-bottom: 15px;
	width: 240px;
	padding: 15px;
	height: auto;
}

#page #inner .column2 .blog { padding-bottom: 10px; }
#page #inner .column2 .blog h2 { padding-left: 0; }
#page #inner .column2 .blog h3 { padding-left: 0; }
#page #inner .column2 .blog p { margin: 0; padding-left: 0; }

#page #inner .column2 .contact {
	background-image: url(../assets/right-corner.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 30px;
}
#page #inner .column2 .contact .header { display: inline-block; width: 60px; font-weight: bold; }
#page #inner .column2 .contact h2 { padding-left: 0; }
#page #inner .column2 .contact p { margin: 0; padding-left: 0; }

#page #inner .column2 .blog { padding-bottom: 10px; }
#page #inner .column2 .blog h2 { padding-left: 0; }
#page #inner .column2 .blog h3 { padding-left: 0; }
#page #inner .column2 .blog p { margin: 0; padding-left: 0; }

#page #inner .column2 .advert { height: 200px; width: 240px; margin-bottom: 15px; }
#page #inner .column2 .advert p { font: 12px Cambria, serif; }

#page #products_featured {
	margin: 0;
}
#page #products_featured .product {
	float: left;
	width: autopx;
	height: autopx;
	padding: 10px;
	border: 1px solid #cbcbcb;
	margin-bottom: 15px;
	background-image: url(../image-background.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#page #products_featured .product.one { margin-right: 10px; }
#page #products_featured .product.two { margin-right: 10px; }


/* Portfolio Slider */

#page #inner #slider { width: 645px; height: 335px; margin: 0 auto; position: relative; }
#page #inner .scroll { height: 310px; width: 645px; overflow: auto; overflow-x: hidden; position: absolute; top: 25px; left: 0; clear: left; }

#page #inner .scrollContainer div.panel { padding: 0; height: 310px; width: 645px; }
#page #inner ul.navigation { list-style: none; position: absolute; top: 0; left: 0; margin: 0;padding: 0; }
#page #inner ul.navigation li { display: inline; border-right: 1px solid #cbcbcb; }
#page #inner ul.navigation a { padding: 5px 25px 5px 25px; cursor: pointer; color: #08c; text-decoration: none; }
#page #inner ul.navigation a:hover { color: #1c1c1c; }
#page #inner ul.navigation a.selected { background-color: #fff; }
#page #inner ul.navigation a:focus { outline: none; }
#page #inner .scrollButtons { display: none; position: absolute; top: 150px; }
#page #inner .scrollButtons.left { left: -20px; }
#page #inner .scrollButtons.right { right: -20px; }
#page #inner .hide { display: none; }

#page #inner .portfolio_item { float: left; display: block; padding: 10px; border: 1px solid #cbcbcb; width: 183px; height: 118px; margin-bottom: 15px; }
#page #inner .portfolio_item img { width: 183px; height: 118px; }
#page #inner .portfolio_item.f_right { margin-right: 15px; }


/* Any CSS Specifically for an inner page here. */

.code { width: 615px; padding: 15px; background-color: #fff; border: 1px solid #cbcbcb; }


/* Footer */

#footer {
	min-width: 100%;
	padding-bottom: 15px;
}
#footer ul li { display: inline; list-style-type: none; }
#footer li { padding: 0 10px 0 10px; }
#footer li a:hover { color: #777; }
#footer .content { width: 930px; padding: 15px; xborder: #CBCBCB 1px solid; background-color: #fbfdd6; margin-left: auto; margin-right: auto; box-shadow: 0 4px 8px -1px #333333;}
#footer .valid { width: 960px; margin-top: 15px; text-align: right; margin-left: auto; margin-right: auto; }
#footer .content .left { float: left; }
#footer .content .right { float: right; }