/*Style Sheet for FlexFrac
Created by Jozee Designs! jozeedesigns.com*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 { font-size:10px; }
ol ul { list-style:none; }
address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}
table {border-collapse:collapse; border-spacing:0;}
img {border:0;}
html {
	text-align:center;
	color:#fff;
	background:#8c7e63 url(../images/bg-sky2.jpg) repeat-x 0 0;}
body {
	position:relative;
	font-family:Georgia, "Times New Roman", Times, serif;
	background:url(../images/bg-p.gif) repeat-y;
	width:720px;
	margin:0 auto 20px;
	text-align:left;
	padding-top:0px;
	border-top:7px solid #af9c85;}
p.indent {text-indent: 24px;}
strong{ font-weight:normal;}
ul {list-style-type: none;}
/*---------------------------------------------------------Branding (start)*/	
#branding {
	width:100%;
	position:relative;
	height:61px;
	background:transparent url(../images/bg-logo.gif) repeat-x 0 0;
	z-index:10;}
#branding h1{
	width:270px;
	height:70px;
	position:absolute;
	margin:11px 0 0 17px;
	font-size:9px;}
#branding h1 span{
	background:url(../images/frac-sand-logo.jpg) no-repeat;
	margin-top:0px;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;}
ul#head_nav {
	position:absolute;
	text-align:center;
	font-size:11px;
	margin:32px 0px -38px 492px;
	text-align:center;}
ul#head_nav {
	width:190px;
	height:24px;}
ul#head_nav li {
	display:inline;
	padding: 0 8px 0 0; }
ul#head_nav li a:link, ul#headnav li a:visited, ul#head_nav li.two {
	border: none;
    display: block;
	position: absolute;
	top: 0;
	text-indent: -9999px;
	outline: none;
	height: 24px;}
ul#head_nav li.one a:link, ul#head_nav li.one a:visited {
	background:url(../images/email-frac-sand.gif) no-repeat 0 0 ; 
	left:0px; width:60px;}
ul#head_nav li.two{
	background:url(../images/phone-flex-frac.gif) no-repeat 0 0;
	left:68px; width:123px;}
ul#head_nav li.one a:hover {
    background: url(../images/email-frac-sand-on.gif) no-repeat 0 0px;
	left:0px; }
/*---------------------------------------------------------Branding (end)*/
/*---------------------------------------------------------Horizontal Navigation (start)*/	
#navigation {
	position:relative;
	background:url(../images/bg-nav.gif) top center repeat-x;
	width:100%;
	height:22px;
	font-size:11px;
	font-weight:bold;
	text-align:center;}
#navigation ul {
	width:390px;
	height:22px;
	position:relative;
	list-style:none;
	margin:0 0 0 325px;
	padding:0;}
#navigation li {
	display:inline;	}
#navigation li a:link, #navigation li a:visited {
    border: none;
    height: 22px;
    display: block;
    position: absolute; 
    top: 0; 
	outline: none;	
   text-indent: -9999px;}
#navigation li.one a:link, #navigation li.one a:visited {
	background:url(../images/frac-sand-products.gif) no-repeat 0 0 ; 
	left:0px; width:112px;}
#navigation li.two a:link, #navigation li.two a:visited { 
	background: url(../images/proppant-sand-delivery.gif) no-repeat 0 0;  
	left:112px; width:85px;}
#navigation li.three a:link, #navigation li.three a:visited { 
    background: url(../images/proppant-sand-export.gif) no-repeat 0 0;  
	left:197px; width:75px;}
#navigation li.four a:link, #navigation li.four a:visited { 
	background: url(../images/flex-frac-info.gif) no-repeat 0 0;
    left: 272px; width:114px;}
#navigation li.one a:hover {
    background: url(../images/frac-sand-products.gif) no-repeat 0 -22px;
	left:0px; }
#navigation li.two a:hover {
    background: url(../images/proppant-sand-delivery.gif) no-repeat 0 -22px; 
	left:112px;}
#navigation li.three a:hover, #navigation li.three#on a {
    background: url(../images/proppant-sand-export.gif) no-repeat 0 -22px;
	left:197px;}
#navigation li.four a:hover, #navigation li.four#on a {
    background: url(../images/flex-frac-info.gif) no-repeat 0 -22px;
	left:272px;}
