/* CSS Document */

/* Normalizes margin, padding */
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; }

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6
{ font-size: 100%; }

/* Removes list-style from lists */
ol, ul
{ list-style: none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style: normal; font-weight: normal; }

/* Removes list-style from lists */
table
{ border-collapse: collapse; border-spacing: 0; }

/* Removes border from  fieldset and img */
fieldset, img
{ border: 0; }

/* Left-aligns text in caption and th */
caption, th
{ text-align: left; }

/* Removes quotation marks from q */
q:before, q:after
{ content: ''; }

html
{ text-align: center; }

body
{ 
position: relative;
width: 770px;
margin: 0 auto;
text-align: center;
 }

#wrap {
    background:#fff;
    margin:0 auto;
    width:770px;
	text-align: left;
    }
	
div#branding {
position:relative;
width: 770px;
z-index:10;
background: #fff transparent url() no-repeat 0 0;
}

div#branding h4 {
position:relative;
width:400px;
left: 40%;
top: 25px;
}

div#content {
position: relative;
width: 770;
}

div#content_main {
left: 0;
width:537px;
padding: 1em 0;

}

div#content_sub img.base {
position:absolute;
right:232px;
bottom:-1px;
width:257px;
height:153px;
}

div#content_sub {
left: 537px;
width: 233px;
padding: 1em 0;
}

div#content_center {
float:left;
width:370px;
padding: 1em 0;

}
div#content_subL {
float:left;
width: 200px;
padding: 0;
margin:0;
}

div#content_subR {
float:right;
width: 200px;
padding: 1em 0;
margin:0;
background:#cad5eb;
}
div#branding, div#nav_main, div#site_info {
width: 770px;
margin: 0 auto;
}

h1 {
position:absolute;
background: transparent url() no-repeat;
text-indent: -9999px;
top:15px;
left:25px;
width: 230px;
height:90px;
}

div#branding img.logo {
position:absolute;
top:15px;
left:25px;
width: 230px;
height:64px;
}

div#branding img.banner {
position:absolute;
width:257px;
height:157px;
right:0;
top:-28px;
}


div#branding blockquote {
position: absolute;
top: -9999px;
}

div#navigation {
position:relative;
height:25px;
z-index:50;
}

ul#nav_features {
position: absolute;
margin:0;
width:770px;
height:66px;
top:-10px;
left:0;
background: transparent url() no-repeat;

}

ul#nav_features li {
display: inline;
top:13px;
}


li#nav_home {
position:absolute;
left:5px;
width:60px;
}

li#nav_bio {
left: 65px;
position:absolute;
width:120px;
}

li#nav_basics {
left: 185px;
position:absolute;
width:120px;
}

li#nav_advanced {
position:absolute;
left: 305px;
width:140px;
}

li#nav_services {
position:absolute;
left: 445px;
width:70px;
}

li#nav_new {
position:absolute;
left: 515px;
width:80px;
}

li#nav_contact {
position:absolute;
width:80px;
left: 595px;
}

li#nav_blog {
position:absolute;
left:675px;
width:60px;
}

li#nav_home a, li#nav_bio a, li#nav_basics a, li#nav_advanced a, li#nav_services a, li#nav_new a, li#nav_contact a , li#nav_blog a {
display:block;
height:19px;
padding-top:10px;
padding-bottom:7px;
text-align:center;
/*text-indent:-9999px;*/
}

div#navigation h2 {
position:absolute;
top: -9999px;
}

ul#nav_sub_features {
position: absolute;
margin:0;
width:495px;
height:24px;
top:10px;
left:30px;
}

ul#nav_sub_features li {
display: inline;
font: 95% "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; 
}

div#site_info {
clear:both;
position:relative;
width:770px;
height:70px;
 }

div#site_info h5 {
position:absolute;
right:20px;
top:10px;
color:#fff;
}

div#site_info p {
position:absolute;
left:30px;
top:30px;
margin:0;
}

p.tagline {
text-indent:-9999px;
}

/* Makes Footer Clear Columns */
.pc,.sc { position: absolute; top: 0; left: 0;} 
.clear_children,.cc_tallest { position: relative; } /*\*/* html .clear_children { display: inline;}/**/
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */

