@charset "utf-8";
/* CSS Document */

body {
	background:url(../images/repeat.jpg) 0 0 repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0;
	padding: 0;
	}
	
#main {
	width: 750px;
	margin:20px auto 0 auto;
	}
	
#header {
	width: 100%;
	height: 40px;
	}
	
	#logo {
		float: left;
		background: white;
		margin-right: 10px;
		border:0;
		}
		
	#nav {
		height: 30px;
		width:490px;
		background:url(../images/repeaty_nav.jpg) 0 0 repeat-y;
		position:relative;
		float:left;
		padding: 5px 0;
		}
		
		#nav span {display:block;width: 490px;height: 5px;position: absolute;left: 0;}
		
		span#nav-top {background:url(../images/bg_nav-top.jpg) 0 0 no-repeat;top: 0;}
		span#nav-bottom {background:url(../images/bg_nav-bottom.jpg) 0 0 no-repeat;bottom: 0;}
		
		#nav ul {
			list-style:none;
			margin: 0;
			padding: 10px 0 5px 13px;
			}
			
			#nav ul li {
				float:left;
				}
				
			#nav ul li a {
				display:block;
				height: 12px;
				background-position: 0 0;
				background-repeat:no-repeat;
				}
				
				#nav ul li a:hover {background-position: 0 -12px;}
				
			/* btn ids */
			
			a#about_us {background-image:url(../images/btn_aboutus.jpg); width:72px;}
			a#capabilities {background-image:url(../images/btn_capabilities.jpg); width:99px;}
			a#safety {background-image:url(../images/btn_safety.jpg); width:64px;}
			a#clients { background-image:url(../images/btn_clients.jpg); width:126px;}
			a#locations {background-image:url(../images/btn_locations.jpg); width:85px;}
			
		
#banner, #content {
	width: 747px;
	min-height: 100px;
	background:url(../images/repeaty_content.jpg) 0 0 repeat-y;
	padding: 5px 0 5px 3px;
	margin: 10px 0 0 0;
	position:relative;
	clear:left;
	}
	
	#banner span, #content span {display:block; height: 5px; width:750px;position: absolute;left: 0px;}

	span#banner-top, span#content-top {background:url(../images/bg_content-top.jpg) 0 0 no-repeat;top: 0;}
	span#banner-bottom, span#content-bottom {background:url(../images/bg_content-bottom.jpg) 0 0 no-repeat;bottom: 0px;clear: both;}
	
	
#content {
	height: auto;
	padding: 15px;
	width: 720px;
	/* inherits css from above */
	}
	
	h1 {
		color: #ff6600;
		font-size: 18px;
		margin: 0 0 5px 0;
		}
		
	ul.interior_list {
		margin: 0;
		padding: 0;
		list-style:none;
		font-weight: bold;
		}
		
	div.clear {clear:left;}
	
	#leftSide {
		padding: 0 10px 0 0;
		margin: 0;
		float:left;
		width: 449px;
		border-right: 1px solid #ff6600;
		}
		
		.interior #leftSide {width: 465px; border: 0;}
	
	
	
	#rightSide {
		padding: 0;
		margin: 0;
		float: left;
		width: 260px;
		}
		
			.interior #rightSide {width:245px;}
		
		#rightSide img {
			float: right;
			margin-bottom: 15px;
			border: 0;
			}
			
			
#footer {
	width: 750px;
	height: 20px;
	line-height:20px;
	color: white;
	font-size: 10px;
	text-align:center;
	}
	
	#footer a {color:white;}
	
