* {
	margin: 				0;
	outline: 				none;
	padding: 				0;
}

body {
	color: 					#2b2723;
	font: 					11px Tahoma, Arial, Sans-serif;
}

p#no-js {
    background:             #c51325;
    color:                  #FFF;
    left:                   0;
    margin:                 0;
    padding:                10px 0;
    position:               absolute;
    text-align:             center;
    top:                    0;
    width:                  100%;
}

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

/* Global Assets */

p, ul, ol, address {
	padding: 				8px 0;
}

h1, h2, h3, h4, h5, h6 {
	padding: 				8px 0 0;
}

h1, #intro-copy h2 {
	color: 					#c51325;
	font: 					24px 'Helvetica Neue', Helvetica, Arial, Sans-serif;
	padding-top: 			0;
}

h2, #intro-copy h3 {
	color: 					#2b2723;
	font: 					18px 'Helvetica Neue', Helvetica, Arial, Sans-serif;
}

h2 a {
	color: 					#2b2723;	
}

h3 {
	color: 					#c51325;
	font: 					14px 'Helvetica Neue', Helvetica, Arial, Sans-serif;
	padding-bottom: 		0;
}

h1 + h2, 
h2 + p, 
h3 + p {
	padding-top: 			0;
}

ul, ol {
	padding-left: 			25px;
}

a {
	color: 					#c51325;
	text-decoration: 		none;
}

a:hover {
	text-decoration: 		underline;
}

a.more {
	background: 			url('../images/arrow.gif') no-repeat right 5px;
	display: 				inline-block;
	width: 					75px;
}

img {
	border: 				0;
}

img.image-left {
	float: 					left;
	margin: 				8px 8px 8px 0;
}

img.image-right {
	float: 					right;
	margin: 				8px 0 8px 8px;
}

iframe {
	margin: 				8px 0;
}

.clear {
	clear: 					both;
	height: 				0;
	overflow: 				hidden;
}

/* Header */

#header {
	height: 				135px;
}

#header h1, #header a#logo {
	background: 			url('../images/scorpio-electrical-contractors-logo.gif') no-repeat;
	float: 					left;
	display: 				block;
	height: 				62px;
	margin-top: 			57px;
	padding: 				0;
	text-indent: 			-99999em;
	width: 					212px;
}

#header p.details {
	float: 					right;
	font: 					14px 'Helvetica Neue', Helvetica, Arial, Sans-serif;
	margin-top: 			82px;
	padding: 				0;
	text-align: 			center;
}

#header p.details span.phone {
	background: 			url('../images/icon-phone.gif') no-repeat left center;
	color: 					#c01226;
	display: 				inline-block;
	font-size:				24px;
	padding-left: 			24px;
}

#header p.details a {
	color: 					#2b2723;
}

/* Navigation */

ul#nav {
	background: 			url('../images/nav-bg.gif') repeat-x;
	height: 				34px;
	list-style: 			none;
	padding:				0;
}

ul#nav li {
	background: 			url('../images/nav-seperator-bg.gif') no-repeat right top;
	float: 					left;
	padding-right: 			2px;
}

ul#nav li.last {
	background: 			none;
	padding-right: 			0;
}

ul#nav li a {
	background: 			url('../images/nav-bg.gif') repeat-x;
	color: 					#FFF;
	display: 				inline-block;
	font: 					14px 'Helvetica Neue', Helvetica, Arial, Sans-serif;
	height: 				26px;
	padding: 				8px 0 0;
	text-align: 			center;
	width: 					158px;
}

ul#nav li.last a {
	width: 					160px;
}

ul#nav li a:hover, 
ul#nav li.current a {
	background-position: 	left bottom;
	text-decoration: 		none;
}

/* Breadcrumb */

#breadcrumb {
	background: 			url('../images/breadcrumb-bg.gif') repeat-x;
	height: 				24px;
	padding: 				10px 14px 0;
}

#breadcrumb p {
	color: 					#878078;
	float: 					left;
	margin-right: 			5px;
	padding: 				0;
}

#breadcrumb ul {
	float: 					left;
	list-style: 			none;
	padding: 				0;
}

#breadcrumb ul li {
	background: 			url('../images/breadcrumb-arrow.gif') no-repeat right 4px;
	color: 					#2b2723;
	float: 					left;
	margin-right: 			4px;
	padding-right: 			10px;
}

#breadcrumb ul li.last {
	background: 			none;
	margin-right: 			0;
	padding-right: 			0;
}

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

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

/* Banner */

.banner {
	background: 			url('../images/banner-bg2.jpg') no-repeat;
	height: 				197px;
	margin-top: 			1px;
	padding: 				17px 0 0 40px;
}

