/*  
Theme Name: Systech
Description: Theme for Systech
Author: Tim Bowen
Author URI: http://creativeslice.com/
Version: 2.3
*/

ul,ol { list-style:none }h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

html {background:#f0f0f0 url(images/bg-html.jpg) repeat center top;}
body {
	font: 100.01%/1.4 Arial, Verdana, sans-serif;
	text-align: left;
	color: #313131;
	background:url(images/bg-body.jpg) repeat-x center top;
}

h1, h2, h3, h4, h5, h6 {font-family: 'PT Sans';}

a:link, a:visited {color: #06a6c0;text-decoration: none;}
a:visited {color:#06a6c0;}
a:hover {color: #3fc0d8;text-decoration: underline;}

h1 {font-size: 3em;font-weight: normal;}
h2 {font-size: 2.3em;}
h3 {font-size: 1.7em;}

h4 {
font-weight: bold;
font-size: 1.1em;
letter-spacing: .05em;
color: #666;
}

h5 {font-size: 1.2em;color: #666;}

strong, b {font-weight: bold;}

.aligncenter,div.aligncenter {display: block;margin: 0 auto;}
.alignleft {float: left; margin: 2px 10px 2px 0;}
.alignright {float: right; margin: 2px 0 2px 10px;}

hr {
border-top: 1px solid #eee;
border-bottom: 1px solid #cfcfcf;
border-right: none;
border-left: none;
text-align: center;
margin: 2em 0;
clear: left;
}

.wrapper {
width: 940px;
margin: 0 auto;
position: relative;
}


/* header 
--------------------------------------------- */

#header {position:relative; height:140px; z-index:3000;}

h1#logo a {
margin: 10px 0 20px 0;
display:block;
float: left;
overflow:hidden;
text-indent: -9999px;
width: 460px;
height: 75px;
background:url(images/opus_inspection.png) no-repeat left top #fff;}

h1#logo a:hover {
background-position: 0;
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;}

#assistance {
position:absolute; right:12px; top:56px;
text-align:right;
z-index:4000;
}
#assistance p.instructions {font-size:.9em;}
#assistance p.link {font-size:.8em;}


/* Top Menu
-------------------------------------------------------------- */
#topmenu {
color:#999;
font-size: .7em;
line-height:24px;
position:absolute; top:16px; right:350px;
}
#topmenu a {
font-weight: bold;
}


/* Search
-------------------------------------------------------------- */
#searchform {
border: 1px solid #bfbfbf;
border-radius: 0.4em;
font-size: .5em;
padding:0;
position:absolute; top:16px; right:0px;
}
#searchform #s,
#searchform #mag {float: right;}
#searchform #s {
border: none; 
padding:0 6px; 
width:160px;
}
#searchform,
#searchform #s {
line-height:24px; 
height:24px;
}
#searchform #mag:hover {
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}

/* Languages
-------------------------------------------------------------- */
#language {position:absolute; right:219px; top:21px;}
#language p {float:right; font-size:13px; margin:0 0 0 15px;}

.icl_lang_sel_current {display: none;}


/* -------------------- HeaderMenu_Class -------------------- */

#HeaderMenu {
	border-radius: 0.3em;
	border: 1px solid #bfbfbf;
	position:absolute; left: 0; bottom: 0;
}

/* =HeaderMenu_Class -------------------------------- */	

