/* HTML Tag Redefinition */

html, body {height: 100%;  }


body { 
	font: normal normal 14px Arial, Helvetica, serif;
	background-color: #adaa8c; 
	text-align: left; 
	padding: 0px;
	margin: 0px;
	color: #7c7c75;
	text-align: left; 
	font-size: 14px;
	/* line-height: 18px;  */
}


img {border: 0px}
a { cursor:pointer}

label { font-weight:bold; display:block; padding-top: 10px; }
fieldset { border:1px solid #ccc;}

/* error text class optionally provided by theme */
div.ccm-error-response {color: #f00; margin-bottom: 12px}

img {border: 0px}
a,a:visited,a:active {
	color: #85817b;
}
a:hover {
	color: #0076C5;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.no-border {
	border: none !important;
}

.no-margin {
	margin: 0px !important;
}

p { 
	padding:0px 0px 0px 0px;
	margin: 5px 0;

}


/* Page Structure / Navigation */

#header-container {
	background: #787878 url(http://www.sherwoodmechanical.com/themes/sherwood//images/header-bg.jpg) repeat-x;
	border-bottom: 1px solid #646464;
	padding: 16px 0;
}

#header-container #header {
	position: relative; 
	width: 960px;
	margin: 0 auto;
} 

h1 { 
	text-indent: -31337px;
	font-size: 1px;
}

h2 {
	font-size: 2.5em;
	margin: 0 0 15px 0;
}

h3 {
	font-size: 1.75em;
	color:#0076C5 !important;
	margin: 10px 0;
}

h4 {
	font-size: 1.25em;
	margin: 8px 0;
}


#header #logo {
	background: url(http://www.sherwoodmechanical.com/themes/sherwood//images/sherwood-logo.png) no-repeat; 
	cursor: pointer;  
	left: -15px;
	top: -31px; 
	width: 284px;
	height: 156px; 
	position: absolute; 
}

#header #logo a { 
	color:#999; 
	text-decoration:none;
	display: block;
	height: 156px;
}

#menu-container {
	background: #e8e8db url(http://www.sherwoodmechanical.com/themes/sherwood//images/menu-bg.jpg) repeat-x;
	border-top: 1px solid #FFFFFF;
	/* padding: 10px 0; */
}

#menu {
	width: 960px;
	margin: 0 auto;
}

#menu-container #menu  #headerNav {}

#menu-container #menu  ul.nav-header { 
	list-style:none; 
	margin:0px; 
	padding:0px; 
	width:auto;  
	float: right;
}


#menu-container #menu  ul.nav-header li {
	float: left; 
	padding: 10px 16px 10px 0px; 
	margin-left: 16px; 
	margin-bottom: 0px; 
	color: #999; 
	margin-top: 0px;
	border-right: 1px solid #F5F3E4;
}

#menu-container #menu  ul.nav-header li a { 
	text-decoration:none; 
	color: #85817b;
	text-transform: uppercase;
	font-weight: bold;
}

#menu-container #menu  ul.nav-header li a:hover {
	color:#0076C5 !important; 
}



.nav-selected { 
	color:#0076C5 !important; 
}



.divider{padding-top: 12px; background: url(http://www.sherwoodmechanical.com/themes/sherwood/images/nav_horizontal_divider.gif) no-repeat top; overflow:hidden; height:1px; clear:both; width:100%; }



#splash-container {
	background: #0082db;
	border-top: 1px solid #cac9bb;
}

#splash {
	width: 960px;
	margin: 0 auto;
}

.no-sidebar { background-image: none !important}

#central{
	background: #fffff2;
	clear:both;
	/* border-top: 1px solid #0071bf; */
}


#central.central-left { background:url(http://www.sherwoodmechanical.com/themes/sherwood/images/nav_sidebar_left_bg.gif) repeat-y center !important; }
#central.central-left div#sidebar {float: left !important; }
#central.central-left #body {padding-left: 72px !important; padding-right: 0px !important; float:right}

#central #body { 
	width: 960px;
	margin: 0 auto;
	padding: 25px 0;
}

#content {
	float: left;
	width: 65%;
}


#central #body p {text-align:left;}





