@charset "UTF-8";

/** 
 * Global CSS File
 *
 * @media all
 * 
 * @colordef #ffffff; white 
 * @colordef #000000; black 
 */ 
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * HTML Reset Definitions
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

body { margin: 0px; padding: 0px; background: #fff; font: 12px/14px 'News Gothic MT', Verdana, Arial, Helvetica, sans-serif; color: #000; }
form { padding: 0px; margin: 0px; border: none; }
p { margin: 0px; padding: 0px 0px 12px 0px; }
h1 { margin: 0px; padding: 0px 0px 12px 0px; font: bold 14px/16px 'News Gothic MT', Verdana, Arial, Helvetica, sans-serif; color: #000; text-transform: uppercase;}
h2 { margin: 0px; padding: 0px 0px 10px 0px; font: bold 11px/12px 'News Gothic MT', Verdana, Arial, Helvetica, sans-serif; color: #000; text-transform: uppercase; }
h3 { margin: 0px; padding: 0px 0px 10px 0px; }
h4 { margin: 0px; padding: 0px 0px 10px 0px; }
h5 { margin: 0px; padding: 0px 0px 10px 0px; }
h6 { margin: 0px; padding: 0px 0px 10px 0px; }
label {}
img { border: 0px;  }
hr { display: none; }

ul, ol { margin: 0px; padding: 0px 0px 10px 0px; }
li ul, li ol { padding: 0px; }
li { padding: 0px 0px 4px 0px; margin: 0px 0px 0px 25px; }
li li { padding: 4px 0px 0px 0px;  }

table { border-left: solid 1px #000; border-top: solid 1px #000; padding: 0px; margin: 0px 0px 10px 0px; border-collapse: collapse; width: 100%; }
th { border-right: solid 1px #000; border-bottom: solid 1px #000; padding: 2px 5px; margin: 0px; text-align: left; vertical-align: top; }
td { border-right: solid 1px #000; border-bottom: solid 1px #000; padding: 2px 5px; margin: 0px; text-align: left; vertical-align: top; }

a:link, a:visited { color: #666; text-decoration: none; }
a:hover, a:active {color: #000; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Global Elements
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/**
 * Fundamental Structure 
 */

div#page_wrapper { width: 1024px;  padding-bottom: 50px; }
div#content {  }

/** 
 * Reusable Classes  
 */

span.nav_text { display: none; }
div.horizontal_rule { height: 10px; border-top: solid 1px #000; }

/**
 * Global Header 
 */

div#global_header { position: relative; height: 118px;  }

div#logo { position: absolute; top: 0px; left: 0px; width: 426px; height: 118px; }

div#global_navigation { height: 100px; position: absolute; top: 0px; right: 30px; background: url(../img/navigation_background.gif) no-repeat right bottom; width: 530px; height: 118px; }

div#global_navigation ul { float: left; margin: 0px; padding: 0px; width: auto; list-style: none; }
div#global_navigation li { float: left; margin: 0px 55px 0px 0px; padding: 0px; width: 140px; text-align: center; }
div#global_navigation_end  { clear: both; font: 1px/1px sans-serif; }

div#global_navigation ul.top_items { padding-top: 40px; }
div#global_navigation ul.bottom_items { clear: both; padding-top: 20px; float: none; }
div#global_navigation li.last_item { margin: 0px;}

div#global_navigation a:link, div#global_navigation a:visited { display: block; font: 14px/16px 'News Gothic MT', Verdana, Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: uppercase; }
div#global_navigation a:hover, div#global_navigation a:active { color: #000;   }

div#global_navigation a.active:link, div#global_navigation a.active:visited { color: #000; }
div#global_navigation a.active:hover, div#global_navigation a.active:active { color: #000; }

/**
 * Global Footer 
 */

div#global_footer { background: url(../img/footer.gif) no-repeat right top; height: 37px; }
div#global_footer_inner { padding: 10px 25px 0px 0px; text-align: right; } 

/**
 * Global Footer 
 */
 
div#sidenav { background: url(../img/titles-box-for-portfolio-pages.gif); height: 525px; }
div#sidenav_inner { padding: 40px 18px;}
div#sidenav ul { list-style: none; padding: 0px; margin: 0px 0px 10px 0px; }
div#sidenav li { margin: 0px; padding: 0px 0px 5px 0px; color: #666;}

div#sidenav a:link, div#sidenav a:visited { display: block; color: #666; text-decoration: none;  }
div#sidenav a:hover, div#sidenav a:active { color: #000;   }

div#sidenav a.active:link, div#sidenav a.active:visited { color: #000; }
div#sidenav a.active:hover, div#sidenav a.active:active { color: #000; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Page Layouts
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/**
 * Homepage Layout
 */

div#layout_homepage { text-align: center; padding-bottom: 20px; }


/**
 * Portfolio Layout
 */

div#layout_portfolio { padding-top: 10px;padding-bottom: 20px; }
div#layout_portfolio_col1 { float: left; width: 197px; padding: 0px 20px 0px 25px; }
div#layout_portfolio_col2 { float: left; width:756px; text-align: center; font: 18px/20px 'News Gothic MT', Verdana, Arial, Helvetica, sans-serif;  }
div#layout_portfolio_end  { clear: both; font: 1px/1px sans-serif; }


/**
 * About Layout
 */

div#layout_about { margin-top: 10px; background: url(../img/box-for-info-page.gif) no-repeat; margin-left: 25px; height: 545px; }
div#layout_about_col1 { float: left; width: 397px; padding: 25px; }
div#layout_about_col2 { float: left; width:490px;  padding: 25px; }
div#layout_about_end  { clear: both; font: 1px/1px sans-serif; }