/*
THEME NAME: HyperTypo
THEME URI: http://www.wordpress.org/
DESCRIPTION: A Custom built theme by Trevue
VERSION: 0.1
AUTHOR: <a href="http://www.hypertectonic.com/">GMathur</a> &amp; <a href="http://www.hypertectonic.com/">Hypertectonic</a>
AUTHOR URI:
TAGS: sandbox, blueprint, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/
/* A theme based on Sandbox and Tripoli released under the GPL license. */
/* */

@import url(tripoli.base.css); 
@import url(tripoli.visual.css); 
@import url(tripoli.type.css);
@import url(iconize.css);

html{
margin: 0;
padding: 0;
background-image: url(images/header_bg.jpg);
	background-repeat: repeat-x;
}

/*      SAMPLE OF SELECTORS FOR SINGLE POST, eg, SINGLE.PHP VIEWS */
body {
	margin: 0;
	padding: 0;
}




body.single {} /* IMPORTANT, DYNAMIC CLASSES HERE */

a{
	text-decoration: none;
}
a:link, a:visited, a:hover, a:focus, a:active{
	text-decoration: none;
}

ul{
 margin-left: 0;
}
li{
margin-left: 15px;
}

div#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 60em;
}

.hfeed {}

.hidden{
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
} 

div#header {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

div#blog-title {
	margin: 0;
	padding: 0;
	width: 300px;
	height: 100px;
	float: left;
	display: block;
}

div#blog-description {
	margin: -100px 0 0 540px;
	padding: 0;
	width: 220px;
	height: 100px;
	float: left;
	display: inline;
}

div#searchbox{
	margin: -100px 0 0 780px;
	padding: 0;
	width: 180px;
	height: 100px;
	vertical-align: bottom;
	float: right;
	display: inline;
}
div#searchbox input{
	margin:0;
	padding: 0;
	width: 178px;
	height: 18px;
	margin-top: 67px;
	background-color: #efecec;
	font-size: 0.8em;
}
div#searchbox input:focus{
	background-color: #ffffff;
}

div#access {
	margin: 0;
	padding: 0;
}

div.skip-link{
	margin: 0;
	padding: 0;
	}
div.skip-link a{
	margin: 0;
	padding: 0;
}


div#menu {
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 0;
	margin-left: 15px;
	margin-right: 15px;
	height: 30px;
	width: 930px;
	background-image: url(images/menu_bg.gif);
	background-repeat: repeat-x;	
}
span#menu-a{
	margin-top: 0;
	width: 15px;
	height: 30px;
	background-image: url(images/menu_ends.gif);
	background-position:  top left;
	background-repeat: no-repeat;
	float: left;
	overflow: hidden;
	display: block;
}
span#menu-b{
	width: 15px;
	height: 30px;
	margin-top: -30px;
	background-image: url(images/menu_ends.gif);
	background-position:  bottom right;
	background-repeat: no-repeat;
	float: right;
	overflow: hidden;
	display: block;
}

div#menu ul {
	list-style: none;
	margin: 0;
	padding: 0
}
div#menu ul li {
	margin-left: 0;
	margin-top: 0;
	float: left;
}

div#menu a{
	margin: 0;
	color: #fff;
	float: left;
	text-decoration: none;
	font-size: 13px;
	padding-top: 7px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	display: block;
	overflow: hidden;
}
div#menu a:hover{
	background-color: #003366;
}
div#banner{
	margin: 10px 0 10px;
	width: 100%;
	height: 170px;
	background-image: url(images/banner1.jpg);
}

div#container {
	float: left;
	margin: 0 20px 0 0;
	width: 520px;
	
}

div#content {
	font-size:.8em;
	line-height:1.4;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
div#content p{
	font-size: 1em;
	line-height:1.4;
}


div#nebb{
	background-color: #f0f0f0;
	border: 1px solid #d8d8d8;
	padding: 10px;
	float: left;
}
div#nebbimage{
	width: 70px;
	margin: 0;
	padding: 0;
	margin-right: 20px;
	float: left;
}
div#nebbcert{
	margin: 0;
	padding: 0;
	width: 408px;
	float: left;
}

div#nav-above {
	display: none;
}
.navigation {}
div.nav-previous {}
div.nav-previous span.meta-nav {}
div.nav-previous a {}
div.nav-next {}
div.nav-next a {}
div.nav-next span.meta-nav {}

div.hentry{
}/* IMPORTANT, DYNAMIC CLASSES HERE */
h2.entry-title {
}
h3.entry-title{
	font-size: 14px;
}
div.entry-content {}
a.more-link {}
div.page-link {}
div.entry-meta {}
span.author {}
span.author a.fn {}
abbr.published {}
a.comment-link {}
a.trackback-link {}

div#nav-below {
	font-size: 12px;
	margin-bottom: 20px;
	overflow: auto;
}
.navigation {}
div.nav-previous {
	float: left;
	width: 45%;
}
div.nav-previous a {}
div.nav-previous a span.meta-nav {}
div.nav-next {
	float: right;
	width: 45%;
	text-align: right;
}
div.nav-next a {}
div.nav-next a span.meta-nav {}

