@import url(colors.css);
@import url(normalization.css);
@import url(type.css);
@import url(portfolio.css);

p
{
margin-bottom:10px;
}

address p
{
margin-bottom:0px;
}

/*Overall*/
html
{
text-align:center;
height:auto;
}

body
{
position:relative;
width:800px;
padding-top:5%;
padding-bottom:10%;
margin:0 auto;
text-align:left;
}

/*<Header>*/
div#branding
{
text-indent:-9999px;
height:50px;
}
/*</header>*/

/*<Navigation>*/
div#main_navigation
{
display:block;
height:34px;
width:100%;
}


div#main_navigation h2
{
display:none;
}

div#main_navigation a
{
display:block;
height:30px;
width:116px;
}

div#main_navigation li
{
margin-left:-14px;
}

div#main_navigation li#nav_aboutus
{
margin-left:0px;
}

div#main_navigation a:hover
{
background-image:url('../images/odsi_nav_rollover.gif');
}

div#main_navigation ul li
{
float:left;
text-align:center;
}
div#main_navigation li#nav_aboutus a
{
width:158px;
}

div#main_navigation li#nav_aboutus a:hover
{
background-image:url('../images/odsi_nav_about_rollover.gif');
}

div#main_navigation li#nav_services
{
margin-left:-14px;
}

div#main_navigation li#nav_portfolio
{
margin-left:-14px;
}

div#main_navigation li#nav_contact a
{
width:140px;
}

div#main_navigation li#nav_contact a:hover
{
background-image:url('../images/odsi_nav_cu_rollover.gif');
}

/*</Navigation>*/

/*<Content>*/
div#content
{
position:relative;
display:block;
height:494px;
}

/*<Main_Content> *********************************************  */
div#main_content h2
{
position:absolute;
width:520px;
padding-right:11px;
left: 0px;
top:4em;
text-align:right;
}

div#main_content 
{
height:inherits;
float:left;
width:35%;
margin-top:6em;
margin-bottom:30px;
margin-left:280px;
height:70%;
overflow:auto;
}

div#main_content2 
{
height:inherits;
float:left;
width:55%;
margin-top:6em;
margin-bottom:30px;
margin-left:280px;
height:70%;
overflow:auto;
}

div#main_content2 h2
{
position:absolute;
width:520px;
padding-right:11px;
left: 0px;
top:4em;
text-align:right;
}
/*</Main_Content>****************************************************** */

/*<Sub_Content> */
div#sub_content
{
float:right;
width:30%;
margin-top:5em;
}
/*</Sub_Content>*/
/*</Content>*/

/*<Site Information>*/
div#site_information
{
clear:both;
width:100%;
}
/*</Site Information>*/