/*
Theme Name: Neoti n3
Author: Aaron Kipfer
*/

/* --RESETS Begin */

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, th, td  {  
	margin: 0; padding: 0; border: 0; outline: none;  
}

h1, h2, h3, h4, h5, h6  {  
	font-size: 100%;  
}

body {  
	line-height:1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
}  
  
h1, h2, h3, h4, h5, h6 {  
	font-size: 100%;  
	padding: 0;  
	margin: 0;  
}  
  
ul, ol {  
	list-style: none;  
}  
  
img {  
	border: 0;  
}   

/* --RESETS End */

/* --GLOBALS Begin */

html {
	background:url(images/bg-html.jpg) top repeat-x #000;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}
html.promo {
	background:url(images/bg-promo.jpg) top repeat-x #000;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}
#bodywrapper {
	width:1000px;
	margin:0 auto;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}

#pagecontainer {
	width:960px;
	margin:20px auto;
}
#pagecontenttop {
	background:url(images/bg-pagecontenttop.jpg) top left no-repeat;
}
#pagecontent {
	width:960px;
	background:url(images/bg-pagecontent.jpg) repeat;
}
p {
	line-height:22px;
	margin-bottom:20px;
}
.topspacer {
	padding-top:30px;
}
h2 {
	padding:0; color:#FFF;
	font-size:26px; font-weight:normal;
	margin:20px 0; padding-bottom:20px;
	border-bottom:1px dotted #333;
	width:880px;
}
h1 {
	padding:0;
	font-size:32px; font-weight:normal;
	line-height:50px;
	margin:0 0 20px 0; padding-bottom:20px;
	border-bottom:1px dotted #333;
	width:880px; /* Actual width: 880px */
}
h1.nomad {
	padding:0 0 0 64px;
	font-size:32px; font-weight:normal;
	line-height:50px;
	margin:0 0 20px 0; padding-bottom:20px;
	border-bottom:1px dotted #333;
	width:816px; /* Actual width: 880px */
	background:url(images/h2-nomad.gif) no-repeat top left;
}
h1.screen {
	padding:0 0 0 86px;
	font-size:32px; font-weight:normal;
	line-height:50px;
	margin:0 0 20px 0; padding-bottom:20px;
	border-bottom:1px dotted #333;
	width:794px; /* Actual width: 880px */
	background:url(images/h2-screen.gif) no-repeat top left;
}
h1.reachtruck {
	padding:0 0 0 96px;
	font-size:32px; font-weight:normal;
	line-height:50px;
	margin:0 0 20px 0; padding-bottom:20px;
	border-bottom:1px dotted #333;
	width:784px; /* Actual width: 880px */
	background:url(images/h1-reachtruck.gif) no-repeat top left;
}
h3 {
	padding:0;
	font-size:22px; font-weight:bold;
	line-height:30px;
	color:#C80202;
	margin:0 0 10px 0; padding-bottom:10px;
	border-bottom:1px dotted #333;
	width:100%; /* Actual width: 880px */
}
h3.solid {
	width:850px; /* Actual Width: 290px */
	height:43px;
	font:normal 20px/43px Arial, Helvetica, sans-serif;
	margin:20px 0; padding:0 15px;
	background:url(images/h2-bg.jpg) repeat-x;
	text-shadow: 0px -1px 0px #000;
	color:#FFF;
}
.column930 h3.solid {
	width:900px; /* Actual Width: 290px */
	height:43px;
	font:normal 20px/43px Arial, Helvetica, sans-serif;
	margin:20px 0; padding:0 15px;
	background:url(images/h2-bg.jpg) repeat-x;
	text-shadow: 0px -1px 0px #000;
	color:#FFF;
}
.note {
	font-size:11px;
	line-height:1.2em;
	color:#666;
	vertical-align:baseline;
}
.highlight {
	color:#A6BD43;
	font-weight:bold;
}
.hide {
	display:none;
}
a.green, a.green:visited {
	color:#87973A;
}
a.green:hover {
	color:#AEC34B;
}
.boldgreen {
	font-weight:bold;
	color:#87973A;
}
ul.bulleted li {
	background:url(images/bullet.gif) 0 4px no-repeat;
	padding-left:25px;
}
ul.bulletedgreen li {
	background:url(images/bullet-green.gif) 0 4px no-repeat;
	padding-left:25px;
}
ul.bulletedwhite li {
	background:url(images/bullet-white.gif) 0 4px no-repeat;
	padding-left:25px;
}
li {
	margin-bottom:14px;
	line-height:18px;
}
img.toppage {
	margin-bottom:20px;
}
img.floatright {
	padding:0 0 20px 20px;
	float:right;
}
a, a:visited {
	color:#FFF;
	font-weight:bold;
}
a:hover {
	color:#c80202;
}
.pad20bottom {
	margin-bottom:20px;
}
.clientnomadpreview {
	margin:0 auto;
	width:630px;
}
/* --GLOBALS End */