.HeaderMenu_Class {
	position: relative;
	z-index: 111;
	clear: both;
	float: left;
	background-color: #eeeeee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#999999)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #eeeeee, #999999); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #eeeeee, #999999); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #eeeeee, #999999); /* IE10 */
	background-image:      -o-linear-gradient(top, #eeeeee, #999999); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #eeeeee, #999999);
}
.HeaderMenu_Class ul {
	background: url(images/menu-gloss.png) repeat-x 0 0;
	float: left;
	margin: 0 auto;
	width: 940px;
	position: relative;
}
.ie6 .HeaderMenu_Class{display: inline;}

/* =level 1 --------------------------------*/
.HeaderMenu_Class ul li { 
	float: left; 
	xposition: relative; /* removed to push second menu all the way to the left; */
	border-right: 1px solid #999;
}
.ie6 .HeaderMenu_Class ul li {display: inline;}
.HeaderMenu_Class ul a:hover { 
	color: #fff;
	text-shadow: none; 
}

.HeaderMenu_Class ul li a { 
	color: #11312f;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	display: block; 
	padding: 6px 10px; 
	text-decoration: none; 
	text-shadow: 0 1px 1px rgba(255,255,255,.9);	
}

.page-item-2,
.page-item-2 a {
	-webkit-border-top-left-radius: .2em;
	-webkit-border-bottom-left-radius: .2em;
	-moz-border-radius-topleft: .2em;
	-moz-border-radius-bottomleft: .2em;
	border-top-left-radius: .2em;
	border-bottom-left-radius: .2em;	
}
.HeaderMenu_Class ul li.hover,
.HeaderMenu_Class ul li:hover,
.HeaderMenu_Class ul li.active-parent { 
	color: #fff;
	background: #11312f; 
	text-shadow: none;
}
.HeaderMenu_Class ul ul ul li.active-parent {
	background: #295452;
}
.HeaderMenu_Class ul ul ul li.active-parent:hover {
	cursor: default;
}
.HeaderMenu_Class ul li.hover a,
.HeaderMenu_Class ul li:hover a { 
	color: #fff; 
	background:  #11312f;
	text-shadow: none;	
}
.HeaderMenu_Class ul li.active-parent a {
	color: #fff; 
	text-shadow: none;		
}
.HeaderMenu_Class .no-js ul li:hover > ul {
	display: block;
}


/* =level 2 --------------------------------*/
.HeaderMenu_Class ul>li:hover>ul {display:block;}
.HeaderMenu_Class ul ul 	{ 
	border-bottom-left-radius:18px !important;
	border-bottom-right-radius:18px;
	display: none;
	padding:0 9px 9px;
	position: absolute; 
	top: 100%; 
	left: auto;
	width: auto;
	font-size: .9em;
	background: #11312f;
	z-index: 2;		
}
.HeaderMenu_Class ul ul.active {
	display: block;
}
.HeaderMenu_Class ul ul li { 
	background: #11312f; 
	border: 0 none;
	clear: none;
	color: #fff;
	display: block;
	float: none;
	position: relative;
}		
.HeaderMenu_Class ul ul li a	{
	color: #fff;
	display: inline-block; /* IE 6 & 7 Needs Inline Block */
	font-weight:normal;
	width: 200px;
	text-shadow: none;
}
.HeaderMenu_Class ul ul li.hover a, 
.HeaderMenu_Class ul ul li a:hover,
.HeaderMenu_Class ul ul li.active-parent,
.HeaderMenu_Class ul ul li.active-parent a {
	xbackground: #349995;
	color: #349995;
	position: relative;
}
.HeaderMenu_DynamicMenuItemClass:hover,
.HeaderMenu_DynamicMenuItemClass:active {
	xbackground: #349995;
}
/* =level 3 --------------------------------*/

.HeaderMenu_Class ul ul ul li { 
	background: #349995;
	border-top: 1px solid #666;	
	clear: both;
	float: none;
}
.HeaderMenu_Class ul:hover ul ul li a { 
	background: transparent;
}
.HeaderMenu_Class ul ul ul 	{ 
	background: #349995;
	display: none;
	xright: 100%;
	left: 0; 
	top: 2.6em;
	width: 15em;
	z-index: 1;
}
.HeaderMenu_Class ul ul.children ul.children li a { 	
	background: #349995;
}
.HeaderMenu_Class ul ul.children ul.children li:hover a { 	
	background: #777;
}


/* = Gallery Default Setup
------------------------------------------------------------ */
.galleryshow-thumbnav-controls, .galleryshow-thumbnav-controls li
{ list-style:none; list-style-image:none; margin:0; padding:0; }

.galleryshow-thumbnav-controls li
{ float:left; }

.gtc-page-slider { position:absolute; z-index:400; }
.gtc-page,
.gtc-page li { float:left; }


/* = Gallery
-------------------------------------------------------------- */
.galleryshow-thumbnav-controls,
.galleryshow-thumbnav-controls li, 
.galleryshow-thumbnav-controls a {z-index: 300;}
.galleryshow-thumbnav-controls a	{margin-right:9px;}

.galleryshow-thumbnav-controls a 	{color:#000; font-weight:bold;}
.galleryshow-thumbnav-controls a:hover {color:red;}


/* home 
--------------------------------------------- */

#home-message {
color:#363636;
xborder-bottom: 1px solid #e4e2e3;
font-size:11px;
line-height: 66px; text-align: center;
position:absolute;
top:34px;
width: 100%;
height: 66px;
}

#news h3, 
#innovations h3 {
color: #999;
text-shadow: 1px 1px 1px #ccc;
text-transform: uppercase;
font-weight: normal;
font-size: 1.4em;
line-height: 1.6em;
letter-spacing: .05em;
text-align: left;
}

#news {
padding-top: 4px;
text-align: right;
}

#news .more {
background: rgba(255,255,255,.6);
padding: 3px;
font-size: .9em;
}