#central #sidebar{ 
	float: right; 
	width: 24%; 
	overflow: hidden; 
	background: #f1f1de;
	border: 1px solid #cdcbb5;
	padding: 30px 25px;
	text-align: center;
}

#central #sidebar h2 {
	color: #DD1F26;
	font-size: 2em;
	line-height: 25px;
}

#central #sidebar img{
	margin: 10px 0;
}

#central #sidebar p { 
	color: #716558;
	font-size: 1.10em;
}


#central #sidebar ul.nav{ list-style:none; margin-left:0px; padding:0px; padding-left:24px; font-size:11px;}
#central #sidebar ul.nav li{ margin-bottom:16px; }
#central #sidebar ul.nav a{ text-decoration:none; color:#333 }
#central #sidebar ul.nav a.nav-selected {font-weight: bold}
#central #sidebar ul.nav a:hover{ text-decoration:underline }
#central #sidebar ul.nav ul{ list-style:none; margin-left:0px; padding:0px; padding-left:16px; margin-top:16px; }
#central #sidebar ul.nav ul li{ margin-bottom:16px; }

#central.navLeft{ background:url(http://www.sherwoodmechanical.com/themes/sherwood/images/nav_sidebar_left_bg.gif) repeat-y center; }
#central.navLeft  #sidebar{float:left}
#central.navLeft  #body{float:right; padding-right:0px; width:68%; }

#central.noSideNav{ background: none; }
#central.noSideNav  #sidebar{ display:none }
#central.noSideNav  #body{float: none; padding-left:0px; padding-right:0px; width:100%; }

#first-read {
	float: left;
	width: 400px;
	margin-top: 20px;
}

#first-read h2{
	font-size: 3.5em;
	font-weight: bold;
}

#first-read ul {
	padding: 0px;
}

#first-read li {
	list-style: none;
}


#featured-project {
	background: #f1f1de;
	border: 1px solid #cdcbb5;
	float: right;
	position: relative;
	padding: 30px 10px;
	margin-top: 20px;
}

#featured-project #project-image {
	float: left;
	margin-right: 15px;
}


#featured-project #project-image img{
	border: 5px solid #FFFFFF;
}

#featured-project h2 {
	background: url(http://www.sherwoodmechanical.com/themes/sherwood//images/project-description-header-bg.jpg) repeat-x;
	font-style: italic;
	font-family: "Lucida Sans", Verdana, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	border: 1px solid #cdcbb5;
	padding: 5px 10px;
	position: absolute;
	left: 25px; 
	top: -18px;
}

#featured-project #project-description {
	float: right;
	width: 300px;
}

#featured-project #project-description h3{
	color: #0076c5;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 1.7em;
}


#featured-project-landing {
	border: 1px solid #CDCBB5;
	background: #F1F1DE;
	padding: 10px;
	margin-bottom: 15px;
}

#featured-project-landing img {
	float: right;
	margin: 0 0 5px 5px;
	border: 5px solid #FFFFFF;
}

#footer-container {
	background: url(http://www.sherwoodmechanical.com/themes/sherwood//images/footer-bg.jpg) repeat-x;
}

#footer {
	width: 960px;
	margin: 0 auto;
	padding-top: 20px; 
	clear: both; 
	padding-bottom: 16px; 
	color: #74725b; 
	font-size: 12px;
	font-family: "Lucida Grande", Verdana, sans-serif;
}

#footer a {
	color: #FFFFFF; 
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold; 
}

#footer a:hover {
	color: #0076C5;
}

#footer span.sign-in { 
	margin-left: 20px;
}

#footer span.powered-by { 
	float:right; 
}

#footer-menu ul {
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

#footer-menu ul li {
	display: inline;
	list-style: none;
	border-right: 1px solid #FFFFFF;
	padding-right: 10px;
	margin-right: 10px;
}

/* Page Elements */

.pagingNav{ margin:16px 0px 8px 0px}
.pagination{ text-align:center; color:#bbb; padding-top:4px}
.pagination .pageRight{width:20%; float:right; text-align:right}
.pagination .pageLeft{width:20%; float:left; text-align:left}

/* MISC STYLES & SHORTCUTS */
div.code {border: 1px solid #ddd; background: #eee; padding: 10px}
div.spacer,div.ccm-spacer{ clear:both; font-size:1px; line-height:1px }
.noTopSpace{margin-top:0px; padding-top:0px}

/* customize_miscellaneous */ /* customize_miscellaneous */

#buttons {
	float: right;
}

#buttons a {
	display: block;
	height: 45px;
	float: left;
}

