/*
Theme Name: ETTI
Author: Dreamco Deisgn

*/

/* -- just some ugly styling to make it easier to get started, can safely be removed */


/* - BASIC STUFF - */
body {
background:#fff url(images/background.png) repeat-x;
font-size: 10pt;
line-height: 20px;
font-family: Arial, Helvetica, sans-serif;
color:#505050;
margin:0 auto;
padding:0 20px;
}

.ngg-album {
	font-family: Arial, Helvetica, sans-serif;
}

#wrapper2 {
	width: 100%;
	background:url(images/wrapback.png) repeat-y top center;
	
}

img {
	border: none;
}

img.size-thumbnail {
	border: 1px solid;
}

a {
text-decoration:none;
color: #206d86;
}
a:hover {text-decoration:underline;}
.additional-meta {font-size: xx-small}
blockquote {font-style:oblique}

/* -- LISTS -- */

ul {margin:0;padding:0;}

li {list-style-type:none;}
.disc {list-style-type:disc}

#navback ul {
	margin: 0 auto;
	width: 940px;
}

#navback ul li {
	float: left;
	line-height: 50px;
}

#navback ul li a {
	padding: 0 27px;
	color: #fff;
	font-size: 16px;
	display: block;
	background: url(images/slit.png) no-repeat bottom right;
}

#navback ul li a:hover {
	text-decoration: none;
	background: #36837b;
}


ul.sub {
	float: left;
}

ul.sub li {
	float: left;
	margin: 0 8pt;
	font-size: 12px;
}

ul.sub li a {
	display: block;
	text-transform: uppercase;
	padding-bottom: 10px;
	border-bottom: 3px solid #e8e8e8;
}

ul.sub li a:hover {
	text-decoration: none;
	border-bottom: 3px solid #0a7167;
}

/* lists inside posts */
.entry-content ul ol {margin-left:0;}
.entry-content ul li {margin-left:10px; list-style:disc; list-style-position:inside}
.entry-content ul li ol {margin-left:10px;}
.entry-content ol li {margin-left:5px; list-style: decimal; list-style-position:inside}
.entry-content ol li li {margin-left:5px;}

/* -- HEADINGS -- */

h2{
	color: #0a7167;
	padding-bottom: 10px;
	letter-spacing: -1px;
	border-bottom: 2px dotted;
	font-weight: normal;
}

#loginpage h2 {
	margin-top: 0;
	padding-top: 0;
}

h2.page-title {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 24pt;
	height: 24pt;
	line-height: 24pt;
	letter-spacing: -1px;
}

h2#comments{margin:20px auto 10px;font-size:140%;}
/* headings inside posts */
.entry-content h3 {font-size:140%;}
.entry-content h4 {font-size:120%;}
.entry-content h5 {font-size:100%;}
.entry-content h6 {font-size:90%;}

#title {
margin-top: 20px;
margin-bottom: 10px;
}

#title span {
	float: left;
	margin-right: 20px;
	font-size: 28px;
	line-height: 28px;
	height: 28px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #0A7167;
}

#section-menu {
	float: left;
	width: 450px;
	height: 50px;
}

#title-child  {
	background: url(images/titlechild.jpg) no-repeat;
	height: 50px;
}

 h2.entry-title, h2.entry-title-single {
 font-size: 22px;
 }

h2.entry-title-single {
	line-height: 0;
	padding-bottom: 20px;
}

h2.archive-title {
	border: none;
}

/* -- MAIN DIV'S -- */
#wrapper {
float:none;
clear:both;
margin: -15px auto 0;
padding-top: 10px;
padding-bottom: 20px;
width:960px;
background: #ffffff;
}

#wide {
	width: 940px;
	margin: 0 10px;
}

#topcap {
	height: 19px;
	width: 980px;
	margin: 30px auto 0;
	background: url(images/topcap.png) no-repeat center;
}

#bottomcap {
	height: 19px;
	width: 980px;
	margin: 0 auto;
	background: url(images/bottomcap.png) no-repeat center;
}

#top {
	width: 940px;
	margin: 0 auto;
	padding: 20px 10px 0;
	height: 90px;
	background: #fff url(images/logo.jpg) no-repeat 10px 10px;
	text-align: right;
	font-weight: bold;
}

#top form {
	margin-top: 0;
	padding-top: 0;
}

#navback {
	width: 980px;
	height: 65px;
	margin: 0 auto;
	background: url(images/navback.png) no-repeat;
}

#video {
	width: 940px;
	height: 465px;
	background: #f2f2f2;
	margin: -13px 10px 10px;
	*margin: 0 10px 10px 10px;
	padding: 0;

}