/* --HEADER Begin */

#pgheader {
	width:1000px;
	height:157px;
}
.home #pgheader {
}
#topnav {
	float:left;
	width:960px;
	margin-left:20px;
	position:relative;
}
ul#topnav {
	margin-top:1px;
	height:39px;
	overflow:hidden;
}
ul#topnav li {
	float:left;
	margin:0; padding:0;
	position:relative;
}

ul#topnav li a {
	float:left;
	height:39px;
	padding:0 20px;
	font:bold 12px/41px Arial, Helvetica, sans-serif;
	background:url(images/topnav-buttons.jpg) top left no-repeat;
	color:#FFF;
	text-decoration:none;
	overflow:hidden;
	text-shadow: 0px -1px 0px #000;

}
ul#topnav li:hover a, ul#topnav li a:hover { 
	background-position: left bottom; /*--Hover State--*/
}
ul#topnav li.endcap {
	float:left;
	width:2px;
	height:39px;
	background:url(images/topnav-endcap.gif) top left no-repeat;
}
ul#topnav .sub1col {
	position: absolute; /*--Important--*/
	top: 40px; left: 0;
	background: #7F0000 url(images/topnav-subbg.jpg) repeat-x;
	padding: 15px;
	float: left;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border:1px solid #000; border-top:none;
	/*display: none; /*--Hidden for those with js turned off--*/
	line-height:1em;
	width:200px;
}
ul#topnav .sub2col {
	position: absolute; /*--Important--*/
	top: 40px; left: 0;
	background: #7F0000 url(images/topnav-subbg.jpg) repeat-x;
	padding: 15px;
	float: left;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border:1px solid #000; border-top:none;
	/*display: none; /*--Hidden for those with js turned off--*/
	line-height:1em;
	width:400px;
}
ul#topnav .sub3col {
	position: absolute; /*--Important--*/
	top: 40px; left: 0;
	background: #7F0000 url(images/topnav-subbg.jpg) repeat-x;
	padding: 15px;
	float: left;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border:1px solid #000; border-top:none;
	/*display: none; /*--Hidden for those with js turned off--*/
	line-height:1em;
	width:600px;
}
ul#topnav .subinner {
	width:100%;
	padding:15px 0 0 0;
	float:left;
	background:white;
}
ul#topnav .subcolumn {
	width:150px;
	float:left;
	margin:0 0 15px 15px;
	background:yellow;
}
ul#topnav .subcolumn li {
	padding:5px 10px;
	border-bottom:1px dotted #CCC;
}
ul#topnav .subcolumn a, ul#topnav .subcolumn a:visited {
	background:none;
	color:#000;
	line-height:normal;
	height:auto;
	padding-left:0;
}
/* --HEADER End */

