/* defaults */

body {
	text-align:center;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	background:#fdc613;
}

h1, h2, h3, h4, p, ul, ol {
	margin-bottom:0.5em;
}

h1, h2, h3, h4 {
	padding-bottom:6px;
}

h1 {
	font-size:1.4em;
	line-height:1.5;
}

h2 {
	font-size:1.3em;
}

h3 {
	font-size:1.2em;
}

h4 {
	font-size:1.1em;
}

p {
	line-height:1.4;
}

ul, ol {
	margin-left:2em;
	list-style:disc;
}

a img {
	border:0;
}

div.clear {
	font-size:1px;
	line-height:0.1;
	margin:0;
	padding:0;
	clear:both;
}

/* containers */

#wrapper {
	width:964px;
	margin:0 auto;
	text-align:left;
}

#header {
	background:#FDC613;
	height:100px;
	text-align:center;
	position:relative;
}

#header p {
	margin:0;
	padding:0;
}

#header #banner {
	position:absolute;
	width:964px;
	bottom:0;
	left:0;
	height:70px;
}

#content {
	background:#FFF;
	color:#003B59;
	padding:0 20px 20px 20px;
	height:410px;
	font-size:1.3em;
}

#content a {
	color:#003B59;
}

#content a:hover {
	color:#666;
}

#breadcrumb {
	text-transform:lowercase;
	height:10px;
	padding:5px 0 20px 0;
	font-size:0.8em;
}

#breadcrumb p {
	color:#666 !important;
	margin:0;
	padding:0;
}

#breadcrumb a {
	color:#666 !important;
	text-decoration:none;
}

#breadcrumb a:hover {
	text-decoration:underline;
}

#footer {
	background:#003b5b url(../img/logo-blue.jpg) no-repeat 648px 14px;
	padding:20px;
	height:100px;
	color:#FFF;
}

#footer .col {
	height:100px;
	width:155px;
	border-left:2px solid #a05917;
	float:left;
	line-height:1.4;
}

#footer ul {
	list-style:none;
	margin-left:10px;
	padding:0;
}

#footer a {
	text-decoration:none;
	color:#FFF;
}

#footer a:hover {
	text-decoration:underline;	
}

#copyright {
	color:#8b6e10;
	padding:10px 20px;
}

#copyright p {
	margin:0;
	padding:0;
	color:#8b6e10;
}

#copyright a {
	color:#8b6e10;
	text-decoration:none;
}

#copyright a:hover {
	text-decoration:underline;
}

/* sub nav */

ul#subnav, ul#subnav ul {
	list-style:none;
	margin-left:0;
	line-height:1.3;
}

ul#subnav li {
	font-weight:bold;
	text-transform:uppercase;
	font-size:0.9em;
}

ul#subnav li a {
	text-decoration:none;
}

ul#subnav li a:hover {
	text-decoration:underline;
}

ul#subnav li li {
	font-weight:normal;
	text-transform:none;
	font-size:0.85em;
}

/* custom scroll widget */

.simply-scroll-container { 
	position: relative;
	float:left;
}

.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}
	
.simply-scroll-btn {
	position: absolute;
	background-image: url(/assets/img/buttons.png);
	background-repeat:no-repeat;
	width: 17px;
	height: 10px;
	z-index:3;
	cursor: pointer;
}
	
.simply-scroll-btn-up {
	background-position: 0 0;
}
	
.simply-scroll-btn-down {
	background-position: 0 -10px;
}

.vert .simply-scroll-clip {
	width: 804px;
	height: 375px;
}

.vert .simply-scroll-btn-up { 
	right: -17px;
	bottom: 12px;
}

.vert .simply-scroll-btn-down { 
	right: -17px;
	bottom:0;
}

/* 1 col template - fixed height */

body#onecol .col1 {
	width:924px;
	height:375px;
	float:left;
	overflow:visible;
}

body#onecol .col1 .vert .simply-scroll-clip {
	width: 924px;
}

/* 1 col template - fixed height (borderless) */

body#onecolborderless #content {
	height:430px;
	padding:0;
}

body#onecolborderless .col1 {
	width:964px;
	height:395px;
	float:left;
	overflow:hidden;
}

/* 2 col template - fixed height */

body#twocol .col1 {
	width:97px;
	padding-right:20px;
	border-right:2px solid #c4cfcb;
	height:375px;
	float:left;
}

body#twocol .col2 {
	width:784px;
	padding-left:20px;
	height:375px;
	float:left;
	overflow:visible;
}

body#twocol .col2 .vert .simply-scroll-clip {
	width: 784px;
}

/* 2 col reversed template - variable height */

body#twocolreversed #content {
	/*height:410px;*/
	height:auto;
	min-height:410px;
}

body#twocolreversed .col1 {
	width:540px;
	margin-right:20px;
	border-top:2px solid #FDC613;
	height:auto;
	padding-top:10px;
	margin-bottom:20px;
	float:left;
}

body#twocolreversed .col2 {
	width:268px;
	border:1px solid #efefef;
	height:auto;
	background:#fFFFF;
	padding:10px;
	margin-bottom:20px;
	float:right;
}

body#twocolreversed #subwrapper {
	background:#FFF;
}

body#twocolreversed #footer {
	clear:both;
}

/* 3 col template - fixed height */

body#threecol .col1 {
	width:97px;
	padding-right:20px;
	border-right:2px solid #c4cfcb;
	height:375px;
	float:left;
}

body#threecol .col2 {
	width:213px;
	padding:0 20px;
	border-right:2px solid #c4cfcb;
	height:375px;
	float:left;
	overflow:visible;
}

