/*
Theme Name: TTSHQ 2010
Theme URI: http://www.ttshq.com
Description: A theme for TTS.
Author: Gary C. Cekus
Author URI: http://www.garcycekusdesign.com
version: 1.0
Tags: Total Telecome Solutions.
*/


/************************************************************************
 Css Reset
************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/************************************************************************
 Elements
************************************************************************/
html {
	height: 100%;
}

body {
	margin: 0 auto;
	padding: 0;
	height: 100%;
	color: #222;
	font-family:  Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 20px;
	background: url(images/bg.jpg) repeat-x #fff;
}

h1 {
	font-size: 24px;
	line-height: 32px;
}

h2 {
	font-size: 20px;
	font-weight: normal;
	line-height: 28px;
}

h3 {
	font-size: 18px;
	font-weight: normal;
}

h4 {
	font-size: 16px;
	padding: 0;
	margin: 0;
	line-height: 20px;
	font-weight: normal;
}

h5 {
	font-size: 13px;
	padding: 0;
	margin: 0;
	line-height: 20px;
}

img {
	border: 0;
	behavior: url(iepngfix.htc);
}

hr {
	border: none 0;
	border-top: 1px solid #d4d4d4;
	width: 100%;
	height: 1px;
} 

/* div {
	behavior: url(iepngfix.htc);
} */

/************************************************************************
Layout
************************************************************************/

.header {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	height: 101px;
	background: url(images/head-logo.jpg) no-repeat top center transparent;
	text-align: center;
}

.nav {
	margin: 0 auto;
	padding: 0;
	width: 720px;
	height: 35px;
	background: url(images/nav-bg.jpg) no-repeat bottom center transparent;
	padding-top: 66px;
}

.welcomeOne {
	margin: 0 auto;
	padding: 20px;
	width: 920px;	
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px;
	padding: 0;
	width: 960px;
}

.push {
	height: 142px;
}

#footer {
	height: 142px;
	background: url(images/footer-bg.gif) repeat-x #383b43;
	color: #fff;
}

.pagetitle {
	background: #efefef;
	margin: 0 auto;
	padding: 0;
	padding-left: 20px;
	border-bottom: 1px solid #ccc;
	height: 80px;
	line-height: 80px;
	vertical-align: middle;
}

.pagetitle h2 {
	margin: 0;
	padding: 0;
	font-size: 36px;
	line-height: 80px;
}

#sidebar {
	float: left;
	width: 225px;
	padding-top:63px;
	margin-right:20px;
	display: inline;
	background: url(images/side-bg.jpg) no-repeat;
	height: 650px;
}

#sidebarNews {
	float: right;
	width: 225px;
	padding-top:63px;
	margin-left:20px;
	display: inline;
	background: url(images/side-bg-2.jpg) no-repeat;
	height: 650px;
}

#main {
	clear: right;
	float: left;
	width: 690px;
	display: inline;
}

#main2 {
	margin: 0 auto;
	width: 960px;
	padding-top: 50px;
}



#mainCase {
	clear: right;
	float: left;
	width: 440px;
	display: inline;
}

#mainNews {
	float: left;
	width: 690px;
	display: inline;
}

#mainSingle {
	float: left;
	width: 690px;
	display: inline;
	margin-top: 20px;
}

.sliderContainer {
	background: url(images/feature-bg.gif) repeat-x bottom #fff;
	padding: 0;
	margin: 0 auto;
	height: 341px;
	position: relative;
	overflow: hidden;
}

.content {
	width: 960px;
	margin: 0;
	padding: 0;
	margin-top: 20px;
}

.serviceTable {
	width: 960px;
	margin: 0;
	padding: 0;
	margin-top: 20px;
	border-top: 1px dotted #ccc;
	font-size: 12px;
}

.serviceTable td {
	vertical-align: top;
	text-align: left;
	padding: 10px 10px 10px 90px;
}

.quoteTable {
	width: 960px;
	margin: 0;
	padding: 0;
	margin-top: 20px;
	border-top: 1px dotted #ccc;
	background: #f3f3f3;
}

