/* Base style
------------------------------------*/
body {
	background: url(/images/lg_bkgrd.jpg) 50% 0 ;
	padding: 0;
	margin: 0;
	}


/* Things to hide
------------------------------------*/

.nobg, .nobg a:hover, nobg a, nobg a:link, #nav span{
display: none;
	}


/* page layouts
------------------------------------*/
.home #bkgrd {
background: url(/images/index_bkgrd.jpg) no-repeat;
}
.home #sub_col {
padding-top: 10px ;
}
.home #main_col{
padding-top: 10px ;
}

.prolinq #bkgrd {
background: url(/images/prolinq_bkgrd2.jpg) no-repeat;
}
.prolinq #main_col {
padding: 225px 15px 30px 15px;
}
.prolinq #sub_col {
padding: 225px 20px 10px 30px;
width: 275px;
}

.demo #bkgrd {
background: url(/images/blank_bkgrd.jpg) no-repeat;
}
.demo #main_col {
padding: 50px 15px 30px 15px;
}
.demo #sub_col {
padding: 50px 20px 10px 30px;
width: 275px;
}

.hardware #bkgrd {
background: url(/images/hardware_bkgrd.jpg) no-repeat;
}
.hardware #main_col {
padding: 225px 15px 30px 15px;
}
.hardware #sub_col {
padding: 295px 20px 10px 30px;
width: 275px;
}


.free #bkgrd {
background: url(/images/free_bkgrd.jpg) no-repeat;
}
.free #main_col {
padding: 225px 15px 30px 15px;
}
.free #sub_col {
padding: 290px 20px 10px 20px;
width: 285px;
}

.case_study #bkgrd {
background: url(/images/blank_bkgrd.jpg) no-repeat;
}
.case_study #main_col {
padding: 225px 15px 30px 15px;
}
.case_study #sub_col {
padding: 290px 20px 10px 20px;
width: 285px;
}

.contact #bkgrd {
background: url(/images/blank_bkgrd.jpg) no-repeat;
}
.contact #main_col {
padding: 225px 15px 30px 15px;
}
.contact #sub_col {
padding: 220px 20px 10px 20px;
width: 285px;
}


.signup #bkgrd {
background: url(/images/blank_bkgrd.jpg) no-repeat;
}
.signup #main_col {
padding: 225px 15px 30px 15px;
}
.signup #sub_col {
padding: 220px 20px 10px 20px;
width: 285px;
}

.blank #bkgrd {
background: url(/images/blank_bkgrd.jpg) no-repeat;
}
.blank #main_col {
padding: 225px 15px 30px 15px;
}
.blank #sub_col {
padding: 220px 20px 10px 20px;
width: 285px;
}

#bkgrd {
padding:0;
margin:0;
height:1%;

}

/* Container
------------------------------------*/
#container {
	width:800px;
	background:url(/images/container_bkgrd.jpg) repeat-y;
	padding: 0;
	margin: 0 auto;
	position: relative;
	height:1%;
	}
	
.prolinq #container {
	width:800px;
	background: #fff;
	padding: 0;
	margin: 0 auto;
	position: relative;
	height:1%;
	}


#message {
	position: absolute;
	width: 323px;
	height: 95px;
	left: 76px;
	top: 184px;
}

.total #message {
position: absolute;
	width: 323px;
	height: 95px;
	left: 19px;
	top: 161px;
}

	
/* Nav
/*------------------------------------*/

	#nav {
	background: url(/images/nav.gif) no-repeat; 
	width:800px;
	height:126px;
	padding:0 0 0 0;
	margin: 0;
	position:relative;
}

#nav ul{
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	display:block;
}

#nav li, #nav li a{
	position:absolute;
	display:block;
	left: 0;
	}	
		
#nav li.l1 {width: 53px; height:124px; top: 2px; left:326px;}
#nav li.l1 a{width: 53px; height:124px;}
#nav li.l1 a:hover {background: transparent url(/images/nav.gif) -326px -128px no-repeat;}

#nav li.l2 {width:64px; height:124px; top: 2px; left:379px;}
#nav li.l2 a{width:64px; height:124px;}
#nav li.l2 a:hover {background: transparent url(/images/nav.gif) -379px -128px no-repeat;}

#nav li.l3 {width:74px; height:124px; top: 2px; left:443px;}
#nav li.l3 a{width:74px; height:124px;}
#nav li.l3 a:hover{background: transparent url(/images/nav.gif) -443px -128px no-repeat;}

#nav li.l4 {width:88px; height:124px; top: 2px; left:517px;}
#nav li.l4 a{width:88px; height:124px;}
#nav li.l4 a:hover{background: transparent url(/images/nav.gif) -517px -128px no-repeat;}

#nav li.l5 {width:80px; height:124px; top:2px; left:605px;}
#nav li.l5 a{width:80px; height:124px;}
#nav li.l5 a:hover{background: transparent url(/images/nav.gif) -605px -128px no-repeat;}

#nav li.l6 {width:280px; height:100px; top:7px; left:11px;}
#nav li.l6 a{width:280px; height:100px;}


#nav li.l7 {width:95px; height:124px; top:2px; left:685px;}
#nav li.l7 a{width:95px; height:124px;}
	

