/*
Theme Name: SJG
Author: Peter Hughes @eyesparks
*/


/* TABLE OF CONTENTS
01 - Global Elements
02 - Main Structure
03 - Header
04 - Main Content
05 - Sidebars
06 - Footer
07 - Wordpress Defaults
*/


/* 01 - GLOBAL ELEMENTS ----------------------------------------------*/
* 				{ margin: 0;  padding: 0;}
html 			{ min-height: 100%; overflow-y:scroll; }
body			{background:#EDDDCE; padding:10px 0; margin:0; }


/* 02 - MAIN STRUCTURE -----------------------------------------------*/
.maincontainer	{width:980px;margin-left:auto;margin-right:auto;}

.grid_1				{float:left; width:285px; margin:15px;}
.grid_2				{float:left; width:600px; margin:15px;}
.grid_3				{float:left; width:915px; margin:15px;}

.hr					{float:left; width:100%; height:5px; border-bottom:1px solid #ccc; margin-bottom:5px;}
.hr2				{float:left; width:100%; height:1px; border-bottom:1px solid #CC927D; margin:30px 0;}
.space				{float:left; width:100%; height:20px; }

input.hometext		{border:1px solid #AFA3A3; padding:3px; margin:0 0 3px 0; clear:both; color:#565656; font:0.9em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, Verdana, sans-serif;}
input.apply			{width:76px; height:22px; border:0; cursor:pointer; background:url(images/apply.gif) no-repeat; float:left;}

.mainleft			{float:left; width:370px; margin:5px 0 0 0;}
.mainright			{float:right; width:250px; margin:5px 25px 0 0;}
.mainsingle			{float:left; width:650px; margin:5px 0 0 0;}
.singlereverse		{float:right; width:650px; margin:5px 25px 0 0;}

.homeleft			{float:left; width:250px; margin:5px 50px 0 25px;}
.homemiddle			{float:left; width:280px; margin:5px 0 0 0;}
.homeright			{float:right; width:280px; margin:5px 25px 0 0;}



/* 03 - HEADER -------------------------------------------------------*/
.header			{background:url(images/header.png) no-repeat top; width:980px; margin:0; padding:0; float:left; text-align:center; position:relative;}
.logo			{width:110px; height:137px; background:url(images/logo.png) no-repeat; position:absolute; left:30px; top:40px; z-index:999;}

ul.topnav		{ list-style:none; margin:68px 30px 0 0px; padding:0; float:right; }
ul.topnav	li	{ margin:0 0 0 15px; padding:0; float:right; font-size:0.9em; font-weight:normal;  }
ul.topnav	li	a{ float:left; color:#000; padding:4px 10px 5px 10px; text-decoration:none;-webkit-border-radius:6px; -moz-border-radius:6px;text-shadow: #FFE3B8 1px 1px 1px; }
ul.topnav	li	a:hover{ color:#351A11; background:#FFE3B8; }
ul.topnav	li.current	a{ color:#351A11; background:#FFE3B8; }

ul.mainnav		{ list-style:none; margin:25px 0 0 10px; padding:0; float:left; width:820px; padding-left:140px; height:33px; background:url(images/navbar.gif) no-repeat; }
ul.mainnav	li	{ margin:1px 0 0 10px; padding:0; float:left;  }
ul.mainnav	li	a{ float:left; color:#FFF; height:31px; padding:0; text-decoration:none; background-position:0 0; }
ul.mainnav	li.butt1	a{ background:url(images/nav/education.png) no-repeat; width:112px;}
ul.mainnav	li.butt2	a{ background:url(images/nav/healthcare.png) no-repeat; width:119px;}
ul.mainnav	li.butt3	a{ background:url(images/nav/hospitality.png) no-repeat; width:120px;}
ul.mainnav	li.butt4	a{ background:url(images/nav/publicbuildings.png) no-repeat; width:156px;}
ul.mainnav	li.butt5	a{ background:url(images/nav/commercial.png) no-repeat; width:122px;}
ul.mainnav	li.butt6	a{ background:url(images/nav/washrooms.png) no-repeat; width:119px;}
ul.mainnav	li	span	{ display:none; }
ul.mainnav	li	a:hover{ background-position:0 -31px; }

body.parent-pageid-15 ul.mainnav li.butt1 a,
body.page-id-15 ul.mainnav li.butt1 a{ background-position:0 -31px;}
body.parent-pageid-61 ul.mainnav li.butt2 a,
body.page-id-61 ul.mainnav li.butt2 a{ background-position:0 -31px;}
body.parent-pageid-63 ul.mainnav li.butt3 a,
body.page-id-63 ul.mainnav li.butt3 a{ background-position:0 -31px;}
body.parent-pageid-65 ul.mainnav li.butt4 a,
body.page-id-65 ul.mainnav li.butt4 a{ background-position:0 -31px;}
body.parent-pageid-67 ul.mainnav li.butt5 a,
body.page-id-67 ul.mainnav li.butt5 a{ background-position:0 -31px;}
body.parent-pageid-69 ul.mainnav li.butt6 a,
body.page-id-69 ul.mainnav li.butt6 a{ background-position:0 -31px;}

.titlebar {float:left; height:30px; width:675px; padding:30px 0 0 285px; margin:0 10px; background:#000 url(images/woodgrain.jpg) repeat-x top; text-align:left;}


/* 04 - MAIN CONTENT -------------------------------------------------*/
.content			{background:url(images/content.png) repeat-y; width:960px; margin:0; padding:10px; float:left; text-align:left;}

.homenews			{float:left; width:180px; margin:0 30px 0 0;}
.nomargin			{margin:0;}

.homepic			{position:relative; float:left; margin:0 0 20px 0; width:280px;}
.homepic img		{position:absolute; top:0px; left:0px;}
.homepic span		{position:absolute; top:135px; left:0px; height:35px; width:260px; padding:10px; color:#2D1E1B; background:url(images/whiteoverlay.png) repeat;}

.beigerounded		{float:left; background:#FFE3B8; -webkit-border-radius:12px; -moz-border-radius:12px; padding:10px 15px 15px 15px;}
a.brownbutt			{color:#fff; background:#9F491C; padding:4px 10px; font-size:0.9em; text-transform:uppercase; text-decoration:none; -webkit-border-radius:6px; -moz-border-radius:6px;}
a.brownbutt:hover	{color:#fff; background:#6B2C10;}
input.submit		{color:#fff; background:#9F491C; padding:4px 10px; font-size:0.9em; text-transform:uppercase; cursor:pointer; -webkit-border-radius:6px; -moz-border-radius:6px; border:none;}
span.twitter		{color:#07B2FC;}


ul.homenews			{list-style:none; padding:0; margin:0 0 0 0; float:left}
ul.homenews	li		{padding:0; margin:0; font-weight:normal; font-size:0.9em;}
ul.homenews	li a	{color:#000; text-decoration:none; float:left; width:250px; border-bottom:1px #D3C5BE solid; padding:5px 0;}
ul.homenews	li a:hover{text-decoration:underline;}

ul#twitter_update_list {list-style:none; margin:0; padding:0; }
ul#twitter_update_list li { margin:0; padding:0; list-style:none; font-size:0.9em; }


/* 05 - SIDEBARS -----------------------------------------------------*/
.sidebar			{float:left; width:230px; margin:5px 30px 0 25px;}
ul.sidelist 			{width:180px; float:left; list-style:none; display:block; margin:0 0 30px 0; padding:0; font-size:0.9em;}
ul.sidelist 			li{ list-style:none; display:block; float:left; margin:0; color:#333;}
ul.sidelist 	li.title{ list-style:none; display:block; float:left; margin:0 0 5px 0; text-transform:uppercase; color:#9A4D23;}
ul.sidelist  li   	    a{float:left; display:block; width:200px; color:#333; padding:4px 0 4px 20px; margin:2px 0; text-decoration:none; background:url(images/bullet.png) no-repeat; background-position:0 -40px;}
ul.sidelist  li   	    a:hover{ color:#006837; text-decoration:underline; background-position:0 7px;}
ul.sidelist  li.current_page_item   a{color:#006837; background-position:0 7px;}


a.sidepic			{position:relative; float:left; margin:0 0 20px 0; width:280px; height:190px; text-decoration:none;}
a.sidepic:hover		{text-decoration:underline;}
a.sidepic img		{position:absolute; top:0px; left:0px;}
a.sidepic span		{position:absolute; top:135px; left:0px; height:35px; width:260px; padding:10px; color:#2D1E1B; background:url(images/whiteoverlay.png) repeat;}

a.sidepic2			{position:relative; float:left; margin:0 0 20px 0; width:250px; height:190px; text-decoration:none;}
a.sidepic2:hover	{text-decoration:underline;}
a.sidepic2 img		{position:absolute; top:0px; left:0px;}
a.sidepic2 span		{position:absolute; top:120px; left:0px; height:35px; width:230px; padding:10px; color:#2D1E1B; background:url(images/whiteoverlay.png) repeat;}
	

/* 06 - FOOTER -------------------------------------------------------*/
.footer			{background:url(images/footer.png) no-repeat top; width:910px; height:325px; margin:0; padding:60px 35px 0 35px; float:left; text-align:left;}

ul.footernav		{float:left; width:130px; margin:0 25px 0 0; list-style:none;}
ul.last			{float:left; width:130px; margin:0; list-style:none;}
ul.footernav li	{ list-style:none; margin:4px 0;font-size:0.8em; display:block;}
ul.footernav li.title{color:#9F491C; text-transform:uppercase;}
ul.footernav li a	{ color:#444; font-style:normal; text-decoration:none;}
ul.footernav li a:hover	{color:#000; text-decoration:underline;}

.bottomfoot		{float:left; width:310px;}
.bottomfootlast	{float:left; width:280px;}





/* 07 - WORDPRESS DEFAULTS -------------------------------------------*/

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding:0;
	margin:0;
	display: inline;
	}

img.alignleft {
	padding:0;
	margin:0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



/* Begin Lists */

a[href$=".PDF"], a[href$=".pdf"] {
	padding: 6px 2px 5px 30px;
	background: url("images/pdf-icon.png") left center no-repeat;
}


html>body .mainleft ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .mainleft li {
	margin: 7px 0 8px 10px;
	font-size:0.9em; color:#212121;
	}

.mainleft ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

ol {
	padding: 0;
	margin: 0;
	}

ol li {
	margin: 0;
	padding: 0;
	}

/* End Entry Lists */





/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin:0 0 20px 0;
	padding:0;
	font-size:14px;
	color:#006837;
	font-style:italic;
	font:Georgia, "Times New Roman", Times, serif;
	}

cite {
	margin: 5px 0 0;
	display: block;
	font-style:italic; font-weight:bold;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	text-align: center;
	background-color: #F9FBFD;
	padding:0;
	margin:0;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size:0.8em;
	padding:5px 0 12px 0;
	margin:0;
	text-align:center;
	font-style:italic;
}
/* End captions */