/* General CSS */
body               { border-top: 5px solid #ef8200; background: #f3f4f4 url(../images/background.jpg) no-repeat fixed bottom right;font-family:Helvetica,Arial,  sans-serif; 
                     font-size:12px;margin: 0px;color: #4b5457; overflow: auto; }
td                 { vertical-align: top; font-family:Helvetica,Arial,  sans-serif;}
p                  { margin:0px 0px 10px 0px; padding:0px;}
img,form,ul,li,ol  { border:none; margin: 0px; padding: 0px;}
ul                 { list-style:none;}
a                  { text-decoration: none; color:#EB8102;}
a:hover            { text-decoration: underline;}

h1                 { font-size: 14px; font-weight: normal; color: black;line-height: 20px;}
h2                 { font-size: 14px; font-weight: normal; color: black; margin-top: 20px;}
#home #col2 h2     { margin-top: 0px; }
h3                 { color: #4b5457; font-size: 12px; font-weight:bold; padding: 10px 0px 0px 0px; margin: 0px;line-height: 20px;}
.print_only        { display: none;}

#overall           { margin: 0px auto 0px auto; width: 940px;}

/********************* START TOPNAV *******************/
/* div.mega below: not display: block; because that breaks the layout -- they're absolutely positioned and don't affect the rest of the page layout, anyway */

#header                            { width: 940px; clear: both; border-top: 1px solid #e6e5e5; padding: 0px 0px 50px 0px; } 
#header a                          { color:#728574;}
#header .currentsection            { border-top: 5px solid #ef8200!important; }                    /* orange bar above current section */
#header div a:hover                { border-top: 5px solid #ef8200!important; text-decoration: none; padding-top: 15px; } /* orange bar above current section when hovering */
#header div div a:hover                { padding-top: 0px; } /* orange bar above current section when hovering */

#header div.topnav                 { position: relative; float: left; clear: none; padding: 15px 8px 0px 8px; border-top: 5px solid transparent; text-transform: uppercase; } 
#header div.topnav div             { text-transform: none; } 
#header div.topnav:hover div.mega  { visibility: visible; }
#header div.mega                   { position: absolute; top: 28px; padding: 20px 0 15px 0; background: white; visibility: hidden; }
#header #topnav_services div.mega  { left: 5px;width: 360px; }
#header #topnav_portfolio div.mega { left: 5px;width: 280px; } 

#header div.mega-column            { float: left; padding-right: 17px; padding-left: 17px; border-right: 1px solid #e6e5e5;}
#header #topnav_services           { background: url(../images/arrow.gif) no-repeat right 90%; padding-right: 11px;margin-right: 10px; }
#header #topnav_portfolio          { background: url(../images/arrow.gif) no-repeat right 90%; padding-right: 11px;margin-right: 10px;}
#header #topnav_portfolio div.mega-column { border-right: 0px;}
#header .noborder-right            { border-right: 0px!important; } 
 
#header .topnav div.mega           { border: 1px solid #e6e5e5; }                                /* border for level 2 drop down box */
#header ul.mega                    { margin: 0px; padding: 0px; list-style: none; }
#header ul.mega li                 { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 10px;}
#header ul.mega li a               { color: #4b5457; text-decoration: none;} 
#header ul.mega li a:hover         { text-decoration: underline; border-top:0px!important;} 
/********************* END TOPNAV *******************/

/********************* BEGIN LEFTNAV *******************/
#col0 a                     { color:#728574;}
#col0 li                    { line-height: 18px;  border-bottom: solid 2px #ebeded; padding: 5px 0px 5px 0px; } 
#col0 li.currentpage        { background: white;} 
#col0 li.currentpage a      { color: #ef8200;} 
#col0 li:hover              { background: white;} 
#col0 li:hover a            { color: #ef8200; text-decoration: none;} 
#col0 li a:hover            { background: white; color: #ef8200;} 
/********************* END LEFTNAV *******************/
/********************* header area *******************/
#slogan            { float: right; clear: none; color:#97a697; font-weight:bold; padding: 70px 0px 0px 0px; width: 240px; text-align: right;}
#logo              {                width: 700px; float: left; clear: none; margin:20px 0px 13px 0px; }
#printlogo         { display: none; width: 350px; float: left; clear: none; margin:0px 0px 3px 0px; }

#home #col1        { font-size: 14px; color: black;} 
#home #col1 h2     { font-size: 24px; line-height: 28px;} 

/***************** content areas ********************/
#col0               { float: left; clear: none; width: 210px; padding-right: 20px; line-height: 18px;} 
#col0 h2            { margin-bottom: 8px; } 

#col1               { float: left; clear: none; width: 425px; padding-right: 35px; line-height: 18px;} 
#col1 h1            { font-size: 24px; } 
#col1 ul            { list-style: disc; padding-left: 15px;}

#col2               { float: left; clear: none; width: 220px; margin: 20px 0px 0px 0px;} 
#col2 h2            { margin-bottom: 10px; }
#col2 ul            { list-style: none; }
#col2 ul li         { line-height: 18px; }

#callout            { clear: left; width:550px; margin: 0px auto 20px auto; border-bottom: 1px solid #e0e2e2; padding: 0px 195px 40px 195px;}

#imagebar           { float: left; clear: left;  border-bottom: 1px solid #e0e2e2; padding-bottom : 30px; margin-top: 20px; width: 960px; }
#imagebar div       { float: left; width: 220px; clear: none; margin-right: 20px;}
#imagebar div.last  { margin-right: 0px;}

.showit             { display: block;}
.hideit             { display: none;}
.cmselembox .hideit { display: block;}
.cmselembox .hideit img { display: block; width: 60px;float: right; clear: right; }
#content_bck        { background: #9F5712 url(../images/header.gif) no-repeat; width: 530px; height: 175px;  margin: 0px 0px 0px 20px; padding: 0px; vertical-align:top;}

.casestudy          { line-height: 44px;color: black; font-size: 14px; } 
.casestudy img      { float: left; padding-right: 5px; } 

.project            { border-top: 2px solid #ebeded; padding:10px 0px 5px 0px;height: 85px;} 
.project img        { width:60px;float: right; clear: right; }
.endproject         { border-top: 2px solid #ebeded; padding:0px; position: relative; top: -15px;} 
/***************** end content areas ********************/
#footer             { float: left;clear: both; border-top: 5px solid #e0e2e2;padding: 8px 0px 105px 0px; width: 940px; margin-top: 40px;}
#footer a           { text-decoration: none; color: #728574;}

#contactus input.robot              { font-size: 1px; width: 1px; height: 1px; border: 0px; background: transparent;}
body { min-height: 100%!important; display: block; } 
/* print css */
@media print {
	#overall       { width: 600px; margin: 30px 0px 0px 0px; }
	#header        { display: none;  }
        #logo          { display: none;  } 
        #printlogo     { display: block; } 
        #slogan        { display: none;}
        #col0          { display: none;  }
        #col1          { width: 340px;clear: both;}
        #home #col0    { display: block; width: 150px; }
        #home #col1    { width: 270px; } 
        #home #col2    { width: 120px; }
	.no_print      { display: none;  }
	.print_only    { display: block; }
	h1             { font-weight:bold; font-size: 18px; padding-left: 10px;}
}