/* globals */
body 
{  
   font: 11px/140% verdana,helvetica,sans-serif;
   color: #666;
   background: #fff;
   text-align: center;
   margin: 30px 0 20px 0;
   padding: 0;
}
* { margin: 0; padding: 0;}
p { margin: 0 0 10px 0; }
.inline { display: inline; }
.left { float: left; }
.right { float: right; }
.none { float: none; }
.center { text-align: center; }
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.nomargin { margin: 0; }
.small { font-size: 10px; }
ul.no-bullets { list-style: none; }
ul { margin: 15px; }
ol { margin: 10px 10px 10px 20px; }
ul li, ol li { margin-left: 10px; }
.clear 
{
   margin: 0;
   padding: 0;
   clear: both;
   display: block;
   height: 1px;
   font-size: 1px;
   line-height: 1px;
}
.clearfix:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* forms */
input, select, textarea, label
{
   font-family: verdana,helvetica,sans-serif;
   font-size: 11px;
}
.inputbox 
{
   padding: 2px;
   border: 1px solid #A7B543;
}
select 
{
}
textarea 
{
   padding: 2px;
   border: 1px solid #A7B543;
}
.button 
{
   background-color: #fff;
   border: 1px solid #A7B543;
   color: #666;
   font-size: 10px;
   font-weight: bold;
   text-transform: uppercase;
}
.button2
{
   background-color: #990;
   border: 1px solid #A7B543;
   color: #fff;
   font-size: 10px;
   font-weight: bold;
   text-transform: uppercase;
}
.row
{
   margin-bottom: 5px;
}
label, .label
{
   font-weight: normal;
   margin-bottom: 5px;
}
.field 
{
   font-weight: normal;
}
.required 
{
   color: #990;
}
.errormsg 
{
   color: #f00;
}
.readonly
{
   background: #ebebeb;
}

/* links */
a:link
{
   color: #990;
   text-decoration: underline;
}
a:visited 
{
   color: #996;
   text-decoration: underline;
}
a:hover 
{ 
   text-decoration: none;
}

/* headers */
h1
{   
   color: #333;
   font-size: 14px;
   font-weight: normal;
   text-transform: uppercase;
   padding-bottom: 5px;
   border-bottom: 1px solid #88a4af;
   margin: 0 0 20px 0;
   padding-left: 50px;
}
h2
{   
   color: #990;
   font-size: 14px;
   font-weight: normal;
   margin: 0 0 10px 0;
   padding: 0;
}
h3
{   
   color: #414141;
   font-size: 11px;
   font-weight: bold;
   margin: 0 0 0 0;
}

/* global */
#wrap
{
   text-align: left;
   margin: 0 auto;
   width: 760px;
}

/* topbar */
#topbar
{
   width: 760px;
   height: 48px;
   margin: 0 0 22px 0;
   padding: 0 40px;
   width/**/: 680px;
}
#logo
{
   float: left;
   width: 250px;
   height: 48px;
}
#logo a:link, #logo a:visited
{
   display: block;
   background: url(../_img/shared/logo.gif) no-repeat;
   clip: rect(0, 250px, 48px, 0);
   padding: 48px 0 0 0;
   height: 0 !important;
   overflow: hidden;
   width: 250px;
   height /**/: 48px;
   text-decoration: none;
}
#logo a:hover
{
   background: url(../_img/shared/logoroll.gif) no-repeat;
   text-decoration: none;
}
#utilitynav ul
{
   float: right;
   display: block;
   margin: 0;
   width: 90px;
}
#utilitynav ul li
{
   list-style: none;
   margin: 0;
}
#utilitynav a:link, #utilitynav a:visited
{
   display: block;
   padding: 24px 0 0 0;
   height: 0 !important;
   overflow: hidden;
   clip: rect(0, 90px, 24px, 0);
   width: 90px;
   height /**/: 24px;
}
#utility-aboutus a:link, #utility-aboutus a:visited {
   background: url(../_img/shared/about_butt.gif) no-repeat;
}
#utility-aboutus a:hover, #utility-aboutus.active a:link, #utility-aboutus.active a:visited {
   background: url(../_img/shared/about_buttroll.gif) no-repeat;
}
#utility-contactus a:link, #utility-contactus a:visited {
   background: url(../_img/shared/contact_butt.gif) no-repeat;
}
#utility-contactus a:hover, #utility-contactus.active a:link, #utility-contactus.active a:visited {
   background: url(../_img/shared/contact_buttroll.gif) no-repeat;
}