.banner p {
	font: 					18px 'Helvetica Neue', Helvetica, Arial, Sans-serif;
	padding: 				0;
	width: 					480px;
}

.banner p span {
	color: 					#c51325;
	font-size: 				42px;
	line-height: 			45px;
}

/* Home Banner */

.banner#home {
	background: 			url('../images/banner-bg.jpg') no-repeat;
	height: 				199px;
	padding: 				15px 0 0 30px;
}

.banner#home blockquote {
	background: 			url('../images/banner-blockquote-left.gif') no-repeat 0 16px;
	padding-left: 			45px;
	width: 					375px;
}

.banner#home blockquote p {
	background: 			url('../images/banner-blockquote-right.gif') no-repeat bottom right;
	color: 					#292622;
	font: 					18px 'Helvetica Neue', Helvetica, Arial, Sans-serif;
	padding: 				0 45px 0 0;
	width: 					auto;
}

.banner#home blockquote p span {
	color: 					#292622;
	font-size: 				69px;
	line-height: 			normal;
}

.banner#home blockquote p.author {
	background: 			none;
	color: 					#878078;
	font: 					11px Tahoma, Arial, Sans-serif;
	padding: 				5px 0 0;
}

/* Services Banner */

.banner#services {
	background-image: 		url('../images/banner-services.jpg');
	height: 				166px;
	padding: 				48px 0 0 400px;
}

.banner#services p {
	width: 					540px;
}

/* Clients Banner */

.banner#clients {
	background: 			url('../images/banner-clients.jpg') no-repeat right top;
	height: 				147px;
	padding: 				67px 0 0 575px;
}

.banner#clients p {
	width: 					380px;
}

/* Recent Projects Banner */

.banner#projects {
	background-image: 		url('../images/banner-projects.jpg');
	height: 				185px;
	padding: 				29px 0 0 40px;
}

/* About Us Banner */

.banner#about {
	background: 			url('../images/banner-about.jpg') no-repeat right top;
	padding: 				17px 0 0 550px;
}

.banner#about p {
	color: 					#FFF;
	width: 					400px;
}

/* How We Work Banner */

.banner#work {
	background-image: 		url('../images/banner-work.jpg');
	height: 				190px;
	padding:	 			44px 0 0 575px;
}

/* Contact Banner */

.banner#contact {
	background-image: 		url('../images/banner-contact.jpg');
	height: 				130px;	
	padding: 				74px 0 0 530px;
}

.banner#contact p span {
	font-size: 				72px;
	line-height: 			normal;
}

/* Intro Copy */

#intro-copy, #content {
	float: 					left;
	overflow: 				hidden;
	padding: 				8px 0 0;
	width: 					773px;
}

#intro-copy img.feature-image {
	float: 					right;
	margin-left: 			8px;
}

#intro-copy h2 {
	padding: 				0;
}

#intro-copy h3 {
	padding: 				0 0 8px;
}

/* Content */

#content.full-width {
	float: 					none;
	width: 					auto;
}

#content.center-col {
	width:					561px;
}

.left-col {
	float: 					left;
	width: 					381px;
}

.right-col {
	float: 					right;
	width: 					381px;
}

/* The Team */

ul.team {
	list-style: 			none;
	overflow: 				hidden;
	padding: 				0;
}

ul.team li {
	background: 			#e0e0e0;
	float: 					left;
	margin-bottom: 			11px;
	width: 					275px;
}

ul.team li.alt {
	float: 					right;
}

ul.team li h2 {
	padding: 				7px 0 0 10px;
}

ul.team li h2 span {
	color: 					#878078;
	font-size: 				12px;
}

ul.team li p {
	padding: 				0 0 10px 10px;
}

ul.team li p a {
	color: 					#2b2723;
}

/* Contact Form */

form {
	overflow: 				hidden;
	padding: 				8px 0;
}

form p {
	clear: 					left;
	margin-bottom:  		10px;
}

form label {
	clear: 					left;
	display: 				inline-block;
	float: 					left;
	margin: 				6px 10px 0 0;
	width: 					149px;
}

form label.inline {
	clear: 					none;
	float: 					none;
	margin: 				0;
	width: 					auto;
}

form input.input-text, 
form textarea {
	border: 				1px solid #bfbdba;
	float: 					left;
	height: 				14px;
	margin-bottom: 			10px;
	padding: 				5px;
	width: 					210px;
}

form textarea {
	height: 				50px;
	resize: 				none;
}

form input.input-text:focus,
form textarea:focus {
	border-color: 			#c51325;
}

