@charset "UTF-8";
/* 	Blackwell Industrial Authority - bia_styles1.css
	
	Coded by Steve Loftis of Loftis & Ball.
	http://www.loftisandball.com
*/


/* Basic Element Styles */

body {
		background-color: #292929;
		background-image: url(graphics/background.gif) repeat;
		margin: 0px auto;
		
		font-family: Arial, Helvetica, sans-serif;
}

h1 {font-size: 30px; line-height: 36px; color: #FFF; /*margin: 0px; padding: 0px;*/}
h2 {font-size: 20px; line-height: 26px; color: #FFF; /*margin: 0px; padding: 0px;*/}
h3 {font-size: 18px; line-height: 22px; color: #CCC; /*margin: 0px; padding: 0px;*/}
h4 {font-size: 13px; line-height: 19px; color: #FFF; /*margin: 0px; padding: 0px;*/}
p {font-size: 12px; line-height: 17px; color: #b5b5b5; /*margin: 0px; padding: 0px;*/}

a {text-decoration: none; color: #26A9E0;}
a:hover {text-decoration: underline;}

ol {color: #26A9E0; margin: 0px; padding-left: 20px;}
ol li {line-height: 17px; color: #b5b5b5; font-size: 12px;}

.color {color: #FFF; border-bottom: 1px dotted #FFF;}
.yellow {color: #FFF; font-size: 18px; line-height: 20px;}
.white {color: #FFF; line-height: 18px;}
.whiteheader {color: #26A9E0; font-weight: bold; font-size: 11px; padding-bottom: 3px; border-bottom: 1px solid #333;}
.blue {color: #26A9E0;}

/* Layout Styles */

#wrapper {
		position: relative;
		width: 950px;
		height: auto;
		
		margin-left: auto;
		margin-right: auto;
		
		padding-top: 42px;
		margin-top: 0px;
		
		background-color: #000;
		border: 1px solid #333;
		
}

#logo {
		position: relative;
		width: 230px;
		height: auto;
		
		margin: 10px 10px 10px 56px;
		float: left;
}

#navarea {
		position: relative;
		width: 500px;
		height: 42px;
		
		margin: 50px 0px 14px 28px;
				
/*		background-color: #CCC; */
		float: right;
		
}

#content {
		position: relative;
		width: 894px;
		height: auto;
		
		margin-top: 28px;
		padding: 0px 28px 14px 28px;
		float: left;
		
/*		background-color: #181818; */

}

#footer {
		position: relative;
		width: 894px;
		height: auto;
		
		padding: 0px 28px 28px 28px;
		margin: 0px;
		float: left;
}

#footer p {font-size: 11px; line-height: 15px; color: #666; /*margin: 0px; padding: 0px;*/}
#footer a {color: #FFF; text-decoration: none;}
#footer a:hover {color: #26A9E0; text-decoration: none;}

#footerleft {
		position: relative;
		width: 194px;
		height: auto;
		
		float: left;
	
		padding: 0px;
}

#footernav {
		position: relative;
		width: 496px;
		height: auto;
		
		float: left;
		margin-left: 10px;
		padding: 0px;

}

#footerdesign {
		position: relative;
		width: 194px;
		height: auto;
		
		float: left;
		text-align: right;
	
		padding: 0px;
}




#navarea2 {
		position: relative;
		width: 194px;
		height: auto;
		
		float: left;
/*		background-color: #CCC; */
		
		padding-top: 5px;
		border-top: 1px solid #26A9E0;
}

#navarea2 ul {
		margin: 0px;
		padding: 0px;
}

#navarea2 li {
	
		list-style-type: none;
}

#navarea2 a, #nav2 a:visited {
		padding: 3px 0px 5px 0px;
		display: block;
		width: 194px;
		border-bottom: 1px solid #333;
		
		color: #FFF;
		font-size: 11px;
		text-transform: uppercase;		
}

#navarea2 a:hover {color: #26A9E0; text-decoration: none;}

#rightcol {
		position: relative;
		width: 894px;
		height: auto;
		
/*		padding-top: 5px; */

		float: left;
/*		background-color: #999; */
		
		border-top: 1px solid #26A9E0;
}

