/*
realeflow
layout
Sean Hecking
Last modified 7-02-07
sean.hecking@gmail.com
*/

/*===== common styles =====*/
body {padding:0; margin:0;}

h1, h2 {padding:10px 10px 10px 20px; margin:0;}
h3, h4 {padding:5px 10px 5px 20px; margin:0;}

h1 {}
h2 {}
h3 {}
h4 {}

p {padding:10px 30px 10px 20px; margin:0;}
em {}


/*===== layout =====*/
.main_container {width:800px; background-color:#ffffff; margin-right:auto; margin-left:auto;}

.header_container {width:800px; height:100px;}
.header_container .logo {float:left; padding-left:35px; padding-top:10px;}
.header_container .searchbox {float:right; border-collapse:collapse; padding:0; margin:10px 10px 0px 0px;}


#nav { float:left; width:100%; line-height:normal;}
#nav ul { margin:0; padding:10px 10px 0; list-style:none;}
#nav li { float:left; margin:0px 3px 0px 0px; padding:0 0 0 9px;}
#nav a { display:block; padding:5px 15px 4px 6px; }
#nav #current a { padding-bottom:5px;}

.content_main { padding-top:15px; clear:both;}
.hero_image {height:280px;}
.hero_image .hero_copy {float:left; width:500px; margin-top:175px; padding:10px 0px 10px 20px;}

.body_copy {margin:10px 0px 10px 0px;}
.body_copy .body_header {background-color:#6289ab;}

.hero_image .featured_home { float:right; padding:5px 10px 5px 10px; width:260px; height:270px; background-color:#0e4a7e;}
.hero_image .featured_home h3 {padding:5px 0px 5px 0px; margin:0;}
.hero_image .featured_home p {padding:5px 0px 5px 0px; margin:0;}


/*===== inner page layout =====*/
.inner_header {}
.inner_header img {}

.left_col {float:left; width:250px;}
.left_col ul, .left_col li {list-style-type:none; padding:0; margin:0; }

.right_col {float:right; width:550px;}


.footer {clear:both; height:30px; width:790px;}
.footer ul {list-style-type:none; padding:0; margin:0;}
.footer li {float:left; padding:0px 10px 0px 20px;}

.clearfix:after, .content_main:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix, .content_main {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix, * html .content_main {height: 1%;}
.clearfix, .content_main {display: block;}
/* End hide from IE-mac */