/*
Theme Name: SCE
Theme URI: http://dvwebdesign.com.com
Description: Child theme for Sierra West Electric.
Version: 1.0
Author: Hiram Hibbard
Author URI: http://hiramhibbard.com.com
Tags: Sierra West Electric
Template: hybrid
*/

/*************************************************************************************************************
**************************************************************************************************************

	Title: CSS
	Author: Hiram Hibbard, Diamond Valley Web Design
	Date: 1/23/2009 

**************************************************************************************************************

	1. Global Reset
	
	2. HTML
	
	3. Layout
		3.1 Header
		3.2 Content
		3.3 Footer
		
	4. Classes
	
	5. Page-Specific
		
**************************************************************************************************************
**************************************************************************************************************/


/* 1. Global Reset
**************************************************************************************************************
**************************************************************************************************************/	

html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,fieldset,form,label,legend,
table,caption,strong,tbody,tfoot,thead,tr,th,td 
{margin:0 auto;	padding:0; border:0; font-size:100%; line-height:1; font-family:inherit; text-align:left;}

table {border-collapse:collapse; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}


/* 2. HTML
**************************************************************************************************************
**************************************************************************************************************/	

body {background:url(images/background.jpg) top repeat-x #666; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; color:#666;}
a, a:visited {color:#F26710; text-decoration:underline;}
a:hover {color:#F0AA11;}
p {line-height:18px; margin:0 auto; padding:10px 0;}
h2, h3, h4 {font-weight:bold; margin:0 auto; padding:0;}
h2 {font-size:22px;}
h3 {font-size:18px; font-weight:normal;}
ul {margin:0 auto; padding:0;}
small {font-size:12px; line-height:18px;}
abbr {border-bottom:1px dashed #666; cursor:help;}


/* 3. Layout
**************************************************************************************************************
**************************************************************************************************************/	

#wrap {width:968px; padding-top:30px; height:auto;}


/* 3.1 Header
**************************************************************************************************************/

#banner {background:url(images/top.jpg); width:968px; height:422px; overflow:hidden;}

#headerLeft {width:245px; float:left; display:inline; margin-left:45px;}
h1#logo {background:url(images/logo.jpg); width:245px; height:175px; padding:0; margin:0 auto; float:left; display:block; margin:27px auto 0; overflow:hidden;}
	h1#logo a {width:245px; height:0; padding-top:245px; overflow:hidden; display:inline-block; clear:both;}
	
ul#navigation {width:198px; height:auto; display:block; text-align:left; margin:0 auto; padding:0; clear:both; font-size:17px; clear:both; overflow:hidden;}
	ul#navigation li {float:left; background:url(images/button.png); width:198px; height:35px; display:block; overflow:hidden; list-style:none; margin:0 auto; padding:0;}
		ul#navigation li a {margin:0 auto; padding:8px 0 0 20px; color:#fff; overflow:hidden; display:block; text-decoration:none; outline:none;}
		ul#navigation li a:hover {background:url(images/active_button.png); height:35px;}
	ul#navigation li.firstButton {background:url(images/first_button.png); height:39px;}
		ul#navigation li.firstButton a {margin:0 auto; padding:12px 0 0 20px; color:#fff; overflow:hidden; display:block; text-decoration:none;}
		ul#navigation li.firstButton a:hover {background:url(images/first_button_active.png); height:39px;}
	ul#navigation li.lastButton {background:url(images/last_button.png); height:39px;}
		ul#navigation li.lastButton a {margin:0 auto; padding:8px 0 0 20px; color:#fff; overflow:hidden; display:block; text-decoration:none;}
		ul#navigation li.lastButton a:hover {background:url(images/last_button_active.png); height:39px;}
	
#flashBox {background:url(images/temppic.jpg); width:610px; height:363px; float:left; display:inline; margin:47px auto 0 10px;}


/* 3.2 Content
**************************************************************************************************************/

#contentWrap {background:url(images/content_bgd.jpg) bottom repeat-x #A6A6A6; width:940px; clear:both; overflow:hidden; margin-bottom:40px;}
#content {background:#E9EBED; width:898px; clear:both; border:1px solid #ccc; border-top:none; margin-bottom:20px;}

#leftCol {background:url(images/leftcol_bgd.gif) repeat-y; width:599px; float:left; display:inline; margin:10px 0 0 10px;}
	#leftCol p, #leftCol h2 {padding:10px 30px;}
#leftColTop {background:url(images/leftcol_top.gif) top no-repeat; width:599px; height:15px; overflow:hidden; clear:both;}
#leftColBottom {background:url(images/leftcol_bottom.gif) top no-repeat; width:599px; height:15px; overflow:hidden; clear:both;}

#rightCol {width:260px; float:right; display:inline; border-left:2px solid #ccc; margin:20px auto 0; text-align:center;}
	#rightCol p {text-align:center;}


/* 3.3 Footer
**************************************************************************************************************/

#footer {width:898px; height:55px; clear:both; overflow:hidden; color:#F26710;}
	#footer p {margin:20px; padding:0;}

	
/* 4. Classes
**************************************************************************************************************
**************************************************************************************************************/	

.clear {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.alignLeft {text-align:left;}
.alignCenter {text-align:center;}
.alignRight {text-align:right;}
.floatLeft {float:left; display:inline;}
.floatRight {float:right; display:inline;}
hr.smallDivider {width:180px; text-align:center; border:1px solid #ccc;}


/* 5. Page Specific
**************************************************************************************************************
**************************************************************************************************************/

/*Navigation*/

.front-page ul#navigation li.firstButton {background:url(images/first_button_active.png); height:39px;}
.page-3 ul#navigation li.secondButton {background:url(images/active_button.png); height:35px;}
.page-13 ul#navigation li.thirdButton {background:url(images/active_button.png); height:35px;}
.page-15 ul#navigation li.fourthButton {background:url(images/active_button.png); height:35px;}
.page-19 ul#navigation li.fifthButton {background:url(images/active_button.png); height:35px;}
.page-17 ul#navigation li.lastButton {background:url(images/last_button_active.png); height:39px;}

/*Main Content*/

#leftColWide {background:url(images/leftcolumn_bgd_wide.gif) repeat-y; width:878px; float:left; display:inline; margin:10px 0 0 10px;}
		#leftColWide p, #leftColWide h2, #leftColWide h3 {padding:10px 30px;}
		#leftColWide div.floatLeft {width:250px; margin:10px;}
		#leftColWide ul {padding:0 40px 20px;}
#leftColTopWide {background:url(images/leftcol_top_wide.gif) top no-repeat; width:878px; height:15px; overflow:hidden; clear:both;}
#leftColBottomWide {background:url(images/leftcol_bottom_wide.gif) top no-repeat; width:878px; height:15px; overflow:hidden; clear:both;}


/*Contact Form*/

#wpcf7-f1-p17-o1 {width:515px; background:#E9EBED; margin:0 40px 20px; border:2px solid #CDCDCD;}
.your-message textarea {width:264px;}
.quiz-100 input {width:180px;}


.page-17 .rightCol {background:url(images/leftcol_bgd_slim.gif) repeat-y; width:273px; float:left; display:inline; margin:10px 0 0; border:none;}
	.page-17 .rightCol p {margin-left:20px;}
.page-17 .rightColTop {background:url(images/leftcol_top_slim.gif) top no-repeat; width:273px; height:15px; overflow:hidden; clear:both;}
.page-17 .rightColBottom {background:url(images/leftcol_bottom_slim.gif) top no-repeat; width:273px; height:15px; overflow:hidden; clear:both;}


/*Services*/

ul.servicesList {padding:10px 50px;}

/*404*/

#search {margin-left:30px;}

/*Projects*/

h3.galleryTitle {font-size:18px;}