/* reset.css */
*{
	margin: 0;
	padding: 0;
}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {
	font-size:87%;color:#000;background: #FFFFFF;
	font-family:"Helvetica Neue","Myriad Pro", Arial, Helvetica, sans-serif;
}
text-area{ font-size: 87%; font-family:"Myriad Pro","Helvetica Neue", Arial, Helvetica, sans-se}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#0074c2;text-decoration:none; background-color: #fff;}

h1 {font-size:1.43em;line-height:1;margin-bottom:1.5em;color:#0f0f0f;font-weight:bold;}
h2 {font-size:1em; color: #0074c2; font-weight: bold;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.14em;color: #0074c2; font-weight: bold; border-bottom: 1px solid #000; margin: 0 0 28px 0;}
h5 {font-size:1.14em; font-weight: bold;}
h6 {font-size:1em;font-weight:bold; margin: 0;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:0 13px 13px 0;padding:0;}
p img.right {float:right;margin:0 0 13px 13px;}
p img.bottom{margin: 0 0 13px 0;}
a {color:#0074c2;text-decoration:none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}


hr {background:#e5e4e4;color:#e5e4e4;clear:both;float:none;width:100%;height:5px;margin:29px 0;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}


/*	BASIC SITE STYLES
*/

#wrapper{
	width: 930px;
	margin: 0 auto;

}

#admin{
	height: 37px;
}

#admin ul{
	
	float: right;
	display: inline;
	list-style: none;
	height: 37px;
	font-size: 11px;
	margin: 0 22px 0 0;
}

#admin li{
	margin: 0 3px;
	padding: 12px 0 0 0;
	float: left;
	display: inline;
}

#admin li a{
	color: #7b7b7b;
	text-decoration: none;
	font-weight: bold;
}

#admin li a:hover{
	color: #2e2e2e;
	text-decoration: none;
}


#header{
	background: #58AA47;
	height: 104px;
	margin: 0 0 3px 0;
}

#header .logo{
	margin: 26px 0 0 26px;
}

#header .tagline{
	float: right;
	display: inline;
	margin: 56px 26px 0 0;
}

#nav{
	background: url(../images/navBg.jpg) repeat-x 0px 0px;
	height: 48px;
	padding: 0 0 0 13px;
	margin: 0 0 3px 0;
}

#nav li{
	float: left;
	display: inline;
	list-style: none;
}


#nav li a{
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	padding: 14px 14px 0 14px;
	text-decoration: none;
	display: block;
	height: 34px;
}

#nav li a:hover{
	text-decoration: none;
	background: url(../images/navBgBlue.jpg) repeat-x 0 0;
}



#home #homeBtn a,
#how #howBtn a, 
#features #featuresBtn a, 
#screenShots #screenShotsBtn a,
#faq #faqBtn a, 
#support #supportBtn a{
	background: url(../images/navBgBlue.jpg) repeat-x 0 0;
}

#home #homeBtn a:hover, 
#how #howBtn a:hover, 
#features #featuresBtn a:hover, 
#screenShots #screenShotsBtn a:hover, 
#faq #faqBtn a:hover, 
#support #support a:hover{
	color: #fff;
} 



.categories{
	margin: 0 0 0 26px;
	height: 100%;
	overflow: auto;
	width: 100%;
}

.categories li{
	color: #484848;
	list-style: none;
	font-weight: none;
	font-size: 12px;
	float: left;
	display: inline;
	line-height: 15px;
}

.categories li.catSpace{
	margin: 0 19px;
}

.categories li.broker{
	width: 196px;
}

.categories li.shipper{
	width: 196px;
}

.categories li.carrier{
	width: 196px;
}

.categories li.installation{
	width: 196px;
}

.demo{
	margin-top: 35px;
	background: #2E2E2E;
	padding: 13px 26px 5px 10px;
	color: #FFFFFF;
	overflow: auto;
	clear: both;
}

.demo p{
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 10px;
}

.demo-content{
	float: left;
	display: inline;
	width: 263px;
	margin: 0 0 0 25px;
}

.demo img.floatLeft{
	margin-left: 12px;
}

p.home-link a{
	font-weight: bold;
	color: #58aa47;
	font-size: 13px;
	
}

p.home-link{
	margin-bottom: 0;
}


