/* liquidint.com */

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

html { font-size: 100.01%; }

body {
background: #102f50 url(../images/layout/page_background_top.jpg) repeat-x;
}

a {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

p { margin: 0; padding: 0; }

.clear { clear: both; }
img { border: 0; }
img.right { float: right; }
img.left { float: left; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

/* -----------------------------------*/
/* --------->>> STRUCTURE <<<---------*/
/* -----------------------------------*/

#container {
background: #12141B;
margin: 0 auto;
width: 1000px;
}

	#header { 
	background: url(../images/layout/topnav_back.jpg) repeat-x;
	clear: both;
	height: 68px;	
	}
	
	.homepage #flash {
	background: #333;
	clear: both;
	height: 360px;
	}
	
	.subpage #flash {
	clear: both;
	height: 172px;
	}
	
	#main {
	clear: both;
	}
	
	.homepage #main {
	background: #FFF url(../images/layout/home_intro_background.jpg) repeat-x;
	border-top: 17px solid #D7DBCB;
	padding: 22px 16px;
	}
	
	#footer {
	background: #12141b url(../images/layout/footer_back.gif) repeat-x;
	clear: both;
	height: 129px;
	padding: 32px 23px;
	}

/* -----------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* -----------------------------------*/

#header #mainnav {
float: right;
margin-right: 10px;
}

	#mainnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
		#mainnav ul li {
		display: inline;
		margin: 0;
		padding: 0 5px;
		}

#header #topnav {

}

	#topnav span { display: none; }
	
	#topnav .topnav_aboutus {
	background: url(../images/layout/topnav/about_us.jpg) no-repeat 0 -68px;
	float: left;
	height: 68px;
	width: 112px;
	}
		
		#topnav div a:hover {
		background-position: 0 0;
		}
	
	#topnav .topnav_products {
	background: url(../images/layout/topnav/products.jpg) no-repeat 0 -68px;
	float: left;
	height: 68px;
	width: 111px;
	}
	
	#topnav .topnav_resources {
	background: url(../images/layout/topnav/resources.jpg) no-repeat 0 -68px;
	float: left;
	height: 68px;
	width: 116px;
	}
	
	#topnav .topnav_services {
	background: url(../images/layout/topnav/services.jpg) no-repeat 0 -68px;
	float: left;
	height: 68px;
	width: 188px;
	}
	
	#topnav .topnav_faqs {
	background: url(../images/layout/topnav/faq.jpg) no-repeat 0 -68px;
	float: left;
	height: 68px;
	width: 73px;
	}
	
	.topnav_b2b {
	clear: right;
	float: right;
	height: 31px;
	margin-top: 23px;
	width: 92px;
	}

/* -----------------------------------*/
/* ------------>>> MAIN <<<-----------*/
/* -----------------------------------*/

	#intro {
	line-height: 1.5em;
	}
	
		#intro p {
		}
	
	.homepage .feature {
	background: url(../images/layout/intro_box_wide.gif) no-repeat;
	float: left;
	height: 200px;
	padding: 6px;
	margin-left: 16px;
	width: 313px;
	}
	
		.feature div {
		height: 168px;
		line-height: 1.5em;
		width: 313px;
		}

/* -----------------------------------*/
/* ----------->>> FOOTER <<<----------*/
/* -----------------------------------*/

#footer ul {
list-style: none;
margin: 0;
padding: 0;
}

	#footer ul li {
	border-left: 1px solid #FFF;
	display: inline;
	margin: 0;
	padding: 0 5px;
	}
	
		#footer li.first {
		border: none;
		}
	
#footer ul.copyright {
margin-top: 10px;
}

/* -----------------------------------*/
/* ---------->>> SUBPAGE <<<----------*/
/* -----------------------------------*/

.subpage #section {
background: #D7DBCB;
clear: both;
height: 45px;
padding: 15px 20px 0;
}

