/* Layout CSS */


/*------ OVERRIDE ALL BROWSER STYLES ------*/

/* 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 :''; }

/*------ END OVERRIDE ALL BROWSER STYLES -------*/

html {
text-align:center;
}

body {
position:relative;
width:875px;
margin:0 auto;
text-align:left;
}

div#content {
position:relative;
width:100%;
padding-top:100px;
}

div#branding, div#nav_main, div#site_info {
width:100%;
}



/*-- DIV CONTENT MAIN --*/

div#content_main {
left:0;
width:70%;
padding:1em 0;
}

div#content_main_video {
position:relative;
width:372px;
height:100%;
top:170px;
}


/*-- DIV CONTENT SUB --*/

div#content_sub {
left:70%;
width:30%;
top:207px;
padding:0 1.5em;
}

#about_me img {
display:inline;
margin-right:10px;
margin-top:5px;
/*border:1px solid #c2c2c1; */
}


/*-- DIV WORK --*/

#work img {
margin-right:50px;
/*outline:6px solid #FFFFFF;*/
}

/*#work a:hover img {
outline:6px solid #e08638;
}*/

#work p {
width:255px;
height:100%;
}

#work h3 {
width:255px;
height:100%;
}

#work li {
float:left;
}



/*-- JAVA SCRIPT TO CLEAR COLUMNS =si_clear_children --*/

.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 */