form input.input-submit {
	background: 			#c51325 url(../images/button-arrow.gif) no-repeat center right;
	border: 				1px solid #7a0f1a;
	color: 					#FFF;
	float: 					right;
	padding: 				5px 28px 5px 10px;
}

#message .error_message {
	background: 			#C51325;
	border: 				1px solid #7A0F1A;
	color: 					#FFF;
	padding: 				0 8px;
}

#message .error_message ul {
	list-style: 			none;
	padding-left: 			0;
}

#message .success_message {
	background: 			#829627;
	color: 					#FFF;
	padding: 				0 8px;
}

#message .success_message h2 {
	color: 					#fff;
}

/* Site Map */

ul.sitemap {
    list-style:        		none;
    padding-left: 			0;
}

ul.sitemap li {
    margin:                 0;
    padding:                0 0 0 25px;
}

ul.sitemap ul {
    list-style:        		none;
}

ul.sitemap ul li {
    background:             url('../images/sitemap-li-bg.gif') no-repeat 5px 0;
}

ul.sitemap li.only {
    background:             url('../images/sitemap-li-only-bg.gif') no-repeat 5px 0;    
}

ul.sitemap li.last {
    background:             url('../images/sitemap-li-last-bg.gif') no-repeat 5px bottom;    
}

ul.sitemap a, ul.sitemap span.heading {
    display:                inline-block;
    margin:                 3px 0;
    text-decoration:        none;
}

ul.sitemap a:hover {
    text-decoration:        underline;
}

ul.sitemap ul {
    list-style-type:        none;
    margin:                 0;
}

/* Side Navigation */

ul#side-nav {
	float: 					left;
	list-style: 			none;
	margin: 				0 8px 0 0;
	padding: 				8px 0 0;
	width: 					203px;
}

ul#side-nav li a {
	background: 			#e0e0e0;
	border-bottom: 			1px solid #c3c3c3;
	border-top: 			1px solid #f2f2f2;
	color: 					#2b2723;
	display: 				block;
	font: 					14px 'Helvetica Neue', Helvetica, Arial, Sans-serif;
	padding: 				12px 30px 12px 16px;
	text-decoration: 		none;
}

ul#side-nav li.current a, 
ul#side-nav li a:hover {
	background: 			#c51325;
	border-bottom-color: 	#ac1120;
	border-top-color: 		#bbbbbb;
	color: 					#FFF;
}

/* Sidebar */

#sidebar {
	float: 					right;
	padding-top: 			7px;
	width: 					180px;
}

#sidebar .panel {
	border-bottom: 			6px solid #c51325;
	height: 				144px;
	margin-top: 			1px;
	padding: 				15px 0 0 15px;
}

#sidebar .panel h4 {
	color: 					#c71323;
	font: 					18px 'Helvetica Neue', Helvetica, Arial, Sans-serif;
	padding: 				0;
}

#sidebar .panel p {
	width: 					110px;
}

#sidebar .panel.project {
	background: 			url('../images/panel-project-bg.jpg') no-repeat;
}

#sidebar .panel.brochure {
	background: 			url('../images/panel-brochure-bg.jpg') no-repeat;
	border-bottom-color: 	#2B2723;
}

#sidebar .panel.brochure h4 {
	color: 					#2B2723;
}

#sidebar .panel.brochure a.more {
	background-image: 		url('../images/black-arrow.gif');
	color: 					#2B2723;
}

#sidebar .panel.energy {
	background: 			url('../images/panel-energy-bg.jpg') no-repeat;
	border-bottom-color: 	#829627;
}

#sidebar .panel.energy h4 {
	color: 					#829627;
}

#sidebar .panel.energy a.more {
	background-image: 		url('../images/green-arrow.gif');
	color: 					#829627;
}

/* Footer */

#footer {
	background: 			url('../images/footer-logo.gif') no-repeat 0 17px;
	border-top: 			4px solid #e0e0e0;
	margin-top: 			8px;
	overflow: 				hidden;
	padding: 				15px 0 15px 100px;
}

#footer p.copyright {
	color: 					#878078;
	padding: 				0;
}

#footer ul.links {
	list-style: 			none;
	padding: 				2px 0 0;
}

#footer ul.links li {
	border-right: 			1px solid #878078;
	float: 					left;
	margin-right: 			8px;
	padding-right: 			8px;
}

#footer ul.links li a {
	color: 					#2b2723;
}

#footer ul.links li.last {
	border-right: 			0;
	margin-right: 			0;
	padding-right: 			0;
}

#footer ul.logos {
	float: 					right;
	list-style: 			none;
	padding: 				0;
}

#footer ul.logos li {
	float: 					left;
	margin-left: 			20px;
}