div#comments {
	font-size:.8em;
	line-height:1.25em;
}
div.comments {}
div.comments h3 {}
div.comments h3 span {}
div.comments ol {}
div.comments ol li.comment {}   /* IMPORTANT, DYNAMIC CLASSES HERE */
div.comments ol li.comment div.comment-author {}
div.comments ol li.comment div.comment-author span.fn {}
div.comments ol li.comment div.comment-author span.fn a {}
div.comments ol li.comment div.comment-meta {}
div.comments ol li.comment div.comment-meta span.meta-sep {}

div#comments-list {}
div#comments-list h3 {}
div#comments-list h3 span {}
div#comments-list ol {}
div#comments-list ol li.comment {}      /* IMPORTANT, DYNAMIC CLASSES HERE */
div#comments-list ol li.comment div.comment-author {}
div#comments-list ol li.comment div.comment-author span.fn {}
div#comments-list ol li.comment div.comment-author span.fn a {}
div#comments-list ol li.comment div.comment-meta {}
div#comments-list ol li.comment div.comment-meta span.meta-sep {}

div#trackbacks-list {}
div#trackbacks-list h3 {}
div#trackbacks-list h3 span {}
div#trackbacks-list ol {}
div#trackbacks-list ol li.comment {}    /* IMPORTANT, DYNAMIC CLASSES HERE */
div#trackbacks-list ol li.comment div.comment-author {}
div#trackbacks-list ol li.comment div.comment-author span.fn {}
div#trackbacks-list ol li.comment div.comment-author span.fn a {}
div#trackbacks-list ol li.comment div.comment-meta {}
div#trackbacks-list ol li.comment div.comment-meta span.meta-sep {}

div#respond {}
div#respond h3 {}

p#login-req{}
div.formcontainer {}
form#commentform {}
p#login {}
span.loggedin {}
span.logout {}
p#comment-notes {}

span.required {}
div.form-label {}
div.form-label label {}
div.form-label span.required {}
div.form-input {}
div.form-input input#author {}
div.form-label {}
div.form-label label {}
div.form-label span.required {}
div.form-input {}
div.form-input input#email {}
div.form-label {}
div.form-label label {}
div.form-label span.required {}
div.form-input {}
div.form-input input#url {}
div.form-label {}
div.form-label label {}
div.form-textarea {}
div.form-input textarea#comment {}
div.form-submit {}
div.form-submit input#submit {}

div#primary {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	width: 220px;
}  
.sidebar {
	overflow: hidden;
	font-size:.8em;
	line-height:1.25em;
}
div.sidebar ul.xoxo {}
div.sidebar ul.xoxo li {}
div.sidebar ul.xoxo li h3 {}
div.sidebar ul.xoxo li ul {}
div.sidebar ul.xoxo li ul li {}
div.sidebar ul.xoxo li ul li ul {}
div.sidebar ul.xoxo li ul li ul li {}
div#primary ul.xoxo {}
div#primary ul.xoxo li {}
div#primary ul.xoxo li h3 {}
div#primary ul.xoxo li ul {}
div#primary ul.xoxo li ul li {}
div#primary ul.xoxo li ul li ul {}
div#primary ul.xoxo li ul li ul li {}
 
div#secondary {
	float: left;
	margin: 0;
	padding: 0;
	width: 180px;
}        
.sidebar {

}
div.sidebar ul.xoxo {}
div.sidebar ul.xoxo li {}
div.sidebar ul.xoxo li h3 {}
div.sidebar ul.xoxo li ul {}
div.sidebar ul.xoxo li ul li {}
div.sidebar ul.xoxo li ul li ul {}
div.sidebar ul.xoxo li ul li ul li {}
div#secondary ul.xoxo {}
div#secondary ul.xoxo li {}
div#secondary ul.xoxo li h3 {}
div#secondary ul.xoxo li ul {}
div#secondary ul.xoxo li ul li {}
div#secondary ul.xoxo li ul li ul {}
div#secondary ul.xoxo li ul li ul li {}

div#footer {
	padding: 15px 10px 10px 20px;
	color: #666666;
	font-size: 0.75em;
	line-height: 1.5;
	clear: both;
	height: 100px;
	background-image: url(images/footer_bg.jpg);
	background-repeat: repeat-x;
}
div#footer a{
	color: #CC0000;
}
div#copyrightinfo{
	width: 500px;
	float: left;
	margin-right: 20px;
}
div#brochure{
	margin-right: 20px;
	width: 220px;
	float: left;
}
div#address{
	font-size: 0.95em;
	width: 170px;
	float: right;
	line-height: 1.25;
}
div#generator-link {}
div.meta-sep {}
div#theme-link {}

/* News List */
ul#news-list, ul#news-list p{
margin: 0;
padding: 0;
}