/* --HOME Begin */
#homeslider {
	float:left;
	width:960px; height:400px;
	margin:20px auto;
}
#homespotlightscontainer {
	float:left;
	width:980px;
	margin-left:-20px;
	overflow:hidden;
}
.homespotlights {
	float:left;
	width:225px; height:156px;
	margin-left:20px;
	display:inline;
}
/* --HOME End */

/* --FOOTER Begin */
#footer {
	float:left;
	width:100%;
	height:293px;
	background:url(images/footer-xbg.jpg) repeat-x;
}
#footercontainer {
	width:980px;
	height:293px;
	margin:0 auto;
	background:url(images/footer-bg.jpg) no-repeat;
	overflow:hidden;
}
#promofootercontainer {
	width:980px;
	height:293px;
	margin:0 auto;
	background:url(images/bg-promofooter.jpg) no-repeat;
	overflow:hidden;
}
#footershare {
	margin:93px 0 0 268px;
	float:left;
	width:100%;
	height:30px;
	display:inline;
}
#footershare li {
	float:left;
	margin-right:30px;
	height:30px;
	overflow:hidden;
}
#footernews {
	float:left;
	display:inline;
	width:204px; height:105px;
	margin:65px 0 0 21px;
	overflow:hidden;
}
#footertopic {
	float:left;
	display:inline;
	width:346px; height:105px;
	margin:65px 0 0 42px;
	overflow:hidden;
}
#footerlinks {
	float:left;
	display:inline;
	width:303px; height:155px;
	margin:15px 0 0 52px;
	overflow:hidden;
}
#footerlinks ul {
	display:inline;
	float:left;
	width:129px;
	overflow:hidden;
	margin:0 15px 0 0;
}
#footerlinks li {
	list-style-position:outside;
	margin:0 0 5px 0; padding:0;
}
#footerlinks ul a, #footerlinks ul a:visited {
	color:#FFF;
	text-decoration:none;
}
#footerlinks ul a:hover {
	color:#c80202;
	text-decoration:none;
}
#footerlinks div {
	float:left;
	width:100%;
}
.copyright {
	font:10px normal Arial, Helvetica, sans-serif;
	color:#666;
	line-height:6em;
}
.copyright a, .copyright a:visited {
	color:#666;
	text-decoration:underline;
}
	
/* --FOOTER End */

