/*

Title:      ShawnaBaca styles
Author:     victor@mediacontour.com
Copyright:  2008, Media Contour.  All rights resevered.

*/

body, h1, h2, h3, h4, h5, h6, p, ul, li, form, input, address, img {margin: 0;padding: 0;line-height: 100%;font-family: 'Arial', 'Helvetica', sans-serif;}

a img, a:link img, a:visited img {
	border: none;
}

body {
	padding: 20px 0 50px;
	font-size: small;
	font-family: 'Arial', 'Helvetica', FreeSans, sans-serif;
	background-color: #f7f7f7;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
}

* html body {
	font-size: x-small;
	f\ont-size: small;
}

a, a:link, a:visited {
	outline: none;
	color: #14215A;

}

a:hover, a:visited:hover, {
	color: #14215A;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 5px;
	color: #14215a;
}

h1 {
	font-size: 130%;
}

h1.breadcrum {
	margin: 0 0 15px;
	text-transform: uppercase;
	color:#FFFFFF;
}

h2 {
	margin: 0 0 15px;
	text-transform: uppercase;
	font-size: 110%;
}

p, li, address {
	color: #666;
}

form {
	padding: 20px 30px;
}

label {
	display: block;
	float: left;
	clear: left;
	width: 120px;
	margin: 0 15px 5px 0;
	color: #14215a;
	text-align: right;
	font-weight: bold;
	text-transform: capitalize;
	line-height: 160%;
}

input.textbox, textarea, select {
	display: block;
	float: left;
	margin: 0 0 5px;
	text-transform: capitalize;
}

input.textbox, textarea {
	width: 365px;
	padding: 3px;
	font-size: 100%;
	border: 1px solid #999;
}

input.submit {
	float: left;
	clear: left;
	margin: 10px 0 0 130px;
}

#container {
	width: 1041px;
	margin: 0 auto;
}

#top_container {
	height: 9px;
	overflow: hidden;
	background-image: url(../images/bg-top-container.png);
	background-position: top center;
	background-repeat: no-repeat;
}

#bottom_container {
	height: 9px;
	background-image: url(../images/bg-bottom-container.png);
	background-position: top center;
	background-repeat: no-repeat;
}

#main_container {
	z-index: 1;
	padding: 1px 0 0;
	background-image: url(../images/bg-container.png);
	background-repeat: repeat-y;
}

#header {
	padding: 20px 70px 0 70px;
}

#head_address {
	float: right;
	color: #444444;
	font-size: 85%;
	font-style: normal;
	text-align: right;
	line-height: 130%;
	margin-bottom: 11px;
	margin-top: 11px;
}

#logo {
	float: left;
}

#logo a {
	display: block;
	width: 298px;
	height: 101px;
}

#nav {
	z-index: 200;
	width: 550px;
	margin: 30px 0 0;
	list-style: none;
	float: right;
	clear: right;
}

#nav li {
	margin: 0 4px 0 0;
	float: left;
}

#nav li.last {
	margin-right: 0;
}

#nav a, #nav a:link, #nav a:visited {
	padding: 0 0 0 7px;
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 95%;
	font-family: Arial, FreeSans;
	text-transform: uppercase;
	text-decoration: none;
	background-image: url(../images/bg-nav-left.gif);
	background-repeat: no-repeat;
	background-color: #99a4c6;
}

#nav a:hover, #nav a:visited:hover,
#selected a, #selected a:link, #selected a:visited {
	background-color: #172766;
	background-image: url(../images/bg-nav-left-hover.gif);
}

#nav a span, #nav a:link span, #nav a:visited span {
	padding: 7px 15px 6px 8px;
	display: block;
	background-image: url(../images/bg-nav-right.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

#nav a:hover span, #nav a:visited:hover span,
#selected a span, #selected a:link span, #selected a:visited span {
	background-color: #172766;
	background-image: url(../images/bg-nav-right-hover.gif);
}

#below_nav {
	margin: 0 48px;
	height: 26px;
	background-image: url(../images/below-nav.gif);
	background-repeat: repeat-x;
}

#promo {
	z-index: 100;
	height: 333px;
	margin: -13px 0 0;
	padding: 0;
	background-image: url(../images/bg-promo.png);
	background-repeat: no-repeat;
}

#promo_inner {
	padding: 48px 85px 0 450px;
	position: relative;
}