body#threecol .col3 {
	width:529px;
	padding-left:20px;
	height:375px;
	float:left;
	overflow:visible;
}

body#threecol .col2 .vert .simply-scroll-clip {
	width: 213px;
}

body#threecol .col3 .vert .simply-scroll-clip {
	width: 529px;
}

/* construction */

body.construction #content, body.construction #content a {
	color:#80321b;
}

body.construction #footer {
	background:#80321B url(../img/logo-red.jpg) no-repeat 648px 14px;
}

body.construction #footer .col {
	border-left:2px solid #a05917;
}

body.construction .simply-scroll-btn-up {
	background-position: -17px 0;
}
	
body.construction .simply-scroll-btn-down {
	background-position: -17px -10px;
}

/* joinery */

body.joinery #content, body.joinery #content a {
	color:#133d2f;
}

body.joinery #footer {
	background:#133d2f url(../img/logo-green.jpg) no-repeat 648px 14px;
}

body.joinery #footer .col {
	border-left:2px solid #4c5f27;
}

body.joinery .simply-scroll-btn-up {
	background-position: 0 0;
}
	
body.joinery .simply-scroll-btn-down {
	background-position: 0 -10px;
}

/* plastics */

body.plastics #content, body.plastics #content a {
	color:#003b5b;
}

body.plastics #footer {
	background:#003b5b url(../img/logo-blue.jpg) no-repeat 648px 14px;
}

body.plastics #footer .col {
	border-left:2px solid #3e5e49;
}

body.plastics .simply-scroll-btn-up {
	background-position: -34px 0;
}
	
body.plastics .simply-scroll-btn-down {
	background-position: -34px -10px;
}

/* group */

body.group, body.groupblack {
	background:#FFF;
}

body.group #content, body.groupblack #content {
	border-left:1px solid #FDC613;
	border-right:1px solid #FDC613;
	border-bottom:1px solid #FDC613;
	padding:0 19px 20px 19px;
	height:409px;
}

body.group #content, body.group #content a, body.groupblack #content, body.groupblack #content a {
	color:#000;
}

body.group #footer, body.groupblack #footer {
	background:#fff url(../img/logo-white.jpg) no-repeat 648px 14px;
	color:#000;
}

body.group #footer .col, body.groupblack #footer .col {
	border-left:2px solid #c4c4c4;
}

body.group #footer a, body.group #footer p, body.groupblack #footer a, body.groupblack #footer p {
	color:#000;	
}

body.group #copyright, body.groupblack #copyright {
	border-top:2px solid #d9d9db;
	padding-top:8px;
	color:#333;
}

body.group #copyright a, body.group #copyright p, body.groupblack #copyright a, body.groupblack #copyright p {
	color:#333;
}

body.group .simply-scroll-btn-up, body.groupblack .simply-scroll-btn-up {
	background-position: -51px 0;
}
	
body.group .simply-scroll-btn-down, body.groupblack .simply-scroll-btn-down {
	background-position: -51px -10px;
}

/* group black - inherits group styling*/

body.groupblack #content {
	background:#19171c;	
	color:#FFF;
	height:410px;
	border:0;
}

body.groupblack .col1, body.groupblack .col2 {
	border:0 !important;
}

body.groupblack .simply-scroll-btn-up {
	background:none;
}
	 
body.groupblack .simply-scroll-btn-down {
	background:none;
}

body.groupblack ul#subnav li, body.groupblack ul#subnav li a {
	color:#FDC613;	
}

body.groupblack ul#subnav li ul li, body.groupblack ul#subnav li ul li a {
	color:#FFFFFF;	
}

/* news page */

div.moduleBlogs .post {
	border-bottom:2px solid #FDC613;
	padding-top:1em;
	clear:left;
}

div.moduleBlogs p.date {
	font-size:0.85em;
}

div.moduleBlogs a.more { color: #FDC613; font-size: 80%; text-transform:uppercase; text-decoration:none; font-weight:bold; }

div.moduleBlogs a.more:hover { color: #FDC613; font-size: 80%; text-decoration:underline; }

div.moduleBlogs h4#comments {
	border-top:2px solid #FDC613;
	padding-top:1em;
}

div.moduleBlogs div.sidebar {
	color:#666;
	line-height:1.5;
	font-size:0.9em;
}

div.moduleBlogs div.sidebar h3 {
	font-size:1em;
	font-weight:normal;
	text-transform:uppercase;
	padding-bottom:0;
}

div.moduleBlogs div.sidebar ul { font-size: 0.9em; list-style:none; margin-left:0; padding-left:0; }

div.moduleSiteMap ul {
	list-style-type: none;
	padding-left:0;
	margin-left:0;
	line-height:1.5;
}

div.moduleSiteMap ul li {
	padding-left:0;
	margin-left:10px;
}


#content div.moduleBlogs a {
	color:#666;
	text-decoration:none;
}

#content div.moduleBlogs a:hover {
	text-decoration:underline;
}

#content div.moduleBlogs img.thumb {
	float:left;
	margin:0px 10px 10px 0;
}

/* slider */

#jflow-content-slider {
	height:375px;
	width:528px;
}

#myController {
	text-align:right;
}

#myController span.jFlowSelected {
	font-weight:bold;
}

.slide-wrapper {
}

.jFlowSlideContainer {
	overflow:hidden;	
}

.jFlowControl, .jFlowPrev, .jFlowNext {
	cursor:pointer;
	padding:0 2px;
}

.jFlowPrev, .jFlowNext {
	display:none;
}

.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover {
	font-weight:bold;
}