#news li {
padding: 8px 0;
text-align: left;
font-size: .9em;
font-weight: bold;
line-height: 1.2em;
}

#innovations {
border-top: 1px solid #ddd;
padding-top: 3px;
margin-top: 15px;
z-index:1;
}

#innovations ul {overflow:hidden; position:relative;}


.galleryshow-thumbnav-controls {position:relative; top:-71px;}
.galleryshow-thumbnav-controls a {background:url(images/innovations-search.gif) no-repeat left top; display:block; position:relative; text-indent:-1000em; width:9px; height:28px;}
.galleryshow-thumbnav-controls a:hover {background-position:left bottom;}
.galleryshow-thumbnav-controls a.inactive {background-position:left bottom;}
.galleryshow-thumbnav-controls a.gtc-page-prev {float:left; left:-9px;}
.galleryshow-thumbnav-controls a.gtc-page-next {background-position:right top; float:right; right:-18px;}
.galleryshow-thumbnav-controls a.gtc-page-next.inactive,
.galleryshow-thumbnav-controls a.gtc-page-next:hover {background-position:right bottom;}
#innovations li {
padding: 5px;
font-size: .9em;
text-align: center;
float: left;
width: 120px;
height: 75px;
line-height: 1.2em;
border-right: 1px solid #fff;
border-left: 1px solid #ddd;
margin-bottom: 15px;
}

#innovations em {font-size: .9em;}
#innovations li a {
font-weight: bold;
display: block;
margin-top: 6px;
}

#homecenter {color:#5f6365;
float: left;
font-size:.9em;
width: 939px;
margin: -20px 0 20px 0;
}

.featured li {background:url('images/cta-main-bg.png') no-repeat left top; float:left; margin-left:3px; padding:9px 10px 28px; position:relative; width:290px; height:293px;}
.featured li .icon span {background:url('images/cta-main-icons.png') no-repeat right top; display:block; width:167px; height:148px;}
.featured li .icon {position:absolute; right:-6px; top:16px;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;}
.featured li.safety-inspection-programs .icon span {background-position:0px top;}
.featured li.emissions-inspection-programs .icon span {background-position:-167px top;}

.featured li:hover 				{background-position:left bottom; cursor:pointer;}
.featured li:hover .icon span 	{background-position:right bottom;}
.featured li:hover .icon 		{top:-6px;}
.featured li.safety-inspection-programs:hover .icon span {background-position:0px bottom;}
.featured li.emissions-inspection-programs:hover .icon span {background-position:-167px bottom;}
.featured li:hover img 			{filter:alpha(opacity=70); opacity:0.7;}


/**/ 
.featured a 					{color:#5f6365; text-decoration:none;}
.featured a .title 				{color:#42a7c1; display:block; font-size: 1.3em; text-shadow: 1px 1px 0 #fff;}

.featured li:hover a .title		{color:#333;}

.featured img 					{border-radius:3px;}

.infoBox 						{background:url('images/infobox-bg.gif') no-repeat center top; margin:-2px 0 0; padding-top:7px; width:150px !important; z-index:1000;}
.infoBox>img 					{margin:7px 7px 0 0 !important;}
.infoBox-inner 					{background:#0f3a38; color:#FFF; padding:2px 8px 3px; border-radius:6px;}
.infoBox a						{color:#fff; font-size:.8em; font-weight:bold;}

/* sidebar 
--------------------------------------------- */

#sidebar {
float:right;
display:inline;
width:240px;
text-align:left;
voice-family:inherit;
margin-top: 20px;
}

#sidebar h2 {
font-weight: normal;
line-height: 1.8em;
letter-spacing: .05em;
}

#sidebar img {
max-width: 240px;
height: auto;
}

#sidebar li {list-style: none;}

.sidebarcontent {
font-size: .9em;
color: #666;
}

.sidemenu {
background: #ddd;
border: 1px solid #eee;
}

.sidemenu li li a {
padding-left: 2em;
}

.sidemenu .sidebarlefttop {
background: #eee;
font-weight: bold;
letter-spacing: 1px;
font-size: 1.1em;
}

.sidemenu a, .sidemenu a:visited {
color: #000;
display: block;
font-size: .8em;
padding: 4px 10px 3px 10px;
text-decoration: none;
border-top: 1px solid #eee;
border-bottom: 1px solid #ccc;
}

.sidemenu a:hover,
.sidemenu .current_page_item>a {
color: #fff;
background: #11312f;
border: 1px solid #11312f;
text-decoration: none;
font-weight: bold;
}

.quotescollection_randomquote {
font-size: .8em;  
}

.quotescollection_randomquote q {
margin-bottom: 10px;
font-style: italic;
font-family: Georgia, serif;
font-size: 1.2em;
}

.quotescollection_randomquote cite {
margin-top: 10px;
color: #000;
}

.quotescollection_author {
    font-weight: bold;
    }
    
.quotescollection_nextquote {
color: #06a6c0;
margin-top: 10px;
font-style: italic;
float: right;
}

/* content 
--------------------------------------------- */

#content {
text-align: left;
float: left;
width: 660px;
font-size: .85em;
margin: 20px 0;
}

#contentwide {
text-align: left;
float: left;
width: 940px;
font-size: .85em;
margin: 20px 0;
}