.banner-shadow {
	width: 660px;
	height: 200px;
	position: absolute;
	z-index: 12;
	background: url(images/banner-shadow.png) no-repeat;
}

#fullbanner {
	height: 270px;
	background: url(images/full-banner-shadow.png) no-repeat;
}

#full {
	height: 250px;
}

.services {
	background: url(images/services-banner.jpg) no-repeat;
}

.employee-login {
	background: url(images/login-banner.jpg) no-repeat;
}

.gas {
	background: url(images/gas-banner.jpg) no-repeat;
}

.hdd {
	background: url(images/hdd-banner.jpg) no-repeat;
}
.contact-us {
	background: url(images/contact-us-banner.jpg) no-repeat;
}

#action {
	float: left;
	width: 220px;
	margin: 0 10px;
}

#action a {
	background: url(images/actions.jpg) no-repeat;
	display: block;
	padding-left: 220px;
	padding-top: 101px;
	*padding-top:101px;
}

a.about-us {
	background-position: 0 0;
}

#action a.about-us:hover {
	background-position: 0 -101px;
}

#action a.history {
	background-position: -220px 0;
}

#action a.history:hover {
	background-position: -220px -101px;
}

#action a.recognition {
	background-position: -440px 0;
}

#action a.recognition:hover {
	background-position: -440px -101px;
}

#action a.gallery {
	background-position: -660px 0;
}

#action a.gallery:hover {
	background-position: -660px -101px;
}

#loginpage {
	width: 460px;
	float: left;
	margin-right: 20px;
	margin-left: 10px;
	margin-bottom: 20px;
}

.partners {
	width: 145px;
	height: 100px;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 60px;
}

.partners h3.widgettitle {
	text-align: center;
}

#footerwrap {
	width: 980px;
	margin: 0 auto;
}

#footer {
padding: 0 10px;
background: url(images/footerback.png) repeat-y;
color: #fff;
}

#footer-top-cap {
	background: url(images/footer-top-cap.png) no-repeat;
	width: 980px;
	height: 28px;
}

#footer-bottom-cap {
	background: url(images/footer-bottom-cap.png) no-repeat;
	width: 980px;
	height: 28px;
}

#footer-link {
	width: 100px;
	float: left;
	margin: 0 10px;
}

#footer-link a{
	color: #fff;
}

#footer-link ul {
	margin-left: 5px;
	font-size: 10px;
}

.copyright-info {
	text-align: center;
	margin: 10px 0;
}

.copyright-info span {
	font-size: 10px;
	line-height: 10px;
	text-align: center;
}

/* -- POSTS -- */


.post-index {margin:0 0 10px;}
#post-single {margin:0 0 20px;}
.posts-wrap {
float:left;
 clear:none;
 width:660px;
 margin: 0 10px;
 }

/* -- SIDEBARS --*/
#sidebar-wrap {margin:0 10px;
verflow:hidden; 
float:left;
 clear:none;
 width:260px;
 }
 
.services-list {
 	background: url(images/service-sidebar-back.jpg) no-repeat;
 	 padding-top: 35px;
 }
 
.latest-news {
 	background: url(images/news-back.png) no-repeat;
 	 padding-top: 35px;
 }
 
 .latest-news #sidebar-content ul li {
 	list-style-type: none;
 	padding-bottom: 5px;
 	border-bottom: 1px dotted;
 	margin-left: 0;
 }
 
 .sidebar-wrap2 {
 	margin:0 10px;
 	verflow:hidden; 
 	float:left;
 	 clear:none;
 	 width:260px;
 }
 

#sidebar-content {
	padding: 10px;
	margin-bottom: 20px;
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
}

#sidebar-content {
	font-size: 12px;
}

#sidebar-content ul {
	margin-left: 20px;
}
#sidebar-content li {
	list-style-type: disc;
	margin: 5px 0;
}

/* -- 404-PAGE --*/
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}

/* -- COMMENTS -- */
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto;}
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
div.reply {}
textarea#comment {overflow:auto}

/* -- ALIGNMENTS --*/
img.alignright {float:right;clear:none;margin:0 0 1em 1em}
img.alignleft {float:left;clear:none;margin:0 1em 1em 0}
img.aligncenter {display: block; margin:1em auto; text-align:center}
img.alignnone {margin:0 0.5em 0 0;}

/* -- NAVIGATION --*/
div.navigation {width:100%;height:auto;float:left;clear:both;padding: 10px 0px;}
.navigation-index {}
.nav-next {float:right;clear:none;width:48%; text-align:right;}
.nav-prev {float:left;clear:none;width:48%; text-align:left;}


.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}