/* Geomorphic Environmental Services CSS Document */

/* Global Styles
--------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}

body {
	text-align: center;
	color:#555555;
	background:#FFFFFF url(../images/bg.jpg) repeat-x top center;
	font:11px/1.3em Verdana, Arial, sans-serif;
}

a {
color:#567f1c;
text-decoration:none;
border-bottom:1px dotted #567f1c;
}

a:hover {
border-bottom:1px solid #567f1c;
}



/* Helpers
--------------------------------------------------------------------------------------------------- */

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

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

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

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


/* Primary Divisions
--------------------------------------------------------------------------------------------------- */


#container {
margin:0px auto 0 auto;
padding-bottom:30px;
width: 805px;
text-align: left;
}

#sidebar {
width:235px;
float:left;
}

#main {
width:570px;
float:right;
background:#ffffff url(../images/banner_inside.jpg) no-repeat top right;
padding-bottom:60px;
}

#main #photobox {
width:150px;
float:right;
margin-left:15px;
}

#main #photobox img {
margin-bottom:2px;
}

/*#567f1c*/

#home #main {
width:570px;
float:right;
background:#567f1c url(../images/banner.jpg) no-repeat top right;
padding:0;
}

#featureimg {
width:570px; height:275px;
background:url(../images/banners/rotator.php) no-repeat top left;
margin-top:157px;
}


h1#logo a {
display:block;
width:235px; height:175px;
text-indent:-9999px;
background: url(../images/logo.gif) no-repeat top left;
background-color:none;
text-decoration:none;
border:none;
}


/* Navigation */

ul#nav {
display:block;
height:235px;
padding-left:25px; padding-top:40px; padding-bottom:30px;
background:url(../images/nav_bg.gif) no-repeat top right;
}

#nav li {
list-style:none;
}

#nav li a {
display:block;
height:26px; width:235px;
text-indent:-9999px;
text-decoration:none;
background-position: 0 0;
border:none;
}

#nav li a:hover {
background-position:-210px 0px;
}

#nav li#about a { width:210px; background-image: url(../images/n_about.gif); }
#about_section #nav li#about a { background-position:-420px 0px; }

#nav li#services a { width:210px; background-image: url(../images/n_services.gif); }
#services_section #nav li#services a { background-position:-420px 0px; }

#nav li#clients a { width:210px; background-image: url(../images/n_clients.gif); }
#clients_section #nav li#clients a { background-position:-420px 0px; }

#nav li#gallery a { width:210px; background-image: url(../images/n_gallery.gif); }
#gallery_section #nav li#gallery a { background-position:-420px 0px; }

#nav li#contact a { width:210px; background-image: url(../images/n_contact.gif); }
#contact_section #nav li#contact a { background-position:-420px 0px; }


/* body content */

body#home #container #main p {
margin:0 20px 24px 0px;
padding:20px 0 0 45px;
background:url(../images/connector.gif) no-repeat top left;
color:rgb(230,230,230);
}

#main h2 {
margin:190px 20px 10px 20px;
font-size:13px;
font-weight:normal;
text-transform:uppercase;
}

#main h3 {
margin:0px 20px 4px 20px;
font-size:11px;
font-weight:normal;
text-transform:uppercase;
color:#567f1c;
}

#main p {
margin:0 20px 12px 20px;
}

#main ul {
margin:0 20px 12px 30px;
}

body#gallery #main object {
margin-left:20px;
}

h2#t_services {
display:block;
width:225px; height:30px;
text-indent:-9999px;
background:url(../images/title_services.gif) no-repeat top left;
}

h2#t_clients {
display:block;
width:225px; height:30px;
text-indent:-9999px;
background:url(../images/title_clients.gif) no-repeat top left;
}


h2#t_about {
display:block;
width:225px; height:30px;
text-indent:-9999px;
background:url(../images/title_about.gif) no-repeat top left;
}

h2#t_contact {
display:block;
width:225px; height:30px;
text-indent:-9999px;
background:url(../images/title_contact.gif) no-repeat top left;
}

h2#t_gallery {
display:block;
width:225px; height:30px;
text-indent:-9999px;
background:url(../images/title_gallery.gif) no-repeat top left;
}



/* Footer */

p#footer {
display:block;
margin:15px auto;
padding: 3px 0px 2px 0px;
text-align:right;
clear:both;
font-size:10px;
color:#999999;
}