#mainimg {
		position: relative;
		width: 894px;
		height: auto;
		
		float: left;
		background-image: url(graphics/diagbg.png);	
		
}

#gallery {
		position: relative;
		width: 420px;
		height: auto; 
		float: left;
		padding: 0px;
		margin-bottom: 28px;
		
		
}

#maincontent {
		position: relative;
		width: 894px;
		height: auto;
		
		float: left;
		padding-top: 42px;
		border-bottom: 1px solid #666;
}

.col1 {

		position: relative;
		width: 420px;
		height: 220px;
		
		float: left;
		
		padding-right: 50px;
		padding-bottom: 80px;
		
}
.col1_footer {
		position: absolute;
		
		bottom: 28px;
		left: 0px;
		
		width: 410px;
		height: 28px;
		
		float: left; 
		
		margin: 0px;
		padding: 0px;		
	
}

.col1_sub {
		position: relative;
		width: 420px;
		height: auto;
		
		float: left;
		
		padding-right: 50px;
		padding-bottom: 80px;
}

.col2 {
	
		position: relative;
		width: 200px;
		height: 220px;
		
		float: left;
		
		padding-right: 20px;
		padding-bottom: 80px;
		
}

.col2_footer {
		position: absolute;
		
		bottom: 28px;
		left: 0px;
		
		width: 200px;
		height: 28px;
		
		float: left;
		
		margin: 0px;
		padding: 0px;
		
}

.col2_sub {
		position: relative;
		width: 200px;
		height: auto;
		
		float: left;
		
		padding-right: 20px;
		padding-bottom: 80px;
}

.col3 {
		position: relative;
		width: 200px;
		height: 220px;
		
		float: left;
		
		padding-bottom: 80px;
}


.col3_sub {
		position: relative;
		width: 200px;
		height: auto;
		
		float: left;
		
		padding-bottom: 80px;
}

.col4_sub {
		position: relative;
		width: 420px;
		height: auto;
		
		float: left;
		
		padding-bottom: 80px;
}

span.city {
		float: left;
}

span.distance {
		float: right;
}

div.hr {
  height: 15px;
  background: #fff url(graphics/border_diags.png) no-repeat;
  position: relative;
  float: left;
  width: 890px;
}
div.hr hr {
  display: none;
}

/* Navigation Sprite */   
ul#nav {
		padding-top: 0px;
		margin-left: 10px;
		padding-left: 0px;
		height: 45px;
}

ul#nav li {display: inline;}
ul#nav li a {
		background: url(graphics/bia_navsprite.png) no-repeat;
		float: left;
		height: 0px;
		width: 200px;
		overflow: hidden;
		padding-top: 45px;
}

/* normal, unselected */
ul#nav li#home a {width: 120px; background-position: 0px -3px;}
ul#nav li#advantages a {width: 117px; background-position: -138px -3px;}
ul#nav li#industry a {width: 117px; background-position: -254px -3px;}
ul#nav li#about a {width: 70px; background-position: -381px -3px;}

/* normal, selected */
ul#nav li#home a:hover {width: 120px; background-position: 0px -45px;}
ul#nav li#advantages a:hover {width: 117px; background-position: -138px -45px;}
ul#nav li#industry a:hover {width: 117px; background-position: -254px -45px;}
ul#nav li#about a:hover {width: 70px; background-position: -381px -45px;}

/* normal, selected */
ul#nav li#home span {width: 120px; background-position: 0px -45px;}
ul#nav li#advantages span {width: 117px; background-position: -138px -45px;}
ul#nav li#industry span {width: 117px; background-position: -254px -45px;}
ul#nav li#about span {width: 70px; background-position: -381px -45px;}


/* Index columns */
.indexcol	{
		position: relative;
		width: 250px;
		height: 260px;
		float: left;
		
		padding-right: 48px;
}


.indexcol_footer {
		position: absolute;
		
		bottom: 28px;
		left: 0px;
		
		width: 250px;
		height: 28px;
		
		float: left;
		
		margin: 0px;
		padding: 0px;
		
}