#promo p {
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	height:127px;
	line-height:20px;
	margin:0 0 15px;
	padding:0;
}

.promo_box {
	float: left;
	padding: 7px 9px 7px 13px;
	margin: 0 20px 0 0;
}

.last_promo_box {
	margin-right: 0;
}

.promo_box h2 {
	margin: 0 0 4px;
	color: #efefef;
	text-transform: uppercase;
	font-size: 95%;
}

.promo_box a, .promo_box a:link, .promo_box a:visited{
	color: #fff;
	text-decoration: none;
}

.promo_box img {
	display: block;
	padding: 0px;
	margin: 0px;
}

#three_images img{
	margin: 29px 37px 0 0;

}

#body {
	padding: 15px 0;
	margin: 0 48px;
}

#main {
	width: 625px;
	border: 1px solid #ccc;
}

#main_content {
	padding: 23px 25px;
	border-bottom: 1px solid #CCC;
}

.applicationsImage {
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#main h2 {
	margin: 0 0 15px;
	color: #999;
	font-size: 130%;
}

#main p {
	margin: 0 0 20px;
	line-height: 140%;
}

#main_banner {
	border-bottom: 1px solid #ccc;
	width: 600px;
	height:37px;
	padding: 25px 0 0 25px;
	background-image:url(../images/applications-genric.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#main_banner img {
	display: block;
	xmargin: 0 auto;
}

#main_footer {
	padding: 15px 19px;
	border-top: 1px solid #ccc;
}

#main_footer ul {
	list-style: none;
}

#main_footer li {
	display: inline;
}

#main_footer li a, #main_footer li a:link, #main_footer li a:visited {
	display: block;
	color: #999;
	font-weight: bold;
	text-transform: capitalize;
	text-decoration: none;
}

#main_footer li a:hover, #main_footer li a:visited:hover {
	color: #14215A;
}

#main_footer a.next_link {
	float: right;
	padding: 0 0 0 15px;
	background-image: url(../images/icon-orange-arrow.gif);
	background-repeat: no-repeat;
}

#main_footer a.deselected {
	float: right;
	padding: 0 0 0 15px;
	background-image: url(../images/icon-gray-arrow.gif);
	background-repeat: no-repeat;
}

#main_footer a.previous_link {
	float: left;
	padding: 0 0 0 15px;
	background-image: url(../images/icon-orange-arrow-left.gif);
	background-repeat: no-repeat;
}

#main_footer a.deselected {
	background-image: url(../images/icon-gray-arrow-left.gif);
}

/* sidebar */
#sidebar {
	float: right;
	width: 303px;
}

#sidebar .box {
	margin: 0 0 11px;
}

#sidebar ul {
	padding: 15px 0 15px 20px;
	list-style: none;
}

#sidebar li {
	padding: 0 0 6px 15px;
	background-image: url(../images/icon-orange-arrow.gif);
	background-repeat: no-repeat;
}

#sidebar a, #sidebar a:link, #sidebar a:visited {
	color: #999;
	font-size: 85%;
	font-weight: bold;
	text-decoration: none;
	text-transform: capitalize;
}

#sidebar a:hover, #sidebar a:visited:hover {
	color: #14215A;
}

ul#news_links {
	border: 1px solid #ccc;
	padding: 0;
	margin: 0 0 15px;
}

#news_links li {
	padding: 15px 21px;
	background-color: #f0f0f0;
	background-image: url(../images/sidebar-link-gr.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	border-bottom: 1px solid #ccc;
}

#news_links li.last {
	border-bottom: none;
}

#news_links li a, #news_links li a:link, #news_links li a:visited {
	background-image:url(../images/icon-orange-arrow.gif);
	background-position:0 2px;
	background-repeat:no-repeat;
	color:#666666;
	display:block;
	font-size:111%;
	font-weight:bold;
	line-height:100%;
	padding:0 0 0 19px;
	text-decoration:none;
	text-transform:capitalize;
}

/* box */
.box {
	float: left;
	margin: 0 11px 11px 0;
	border: 1px solid #ccc;
}

.homebox {
	width: 305px;
}

.productbox {
	width: 464px;
	height: 168px;
	overflow: hidden;
}

.applicationbox {
	width: 303px;
}

.last_box {
	margin-right: 0;
}

#sidebar .box {
	float: none;
}