/* main nav */
#mainnav
{
   display: block;
   background-color: #333;
   width: 760px;
   height: 25px;
}
#mainnav ul
{
   display: block;
   width: 760px;
   height: 25px;
   margin: 0;
}
#mainnav li
{
   list-style: none;
   float: left;
   height: 25px;
   margin: 0;
}
#mainnav li.last
{
   float: right;
   padding-right: 20px;
}
.looking #mainnav li
{
   border-right: none;
}
.looking #mainnav li.last
{
   float: right;
   padding-right: 20px;
}
#mainnav a:link, #mainnav a:visited
{
   display: block;
   margin-left: 25px;
   padding: 25px 0 0 0;
   height: 0 !important;
   overflow: hidden;
   height /**/: 25px;
}
#menu-people a:link, #menu-people a:visited {
   clip: rect(0, 215px, 25px, 0);
   width: 215px;
   background: url(../_img/shared/people_buttbig.gif) no-repeat;
}
#menu-people a:hover, #menu-people.active a:link, #menu-people.active a:visited {
   background: url(../_img/shared/people_buttbigroll.gif) no-repeat;
}
#menu-work a:link, #menu-work a:visited {
   clip: rect(0, 200px, 25px, 0);
   width: 200px;
   background: url(../_img/shared/work_buttbig.gif) no-repeat;
}
#menu-work a:hover, #menu-work.active a:link, #menu-work.active a:visited {
   background: url(../_img/shared/work_buttbigroll.gif) no-repeat;
}
.looking #mainnav #menu-people.last a:link, .looking #mainnav #menu-people.last a:visited {
   clip: rect(0, 145px, 25px, 0);
   width: 145px;
   background: url(../_img/shared/people_buttsmall.gif) no-repeat;
}
.looking #mainnav #menu-people.last a:hover {
   background: url(../_img/shared/people_buttsmallroll.gif) no-repeat;
}
.looking #mainnav #menu-work.last a:link, .looking #mainnav #menu-work.last a:visited {
   clip: rect(0, 134px, 25px, 0);
   width: 134px;
   background: url(../_img/shared/work_buttsmall.gif) no-repeat;
}
.looking #mainnav #menu-work.last a:hover {
   background: url(../_img/shared/work_buttsmallroll.gif) no-repeat;
}
#subnav
{
   width: 220px;
}
#subnav ul
{
   margin: 0;
}
#subnav li
{
   list-style: none;
   margin: 0;
   border-bottom: 1px solid #d1d895;
}
#subnav li.last
{
   border-bottom: none;
}
#subnav li a:link, #subnav li a:visited
{  
   display: block;
   padding: 5px 0 5px 25px;
   margin: 0;
   text-decoration: none;
   color: #333;
}
#subnav li a:hover, #subnav li.active a:link, #subnav li.active a:visited
{
   text-decoration: none;
   color: #990;
}

/* header */
#header
{
   margin-bottom: 50px;
}

/* body */
#thebody
{
   margin: 0 40px;
} 
#maincontent
{ 
   float: left;
   width: 300px;
} 
#sidebar
{
   float: right;
   width: 300px;
}
.main #thebody
{
   margin: 0;
} 
.main #maincontent
{ 
   float: left;
   width: 510px;
}
.main #maincontent .container
{ 
   margin: 30px 30px 0 0;
}
.main #sidebar
{ 
   float: left;
   width: 250px;
}
.main #sidebar .container
{ 
   margin: 25px 15px;
}

/* home */
#sec-home #flash
{
   margin-bottom: 30px;
}

/* about us */
#sec-about-us #thebody
{
   background: #fff url(../_img/about_us/aboutus_bg.jpg) no-repeat;
   height: 640px; 
}
html>body#sec-about-us #thebody
{ 
   height: auto; 
   min-height: 640px; 
}
#sec-about-us #maincontent
{ 
   width: 445px;
}

/* testimonials */
#testimonials
{
   margin: 50px 10px 20px 10px;
   width: 200px;
   font-size: 12px;
   line-height: 18px;
   color: #990;
}
#testimonials .source
{
   text-align: left;
   font-weight: bold;
   color: #666;
   display: block;
   font-size: 11px;
   padding-left: 10px;
}



/* footer */
#footer
{
   clear: both;
   text-align: center;
   font-size: 10px;
   margin-top: 50px;
   color: #666;
}
#footer a 
{
   color: #666;
   text-decoration: none;
}
#footer ul
{
   margin: 0 0 5px 0;
   padding-bottom: 5px;
   width: 760px;
   text-align: center;
   border-bottom: 1px solid #d1d895;
}
#footer ul li
{
   list-style: none;
   display: inline;
   margin: 0;
}
#footer ul li a
{
   padding: 5px 10px;
}
#footer span
{
   clear: both;
}