.pagebg {
	width:960px;
	background:url(images/bg-bodytext960.jpg) repeat-y;
	margin:20px 0 20px 20px;
}
.pagetop {
	width:960px;
	float:left;
	background:url(images/bg-bodytexttop.jpg) no-repeat top;
}
.pagewrapper {
	width:880px;
	float:left;
	font-size:14px;
	line-height:1.2em;
	padding:20px 40px 40px 40px;
	vertical-align:top;
}
.column930 {
	width:930px;
	float:left;
	font-size:14px;
	line-height:1.2em;
	padding:20px 0 40px 0;
	margin-left:15px;
	vertical-align:top;
}
.headerimg {
	margin-bottom:20px;
}
.column1 {
	width:550px;
	float:left;
}
.column1 .row {
	float:left;
	width:570px;
	margin:0 0 40px -20px;
	overflow:hidden;	
}
.column1 .row .rowcol {
	float:left;
	width:265px;
	margin-left:20px;
}
.column1 h3.solid {
	width:520px; /* Actual Width: 290px */
	height:43px;
	font:normal 20px/43px Arial, Helvetica, sans-serif;
	margin:0 0 20px 0; padding:0 15px;
	background:url(images/h2-bg.jpg) repeat-x;
	text-shadow: 0px -1px 0px #000;
	color:#FFF;
}
.column1 h3.solidgray {
	width:520px; /* Actual Width: 290px */
	height:43px;
	font:normal 20px/43px Arial, Helvetica, sans-serif;
	margin:0 0 20px 0; padding:0 15px;
	background:url(images/h2gray-bg.jpg) repeat-x;
	text-shadow: 0px -1px 0px #000;
	color:#FFF;
}
.column1 h3.solidgreen {
	width:520px; /* Actual Width: 290px */
	height:43px;
	font:normal 20px/43px Arial, Helvetica, sans-serif;
	margin:0 0 20px 0; padding:0 15px;
	background:url(images/h2green-bg.jpg) repeat-x;
	text-shadow: 0px -1px 0px #000;
	color:#FFF;
}
.column1 blockquote {
	width:85%;
	margin:20px auto;
	padding:20px;
	background-color:#333;
	font-size:20px;
	font-weight:normal;
	line-height:1.5em;
}
.column1 cite {
	font-size:10px;
	color:#999;
	margin-left:15px;
}
.column2 {
	width:290px;
	float:left;
	margin-left:40px;
	background:url(images/bg-column2.jpg) repeat-y;
}
.column2nobg {
	width:290px;
	float:left;
	margin-left:40px;
}
.column2content {
	width:260px;
	margin:20px 15px;
}
.column2 blockquote, .column2nobg blockquote {
	width:260px;
	padding:0 0 20px 0;
	margin-bottom:20px;
	border-bottom:1px dotted #333;
	line-height:20px;
}
.column2 h2, .column2nobg h2 {
	padding:0;
	font-size:22px; font-weight:bold;
	line-height:30px;
	color:#C80202;
	margin:0 0 10px 0; padding-bottom:10px;
	border-bottom:1px dotted #333;
	width:100%; /* Actual width: 880px */
}
.column2 h3, .column2nobg h3 {
	width:260px; /* Actual Width: 290px */
	height:43px;
	font:normal 20px/43px Arial, Helvetica, sans-serif;
	margin:0; padding:0 15px;
	background:url(images/h2-bg.jpg) repeat-x;
	text-shadow: 0px -1px 0px #000;
	color:#FFF;
}
.column2 h3.green, .column2nobg h3.green {
	background:url(images/h2green-bg.jpg) repeat-x;
}
.column2 h3.gray, .column2nobg h3.gray {
	background:url(images/h2gray-bg.jpg) repeat-x;
}
table.table880 {
	width:880px;
	margin:0;
}
td {
	padding:6px 10px;
	font-size:12px;
	color:#CCC;
}
.tableheader {
	font-size:15px; font-weight:bold;
	background:url(images/tableheader-bg.jpg) repeat-x #8A0101;
	height:20px;
	color:#000;
	text-shadow: 0px 1px 0px #D13030;
	filter: dropshadow(color=#D13030,offX=0,offY=1);
}
.tableheadergreen {
	font-size:15px; font-weight:bold;
	background:url(images/h2green-bg.jpg) repeat-x;
	height:20px;
	color:#FFF;
	text-shadow: 0px -1px 0px #000;
}

.tableheadergray {
	font-size:15px; font-weight:bold;
	background:url(images/h2gray-bg.jpg) repeat-x;
	height:20px;
	color:#FFF;
	text-shadow: 0px -1px 0px #000;
}
.odd {
	background-color:#2A2A2A;
}
.even {
	background-color:#202020;
}
.pagesubmenu {
	width:880px;
	height:50px;
	margin-bottom:20px;
	background:url(images/pagesubmenu-bg.jpg) repeat-x;
	color:#000;
}
.pagesubmenu ul li {
	display:inline;
	float:left;
	margin-left:20px;
	font-size:20px;
	line-height:50px;
	text-shadow: 0px 1px 0px #8E8E8E;
	background:url(images/pagesubmenu-divider.jpg) no-repeat top right;
	padding-right:20px
}
.pagesubmenu ul li img {
	float:left;
	margin-top:6px;
	margin-right:15px;
}
.pagesubmenu a, .pagesubmenu a:visited {
	color:#000;
	text-decoration:none;
}
.pagesubmenu a:hover {
	color:#333;
}
#demotip { 
    display:none; 
    background:red; 
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#fff;
}
.faded {
	color:#666;
}