/* Basic stuff
----------------------------------------------------------------------------------------------------*/

html {
	/*margin-left:-1px;
	overflow-y:scroll;*/
	}

body
{
    background-position: center top;
    font: 13px/1.5 'Lucida Grande' , 'Helvetica Neue' , Arial, 'Liberation Sans' , FreeSans, sans-serif;
    background: #c1d7ff url(../../images/skin1/bgDesign.png) center top no-repeat;
    color: #444;
}

h1 {font-size: 21px; color:#006699; border-bottom:1px solid #006699;border-left:5px solid #cc0000;text-indent:5px;margin-right:15px;}
h2 {font-size: 19px; color:#003399;}
h3
{
    font-size: 17px;
    color: #CC0000;
}
h4 {font-size: 15px;}
h5 {font-size: 17px;}
h6 {font-size: 14px;}

a {color:#003399;}
a:hover {color:#cc0000;}

.textLink {color:#39c;}
.textLink:hover {color:#1e2229;}

.lineHor {
	border-bottom:#c0c0c0 1px dashed;
	margin-top:25px;
	margin-bottom:25px;
	}

.alignleft {
	float:right;
	margin:20px 0 0 15px;
	}

/* List
----------------------------------------------------------------------------------------------------*/

div#list {
	margin-top:15px;
	margin-bottom:15px;
	}

.listStyle ul li {
	list-style:disc inside;
	color:#39c;
	line-height:25px;
	text-decoration:none;
	}

.listStyle ul li a {
	color:#1e2229;
	text-decoration:none;
	}
	
.listStyle ul li a:hover {
	text-decoration:underline;
	color:#1e2229;
	}

/******************** Wrapper ***********************/
#wrapper
{
    background: transparent url('../../images/skin1/bgWrapper.jpg') repeat-y center top;  
}
#bgBorder
{
    border-bottom: 3px solid #1e5ba6;
    width: 960px;
    margin: 0px auto;
    background: transparent url('../../images/bgContent.png') center top no-repeat;    
}

/* Header
----------------------------------------------------------------------------------------------------*/

#header-wrap {
	background:transparent url(../../images/skin1/topnavBG.png) center 64px no-repeat;
	padding-bottom:1px;
	}

#header {}
	
#topnav {
	padding-top:0;
	padding-left:10px;
	margin-top:20px;
	margin-bottom:5px;
	height:40px;
	}
	
#topnav ul li {display:inline-block;}

#topnav ul li .current {
	color:#39c;
	background:transparent url(../../images/skin1/topnavBG.png) -100px -76px no-repeat;
	}

#topnav ul li .currentHome {
	width:30px;
	margin-left:-5px;
	text-indent:-9999px;
	background:transparent url(../../images/skin1/topnavBG.png) -10px -76px no-repeat;
	}

.home {
	width:30px;
	margin-left:-5px;
	text-indent:-9999px;
	}

a.home:hover {
	width:30px;
	text-indent:-9999px;
	background:transparent url(../../images/skin1/topnavBG.png) -10px -76px no-repeat;
	}

#topnav ul li .navEffect {
	width:60px;
	margin-left:1px;
	}

#topnav ul li .navEffect:hover {
	width:60px;
	margin-left:1px;
	background:transparent url(../../images/skin1/topnavBG.png) -100px -76px no-repeat;
	}
	
#tagline
{
    margin: 5px 15px 0px 0;
    text-align: right;
    font-size: 1.2em;
    font-weight: bold;
    color: #003399;
}

#logo {
	/*margin-top:20px;
	background:transparent url(../../images/logo.png) no-repeat;*/
	text-indent:-9999px;
	width:223px;
	/*height:82px;*/
	display:block;
	/*padding: 10px;*/
	padding-top:5px;
	}

#siteSearch, #siteSearchForm {
	float:right;
	margin-top:12px;
	margin-right:5px;
	}

#searchImput {
	background:transparent;
	border:none;
	height:25px;
	width:170px;
	margin-top:1px;
	color:#888;
	}

#searchSubmit {
	border:none;
	height:20px;
	width:28px;
	cursor:pointer;
	background:transparent;
	margin-right:5px;
	outline:0;
	}
	