.quotes { vertical-align: top; text-align: left; color:#464951; }
.quotesBox { background: url(images/quote-bg.jpg) top right #9f9fa1 no-repeat; border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 10px;color:#464951; vertical-align: middle; text-align: left; font-family: Georgia, Times, sans-serif;}
.quotesBox h1 {font-size: 48px; margin: 0; padding: 0; line-height: 28px; font-weight: normal; padding-top: 5px;}
.quotesBoxRt { background: url(images/quote-bg-rt.jpg) top left #fff no-repeat; padding: 10px; vertical-align: top; text-align: left; color: #9d9da0;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;}
.title {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666; }
.newsTable {
	width: 960px;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	border-top: 1px dotted #fff;
	line-height: 18px;
}

.newsTable a {
	line-height: 18px;
}

#quickQuote {
	width: 330px;
}

#data .button {
    border: none;
    background: url(images/step-2.gif) no-repeat 0 0;
    height: 40px; width: 94px;
    text-indent: -1000;
    overflow: hidden;
    outline: none;
}
#data .button:hover {
    border: none;
    background: url(images/step-2.gif) no-repeat 0 -40px;
    outline: none;
    cursor: pointer;
}

#contact_us .button {
    border: none;
    background: url(images/submit.gif) no-repeat 0 0;
    height: 39px; width: 94px;
    text-indent: -1000;
    overflow: hidden;
    outline: none;
}
#contact_us .button:hover {
    border: none;
    background: url(images/submit.gif) no-repeat 0 -39px;
    outline: none;
    cursor: pointer;
}