#btmNav{
	font-size: 9px;
	clear: both;
	overflow: auto;
	color: #939393;
	height: 100%;
}
#btmNav ul{
	float: right;
	display: inline;
}

#btmNav li{
	list-style: none;
	float: left;
	display: inline;
	padding: 0 4px;
}

#btmNav li a{
	color: #939393;
	text-decoration: none;
}

#btmNav li a:hover{
	color: #58AA47;
	text-decoration: none;
}

.demo{
	clear:both;
}

.demo h1{
	color: #58AA47;
	font-size: 18px;
	margin: 12px 0 12px 0;
}

.readMore a{
	color: #58AA47;
	font-weight: normal;
	font-size: 13px;
}

.readMore a:hover{
	text-decoration: underline;
}

#footer{
	padding: 12px 26px 6px 26px;
	background: #2E2E2E;
	color: #939393;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	line-height: 30px;
}

/* page content */

#content{
	padding: 42px 0 0 0;
	overflow: hidden;
}

#content h1{
	font-size: 24px;
	margin: 0 0 10px 0;
}

#content h2{
	font-size: 16px;
	color: #58aa47;
	margin: 0 0 7px 0;
}

#content h3{
	font-size: 16px;
	color: #000;
	margin: 0 0 7px 0;
}

#content p{
	color: #484848;
	margin: 0 0 26px 0;
}

#leftColumn{
	float: left;
	display: inline;
	width: 640px;
	padding: 0 43px 0 29px;
}

#rightColumn{
	width: 218px;
	float: left;
	display: inline;
}

#rightNav, #featureList{
	margin: 40px 0 40px 48px;
}

#rightNav h3, #featureList h3{
	text-align: center;
	margin-bottom: 26px;
}

#rightNav ul, #featureList ul{
	list-style-type: none;
}

#rightNav li, #featureList li{
	
	border-bottom: 1px solid #e5e4e4;
	padding: 10px 20px;
}

#rightNav li a{
	display: block;
	background: url(../images/rightnav-arrowUp.gif) no-repeat 0 5px;
	padding: 0 0 0 20px;
	font-weight: bold;
	color: #484848;
}

#rightNav li a:hover{
	color: #00a7e9;
}

#rightNav li.selected a{
	background: url(../images/rightnav-arrowDown.gif) no-repeat 0 5px;
	color: #00a7e9;
}

#featureList li{
	background: url(../images/green-check.gif) no-repeat 0 8px;
	padding-left:  30px;
	
}

#screenList ul{
	list-style-type: none;
	float: left;
	display: inline;
	margin-bottom: 35px;
}

#screenList li{
	background: url(../images/green-check.gif) no-repeat 0 8px;
	padding: 7px 30px;
	margin-left: 30px;
	font-weight: bold;
	font-size: 16px;
	
}

#lrt{
	background: url(../images/lrt-bg.gif) 0 0 repeat-y;
	margin-left: 29px;
}

#lrt-content p{
	border-bottom: 1px solid #e5e4e4;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 12px;
}

#lrt-content p.last{
	border-bottom: none;
	padding: 0;
	
}

#lrt h5{
	font-size: 12px;
	margin-bottom: 10px;
}

.headphones{background: url(../images/headphones.gif) top right no-repeat;}
/*.play{background: url(../images/play.gif) top right no-repeat;}*/

#lrt-content{
	padding: 0 15px;
}

#lrt-content a.register{
	margin-bottom: 6px;
}

#gallery a.screens{
	display:block;
	height: 250px;
	width: 225px;
	float: left;
	display: inline;
}

#gallery a.screens img{
	border: 2px solid #e5e4e4;
	

}

#gallery a.screens:hover img{
	border: 2px solid #2f9bbb;

}

#gallery a.screens span{
	font-size: 10px;
	font-weight: bold;
}

.number{
	font-weight: bold;
	color: #268fcf;
	font-size: 14px;
}

a.register{
	display: block;
	width: 157px;
	height: 35px;
	text-indent: -5000px;
	background: url(../images/registerNow-button.jpg) 0 0 no-repeat;
	margin-bottom: 26px;
}

a.register:hover{
	background-position: 0 -35px;
}


/* General Styles */
.floatLeft{
	float: left;
	display: inline;
}

.floatRight{
	float: right;
	display: inline;
}