/* Featured
----------------------------------------------------------------------------------------------------*/

#featured-wrap {
	height:450px;
	background:transparent url(../../images/skin1/sliderBG.png) center -10px no-repeat;
	}
	
#featured {
	margin-top:10px;
	position:relative;	/* !IMPORTANT for slider */
	}

/* Homepage Banner */

#banner 
{
    background: transparent url('../../images/bgHomeBanner1.jpg') no-repeat center top;
    width: 940px;
    height: 250px;
    margin: 0;
    padding: 0;
}

#banner #bulletBanner
{
    padding-top: 5px;
    font-weight: bold;
}
#banner #bulletBanner ul {margin:0;}

#banner #bulletBanner ul li
{
    padding-left:130px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom:4px;
}
#banner #bulletBanner ul li a {text-decoration:none;}
#banner #bulletBanner li.bullet1 
{
    background: transparent url(../../images/bullet_1.png) 80px 2px no-repeat;   
}
#banner #bulletBanner li.bullet2 
{
    background: transparent url(../../images/bullet_2.png) 80px 2px no-repeat;  
}
#banner #bulletBanner li.bullet3 
{
    background: transparent url(../../images/bullet_3.png) 80px 2px no-repeat;   
}
#banner #bulletBanner li.bullet4 
{
    background: transparent url(../../images/bullet_4.png) 80px 2px no-repeat;   
}
#banner #bulletBanner li.bullet5 
{
    background: transparent url(../../images/bullet_5.png) 80px 2px no-repeat;   
}
#banner #bulletBanner li.bullet6 
{
    background: transparent url(../../images/bullet_6.png) 80px 2px no-repeat;   
}
#banner h1
{
    margin: 0;
    padding: 5px 0 0 50px;
    font-size: 2em;
    color: #f1f1f1;
    border: none;
    text-indent:-9999px;
}

#bannerGas
{
    background: transparent url('../../images/htrGasBanner.png') center center no-repeat;
    width: 460px;
    height: 250px;
    margin-top: 20px;
}
#bannerElectric
{
    background: transparent url('../../images/htrElectricBanner.png') center center no-repeat;
    width: 460px;
    height: 250px;
    margin-top: 20px;
}
#bannerGas p, #bannerElectric p
{
    margin-left: 150px;
    margin-top: 15px;
    font-size: 1.1em;
}
#bannerGas h2, #bannerElectric h2
{
    margin-left: 150px;
    color: #003366;
    font-size: 1.2em;
}

/* Boxes
----------------------------------------------------------------------------------------------------*/

#boxes-wrap {/*background:transparent url(../../images/skin1/contentBGhome_center.png) center 30px repeat-y;*/}
#boxes {padding-bottom:10px;}
	
#boxesTop {
	height:30px;
	/*background:transparent url(../../images/skin1/contentBGhome_top.png) center top no-repeat;*/
	}

#box1, #box2, #box3 {
	margin:5px 0 20px 30px;
	color:#ddd;
	font-size:11px;
	}
	
#box.right {margin-right:0;}

#box1 h5, #box2 h5, #box3 h5 {
	margin-top:0;
	padding-bottom:10px;
	border-bottom:#1e2229 1px solid;
	}

#box1 p, #box2 p, #box3 p {
	margin-top:10px;
	margin-bottom:10px;
	}

#box1 a, #box2 a, #box3 a {color:#39c;}
#box1 a:hover, #box2 a:hover, #box3 a:hover {color:#fff;}


/* Page Content Left
----------------------------------------------------------------------------------------------------*/

#content-wrap 
{
    /*background:transparent url(../../images/skin1/contentBGcenter.png) center 30px repeat-y;*/
}

#content {padding:0;}
#content h1, h2, h3, h4, h5, h6 {margin-top:10px;margin-bottom:10px;}
#content p{margin:10px 0;}
#content .spacedout {padding:0 25px;}
#content .spaceLeft {padding-left:25px;}
#content .spaceRight {padding-right:25px;}
#content .strong {font-size:1.1em; font-weight:bold;}
#content ul
{
    margin-top: 10px;
    margin-left: 10px;
    padding: 0;
} 
#content ul li {padding-left:15px; background: transparent url('../../images/arrow3.png') left center no-repeat;}
	