#buttons a:hover {
	background-position: top right;
}

.login {
	background: url(http://www.sherwoodmechanical.com/themes/sherwood//images/login-button.png) no-repeat top left;
	width: 93px;
	margin-right: 10px;
}

.contact {
	background: url(http://www.sherwoodmechanical.com/themes/sherwood//images/contact-button.png) no-repeat top left;
	width: 140px;
}

.formBlockSurveyTable {
	margin-top: 15px;
}

.formBlockSurveyTable .question {
	font-weight: bold;
}


/* Project Pages */

.project-page {
	background: #f1f1de;
	padding: 10px 20px;
	border: 1px solid #cdcbb5;
	position: relative;
	margin-top: 30px;
}

.project-page h3 {
	background: url(http://www.sherwoodmechanical.com/themes/sherwood//images/project-description-header-bg.jpg) repeat-x;
	font-style: italic;
	font-family: "Lucida Sans", Verdana, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	border: 1px solid #cdcbb5;
	padding: 5px 10px;
	position: absolute;
	left: 20px; 
	top: -28px;
}

.project-page p {
	margin: 15px 0 0;
}

.project-page em {
	color: #0076C5;
	font-size: 1.10em;
	float: right;
}


.ccm-gallery {
	border-bottom: 1px solid #cdcbb5 !important;
	border-right: 1px solid #cdcbb5 !important;
	border-left: 1px solid #cdcbb5 !important;
	border-top: none !important;
	background: #f1f1de !important;
	padding: 10px !important;
	margin: 0 0 15px !important;
}

.ccm-gallery tbody tr td img {
	cursor:pointer;
	display:block;
	margin: 0px !important;
}

.projects-zoom {
	border-bottom: 1px solid #cdcbb5 !important;
	border-right: 1px solid #cdcbb5 !important;
	border-left: 1px solid #cdcbb5 !important;
	border-top: none !important;
	background: #f1f1de !important;
	padding: 10px !important;
	margin: 0 0 15px !important;
}

.breadcrumb-nav {
	margin: 10px 0 15px;
	padding: 5px;
	border: 1px solid #CDCBB5;
}

#project-landing img {
	float: left;
	margin: 10px 10px 10px 0px;
}

#copy-right {
	margin-top: 25px;
}

.ccm-page-list h3 {
	font-size: 1.25em;
}

#service-buttons {
	float: left;
	margin-right: 5px;
}

#project-buttons {
	float: left;
	margin: 0 20px 15px 0px;
}

#link-table {
	width: 100% !important;
	background: #ffffff;
	border: 1px solid #CCCCCC;
}

#link-table h3 {
	margin-top: 0px;
	border-bottom: 1px solid #CCCCCC;
	padding: 10px;
}

#link-table .border-right {
	border-right: 1px solid #CCCCCC;
}

#link-table td {
	width: 50% !important;
	padding: 0px;
}

#link-table ul {
	padding: 0 0 0 10px;
}

#link-table ul li {
	list-style: none;
}

.contact-column {
	float: left;
	width: 50%;
	margin-bottom: 10px;
}

.googleMapCanvas {
	border: 1px solid #CDCBB5 !important;
	margin-bottom: 10px;
}

.formBlockSurveyTable textarea{
	border: 1px solid #CDCBB5 !important;
	padding: 4px;
}

.formBlockSurveyTable input{
	border: 1px solid #CDCBB5 !important;
	padding: 4px;
}

.formBlockSurveyTable .formBlockSubmitButton {
	background: #FFFFFF;
	color: #7C7C75;
	font-weight: bold;
	text-transform: uppercase;
}

.login_block_form input {
	border: 1px solid #CDCBB5;
	padding: 4px;
}

.loginButton #submit {
	background: #FFFFFF;
	color: #7C7C75;
	font-weight: bold;
	text-transform: uppercase;
}

