/* 
	Spectra IS
	edreamz 2008
	Y. Perez
*/


body{
	padding:0;
	margin:0;
	background-image:url(/images/structure/bg-pattern.jpg);
	background-repeat:repeat-x;
	background-color:#282828;
	font-family:arial;
}

.hide{display:none;}

html{
	overflow:scroll;
}

h2{
	font-weight:bold;
	color:#224157;
}

ul{list-style:disc;}

ol{list-style:decimal;}

a{
	color:#fa0107;
	text-decoration:none;
}

a:hover{
	color:#6391b5;
	text-decoration:underline;
}

p {padding:0;}

.container{
	margin: 0 auto;
	width:960px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	position: relative;
}

#header{
	margin-top:15px;
	height:69px;
	background:url(../images/structure/header.jpg) no-repeat;
}

#phone-top { position: absolute; left: -9000em; top: 0; height: 0; line-height: 0em; }

.newsHeader{font-size: 16px; font-weight: normal; color: #3c516c; border-bottom: 1px solid #bbb; padding: 3px;}
.cat{margin-bottom: 20px;}
.catItem{padding: 5px 0;}
.catItem .title, .catItem .title a{color: #d31627; font-weight: bold; font-size: 15px;}
.catItem a{color: #d31627; }
.catItem .date{color: #7c7c7c;}

.newsWidget{width: 225px; float: right; margin: 10px 10px 10px 20px; background: #fff; border: 1px solid #273648;}
.newsWidget h5{font-size: 13px; color: #fff; background: #273648; padding: 4px;}
.newsWidget .item{padding: 6px; border-bottom: 1px solid #ccc; width: 200px; margin: 0 auto;}
.newsWidget .item .title{font-size: 14px;}
.newsWidget .item p{font-size: 11px; margin-bottom: 0; padding-bottom: 0;}

#email-top-link{position: absolute; right: 20px; top: 40px;}
#email-top-link a{color: #4a5b6b; font-size: 11px;}
#email-top-link a:hover{color: #d10619; font-size: 11px;text-decoration:none;}

/*MAIN NAVIGATION-------------------------*/

#navContainer{
	padding-left:4px;
	width: 960px;
	background:url(../images/structure/navigation-bg.gif) no-repeat;
	height: 29px;
}

	#nav {
		margin: 0;
		padding: 0;
		height: 29px;
		list-style: none;
		display: inline;
		overflow: hidden;
		}
	
	#nav li {
		margin: 0; 
		padding: 0;
		list-style: none;
		display: inline;
		}
	
	#nav a {
		float: left;
		padding: 29px 0 0 0;
		overflow: hidden;
		height: 0px; 
		}
		
	#nav a:hover {
		background-position: 0 -29px;
		}
	
	#nav a:active, #nav a.selected {
		background-position: 0 -29px;
		}

#home a  {
	width: 90px;
	background: url(/images/buttons/button-home.jpg) top left no-repeat;
	}

#company a  {
	width: 131px;
	background: url(/images/buttons/button-company-info.jpg) top left no-repeat;
	}
	
#systems a  {
	width: 108px;
	background: url(/images/buttons/button-systems.jpg) top left no-repeat;
	}
	
#software a  {
	width: 108px;
	background: url(/images/buttons/button-software.jpg) top left no-repeat;
	}
	
#services a  {
	width: 105px;
	background: url(/images/buttons/button-services.jpg) top left no-repeat;
	}
	
#products a  {
	width: 186px;
	background: url(/images/buttons/button-products.jpg) top left no-repeat;
	}

#contact a  {
	width: 130px;
	background: url(/images/buttons/button-contact.jpg) top left no-repeat;
	}
	
#news a  {
	width:85px;
	background: url(/images/buttons/button-news.jpg) top left no-repeat;
	}
	
/*SUB NAVIGATION-------------------------*/

#subNavContainer{
	float:left;
	width:960px;
	height:24px;
	background: url(/images/structure/sub-nav-bg.gif) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:15px;
}

	#subnav {
		margin: 0;
		padding: 0;
		list-style: none;
		display: inline;
		overflow: hidden;
	}
	
	#subnav li {
		margin: 0; 
		padding: 0;
		list-style: none;
		display: inline;
	}
	
	#subnav a {
		color:#FFFFFF;
		font-size:12px;
		float: left;
		overflow: hidden;
		margin:5px 0 0 25px;
	}
		
	#subnav a:hover {
		text-decoration:underline;
	}
	
	#subnav a:active, #nav a.selected {
		text-decoration:underline;
	}