ul#news-list li{
	margin: 0;
	list-style: none;
	border-bottom:1px dotted #cc0000;
	line-height:1.2;
	padding:4px 0 6px 10px;
	background: url(images/red_bullet.gif) no-repeat 0em .7em;
}

ul#news-list li a{
	color: #003366;
}
ul#news-list li a:hover{
	color: #003399;
}
div#news-footer{
	margin-top: 10px;
}
/* Case Study List */
div#case-study ul, div#case-study ul p{
margin: 0;
padding: 0;
}
ul#cs-list li{
	margin: 0;
	list-style: none;
	border-bottom:1px dotted #cc0000;
	line-height:1.2;
	padding:4px 0 6px 10px;
	background: url(images/red_bullet.gif) no-repeat 0em .7em;
}

ul#cs-list li a{
	color: #003366;
}
ul#cs-list li a:hover{
	color: #cc3600;
}

div#cs-footer{
	margin-top: 10px;
}
div#cs-cat, div#cs-cat a{
	color: #666666;
	margin: 4px 0;
	font-size: 10px;
}

/* Compliments Menu */


div#client-speak {
	margin:0;
	padding: 0;
	font-style: italic;
	font-size: 16px;
	font-family: Georgia, Palatino, Times, 'Times New Roman';
	color: #9999ff;
	width: 180px;
	height: 550px;
}
div#client-speak div{
	margin:0;
	padding: 0;
	width: 180px;
	height: 540px;
	top: 0;
	left:0;
	overflow: hidden;
	display: block;
}

/* Clients Table */
#clients{
	margin: 0;
	padding: 0;
	color: #666666;
	background-color: #f4f5f6;
}
#clients th{
	font-weight: normal;
	color: #333333;
}

#clients td, #clients th{
	padding: 4px 6px;
	border-bottom: 1px solid #fff;
}
#clients tr:hover{
	background-color: #e6eef7;
}
.t-sec{
	background-color: #99ccff;
	color: #ffffff;
	font-weight: bold;
}
.t-head{
	background-color: #ccccff;
	font-weight: bold;
}

div#apply{
	padding: 10px;
	background-color: #f2f5fa;
	color: #333333;
	border-bottom: 2px solid #cccccc;
}
/* Accordian Menu */

.drawers-wrapper {
	font-size: 0.95em;
	position: relative;
	width: 220px;
	float:left;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	height: auto;
	background-color: #f2f5fa;
}
.drawers-wrapper>ul{
	list-style: none;
    padding: 0;
	margin: 0;
}
.drawers-wrapper ul, .drawers-wrapper li{
	margin: 0;
	padding: 0;
	list-style: none;
}
.drawers {
	padding:0;
	margin: 0;
	line-height: 0em;
	color:#333;
	border: 1px solid #cccccc;
	vertical-align: top;
}

.drawer {
	color:#333;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.drawer-handle {
	margin: 0;
	padding: 0;
	height: 40px;
	width: 100%;
	background: #c6d9f7;
	display: block;
	color: #666;
	border-bottom: 1px solid #fff;
}

.drawer-handle.open {
	background-color:#72839D;
	background-image: url(http://powerqtech.com/wp-content/themes/images/winheader.gif);
	color:#FFFFFF;
	display: block;
	overflow: hidden;
}

.drawer-title{
	display: block;
	padding: 5px 10px 2px 10px;
	font-weight: bold;
	height: 20px;
	line-height: 1.2;
}

/* nasty, but it fixes the indent on the first one. */
.drawer-handle span {
	
}

.drawer ul {
	padding: 0 10px;
	padding-bottom:0pt;
	margin: 0;
}

.drawer li {
	border-bottom:1px solid #E5E5E5;
	line-height:1.2;
	padding:4px 0 4px 12px;
	background: url(images/red_bullet.gif) no-repeat 0em .7em;
}
.drawer-content ul {
	vertical-align: top;
	padding-top: 7px;
}

.drawer-content li a {
	display:block;
	overflow:hidden;
}
.drawer-content li a:hover {
	color: #333399;
}


.nolines li {
	border:0pt none;
	line-height:20px;
	padding:0pt;
}

.drawers a {
	color:#333;
	text-decoration:none;
}

/* Accordian Menu ends */

/* Button Class */

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #000;
    display: block;
    float: left;
    font-size: 12px;
	font-weight: normal;
    height: 24px;
    margin-right: 6px;
    padding-right: 15px; /* sliding doors padding */
    text-decoration: none;
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
}

a.button span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 15px;
} 
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 15px; /* push text down 1px */
} 

/* Disabled Button class */
a.disbutton {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #888;
    display: block;
    float: left;
    font-size: 12px;
	font-weight: normal;
    height: 24px;
    margin-right: 6px;
    padding-right: 15px; /* sliding doors padding */
    text-decoration: none;
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
}

a.disbutton span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 15px;
} 
a.disbutton:active {
    background-position: top right;
    color: #888;
    outline: none; /* hide dotted outline in Firefox */
}

a.disbutton:active span {
    
    padding: 5px 0 5px 15px; /* retain text pos */
}