#navigation li.one#on a {
    background: url(../images/frac-sand-products.gif) no-repeat 0 -44px;
	left:0px; }
#navigation li.two#on a {
    background: url(../images/proppant-sand-delivery.gif) no-repeat 0 -44px; 
	left:112px;}
#navigation li.three#on a {
    background: url(../images/proppant-sand-export.gif) no-repeat 0 -44px;
	left:197px;}
#navigation li.four#on a {
    background: url(../images/flex-frac-info.gif) no-repeat 0 -44px;
	left:272px;}
/*---------------------------------------------------------Horizontal Navigation (end)*/
/*---------------------------------------------------------Content (start)*/
#content {
	background: url(../images/bg-pg1.jpg) top center no-repeat;
	width:100%;
	font-size:.9em;}
#content2 {
	background: url(../images/bg-pg2.jpg) top center no-repeat;
	width:100%;
	font-size:.9em;}
#content3 {
	background: url(../images/bg-pg3.jpg) top center no-repeat;
	width:100%;
	font-size:.9em;}
#content_main img.imgrt, #content_main2 img.imgrt {
	float:right;
	margin:3px 15px 0 0;
	border:1px solid black;}
#content_main, #content_main2 {
	float:left;
	color:#000;
	background-color:transparent;
	background:url(../images/bg-truck.gif) bottom center no-repeat;
	padding:45px 0;
	width:720px;}
#content_main2 {
	background:url(../images/bg-ship.gif) bottom center no-repeat;}
#content_main h1, #content_main2 h1 {
	padding:0px 272px 10px 52px;
	font-size:1.2em;
	color:#8c7e64;}
#content_main p, #content_main2 p {
	padding:0px 272px 10px 52px;
	line-height:1.6em;}
	
#content_main form a { font-family:Arial, Helvetica, sans-serif; }
#content_main form a:link {text-decoration: none; color:#594b39;}
#content_main form a:visited {text-decoration: none;color:#594b39;}
#content_main form a:hover {text-decoration: underline; color:#403529;}
#content_main form a:active {text-decoration: none; color:#403529;}

.quote{ /*for pull quote*/
	color:#594b39;
	background:#e8e8e6;
	line-height:1.5em;
	padding:10px 10px 10px 12px;
	margin:25px 0 0 15px;
	text-align:left;
	float:left;
	width:360px;
	border:1px solid #fff;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;}
p.quote a:link {text-decoration: none; color:#594b39;}
p.quote a:visited {text-decoration: none;color:#594b39;}
p.quote a:hover {text-decoration: underline; color:#403529;}
p.quote a:active {text-decoration: none; color:#403529;}
p.note{ /*for truck blurb at side*/
	color:#594b39;
	background:#dededb;
	padding:5px;
	position:absolute;
	width:175px;
	left: 508px;
	top: 340px;
	border:1px solid #af9c85;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	line-height:1.5em;}
p.note a:link {text-decoration: underline; color:#594b39;}
p.note a:visited {text-decoration: underline;color:#594b39;}
p.note a:hover {text-decoration: underline; color:#000;}
p.note a:active {text-decoration: underline; color:#000;}
/*---------------------------------------------------------Content (end)*/
/*---------------------------------------------------------Site info (start)*/
#site_info {
	color:#666666;
	background: url(../images/bg-copyright.jpg) repeat-x 0 0;
	height:24px;
	clear:both;
	font-family:Helvetica, Arial, sans-serif;}
#copyright {
	padding:7px 0 0 5px;
	text-align:center;
	font-size:70%;	}
#copyright a:link {text-decoration: none; color:#666666;}
#copyright a:visited {text-decoration: none;color:#666666;}
#copyright a:hover {text-decoration: underline; color:#666666;}
#copyright a:active {text-decoration: none; color:#666666;}
#content_main table.contact {
	margin:0 0 50px 52px;
	border-collapse:collapse;
	border:1px solid #ccc;
	clear:both;}
#content_main table.contact td, #content_main table.contact th{
	padding:8px 5px 8px 8px;}
#content_main table.contact tr.shade {
	color:#000000;
	background-color:#dad2c1;}
#content_main table.contact tr.title {
	color:#000000;
	background-color:#ededed;}
#content_main table.contact table img{
	padding:5px 0;}
#content_main table.contact .contactinfotitle {
	font-weight:bold;
	color:#d4622e;
	text-align:left;}