/******************* Reset *******************/

* { padding: 0px; margin: 0px; border: 0px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/******************* Grid *******************/

body { background: url('/images/global/body_bkgnd.gif') repeat-x; }
div#headercontainer { width: 1003px; margin: 0 auto; height: 386px; }
div#contentcontainer { width: 923px; margin: 0 auto; padding: 40px; }
div#contact { text-align: right; padding: 15px }
div#menu { float: left; width: 170px; margin: 0px 160px 0px 40px; }
div#catchphrase { float: left; width: 630px}
div#logo { padding: 0px 0px 30px 40px ; }
div#contentcontainer div#leftside { float: left; width: 280px; margin-right: 40px; }
div#contentcontainer div#maincontent { float: left; width: 603px; }
div#footercontainer { background: url('/images/global/footer_bkgnd.gif') repeat-x top #d2d5d6; position: absolute; height: 45px; width: 100%; }
div#footer { width: 923px; margin: 0 auto; padding-top: 15px; }

/******************* Lists *******************/

div#menu ul { list-style: none;  }
div#menu li { background: url('/images/global/divider.gif') no-repeat bottom; }
div#menu li a { width: 100%; height: 100%; display: block; padding: 7px 5px; text-decoration: none; color: #fff }

ul.news { list-style: none; }
ul.news li { margin-bottom: 20px; }
ul.news div.date { border: 1px solid #ccc; padding: 10px; width: 55px; text-align: center; float: left; display: inline; margin-right: 10px; }
ul.news div.news { float: left; width: 500px; }

ul#stocklist { list-style: none; margin: 20px 0px }
ul#stocklist li strong { display: block; float: left; width: 250px }
ul#stocklist li { padding: 2px 3px; boder-bottom: 1px solid #ccc }  

/******************* Images *******************/

img.projectimage { border: 1px solid #ccc; padding: 4px; background: #fff; }
img.chart { border: 1px solid #ccc; } 

/******************* Fonts *******************/

/* General */
div { font-family: Arial, Helvetica, Sans-serif; }
h4 { font-variant: small-caps; letter-spacing: 3px; color: #426777; font-size: 12px; margin-bottom: 10px; }
div#contentcontainer { color: #6f6f6f; font-size: 12px; line-height: 18px}
strong { color: #415e6e; }
p { margin-bottom: 15px }
a { color: #415e6e; }

/* Headers */
h1 { font-family: Georgia,"Times New Roman",Times,serif;; font-size: 24px; color: #415e6e; font-weight: normal; margin-bottom: 20px } 
h2 { font-family: Georgia,"Times New Roman",Times,serif;; font-size: 18px; color: #415e6e; font-weight: normal; margin-bottom: 15px } 

/* News */
ul.news div.date .number { font-family: Arial, Helvetica; font-size: 40px; color: #426777; display: block; line-height: 40px}
ul.news div.date .month { display: block; }

/* Menu */
div#menu ul { list-style: none; color: #8e9599; font-size: 11px; }

/* Header */
div#contact { color: #8e9599; font-size: 11px; }
div#catchphrase { color: #fff; font-size: 12px; line-height: 18px; }

/* Footer */
div#footer { font-size: 11px; color: #415e6e;; }