/*
Theme Name: eTRAX & VirtuTRAX from CIVCO
Theme URI: http://www.civco-etrax.com/
Description: This is the website for the eTRAX Micro-site.
Version: 1.0
Author: Henry Russell Bruce
Author URI: http://www.hrb-ideas.com/

Copyright Henry Russell Bruce

*/
/* Global Elements, IDs, and Classes */
.showgrid{/* Use this class on any div.span / container to see the grid. */
	background:url(images/grid.png); 
}
html{
	font-size:100.1%;
}
body{
	margin:0;
	font-size:75%;
	font-family:'Helvetica Neue','Arial','Helvetica',sans-serif;
	font-weight:lighter;
	line-height:1.5em;
	color:#1e65b7;
	background:url(images/bg.png) repeat-x #b2ca49 scroll !important;
}
img{border:0;}
a{
	color:#2165a9;
	text-decoration:none;
	outline:none;
	cursor:pointer;
}
a:hover{
	color:#6a7a25;
	text-decoration:underline;
}
a:active{
	color:#000;
}
a.pdf{
	display:block;
	margin:0 0 10px;
	padding-left:45px;
	height:40px;
	line-height:40px;
	background:url(../../uploads/2009/10/pdf-icon.gif) top left no-repeat;
}
h1,h2,h3,h4,h5,h6{margin-top:0;}
h1{font-size:3em;line-height:1;margin-bottom:0.5em;}
h2{font-size:1.8em;line-height:1.3;margin-bottom:0.75em;}
h3{font-size:1.5em;line-height:1; margin-bottom:1em;}
h4{font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5{font-size:1em;font-weight:bold; margin-bottom:1.5em;}
h6{font-size:1em;font-weight:bold;}
ul,ol{margin:0 1.5em 1.5em 1.5em;}
li ul,li ol{margin:0;}
p,form{margin:0 0 1.5em;}
.text-input,select,textarea{
	display:block;
	margin:0.5em 0;
	font-size:1em;
	font-family:'Helvetica Neue','Arial','Helvetica',sans-serif;
	line-height:1.5em;
	outline-color:#bccf76;
}
select,.button,input[type=submit]{
	width:auto;
}
fieldset{
	padding-left:0;
	border:none;
	border-top:1px solid #ccc;
}
.text-input,textarea{
	color:#555;
}
.text-input:hover,textarea:hover{
	color:#222;
}
.text-input:focus,textarea:focus{
	color:#000;
}
.placeholder{
	color:#ccc;
}
.placeholder:hover{
	color:#999;
}
.un-placeholder,.placeholder.un-placeholder{
	color:#111;
}
.button,.post-edit-link{
	display:block;
	padding:8px 0;
	width:100px;
	height:16px;
	font-size:10pt;
	font-family:'Arial',sans-serif;
	text-align:center;
	color:#4f4f4f;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0px 1px 1px #fff;
	background:url(images/button.png) no-repeat;
	background-position:center top;
	border:0;
	cursor:pointer;
	outline:none;
}
.button:hover,.post-edit-link:hover{
	color:#444;
	text-decoration:none;
	background-position:center -32px;
}
.button:active,.post-edit-link:active{
	color:#333;
	background-position:center -64px;
}
.button.disabled,.button:disabled{
	background-position:center bottom;
}
.post-edit-link{
	clear:left;
}
input.button{
	padding:0;
	height:32px;
	width:100px;
}
#site{
	position:relative;
	margin:0 auto;
	width:990px;
}
#nav{
	margin:0 0 0 315px;
	padding:20px 0 0;
	height:35px;
	list-style:none;
	background:url(images/nav-bg.png) repeat-x;
	background-position:0 20px;
}
#nav li{
	display:inline;
}
#nav a{
	float:left;
	display:block;
	padding:0 14px;
	margin:0 4px 0 0;
	text-transform:uppercase;
	color:#006aae;
	background:url(images/nav-bg.png) repeat-x;
}
#nav a span{
	float:left;
	display:block;
	height:35px;
	line-height:35px;
	font-size:1.1em;
	letter-spacing:0.1em;
}
#nav a:hover{
	color:#0887d9;
	text-decoration:none;
	background-position:center center;
}
#nav a:active,#nav .current_page_item a{
	color:#006aae;
	background-position:center bottom;
}
#nav .current_page_item a,#nav .current_page_item a:hover{
	padding:0 18px 0 0;
	cursor:default;
	background:url(images/corners-nav.png) no-repeat right top;
}
#nav .current_page_item a span{
	padding:0 3px 0 21px;
	background:url(images/corners-nav.png) no-repeat left top;
}
#nav .page-item-4 a,#nav .page-item-6 a{
	text-transform:none;
}
#nav .page-item-4.current_page_item a span{
	padding-left:13px;
	background-position:-10px top;
}
#civco-logo{
	display:block;
	margin:-60px 0 10px;
	width:253px;
	height:74px;
	background:url(images/civco1.png) no-repeat;
	text-indent:-5000px;
}
#footer{
	margin:0 0 30px;
	font-size:90%;
}
#footer a{
	color:#1e65b7;
}
#footer a:hover{
	color:#2781e8;
	text-decoration:none;
}
#footer a:active{
	color:#333;
}