#contentTop {
	/*height:30px;
	background:transparent url(../../images/skin1/contentBGtop.png) center no-repeat;*/;  }


#contentBottom 
{
    height:30px;
	/*background:transparent url(../../images/skin1/contentBGbottom.png) center no-repeat;*/
}

#contentLeft {
	margin-left:30px;
	margin-right:20px;
	}

#contentLeft p {
	margin-top:10px;
	margin-bottom:10px;
	}

#contentLeft .path, #contentPortfolio .path {
	font-size:11px;
	padding-bottom:10px;
	margin-bottom:15px;
	color:#888;
	border-bottom:#ddd 1px solid;
	}

#contentLeft .path a, #contentPortfolio .path a {
	color:#888;
	text-decoration:none;
	}

#contentLeft .path a:hover, #contentPortfolio .path a:hover {
	color:#444;
	text-decoration:none;
	}


/* Sidebar Right
----------------------------------------------------------------------------------------------------*/

#contentRight
{
    margin-top: 10px;
    padding-bottom: 20px;
    background: #F5F5F5;
    border: 1px solid #D2D2D2;
    color: #333333;
    font-size: 11px;
    width: 290px; /* CSS3 Rounded Corners */
    
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
		
.rightContent {padding:15px 20px 20px 20px;}

.rightContent h5 {
	margin:5px 0 5px 0;
	color:#444;
	}

.imgRight {padding:10px 10px 5px 15px;}



/*  Sub Navigation - sidebar contentRight
----------------------------------------------------------------------------------------------------*/

#subNavigation {
	margin:20px 20px 25px 20px;
	font-size:12px;
	padding-top:30px;
	border-top:1px solid #ddd;
	}

#subNavigation h5 {
	margin:0;
	padding:0 0 10px 0;
	color:#444;
	border-bottom:1px solid #ddd;
	}
		
#subNavigation ul {
	color:#39c;
	margin:0;
	border:none;
	line-height:35px;
	}

#subNavigation li {
	border-bottom:1px solid #ddd;
	margin:0;
	}

#subNavigation li a {
	display:block;
	padding-left:10px;
	text-decoration:none;
	background:transparent url(../../images/skin1/subNav.png) top no-repeat;
	}	

#subNavigation li a:hover {
	color:#fff;
	background:#39c;
	font-weight:bold;
	background:transparent url(../../images/skin1/subNav.png) bottom no-repeat;
	}


/* Portfolio
----------------------------------------------------------------------------------------------------*/

/* .path class with #contentLeft  */
#contentPortfolio {
	margin-left:30px;
	width:900px;
	font-size:11px;
	}
	
#boxPortfolio1, #boxPortfolio2, #boxPortfolio3, #boxPortfolio4, #boxPortfolio5, #boxPortfolio6,
#boxPortfolio7, #boxPortfolio8, #boxPortfolio9 {
	margin:10px 30px 20px 0;
	}
#boxPortfolio1.right, #boxPortfolio2.right, #boxPortfolio3.right, #boxPortfolio4.right, #boxPortfolio5.right,
#boxPortfolio6.right, #boxPortfolio7.right, #boxPortfolio8.right, #boxPortfolio9.right {margin-right:0;}

#boxPortfolio1 p, #boxPortfolio2 p, #boxPortfolio3 p, #boxPortfolio4 p, #boxPortfolio5 p, #boxPortfolio6 p, #boxPortfolio7 p, #boxPortfolio8 p, #boxPortfolio9 p {
	margin-top:0;
	margin-bottom:10px;
	}
	
#boxPortfolio1 h5, #boxPortfolio2 h5, #boxPortfolio3 h5, #boxPortfolio4 h5, #boxPortfolio5 h5, #boxPortfolio6 h5, #boxPortfolio7 h5, #boxPortfolio8 h5, #boxPortfolio9 h5 {
	margin-top:5px;
	padding-bottom:0;
	}