#contentwide img {display: none;}


.post {
background: #fff;
border: 1px solid #ddd;
padding: 12px 24px;
}

.blogpost {
background: #fff;
margin-bottom: 10px;
border: 1px solid #eee;
}

.entry p {
margin: 0 0 1.1em 0;
line-height: 1.5em;
}

.entry h2 {color: black;}

h2.pagetitle  {
color: #666;
padding-bottom: .4em;
font-weight: normal;
text-align: center;
}

.entry h3 {
color: #666;
font-weight: normal;
padding-bottom: .3em;
}

.entry ul {
list-style:disc;
padding: .5em 0;
}

.entry ol {
list-style-type:decimal;
padding-bottom: .5em;
}

.entry li {
margin-left: 30px;
padding-bottom: .3em;
line-height: 1.3em;
}

.entry ul ul {
padding-top: .5em;
padding-bottom: 0;
}

.entry ol {
margin-left: 5px;
}

.entry blockquote {
padding-left: 1em;
border-left: 2px solid #cfcfcf;
font-size: .9em;
color: #666;
}

.entry img {max-width: 660px;}

.entry table {border: 2px solid #ddd;}
.entry th {
border: none;
padding: 2px 4px;
}
.entry td {
padding: 2px 4px;
border: 1px solid #cfcfcf;
}

.postmetadata {
font-size: .8em;
color: #666;
margin: .5em 0 1em 0;
}

.entry .wp-caption {
border: 1px solid #ccc;
text-align: center;
background-color: #eee;
padding: 4px 0 0 0;
}

.entry .wp-caption p.wp-caption-text {
padding: 3px;
margin:0;
color: #666;
font-size: .8em;
}

.gallery-caption {
color: #666;
font-size: .9em;
}

.navigation {
height: 18px;
margin-top: 10px;
font-size: .9em;
padding: .5em 1em;
}

.navigation a {
padding: 2px 4px;
font-weight: bold;
}

p.timetop {
color: #666;
font-size: .8em;
font-style: italic;
margin: 1em 0 0 0;
}

.pressentry {
border-top: 1px solid #ddd;
padding-top: 10px;
}

a[href$='.pdfff'] {
    display:inline-block;
    padding-left:32px;
    line-height:28px;
    background:transparent url(images/PDF_Icon.jpg) center left no-repeat;
}

#programicons {
float: right;  
}
    
.safety {
width: 56px;
height: 70px;
display: block;
float: left;
background:url(images/cta_small_icons.jpg) -0px -0px #fff;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

.safety:hover {
background:url(images/cta_small_icons.jpg) -0px -70px #fff;
}

.emission {
width: 80px;
height: 70px;
display: block;
float: left;
background:url(images/cta_small_icons.jpg) -54px -0px #fff;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

.emission:hover {
background:url(images/cta_small_icons.jpg) -54px -70px #fff;
}

.esp {
width: 60px;
height: 70px;
display: block;
float: left;
background:url(images/cta_small_icons.jpg) -138px -0px #fff;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

.esp:hover {
background:url(images/cta_small_icons.jpg) -138px -70px #fff;
}

.systech {
display: none;
}


/* --------------- Home Map Styles -------------------------- */

#home-map {
float:right;
width:522px;
height:357px;
margin:-1px 0 10px 10px;
padding:0 2px 3px;
position: relative;
z-index:2000;
}
.pgmm {position:absolute; top:1px; z-index:2000;}
.pgmm .gmnoprint, 
.pgmm .canvas>div>div>a>div {display:none; visibility:hidden; width:0; height:0;}
.pgmm .canvas>div{background:url('images/bg-html.jpg') repeat center top;}
.pgmm .canvas>div>div {background:transparent url('images/map-bg-simple.jpg') no-repeat right top !important;}
/** /
.pgmm .canvas>div, .pgmm .canvas, .pgmm,
.pgmm .canvas>div>div>div, #home-map, 
.pgmm .canvas>div>div {border-radius:18px !important; position:inherit !important; -webkit-border-radius:18px; -webkit-mask-image:url('images/map-mask.svg') 0 2px; width:522px; height:320px;}
/**/

.home-nav {
	list-style: none;
	float: left;
	position: relative;
	text-transform: capitalize;
	z-index: 2;
	font-size: 14px;
	line-height: 16px;
}

#home-map .home-nav a {
	text-indent: -9999px;
	float: left;
	width: 12px; height: 16px;
	background: url(images/systech12.png) no-repeat 0 0;
}

#home-map .home-nav a:hover {
background: url(images/systech12.png) no-repeat 2px 2px #fff;
width: auto;
text-indent: 14px;
padding: 1px 4px;
z-index: 999;
text-decoration: none;
border: 1px solid #ddd;
}

