/*----------------------
LAYOUT STYLES
CSS Document Version 1.0
Author: Edward Case for Eastman Aggregates
Contact: edcase@casegolf.com
Created on: July 7, 2007
------------------------*/

body, wrapper, h1, h2, h3, h4, p, em, ul, li {
padding:0;
margin:0;
}

body {
text-align:center;
background:url(images/eastmanback.jpg) repeat-x;
background-attachment:fixed;
}

#wrapper {
text-align:left;
width:800px;
background:#FFFFFF;
margin:0 auto 0 auto;
}

#links {
position:absolute;
left:-9999px;
}

#links img {
margin-left:-9999px;
}

#branding {
height:138px;
position:relative;
background:url(images/branding1.jpg) no-repeat;
margin-bottom:30px;
}

.main {
margin:0;
padding:0;
background:#FFFFFF;
}

.main h1 {
margin:0 0 25px 50px;
}

#content {
float:left;
width:540px;
_width:535px;
}

#content p {
padding-bottom:10px;
}

#supp_content {
float:right;
width:236px;
_width:225px;
}

/*--NAVIGATION---------------*/
#nav {
position:absolute;
top:86px;
left:77px;
width:723px;
height:39px;
}

ul#main_nav {
position:relative;
background:url(images/nav_base.jpg) no-repeat;
list-style:none;
height:39px;
width:723px;
padding-left:23px;
}

li#home{
position:absolute;
background: url(images/home.jpg) no-repeat;
height:39px;
width:63px;
top:0;
left:0;
}

li#home a {
height:39px;
width:63px;
}

li#site_work {
position:absolute;
background: url(images/site_work.jpg) no-repeat;
height:39px;
width:81px;
top:0;
left:63px;
}

li#site_work a {
height:39px;
width:81px;
}

li#trucking {
position:absolute;
background: url(images/trucking.jpg) no-repeat;
height:39px;
width:136px;
top:0;
left:144px;
}

li#trucking a {
height:39px;
width:136px;
}

li#beach {
position:absolute;
background: url(images/beach.jpg) no-repeat;
height:39px;
width:225px;
top:0;
left:280px;
}

li#beach a {
height:39px;
width:225px;
}

li#equipment {
position:absolute;
background: url(images/equipment.jpg) no-repeat;
height:39px;
width:136px;
top:0;
left:505px;
}

li#equipment a {
height:39px;
width:136px;
}

li#materials {
position:absolute;
background: url(images/materials.jpg) no-repeat;
height:39px;
width:82px;
top:0;
left:641px;
}

li#materials a {
height:39px;
width:82px;
}

ul a {
display:block;
text-indent:-9999px;
}


/*---ROLLOVERS----------*/

li#home a:hover {
background:url(images/home_roll.jpg) no-repeat;
}

li#site_work a:hover {
background:url(images/site_work_roll.jpg) no-repeat;
}

li#trucking a:hover {
background:url(images/trucking_roll.jpg) no-repeat;
}

li#beach a:hover {
background:url(images/beach_roll.jpg) no-repeat;
}

li#equipment a:hover {
background:url(images/equipment_roll.jpg) no-repeat;
}

li#materials a:hover {
background:url(images/materials_roll.jpg) no-repeat;
}

#supp_content {
font-size:17px;
margin:0;
margin-top:55px;
padding:0;
background:url(images/supp_body.jpg) repeat-y;
}

#supp_content h1 {
height:43px;
text-indent:-9999px;
background:url(images/supp_head.jpg) no-repeat;
}

#supp_content ul{
padding: 45px 0 25px 57px;
_padding-left:55px;
background:url(images/supp_foot.jpg) no-repeat bottom left;
}

#supp_content ul li {
margin-bottom:35px;
}

#content h1 {
color:#275A85;
font-size:17px;
margin: 0 0 10px 30px;
}

#content p {
margin:0 50px 0 60px;
line-height:1.75em;
font-size:15px;
}

#content {
background:url(images/home_top.jpg) no-repeat top center ;
margin: 0 0 0 20px;
padding-top:310px;
_padding-top:320px;
}

#contact {
clear:both;
text-align:center;
color:#5C5C5C;
margin-bottom:20px;
padding-top:25px;
}

#contact h1 {
font-size:21px;
line-height: 1.5em;
}

#contact h2 {
font-size:14px;
line-height:1.5em;
padding-bottom:5px;
}

#footer p {
padding-top:18px;
font-size:10px;
margin-left:auto;
margin-right:auto;
width:380px;
}

#footer p em {
font-style:normal;
font-weight:bold;
}

#footer a {
color:#FFFF00;
text-decoration:none;
}

#footer {
color:#FFFFFF;
height:82px;
background:url(images/footer_back.jpg) repeat-x;
text-align:center;
}