.project_hoverPhoto, .project_hoverVideo {
	background:url(../../images/skin1/spacer.gif) repeat scroll 0 0 transparent;
	display:block;
	height:140px;
	position:absolute;
	width:280px;
	z-index:5;
	}

.project_hoverPhoto:hover {background:transparent url(../../images/skin1/overPhoto.png) scroll 0 0 no-repeat;}
.project_hoverVideo:hover {background:transparent url(../../images/skin1/overVideo.png) scroll 0 0 no-repeat;}


/*--- prettyPhoto ---*/
.currentTextHolder {
	font-size:11px;
	font-weight:bold;
	color:#101319;
	}


/* Pagination
----------------------------------------------------------------------------------------------------*/

#pagination {
	width:900px;
	margin:30px 0 0 30px;
	z-index:3;
	font-size:11px;
	padding-top:10px;
	border-top:#ddd 1px solid;
	}

#pagination span, #pagination a {
	display:block;
	float:left;
	line-height:12px;	/* modify heigh of span container (background) */
	margin:2px 2px 2px 0;
	padding:3px 6px;
	text-decoration:none;
	width:auto;
	height:auto;
	}

#pagination a:hover {
	background:#39c;
	color:#fff;
	}

#pagination .current {
	color:#fff;
	padding:3px 6px;
	background:#101319;
	}


/* Blog
----------------------------------------------------------------------------------------------------*/

.entryHead, .tags {
	margin-top:10px;
	margin-bottom:12px;
	font-size:11px;
	}

.category, .comments {
	cursor:pointer;
	padding:2px 4px 2px 4px;
	margin:0 4px 0 4px;
	}
	
a.category, a.comments {
	background:#39c;
	color:#fff;
	}
	
a.category:hover, a.comments:hover {
	background:#1e2229;
	padding:2px 4px 2px 4px;
	}

.date {}

.tags {
	margin-top:30px;
	margin-bottom:20px;
	font-size:11px;
	padding-left:30px;
	height:20px;
	background:transparent url(../../images/skin1/tag.png) no-repeat;
	}

.tag {
	color:#888;
	cursor:pointer;
	margin:0 4px 0 4px;
	}

a.tag {text-decoration:underline;}

a.tag:hover {
	text-decoration:underline;
	margin:0 4px 0 4px;
	}

.share {
	float:right;
	color:#888;
	cursor:pointer;
	margin:0 4px 0 4px;
	padding:0 6px 0 6px;
	border:#c0c0c0 1px solid;
	background:#fff;
	}
	
a.share:hover {color:#444;}	/*6faf0b*/

.facebook {background:transparent url(../../images/skin1/social.png) top left no-repeat;}
a.facebook:hover {background:transparent url(../../images/skin1/social.png) bottom left no-repeat;}
.twitter {background:transparent url(../../images/skin1/social.png) top right no-repeat;}
a.twitter:hover {background:transparent url(../../images/skin1/social.png) bottom right no-repeat;}

.facebook, .twitter {
	text-indent:-9999px;
	border:none;
	margin-top:1px;
	height:16px;
	width:14px;	/* not 16px because of padding 1px left and 1px right*/
	padding:0 1px 0 1px;
	}

#authorComment1, #authorComment2, #authorComment3 {
	padding-top:25px;
	padding-bottom:25px;
	border-top:#ddd 1px solid;
	border-bottom:#ddd 1px solid;
	}

#commentText1, #commentText2, #commentText3 {
	margin:0;
	padding-left:90px;
	color:#888;
	}
	
#gravatar1, #gravatar2, #gravatar3 {
	width:60px;
	font-size:11px;
	text-align:center;
	color:#888;
	}

#gravatar1 img, #gravatar2 img, #gravatar3 img {
	border:#ddd 1px solid;
	padding:4px;
	}

.replyHead {
	color:#888;
	font-size:11px;
	}

.author, .reply {
	margin:0 4px 0 4px;
	font-weight:bold;
	cursor:pointer;
	color:#444;
	}

