/* Initial Styles
********************/
* { margin: 0; padding: 0; }
ul { list-style-type: disc; }
ol { list-style-type: none; }
img { display: block; border: 0; }
table { border-collapse: collapse; }
table#content { background-image: url('/images/interface/content_gradient.gif'); background-repeat: repeat-x; }
td#content { background-image: url('/images/interface/content_gradient.gif'); background-repeat: repeat-x; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
caption, th { text-align: left; }
.clear { clear: both; display: block; height: 0; visibility: hidden; }

html { font: normal 62.5%/140% Georgia, Times, serif; }
body { background: #ffffff;}


/* Header [=header]
*********************/
div#header_container { position: relative; height: 150px; background: #e5e1dd url('/images/interface/header_bg.gif') left top repeat-x;}
div#top_left { position: relative; height: 30px; width: 155px; background: #aba294;}
a#header { text-decoration: none; overflow: hidden; text-indent: -9999em; width: 900px; height: 120px; position: absolute; top: 30px; background: url('/images/interface/header.gif') left top no-repeat; z-index: 10; cursor: pointer; }


/* Navigation
*********************/
div#nav_container { position: relative; height: 34px; background: #b5aca0 url('/images/interface/nav_bg.gif') left top repeat-x;}
ul#nav { position: relative; float: left; width: 556px; list-style-type: none; }
ul#nav li { float: left; }
ul#nav li a { display: block; text-indent: -9999em; height: 31px; overflow: hidden; text-decoration: none; background-image: url('/images/interface/nav_links.gif'); background-repeat: no-repeat; }

ul#nav li#nav_home          { width: 78px; }
ul#nav li#nav_home a        { background-position: 0 0; }
ul#nav li#nav_home a:hover  { background-position: 0 -31px; }
ul#nav li#nav_home a.current{ background-position: 0 -62px; }

ul#nav li#nav_project_gallery   { width: 135px; }
ul#nav li#nav_project_gallery a { background-position: -78px 0; }
ul#nav li#nav_project_gallery a:hover   { background-position: -78px -31px; }
ul#nav li#nav_project_gallery a.current { background-position: -78px -62px; }

ul#nav li#nav_clients    { width: 85px; }
ul#nav li#nav_clients a  { background-position: -213px 0; }
ul#nav li#nav_clients a:hover    { background-position: -213px -31px; }
ul#nav li#nav_clients a.current  { background-position: -213px -62px; }

ul#nav li#nav_careers      { width: 89px; }
ul#nav li#nav_careers a    { background-position: -298px 0; }
ul#nav li#nav_careers a:hover    { background-position: -298px -31px; }
ul#nav li#nav_careers a.current  { background-position: -298px -62px; }

ul#nav li#nav_about    { width: 79px; }
ul#nav li#nav_about a  { background-position: -387px 0; }
ul#nav li#nav_about a:hover    { background-position: -387px -31px; }
ul#nav li#nav_about a.current  { background-position: -387px -62px; }

ul#nav li#nav_contact         { width: 90px;}
ul#nav li#nav_contact a       { background-position: -466px 0; }
ul#nav li#nav_contact a:hover   { background-position: -466px -31px; }
ul#nav li#nav_contact a.current { background-position: -466px -62px; }


ul#features { position: relative; width: 468px; list-style-type: none; margin-left: 0 !important; }
ul#features li { float: left; }

ul#features li#btn_projects a { display: block; text-indent: -9999em; width: 141px; height: 150px; overflow: hidden; text-decoration: none; background-image: url('/images/interface/btn_projects.gif'); background-repeat: no-repeat; background-position: 0 0; margin-right: 15px;}
ul#features li#btn_projects a:hover  { background-position: 0 -150px; }

ul#features li#btn_learn a { display: block; text-indent: -9999em; width: 141px; height: 150px; overflow: hidden; text-decoration: none; background-image: url('/images/interface/btn_learn.gif'); background-repeat: no-repeat; background-position: 0 0; margin-right: 15px;}
ul#features li#btn_learn a:hover  { background-position: 0 -150px; }

ul#features li#btn_issues a { display: block; text-indent: -9999em; width: 141px; height: 150px; overflow: hidden; text-decoration: none; background-image: url('/images/interface/btn_issues.gif'); background-repeat: no-repeat; background-position: 0 0; margin-right: 15px;}
ul#features li#btn_issues a:hover  { background-position: 0 -150px; }


/* Content
*********************/
div#content { font-family: Georgia, Times, serif; font-size: 1.4em; line-height: 1.6em; width: 100%; padding: 0; z-index: 1; }
div#content a:link, div#content a:visited { color: #0078ff; }
div#content a:hover, div#content a:active { color: #796954; }
div#content h1 { color: #043b5e; line-height: 18px; font-size: 1.8em; letter-spacing: 0.5px; margin-bottom: 10px; }
div#content h3 { color: #796954; line-height: 20px; font-size: 1.5em; font-weight: normal; padding-top: 28px; border-bottom: solid 1px #796954; border-right: solid 1px #796954; margin-bottom: 10px; }
div#content h4 { color: #000000; line-height: 20px; font-size: 1.4em; font-weight: normal; margin-bottom: 10px; border-bottom: solid 1px #AFA598; }


div#side_nav { margin: 0; width: 140px; border-bottom: solid 1px #AFA598;}
div#side_nav  a { color: #796954; text-decoration: none; }
div#side_nav  a:hover { color: #796954; text-decoration: none; background-color:#E9E5E2;}
div#side_nav  a:current { color: #796954; text-decoration: none; background-color:#E9E5E2;}
div#content ul { margin-left: 50px; }
div#content ul#main_list { margin: 0; }


ul#main_list { list-style-image: url('/images/interface/bullet_triangle.gif'); list-style-position:outside; padding: 0px 0px 0px 23px; line-height: 1.2em; }
ul#main_list  a { color: #796954; text-decoration: none; font-size: 1.1em; font-weight: bold; }
ul#main_list  .timestamp { color: #796954; text-decoration: none; font-size: 0.9em; font-style: italic; }

.bulleted_list { list-style-type: disc; margin: 10px 0 15px 25px !important; }


/* Footer
*********************/
div#footer { clear: both; position: relative; padding: 0; font-size: 1.0em; margin-left: 175px; margin-top: 20px;}
div#footer p { color: #796954; width: 100%; float: left; margin-bottom: 5px; line-height: 1.4em;}
div#footer a { color: #796954; text-decoration: underline;}
div#footer p#address { font-size: 1.1em; }

/* CCS Toolbar
********************/
table#mainCCSToolbar { font-size: 120%; }