/* Start Homepage */
#home #site{
	background:url(images/home-bg.jpg) no-repeat center 55px;
	height:600px;
}
#home #etrax{
	display:block;
	position:absolute;
	top:182px;
	left:115px;
	width:870px;
	text-decoration:none;
	z-index:2;
}
#home .current_page_item{
	display:none;
}
#home #etrax h1{
	margin:0 0 12px 106px;
	padding:0 0 0 140px;
	font-size:4em;
	line-height:1.4em;
	font-weight:normal;
	color:#2165a9;
	border-bottom:2px solid #2165a9;
}
#home #etrax-logo{
	float:right;
	margin:0 210px 0 0;
	width:158px;
	height:70px;
	background:url(images/etrax.png) no-repeat center center;
	text-indent:-5000px;
}
#home #etrax p{
	margin:0 0 0 106px;
	padding:0 0 0 140px;
	font-size:2em;
	line-height:1.4em;
	color:#fff;
}
#home #virtutrax{
	position:absolute;
	top:409px;
	right:30px;
	width:425px;
	text-decoration:none;
	z-index:2;
}
#home #virtutrax h2{
	margin:0 106px 6px 0;
	padding:0 45px 0 0;
	font-size:2em;
	line-height:1.4em;
	font-weight:normal;
	color:#2165a9;
	border-bottom:2px solid #2165a9;
}
#home #virtutrax-logo {
	background:url("images/virtutrax.png") no-repeat scroll center center transparent;
	float:right;
	height:30px;
	left:-25px;
	margin:0;
	position:relative;
	text-indent:-5000px;
	top:1px;
	width:120px;
}
#home #virtutrax p{
	margin:0 100px 0 0;
	font-size:1.2em;
	line-height:1em;
	color:#fff;
}
#home #footer{
	position:absolute;
	margin:450px 0 0 20px;
}
#home #civco-logo{
	margin-top:0;
	background:url(images/civco.png) no-repeat;
}
.ecircle{
	position:absolute;
	top:448px;
	left:363px;
	display:block;
	width:1px;
	height:1px;
}
.vcircle{
	position:absolute;
	top:529px;
	left:796px;
	display:block;
	width:1px;
	height:1px;
}
#eglare{
	display:none;
	position:absolute;
	top:150px;
	left:152px;
	width:52px;
	height:68px;
}
#vglare{
	display:none;
	position:absolute;
	top:425px;
	left:820px;
	width:52px;
	height:68px;
}
/* End Homepage */

/* Start General Non-homepage */
#content{
	position:relative;
	margin:0 0 0 315px;
	padding:20px 40px 60px;
	min-height:500px;
	height:auto !important; /* IE min-height 1/2 */
	height:500px; /* IE min-height 2/2 */
	color:#000;
	letter-spacing:0.05em;
	background:url(images/corners-top.png) no-repeat right top #fff;
}
.header{
	margin:0 0 1em -40px;
	padding:0 0 0 40px;
	height:117px;
	border-bottom:2px solid #3e7bb5;
}
#content h1{
	margin-bottom:0.2em;
	color:#2165a9;
	font-weight:normal;
}
#content h2{
	clear:both;
	margin:0 0 0.5em;
	font-weight:normal;
}
#content h3{
	clear:left;
	color:#2165a9;
	font-weight:normal;
}
#content strong{
	font-weight:bold;
}
#content ul{
	padding-left:30px;
	list-style:none;
}
#content ul li{
	padding-left:10px;
	background:url(images/bullet.png) no-repeat left 7px;
}
#content .alignright.sidebar{
	margin-top:0;
	padding-top:16px;
	padding-left:18px;
	border-left:1px solid #ccc;
}
#content ul.alignright,ul.alignleft{
	margin-top:0;
}
#content table{
	margin:0 0 18px;
}
#content table th{
	padding:10px 18px;
}
#content table td{
	padding:3px 10px;
}
#content table img{
	margin:4px;
}
#content table.data{
	border-bottom:6px solid #006aac;
}
#content table.data tr.odd{
	background:#f2f2f2;
}
#content table.data tr.even{
	background:#e2e6e8;
}
#content table.data th{
	padding:10px 18px;
	height:auto;
	font-weight:normal;
	color:#fff;
	background:#006aac;
	border-top:3px solid #006aac;
	border-bottom:none;
	cursor:pointer;
}
#content table.data th.headerSortUp{
	background:url(images/table-asc.png) no-repeat 4px center #005990;
}
#content table.data th.headerSortDown{
	background:url(images/table-desc.png) no-repeat 4px center #0079c4;
}
#content table.data td{
	color:#343434;
}
#content table.data tbody a{
	display:block;
	text-decoration:none;
	color:#000;
}
#content table.data tbody a:hover{
	text-decoration:underline;
}
#content .bottom{
	position:absolute;
	bottom:0;
	left:0;
	width:675px;
	height:10px;
	background:url(images/corners-bottom.png) no-repeat center bottom;
}
.tooltip{
	display:none;
	font-size:1.4em;
	line-height:20px;
	color:#fff;
}
/* End General Non-homepage */