/* Register Drop Down */
.signUp{
	 float: right;
	 display: inline;
	 margin-right: 10px;
}

.signUp a.menu{
	display: block;
	padding: 12px 0 0 24px;
	text-decoration: none;
	height: 36px;
	width: 148px;
	background: #FFFFFF url(../images/signupBg.jpg) no-repeat 0 -49px;
	text-indent: -9999px;
}

.signUp a.menu:hover{
	text-decoration: none;
	background: url(../images/signupBg.jpg) no-repeat 0 0px;
}
/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; list-style-type: none; margin: 0; padding: 0; }
ul.dropdown li                      { font-weight: bold; zoom: 1; width: 162px; }
ul.dropdown li a                    { display: block;}
ul.dropdown li.hover,
ul.dropdown li:hover                { position: relative; }
ul.dropdown li.hover a              { color: #fff; }
/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 169px; visibility: hidden; position: absolute; top: 100%; left: 3px; list-style-type: none; padding-top: 3px; background-color: #3c3938;}
ul.dropdown ul li 					{ font-weight: normal; background: #3c3938; color: #fff; padding: 3px 0 3px 7px; font-size: 11px;
									  float: none; ;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; display: width: 100%; inline-block; color: #fff; padding: 7px 0 7px 30px;}
ul.dropdown ul li a:hover			{ background-color: #4eaadf;}



input.form-text{
	margin: 0;
	padding: 0;
}

input.submit-arrow{
	margin-left: 35px;
}

/* Register Form */

#registerForm{
	color: #484848;
	font-size: 12px;
}

#registerForm label{
	display: block;
	width: 132px;
	text-align: right;
	font-weight: bold;
	float: left;
	display: inline;
	margin-right: 10px;
	color: #000;
}

#carrierForm label{
	display: block;
	width: 132px;
	text-align: right;
	font-weight: bold;
	float: left;
	display: inline;
	margin-right: 10px;
	color: #000;
}

#registerForm ul{
	list-style-type: none;
}

#registerForm li{
	margin-bottom: 20px;
}

.registerSubmit{
	float: right;
	display:inline;
	margin-right: 72px;
}

/* forms.css */

input.text, input.title {
	margin: 0;
	border:0; 
	color: #484848; 
	background: url(../images/input-bg.gif) 0 0 repeat-x #f2f2f2; 
	font-size: 12px; 
	width: 181px;
	border: 1px solid #e5e4e4;
}

select{
	width: 181px;
}

textarea {
	border: 0;
	margin: 0;
	font-family: inherit;
	font-size: 12px;
	padding: 2px;
	width: 265px;
	height: 157px;
	color: #484848; 
	background-color: #f2f2f2;
}
input.text, input.title {padding:4px;}

input.contact-submit{
	float: right;
	display: inline;
	margin: 4px 53px 0 0;
}

span.required{
	font-size: 24px;
	color: #09a5e6;
	line-height: 0;
	padding: 5px;
}

div.terms{
	width: 404px;
	height: 119px;
	overflow: auto;
	border: 1px solid #e5e4e4;
	background: url(../images/scroll-bg.gif) 0 0 repeat-x #f2f2f2;
	padding: 10px; 	
}

#carrier-form fieldset 
{
	padding:10px;
	display:block;
}

#carrier-form textarea 
{
	width:400px;	
}

#carrier-form small 
{
	font-size:11px !important;	
}

#carrier-form label {float:left;display:block;clear:left;width: 200px; }
#carrier-form label.error {float: none; color: red; padding-left: .5em; vertical-align: top;}
#carrier-form input.submit {}
#carrier-form .required{}
#carrier-form .email{}
#carrier-form .notes{font-size:85%;font-family:Arial,sans-serif;color:#333;}
#carrier-form .warning{font-size:100%;font-family:Arial,sans-serif;color:#ff0000;font-weight: bold;}

input[type=text] {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

input[type=submit], input[type=button] { /* NOTE: IE6 doesn't support attribute selectors */
	cursor:pointer;
	background: transparent url(/images/buttonBg.gif) bottom left repeat-x;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	border: none;
	padding: 0 6px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

input[type=submit]:hover, input[type=button]:hover { /* NOTE: IE6 doesn't support attribute selectors */
	background: transparent url(/images/buttonBg.gif) top left repeat-x;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;	
}