.ceo { float: left; margin-right: 20px; margin-bottom: 20px; width:180px; border: 1px solid #d4d4d4; background: #fff; }
.ceoName { padding-left: 10px; padding-top: 10px; font-size: 17px; font-family: Georgia, Times, serif; }
.ceoTitle { padding-left: 10px; padding-bottom: 10px; font-size: 11px; font-style: italic; color: #999; }
.otherTitle {font-size: 11px; font-style: italic; color: #999; line-height: 12px; }

.clientQuotes { background: url(../../uploads/2010/03/del.jpg) no-repeat top left #fff; height: 196px; width: 188px; padding:20px 20px 20px 480px; border: 1px solid #d4d4d4; margin-top: 20px; font-family: Georgia, Times, serif; font-size: 18px; line-height: 24px;}

.news { color: #222; line-height: normal;}
.news a, .news a:link, .news a:visited { color: #222; font-weight: normal; }
.news a:hover { color: #bE212d; font-weight: normal; }

.caseStudies { float:right; display: inline; border: 1px solid #d4d4d4; padding: 15px; background: url(images/case-studies.gif) no-repeat top center #f4f4f4; margin-top: 20px; padding-top: 35px;}

.imgLeft {
	float: left;
	padding-right: 20px;
	padding-bottom: 150px;
}

/************************************************************************
 Links
************************************************************************/

a:link {
	color: #bE212d;
	text-decoration: none;
	font-weight: bold;
} 
a:visited {
	color: #bE212d;
	font-weight: bold;
	text-decoration: none;
}
a:hover, a:focus {
	color: #000;
	font-weight: bold;
}
a:active {
	color: #000;
	font-weight: bold;
}

.learnmore {
	display: block;
	width: 154px;
	height: 37px;
	background: url(images/learn-more.png) no-repeat 0 0 transparent;
	float: right;
	text-indent: -1000;
	overflow: hidden;
	outline: none;
	margin-top: 20px;
}

.learnmore a {
	display: block;
	width: 154px;
	height: 37px;
	background: url(images/learn-more.png) no-repeat 0 0 transparent;
	text-indent: -1000;
	overflow: hidden;
	outline: none;
}

.learnmore a:hover {
	background-position: 0 -37px;
}

/************************************************************************
Slideshow
************************************************************************/

#nav { margin: 0 auto; padding: 0; width: 72px; position: relative;}
#nav li { float: left; list-style: none}
#nav a { display: block; height: 17px; width: 18px; background: url(images/feature-item-clickers.png) no-repeat 0 0 transparent; text-indent: -1000px; overflow: hidden; outline: none;}
#nav a.activeSlide { background-position: 0 -34px;}
#nav a:focus { outline: none; }
#nav a:hover { background-position: 0 -17px;}
#prev { background: url(images/arrow-slider-prev.png) no-repeat 0 0 transparent; width: 32px; height: 32px; display: block; overflow: hidden; text-indent:-1000px;}
#next { background: url(images/arrow-slider-next.png) no-repeat 0 0 transparent; width: 32px; height: 32px; display: block; overflow: hidden; text-indent:-1000px;}
#prev:hover { background-position: 0 -32px;}
#next:hover { background-position: 0 -32px;}
.featureNav { margin: 0 auto; background: url(images/feature-nav-bg.png) no-repeat top center transparent; width: 220px; height: 56px; text-align: center; line-height: 55px; vertical-align: middle; position: absolute; bottom: 0; left: 370px; z-index: 10;}
.featureText { display: block; width: 320px; position: relative; left: 550px; top:50px;}

/************************************************************************
Feedback
************************************************************************/

#feedback{
position:fixed;
width:34px;
height:100px;
top: 300px;
background: url(images/questions.gif) no-repeat transparent;
z-index:1;
margin:0;
padding:0;
}

#contact_us .textfield{
		border:1px solid #A8A8A8;
		width: 97%;
		font-size: 14px;
		padding: 5px;
	}
	
#contact_us textarea{
		height: 125px;
	}
	
input {
		border:1px solid #A8A8A8;
		font-size: 14px;
		padding: 5px;
}

/************************************************************************
Nav Menu
************************************************************************/

.menu {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	width: 539px;
}
.menu li {
	padding: 0;
	margin: 0;
	height: 35px;
	margin-right: 5px;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -1000px;
	height: 35px;
	background-repeat: no-repeat;
	overflow: hidden;
}
.home {background: url(images/home.gif) 0 0; width: 60px;}
.home a {background: url(images/home.gif) 0 0; width: 60px;}
.why {background: url(images/why.gif) 0 0; width: 77px;}
.why a {background: url(images/why.gif) 0 0; width: 77px;}
.services {background: url(images/services.gif) 0 0; width: 82px;}
.services a {background: url(images/services.gif) 0 0; width: 82px;}
.vendors {background: url(images/vendors.gif) 0 0; width: 83px;}
.vendors a {background: url(images/vendors.gif) 0 0; width: 83px;}
.clients {background: url(images/clients.gif) 0 0; width: 73px;}
.clients a {background: url(images/clients.gif) 0 0; width: 73px;}
.energy {background: url(images/energy.gif) 0 0; width: 134px;}
.energy a {background: url(images/energy.gif) 0 0; width: 134px;}
ul.menu li a:hover {background-position: 0 -35px; }
.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/************************************************************************
Lists
************************************************************************/

#sidebar ul { list-style: none; list-style-type: none; margin: 0; padding: 0; width: 225px; }
#sidebar li { display: block; height: 45px; line-height: 45px; vertical-align: middle; border-bottom: 1px solid #d4d4d4; text-transform: uppercase; font-weight: bold; font-size: 14px; text-align: right;}
#sidebar li a { color: #000; display: block; padding-right: 40px; width: 185px;}
#sidebar li a:active, #sidebar li a:hover { color: #bE212d;background: #fff; }

.related-case-studies{list-style:none;margin:0;padding:0}
.related-case-studies li {border:none;margin:0;padding:0;position:relative;width:200px;margin-bottom:13px;border-bottom:1px solid #d4d4d4;}
.related-case-studies li img {border:1px solid #d4d4d4;display:block;float:left;margin:0 13px 3px 0}
.related-case-studies .clear {clear:left}

/************************************************************************
Posts
************************************************************************/
.postmetadata { padding-bottom:50px;  }
.post h1 { font-weight: normal; margin: 20px 0 5px 0; font-size: 32px; }
.post h1 a:hover { text-decoration: underline; color: #bE212d; }
.post a, .post a:visited, .post a:active, .post a:hover { font-weight: normal; }
.commentsPost { float: left; display: inline; margin: 0; padding: 20px 0 5px 0;}
.entry { float: right; display: inline; width: 500px; }


/************************************************************************
Comments
************************************************************************/
#respond { width: 660px; padding: 15px; background: #fafafa; border: 1px solid #d4d4d4; margin-bottom: 20px; }
#respond textarea { width:100%; }