/*FLASH AREA-----------------------------*/

#homePanel{position: relative;}
#flashArea{z-index: 998;}
#nPanel{
	font-size: 11px;
	position: absolute;
	right: -2px;
	bottom: -10px;
	padding-left: 10px;
	width: 379px;
	height: 130px;
	background: url(/images/newsHd.png) no-repeat left top;
	z-index: 999;
}

#nPanel .item{float: left; width: 160px; border-right: 1px dashed #bbb; padding:0 10px; margin-top: 30px;}

#nPanel .item p.date{width: 65px;}
#nPanel .title, #nPanel .title a{color: #d31627; font-weight: bold; font-size: 12px;}

/*CONTENT--------------------------------*/

.content-area{
	font-size:12px;
	width:960px;
	background:#FFFFFF url(/images/structure/content-bg.gif) no-repeat;
	padding-bottom:50px;
}

.content{
	float:left;
	margin-left:40px;
	width:900px;
}

.leftContent{
	float:left;
	margin-left:40px;
	width:630px;
}

.rightDetail{
	margin-left:5px;
	float:left;
	width:650px;
}

.leftDetail{
	font-size:11px;
	color:#666666;
	float:left;
	width:220px;
		/*	background:url(../images/Details-bg.png) no-repeat top left;
				min-height:240px;*/

}
/*
.leftDetail .imgFrame{background: url(../images/detailsTile.png) repeat-y left top; margin-top: 7px;}
.leftDetail .imgFrame img{padding-left: 9px; }
.leftDetail .imgBottom{background: url(../images/detailBottom.png) no-repeat left bottom; height: 16px; margin-top: -8px;}
*/

.leftDetail .imgFrame{background:url(/images/Details-bg.png) no-repeat top left;}
.leftDetail .imgFrame img, .leftDetail .tileBg{margin-top: 10px; padding-left: 9px; padding-right: 9px; background: url(/images/detailsTile.png) repeat-y left top;}
.leftDetail .imgFrame img, .leftDetail .detailBg{background: url(/images/detailsTile.png) repeat-y left top;}
.leftDetail .imgBottom{background: url(/images/detailBottom.png) no-repeat left bottom; height: 16px; margin-top: -12px; margin-bottom: 18px;}

.leftDetail .detailBg .text{
	padding-left:9px;
	padding-right:9px;
}
	
	.leftDetail hr{
		margin-left:0;
		width:200px;
	}

.detailImage{
	padding-bottom:25px;
	padding-top:9px;
	padding-left:9px;
}

.requestMore{
	width:209px;
	height:24px;
	display:block;
	margin-left:4px;
	margin-bottom:5px;
	background:url(../images/buttons/Request-Information.jpg) no-repeat;
	text-indent:-9999px;
}

.downloadSpecs{
	width:209px;
	height:24px;
	margin-left:4px;
	display:block;
	background:url(../images/buttons/Download-Specs.jpg) no-repeat;
	text-indent:-9999px;
}