.box h2 {
	padding: 10px 0 10px 10px;
	margin-bottom: 0;
	color: #14215a;
	font-size: 120%;
	text-transform: capitalize;
	background-image: url(../images/bg-box-h2.gif);
	background-repeat: repeat-x;
	background-color: #f0f0f0;
	border-bottom: 2px solid #b8c0d9;
}

.box h2 span.articles {
	display: block;
	padding: 5px 0 6px 29px;
	line-height: 110%;
	background-image: url(../images/articles.gif);
	background-repeat: no-repeat;
}

.box h2 span.links {
	display: block;
	padding: 5px 0 10px 33px;
	background-image: url(../images/links.gif);
	background-repeat: no-repeat;
}

.box h3 {
	padding: 10px;
}

.box h3 em {
	font-size: 85%;
}

.box p, .box address {
	padding: 14px 11px;
	line-height: 130%;
}

.box address {
	font-style: normal;
}

.box p.home {
	height: 150px;
	width: auto;
}

.product_image {
	display: block;
	float: left;
	width: 172px;
	height: 130px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.product_details {
	float: left;
	width: 291px;
	height: 130px;
	border-top: 1px solid #ccc;
}

.productbox_inner {
	height: 101px;
	overflow: hidden;
}

.productbox p {
	font-size: 92%;
	width: auto;
	padding-top: 10px;
	line-height: 135%;
}

.orange_link {
	display: block;
	padding: 9px 16px 9px 32px;
	color: #999999;
	font-weight: bold;
	font-size: 85%;
	line-height: 100%;
	text-transform: capitalize;
	text-decoration: none;
	background-image: url(../images/icon-orange-arrow.gif);
	background-repeat: no-repeat;
	background-position: 16px 9px;
	border-top: 1px solid #ccc;
}

/* APPLICATIONS */
#applications {
	width: 945px;
	margin: 0 0 20px;
	list-style: none;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

#applications li {
	float: left;
	display: block;
	width: 188px;
	height: 104px;
	text-align: center;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

#applications li a, #applications li a:link, #applications li a:visited {
	display: block;
	width: 188px;
	padding: 20% 0 0 0;
	height: 104px;
	vertical-align: middle;
	color: #1e2d59;
	font-weight: bold;
	text-decoration: none;
}

#underground a, #underground a:link, #underground a:visited {
	background-image: url(../images/underground-facilities.jpg);
}

#underground a:hover, #underground a:visited:hover {
	background-image: none;
}

.horizontal_lists {
	padding: 0 20px;
}

.horizontal_lists ul {
	float: left;
	width: 210px;
	margin: 0 10px 0 0;
	list-style: none;
}

.horizontal_lists li {
	padding: 0 0 10px 19px;
	text-transform: capitalize;
	font-size: 90%;
	background-image: url(../images/icon-orange-arrow.gif);
	background-repeat: no-repeat;
}

.horizontal_lists li a, .horizontal_lists li a:link, .horizontal_lists li a:visited {
	color: #666;
	text-decoration: none;
}

.company {
	padding: 20px;
	border-bottom: 1px solid #ccc;
}

.company_last {
	border-bottom: none;
}

.company img {
	display: block;
}

.company ul {
	margin: 15px 0;
	padding: 0 0 0 15px;
	list-style: square;
}

.company a, .company a:link, .company a:visited {
	display: block;
	background-image: url(../images/icon-orange-arrow.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 17px;
	text-decoration: none;
	color: #666;
	font-weight: bold;
	font-size: 90%;
	line-height: 100%;
}

/* FOOTER */
#footer {
	padding: 9px 0 5px;
	margin: 0 48px;
	border-top: 4px solid #b8c0d9;
}

#mc {
	padding: 0 20px 0 0;
	float: right;
	color: #666;
	font-size: 85%;
	line-height: 120%;
	background-image: url(../images/mc.gif);
	background-position: right;
	background-repeat: no-repeat;
	text-transform: capitalize;
}

#footer a, #footer a:link, #footer a:visited {
	color: #666;
	text-transform: capitalize;
	text-decoration: none;
}

#footer ul {
	float: left;
	list-style: none;
}

#footer li {
	display: inline;
}

#footer li a, #footer li a:link, #footer li a:visited {
	margin: 0 14px 0 0;
	font-size: 85%;
	line-height: 100%;
}

/* CLEAR */
.clear:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* ie5+6/win only */
* html .clear {
	height: 1%;
	}
	
/* ie7/win only */
*:first-child+html .clear {
	min-height: 1px;
	}