a.author:hover, a.reply:hover {color:#888;}

#quote1, #quote2, #quote3 {padding:10px 0 0 88px;}

.quote {
	color:#39c;
	font-size:11px;
	cursor:pointer;
	padding:2px 6px 2px 6px;
	border:#c0c0c0 1px solid;
	}
	
.quote:hover {
	color:#fff;
	background:#39c;
	border:#39c 1px solid;
	}
		
.quoteText {
	padding:10px 15px 10px 15px;
	margin-bottom:15px;
	background:#fbfbfb;
	border:#ebebeb 1px solid;
	font-style:italic;
	color:#999;
	font-size:11px;
	}
	

/* Form style
----------------------------------------------------------------------------------------------------*/

#respond, #contactForm {margin:10px 0 20px 0;}

.leftSpace {
	font-size:11px;
	margin-left:10px;
	}

.n {margin-left:0;}
	
.text_input, .text_area {
	border:1px solid #c0c0c0;
	padding:4px;
	margin-top:10px;
	font-family: 'Lucida Grande', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-size:12px;
	background:#f1f1f1;	/*fefbef*/
	color:#444;
	width:250px;
	}

.text_area {margin-top:10px;width:570px;}

input:focus, textarea:focus {background:#fff;}	/*fdf6dc*/

#submit {
	border:#111 1px solid;
	background:#1e2229;
	color:#fff;
	font-weight:bold;
	width:120px;
	height:30px;
	margin-top:10px;
	font-size:12px;
	padding-bottom:2px;
	outline:0;
	}

#submit:hover {
	border:1px solid #39c;
	background:#39c;
	cursor:pointer;
	outline:0;
	}

.error.required {border:1px solid #c30;}

/* Footer
----------------------------------------------------------------------------------------------------*/

#footer-wrap {
	height:45px;
	/*background:transparent url(../../images/skin1/contentBGfooter.png) center no-repeat;*/
	}
	
#footer {}


/* Bottom
----------------------------------------------------------------------------------------------------*/

#bottom-wrap {
	height:50px;
	background:transparent url(../../images/skin1/bottomBG.png) center no-repeat;
	margin-bottom:20px;
	border-bottom: 5px solid #00000;
	}

#bottom {
	padding-top:18px;
	font-size:11px;
	color:#ffffff;
	}

#bottom p {
	margin-left:15px;
	display:inline;
	}

#bottom p a {color:#ffffff;}
	
#bottom p a:hover {
	text-decoration:underline;
	color:#ccc;
	}

#bottom ul li p a {text-decoration:underline;}
#bottom ul li p a:hover {color:#ddd;}

#bottom ul {
	float:right;
	margin-right:10px;
	}

#bottom ul li {
	display:inline-block;
	padding-right:7px;
	padding-left:5px;
	border-right:#333 1px solid;
	}

#bottom ul li a {
	text-decoration:none;
	font-size:11px;
	color:#ffffff;
	}
	
#bottom ul li a:hover {text-decoration:underline;}
	
#bottom ul li.top {
	border-right:none;
	margin-right:5px;
	margin-left:-5px;
	}
	
	
	/* Coda Slider
	----------------------------------------------------------------------------------------------------*/

	.coda-nav ul li a {
		background:transparent url("../../images/skin1/slider-off.png") no-repeat scroll left top;
		text-indent:-9999px;
		display:block;
		float:left;
		margin-right:10px;
		height:23px;
		width:25px;
		left:-50%;
		}

	.coda-nav ul li a.current {background:transparent url("../../images/skin1/slider-on.png") no-repeat scroll left top;}
	.coda-nav ul li a.current:hover {background:transparent url("../../images/skin1/slider-on.png") no-repeat scroll left top;cursor:default;}
	.coda-nav ul li a:hover {background:transparent url("../../images/skin1/slider-ov.png") no-repeat scroll left top;}

	.title {display:none;}

	.linkButton {
		text-indent:-9999px;
		background:transparent url(../../images/skin1/sliderButton.png) top center no-repeat;
		height:50px;
		width:170px;
		position:absolute;
		top:250px;
		left:80px;
		}

	.linkButton:hover {background:transparent url(../../images/skin1/sliderButton.png) bottom center no-repeat;}

	#coda-nav-1 {}