.trainingCourse{
	font-weight:bold;
	color:#3e4e61;
	text-indent:10px;
	margin-bottom:10px;
}
	.trainingCourse a{font-weight:normal;margin-left:10px;}

	.trainingCourse{color: #7c7c7c; font-weight: normal;}
	.trainingCourse a{padding: 0; margin: 0;}
	.trainingCourse h3{margin: 0; padding: 0;}
	.trainingCourse h3 a{font-weight: normal; font-size: 16px; padding: 0; margin: 0;}
	.trainingCourse p{padding-left: 15px; line-height:18px;}
	.trainingCourse p a{padding-left: 10px;}

.CTAcolumn{
	width:256px;
	float:right;
}

.pageTitle{
	padding-top:20px;
	margin:0 0 10px 40px;
}

.subTitle{
	height:20px;
	padding-top:5px;
	padding-left:10px;
	color:#fff;
	width:871px;
	font-weight:bold;
	font-size:14px;
	background:#939aa4;
	margin:0 0 10px 40px;
}

a.system:link{padding-right:40px;}
a.software:link{padding-right:40px;}

.leadershipContent{
	float:left;
	width:630px;
	padding:0px;
}

.leadershipThumb{
	float:left;
	padding:8px;
	width:116px;
	height:116px;
	background:url(../images/leadership-border.png) top left no-repeat;
}

.contentTitle{
	font-weight:bold;
	color:#394e68;
}

.postedDate{
	color:#666666;
	font-size:11px;
}

.content-footer{
	width:960px;
	height:14px;
	background:url(../images/structure/content-footer.gif) no-repeat;
}





/*FORM------------------------------*/
.contactForm{
	width:480px;
	min-height:350px;
	padding:15px 10px 0 13px;
	background:url(/images/contact-bg.png) no-repeat;
}
	.contactForm td{padding-bottom:5px;}
	
	.textField{width:200px;}
	.dropdown{width:200px;}
	.comments{width:450px;height:100px;}
	
.form{
	width:480px;
	padding:15px 10px 0 25px;
	min-height:500px;
	background:url(/images/register-bg.png) left top no-repeat;
}

.formRow{margin-top:10px;}

.salutation{width:70px;float:left;}
	.salutation .statedropdown{height:23px;}
	
.companyname{width:360px;margin-right:15px;float:left;}
	.companyname .textfield{width:350px;}
	
.penumber{width:220px;float:left;}
	.penumber .textfield{width:200px;}
	
.attendee{width:220px;float:left;}
	.attendee .textfield{width:200px;}

.jobtitle{}
	.jobtitle .textfield{width:420px;}

.firstname{width:220px;float:left;}
	.firstname .textfield{width:200px;}

.lastname{width:220px;float:left;}
	.lastname .textfield{width:200px;}
	
.address{}
	.address .textfield{width:420px;}
	
.city{width:200px;margin-right:15px;float:left;}
	.city .textfield{width:200px;}

.state{width:40px;margin-right:15px;float:left;}
	.state .statedropdown{hieght:23px;}

.zipcode{width:60px;float:left;}
	.zipcode .textfield{width:50px;}

.phone{width:150px;margin-right:20px;float:left;}
	.phone .textfield{width:30px;}
	.phone .textfield2{width:35px;}
	
.email{width:220px;float:left;}
	.email .textfield{width:200px;}

.primaryservice{width:220px;float:left;}
	.primaryservice .dropdown{height:22px;}
	
.secondaryservice{width:220px;float:left;}
	.secondaryservice .dropdown{height:22px;}

.preferred{width:220px;float:left;}
	.preferred .textfield{width:150px;}
	
.howdid{}
	.howdid .dropdown{height:22px;}
	
.bestTime{}
	.bestTime .dropdown{height:22px;}

.commentsarea{}
	.commentsarea .textarea{width:420px;}


/*PRODUCTS PAGE---------------------------*/

.productsRow{
	width:881px;
	background:url(../images/product-row-border.png) bottom no-repeat;
	padding-bottom:10px;
	margin-bottom:15px;
	padding-top: 4px;
}

.productContainer{width:140px;float: left;}
	.productContainer .productContent{
		margin-left:10px;
		width:120px;

	}

	.productContainer .prodImg{min-height: 150px; }
	.productContainer .prodTitle{min-height: 50px;}
	
	.productContainer .productContent img{margin-bottom:5px;}

	.itemnumber{color:#6b82a1;font-weight:bold;font-size:11px;}

	.productHeader{
		width:140px;
		height:8px;
		background:url(/images/Products-header.png) top left no-repeat;
		margin-top: -4px;
	}
	
	.productBg{background:url(/images/Products-bg.png) top left repeat-y;}
	.productDetail{padding-left:10px;background:url(/images/Products-bg.png) top left repeat-y;}
	
	.productFooter{
		width:140px;
		height:26px;
		background:url(../images/Products-footer.png) bottom left no-repeat;
		margin-bottom:-5px;
	}



.leftProducts{
	float:left;
	margin-left:40px;
	width:475px;
}
.rightProducts{
	float:right;
	width:380px;
}

.pageNumbers{
	width:880px;
	text-align:right;
}
	.pageNumbers a{color:#000000;}
	.pageNumbers a:hover{text-decoration:underline;color:#f90113;}
	.pageNumbers a:selected{text-decoration:underline;color:#f90113;}

.dropdown{margin-right:10px; width:80px;}

ul.sitemap{list-style:square; line-height: 18px;}
ul.sitemap ul{list-style:square;}

/*RIGHT COLUMN---------------------------*/

.ctacontent{position:absolute;top:22px;left:5px;width:233px; font-size: 11px; padding: 10px;}

.training-cta{
	width:256px;
	height:123px;
	position:relative;
	background:url(../images/structure/training-bg.png) no-repeat;
}

	.training-cta .button{
		position:absolute;
		top:72px;
		left:170px;
		background:url(../images/buttons/more-button.png) no-repeat;
		height:16px;
		width:68px;
		display:block;
		text-indent:-99999px;
	}

.instrument-cta{
	width:256px;
	height:121px;
	position:relative;
	background:url(../images/structure/instrument-bg.png) no-repeat;
}

	.instrument-cta .button{
		position:absolute;
		top:72px;
		left:170px;
		background:url(../images/buttons/more-button.png) no-repeat;
		height:16px;
		width:68px;
		display:block;
		text-indent:-99999px;
	}

.systems-cta{
	width:256px;
	height:123px;
	position:relative;
	background:url(../images/structure/systems-bg.png) no-repeat;
}

	.systems-cta .systembutton{
		position:absolute;
		top:72px;
		left:100px;
		background:url(../images/buttons/systems-button.png) no-repeat;
		height:16px;
		width:68px;
		display:block;
		text-indent:-99999px;
	}
	.systems-cta .softwarebutton{
		position:absolute;
		top:72px;
		left:170px;
		background:url(../images/buttons/software-button.png) no-repeat;
		height:16px;
		width:68px;
		display:block;
		text-indent:-99999px;
	}

.product-cta{
	width:256px;
	height:123px;
	position:relative;
	background:url(../images/structure/product-bg.png) no-repeat;
}

	.product-cta .button{
		position:absolute;
		top:72px;
		left:170px;
		background:url(../images/buttons/more-button.png) no-repeat;
		height:16px;
		width:68px;
		display:block;
		text-indent:-99999px;
	}

.news-cta{
	width:256px;
	height:121px;
	position:relative;
	background:url(../images/structure/news-bg.png) top left no-repeat;
}

	.news-cta .button{
		position:absolute;
		top:65px;
		left:0;
		background:url(../images/buttons/more-button.png) no-repeat;
		height:16px;
		width:68px;
		display:block;
		text-indent:-99999px;
	}

.locationsRightColumn{
	width:200px;
	background:#fefefe;
	border:#e0e0e0 1px solid;
	padding:10px;
	margin-bottom:15px;
}
	
.shippingRightColumn{
	width:200px;
	background:#fefefe;
	border:#e0e0e0 1px solid;
	padding:10px;
}

.newsCnt{
	background: url(../images/newsbg.jpg) no-repeat left bottom;
	font-size: 11px;
	margin: 0 auto;
	width: 924px;
	padding: 10px 0  10px 20px;
}

.newsCnt h4{margin: 0 0 10px 0; padding: 0; text-transform: uppercase; font-style: italic; font-size: 14px; color: #272928;}



/*FOOTER-------------------------------*/
#footer{
	margin: 0 auto;
	width:960px;
	padding-left:35px;
	position: relative;
}

	#footer .column{
		float:left;
		padding-left:10px;
		padding-right:40px;
		font-size:10px;
		color:#939494;
		border-left:#939494 thin dotted;
		margin-bottom:50px;
	}
	
	.column a{color:#939494;text-decoration:underline;}
	.column a:hover{color:#fff;text-decoration:underline;}

	#footer .column2{
		float:right;
		padding-left:10px;
		padding-right:40px;
		font-size:10px;
		color:#939494;
		border-left:#939494 thin dotted;
		margin-bottom:50px;
	}
	
	.column2 a{color:#939494;text-decoration:underline;}
	.column2 a:hover{color:#fff;text-decoration:underline;}
	
	
.trimble  { 
		float:right;
		padding-left:10px;
		padding-right:65px;
		font-size:10px;
		color:#939494;
		margin-bottom:50px;}