.subpage #content {
background: #FFF;
clear: both;
padding: 26px 16px;
}

	.subpage #content p {
	margin: 10px 0;
	}

	.subpage #content a {
	text-decoration: underline;
	}
	
	.subpage #subnav {
	float: left;
	width: 256px;
	margin-right: 22px;
	}
	
		#subnav #subpagenav {
		background: url(../images/layout/sub_nav_back.jpg) no-repeat;
		margin-top: -5px;
		min-height: 319px;
		padding: 10px;
		width: 234px;
		}
				
				#subnav #subpagenav a:hover {
				text-decoration: underline;
				}
		
		#subnav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}
		
			#subnav ul li {
			background: url(../images/layout/bullet/plus.gif) no-repeat 0 .55em;
			font-weight: bold;
			line-height: 1.75em;
			padding: 0 0 0 15px;
			}
			
				#subnav ul li.active {
				background: url(../images/layout/bullet/dash.gif) no-repeat 0 .825em;
				}
			
				#subnav ul li ul li {
				background: url(../images/layout/bullet/plus.gif) no-repeat .6em .55em;
				font-weight: normal;
				padding: 0 0 0 20px;
				}
				
					#subnav ul li ul li.active {
					background: url(../images/layout/bullet/dash.gif) no-repeat .6em .825em;
					}
				
				#subnav ul li ul li ul li {
				background: none;
				padding: 0 0 0 25px;
				}
				
					#content #subnav ul li ul li ul li a {
					color: #134e8c;
					}
	
	.subpage #maincol {
	float: left;
	line-height: 1.4em;
	width: 672px;
	}
	
.subpage .feature {
	background: url(../images/layout/intro_box_wide.gif) no-repeat;
	float: left;
	height: 200px;
	padding: 6px;
	width: 313px;
}

/* -----------------------------------*/
/* ------->>> INFO TEMPLATE <<<-------*/
/* -----------------------------------*/

.infopage #maincol {
width: 615px;
margin: 0 22px 0 6px;
}

.infopage #subnav {
margin-right: 0;
width: 325px;
}

		.subpage #subnav .feature p {
		margin: 3px 0;
		}
		
		.subpage #subnav .roundedbox p {
		margin: 0;
		padding: 5px 0;
		}

#divisions {
background: url(../images/layout/divisions_back.jpg) no-repeat;
margin-top: -5px;
min-height: 260px;
padding: 30px 10px 10px 10px;
}
	
	.infopage #subnav #divisions p {
	clear: both;
	padding: 10px 0;
	text-align: center;
	}

/* -----------------------------------*/
/* ---------->>> FORMS <<<------------*/
/* -----------------------------------*/

/* -----------------------------------*/
/* ---------->>> EXTRAS <<<-----------*/
/* -----------------------------------*/

ul.breadcrumb {
list-style: none;
margin: 0 0 20px 0;
padding: 0;
}
	
		#content ul.breadcrumb a:hover {
		text-decoration: underline;
		}

	ul.breadcrumb li {
	background: url(../images/layout/bullet/gt.gif) no-repeat 0 .5em;
	display: inline;
	padding: 0 5px 0 10px;
	}
	
	ul.breadcrumb li.first {
	background: none;
	padding-left: 0;
	}

.buttonlink {
background: #145604;
padding: 4px 8px;
}

p.extraspace { padding: 10px 0; }

.roundedbox {
float: left;
margin: 0;
padding: 0;
width: 279px;
}

	.roundedbox .topbox {
	background: url(../images/layout/box_top.gif) no-repeat;
	clear: both;
	height: 10px;
	overflow: hidden;
	}
	
	.roundedbox .mainbox {
	background: url(../images/layout/box_main.gif) repeat-y;
	clear: both;
	padding: 0 10px;
	}
	
	.roundedbox .bottombox {
	background: url(../images/layout/box_bottom.gif);
	clear: both;
	height: 42px;
	}
	
.roundedbox.narrow {
width: 256px;
}

	.roundedbox.narrow .topbox {
	background: url(../images/layout/box_top_256.gif) no-repeat;
	height: 12px;
	}
	
	.roundedbox.narrow .mainbox {
	background: url(../images/layout/box_main_256.gif) repeat-y;
	padding: 0 6px;
	}
	
	.roundedbox.narrow .bottombox {
	background: url(../images/layout/box_bottom_256.gif);
	}
	
.roundedbox.wide {
width: 325px;
}

	.roundedbox.wide .topbox {
	background: url(../images/layout/box_top_325.gif) no-repeat;
	height: 12px;
	}
	
	.roundedbox.wide .mainbox {
	background: url(../images/layout/box_main_325.gif) repeat-y;
	padding: 0 6px;
	}
	
	.roundedbox.wide .bottombox {
	background: url(../images/layout/box_bottom_325.gif);
	}