#home-map li {list-style: none;margin: 0;padding: 0;font-weight: bold;}

#home-map .home-nav {
width: 45px;
}


#home-map .home-nav a {
width: 100%;
}

#home-map .alaska {position: absolute;
	top: 40px;
	left: 80px;
}

#home-map .bermuda {position: absolute;
	top: 160px;
	left: 320px;
}

#home-map .california {position: absolute;
	top: 120px;
	left: 40px;
}
#home-map .connecticut {position: absolute;
	top: 110px;
	left: 300px;
}
#home-map .georgia {position: absolute;
	top: 150px;
	left: 275px;
}
#home-map .idaho {position: absolute;
	top: 115px;
	left: 195px;
}
#home-map .india {position: absolute;
	top: 200px;
	left: 520px;
}
#home-map .louisiana {position: absolute;
	top: 150px;
	left: 245px;
}
#home-map .mexico {position: absolute;
	top: 180px;
	left: 220px;
}
#home-map .missouri {position: absolute;
	top: 110px;
	left: 240px;
}
#home-map .newyork {position: absolute;
	top: 120px;
	left: 295px;
}
#home-map .northcarolina {position: absolute;
	top: 125px;
	left: 270px;
}
#home-map .ontario {position: absolute;
	top: 80px;
	left: 250px;
}
#home-map .oregon {position: absolute;
	top: 110px;
	left: 160px;
}
#home-map .pennsylvania {position: absolute;
	top: 120px;
	left: 285px;
}
#home-map .peru {position: absolute;
	top: 275px;
	left: 295px;
}
#home-map .rhodeisland {position: absolute;
	top: 110px;
	left: 295px;
}
#home-map .tennessee {position: absolute;
	top: 140px;
	left: 275px;
}
#home-map .texas {position: absolute;
	top: 160px;
	left: 210px;
}
#home-map .utah {position: absolute;
	top: 125px;
	left: 190px;
}
#home-map .virginia {position: absolute;
	top: 130px;
	left: 280px;
}
#home-map .washington {position: absolute;
	top: 100px;
	left: 160px;
}
#home-map .wisconsin {position: absolute;
	top: 110px;
	left: 250px;
}

#home-map .home-nav li,
#home-map .home-nav li a {width: 15px;}


/* footer
--------------------------------------------- */
#footer {
clear: both;
border-top: 1px solid #ddd;
color: #999;
font-size: .7em;
line-height: 1.5em;
}

#footertext {
border-top: 1px solid #ddd;
clear:left;
float: left;
text-align: left;
margin-top:1em;
padding: 1em 0;
width:100%;
}

#footer #associations {
float:left;
width: 600px;
}

#footer #associations .alignright {
	color: #999;
	float: right;
}

#footer #associations .alignright img {
	float: right;
}

#footer #follow {
float:right;
text-align: left;
width: 310px;
}

#footer #associations h3,
#footer #follow h3 {
clear:left;
float:left;
font-weight:normal; 
line-height:44px;
text-transform:uppercase!important;
}
#footer .links {clear:left;}
#footer .links li {float:left; margin-right:45px;}
#footer #follow li {margin-right:10px;}

/* Newsletter form */
#command label 				{clear:left; float:left; font-weight:normal; line-height:34px; padding-top:6px; text-transform:uppercase !important;}
#command input				{border:1px solid #bfbfbf; float:left; line-height:24px; height:24px; padding:0 6px;}
#command #emailAddr 			{border-right:none; border-top-left-radius:0.2em; border-bottom-left-radius:0.2em; clear:left; width:242px;}
#command input[type=submit] 		{background:#fff; border-left:none; border-top-right-radius:0.2em; border-bottom-right-radius:0.2em; color:#999; height:26px;}
#command input[type=submit]:hover	{color:#000; cursor:pointer;}