/* Start eTRAX */
#etrax #site{
	background:url(images/etrax-bg.jpg) no-repeat left 80px;
}
#etrax .header{
	height:86px;
}
#etrax #trigger{
	position:absolute;
	top:0px;
	left:0px;
	width:300px;
	height:560px;
	z-index:2;
}
#etrax #line{
	position:absolute;
	top:161px;
	right:0;
	width:0;
	height:2px;
	background:#fff;
}
#etrax #insert{
	position:absolute;
	top:20px;
	left:0px;
	padding:0 10px 27px 0;
	width:134px;
	border-right:1px solid #fff;
	text-align:right;
}
#etrax #handle{
	position:absolute;
	top:171px;
	left:40px;
	padding:90px 10px 0;
	width:100px;
	border-left:1px solid #fff;
}
#etrax #needle{
	position:absolute;
	top:230px;
	left:132px;
	padding:4px 0 0 40px;
	border-top:1px solid #fff;
}
#etrax .glare{
	display:none;
	position:absolute;
	top:188px;
	left:100px;
	width:52px;
	height:68px;
}
/* End eTRAX */

/* Start VirtuTRAX */
#virtutrax #site{
	background:url(images/virtutrax-bg.jpg) no-repeat left 48px;
}
#virtutrax .header{
	height:86px;
}
#virtutrax #trigger{
	position:absolute;
	top:0px;
	left:0px;
	width:300px;
	height:560px;
	z-index:2;
}
#virtutrax #line{
	position:absolute;
	top:161px;
	right:0;
	width:0;
	height:2px;
	background:#fff;
}
#virtutrax #insert{
	position:absolute;
	top:85px;
	left:68px;
	padding:0 0px 5px;
	width:150px;
	border-bottom:1px solid #fff;
	text-align:right;
}
#virtutrax #handle{
	position:absolute;
	top:248px;
	left:26px;
	padding:30px 6px 0;
	width:75px;
	border-right:1px solid #fff;
	text-align:right;
}
#virtutrax #needle{
	position:absolute;
	top:220px;
	left:170px;
	width:75px;
	padding:4px 0 0 40px;
	border-top:1px solid #fff;
}
#virtutrax .glare{
	display:none;
	position:absolute;
	top:230px;
	left:116px;
	width:52px;
	height:68px;
}
/* End VirtuTRAX */

/* Start Subpages */
.subpage #site{
	background:url(images/logos-bg.jpg) no-repeat left 201px;
}
.subpage .header{
	height:86px;
}
.subpage #etrax-logo{
	position:absolute;
	top:240px;
	left:10px;
	display:block;
	width:230px;
	height:70px;
	text-indent:-5000px;
	z-index:2;
}
.subpage #virtutrax-logo{
	position:absolute;
	top:330px;
	left:70px;
	display:block;
	width:220px;
	height:50px;
	text-indent:-5000px;
	z-index:2;
}
.subecircle{
	display:none;
	position:absolute;
	top:276px;
	left:52px;
	width:0px;
	height:0px;
}
.subvcircle{
	display:none;
	position:absolute;
	top:356px;
	left:256px;
	width:0px;
	height:0px;
}
/* End Subpage */

/* Start WordPress Classes */
.clear{clear:both;}
.alignleft{
	float:left;
	margin:1.5em 1.5em 1.5em 0;
	padding:0;
}
.alignright{
	float:right;
	margin:1.5em 0 1.5em 1.5em;
}
img.alignleft,img.alignright{
	margin-top:0;
}
.aligncenter{
	display:block;
	margin:0 auto;
	padding:10px 0 20px;
	text-align:center;
}
.wp-caption{
	font-size:9pt;
	line-height:13pt;
	text-align:left;
	background:#fff;
}
.wp-caption-text{
	padding-top:8px;
}
.comment .avatar{
	float:left;
	padding:0 10px 0 0;
}
/* End WordPress Classes */