/* Latch the rollovers
------------------------------------*/
.home li.l1 {background: transparent url(/images/nav.gif) -326px -128px no-repeat;}
.prolinq li.l2 {background: transparent url(/images/nav.gif) -379px -128px no-repeat;}
.hardware li.l3 {background: transparent url(/images/nav.gif) -443px -128px no-repeat;}
.case_study li.l4 {background: transparent url(/images/nav.gif) -517px -128px no-repeat;}
.contact li.l5 {background: transparent url(/images/nav.gif) -605px -128px no-repeat;}


/* Features
------------------------------*/
#feature {
width: 800px;
height: 311px;
margin: 0;
padding: 0;
}


#feature_sub {
width: 720px;
height: 25px;
background: #888;
display: block;
padding: 20px;
margin: 0;
}


	
/* Search
------------------------------------*/
#search {
	height: 30px;
	background: #444;
	padding: 7px 0 0 36px;
	display: block;
}
	
/* Content
------------------------------------*/
#content {
	width: 800px;
	margin: 0;
	padding: 0;
	}

#full_col {
	float: left;
	width: 770px;
	margin: 0;
	padding: 18px 15px 12px 15px;
	}
	
.services #full_col {
	float: left;
	width: 770px;
	margin: 0;
	padding:  0 0 0 30px;
	}

#main_col {
	float: left;
	width: 420px;
	margin: 0;
	padding: 12px 15px 30px 15px;
}

#hardware_in_truck {
	background: url(/hardware_recommendations/images/photo_hardware.jpg) no-repeat 50% 0; 
	height: 180px;
	width: 375px;
	float:right;
	padding: 190px 30px 0 23px;
	text-align:center;	
	margin: 0;
	}


/* sub_col_linking
------------------------------------*/
#sub_col {
	float: right;
	width: 305px;
	margin: 0;
	padding: 10px 10px 10px 10px;
	color:#000033;
}
#sub_col ul{
	list-style: none;
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#sub_col ul li {
	margin: 0;
	list-style: none;
	list-style-type: none;
	height: 25px;
	display: block;	
	padding: 0 5px 0 10px;
	border: dotted;
	border-color: #E4E4E4;
	border-width: 0 0 1px 0;

	}
	
#sub_col li a, #sub_col a {
list-style: none;
	list-style-type: none;
	height: 25px;
	color:#000;
	}
	
/*------------------------------------*/

#split_col1 {
	float: left;
	width: 370px;
	margin: 0;
	padding: 0;

}

.services #split_col1{
	float: left;
	width: 209px;
	margin: 0 auto;
	padding: 0 41px 0 5px;

}

#split_col2 {
	float: right;
	width: 370px;
	margin: 0;
	padding: 0;
}

.center {
text-align:center;
}

.date {
	color: #B7BB6D;
	}

#clear {
	clear: both;
	}

.note {
	text-transform: uppercase;
	color: #003366;
	font-size:.8em;
	font-weight:bold;
	}

.headline_link, .headline_link a, .headline_link a:link, .headline_link a:visited, .headline_link a:hover, .headline_link a:active {
	color: #B7BB6D;
	font-size: 70%;
	}

.highlight {
	padding: 5px;
	background-color: #FFEBAF;
	border: 1px solid #FF9900;
	}

.right {
	float: right;
	}

.left {
	float: left;
	}

ul {
	padding:0 0 10px 15px;
	}

acronym {
	background-color: #D3D3D3; cursor: help;
	}
	
/* Tables
------------------------------------*/

.slant {
background: #FFFFFF;
color:#006595;
}
.tabular {
	width: 100%;
	background: #FFCB7C  ;
	margin-bottom: 10px;
	margin-top: 10px;
	color:#000000;
	}
	
.tabular2 {
	width: 100%;
	background-color: #BDE3FF;
	border: 1px solid #004473;
	margin-top: 10px;
}
	
	
.tabular th {
	background-color: #004473;
	text-align:left;
	height:10px;
	color: #FFFFFF;
	}
	
	.tabular2 th {
	background-color: #003366;
	text-align:left;
	height:10px;
	color: #FFFFFF;
	}
	
	.tabular th a, .tabular th a:hover,  .tabular th a:visited {
	color: #FFFFFF;
	}

.tabular_highlight {
	background-color: #FFD79A;
	}
	
	.tabular2_highlight {
	background-color: #FFFFFF;
	}
	
.store_listings {
	width: 100%;
	background-color: #fff;
	margin-bottom: 10px;
	margin-top: 10px;
	}

.store_listings th {
	background-color: #666;
	text-align:left;
	height:10px;
	color: fff;
	}

.store_listings_highlight {
	background-color: #fff;
	}

.info_pop {
	width: 400px;
	background-color: #fff;
	margin-bottom: 10px;
	margin-top: 10px;
	border: 1px solid #666;
	}

.info_pop th {
	background-color: #666;
	text-align:left;
	height:10px;
	color: fff;
	}

.info_pop_highlight {
	background-color: #fff;
	}
	
input {
border:#006595 1px solid;
}



/* Footer
------------------------------------*/

#footer {
	width: 780px;
	height: 40px;
	background: #005995;
	margin: 0px;
	padding: 10px 10px 10px 10px;
	clear: both;
	line-height:1.4em;

}