/* @override http://fusionlab.com/styles/styles.css */



*{
 margin: 0;
 padding: 0;
 list-style-type: none;
 color: #3F3F3F;
 text-decoration: none;
 border: none;
 font-family: arial, sans-serif;
 font-size: 1em;
 clear: both;
}

body {
 font-family: arial, sans-serif;
 font-size: 62.5%; /* using Richard Rutter's font-sizing technique--resize to 10px/pt */
 background: #fff;
}

a {
	color: #0087d6;
}

a:hover{
	text-decoration: none;
	color: #336699;
}

#contained{
 /* background: #e6e6e6; very light grey */
 background: #333;
}

      /* Create 760px stage within the container and center it */
#contained div, #contained #header div, #contained footer p{
 width: 760px;
 margin-left: auto;
 margin-right: auto;
}
      /* We only want the first divs to center, so make them exceptions to the above rule */
#contained div div, #contained #header, #contained #header div div, #contained #footer{
 width: auto;
 margin-left: 0;
 margin-right: 0;
}

#header{
 height: 239px;
}

#sub-head{
 height: 38px;
 position: relative;
}

#firm-phone{
 position: absolute;
 right: 0;
 bottom: 7px;
 border: 1px solid #EBEBEB;
 font-size: 1.1em;
 font-weight: normal;
 text-align: right;
 color: #888;
 padding: 2px;
}

object{
 clear: none;
 position: absolute;
 margin-left: 195px;
 margin-top: 39px; /* 86 pixels should match the top of "home" */
 /* 63pixels is the bottom of the fusionlab logo, 78 pixels is the beginning of the navigation menu */
}

#content object{
 position: relative;
 margin-left: 0;
 margin-top: 0;
}

#footer{
/* height: 30px;
 max-height: 30px; */
 line-height: 30px;
 font-size: 1.1em;
}

	/*
	footer
	*/

#footer{
   background: #fff url(../images/bg_bottom.gif) repeat-x bottom left !important;
}

#footer{
 height: 1%;
 font-size: 1.1em;
}

#contained #footer div.sections{
 overflow: hidden;
 height: %1;
 padding: 1em 0;
}

#contained #footer div.section{
 float: left;
 width: 196px;
 clear: none;
}

#contained #footer div.section.last{
 width: 163px;
}

#contained #footer div.section h3{
 font-size: 1.1em;
 font-weight: bold;
}

#contained #footer div.section li{
 font-size: 1.1em;
 font-weight: normal;
 line-height: 1.2em;
}

#footer p, #contained #footer div.sections{
 width: 565px;
 padding-left: 195px;
 margin-left: auto;
 margin-right: auto;
}
#footer p{
 height: 30px;
 max-height: 30px;
 line-height: 30px;
}
   /*
   NAVIGATION
   */
#navigation ul{
 position: absolute;
 margin-left: 30px;
}
 /* navigation background box */
#navigation li{
 float: left;
 clear: both;
 display: inline;
 width: 135px;
 height: 28px;
 max-height: 28px;
 background: #fff;
}
#navigation a{
 font-size: 1.4em;
 font-weight: bold;
 height: 12px;
 line-height: 12px;
 float: left;
 display: inline;
 padding: 8px;
 color: #4c4c4c;
}
#navigation #n_logo{
 margin-bottom: 15px;
 height: 63px;
 max-height: 63px;
}
#navigation #n_logo a{
 padding: 0;
}
   /* add arrows to specific pages */
#home #n_home a, #aboutus #n_aboutus a, #news #n_news a, #services #n_services a, #works #n_works a, #clients #n_clients a, #contact #n_contact a{
 padding-right: 14px;
 /* color: #8B5C29; */
 color: #000;
 background: url(../images/menu_arrows.gif) no-repeat right center;
}
body.home #n_works a{
    color: #4c4c4c !important;
    background-image: none !important;
}
body.home #n_works a:hover{
    color: #336699 !important;
}

#navigation a:hover {
	color: #336699;
}
#navigation #n_logo a:hover{
 background: none;
}

a.external{
	padding-right: 14px;
	background: url("../images/external.gif") no-repeat center right;
}

a.externalb{
	padding-right: 14px;
	background: url("../images/externalb.gif") no-repeat center right;
}

a.externalc{
	padding-right: 14px;
	background: url("../images/externalc.gif") no-repeat center right;
}

a.externald{
	padding-right: 14px;
	background: url("../images/externald.gif") no-repeat center right;
}

a.externale{
	padding-right: 14px;
	background: url("../images/externale.gif") no-repeat center right;
}

a.externalf{
	padding-right: 14px;
	background: url("../images/externalf.gif") no-repeat center right;
}


   /*
   CONTENT REGION
   */
#contained #content{
 padding-left: 195px;
 width: 565px;
 font-size: 1.1em;
}

#works #contained #content{
 width: 760px;
 padding: 0;
}

/* #home #contained #content{
 width: 760px;
 padding: 0;
} */

#contained #content *{
 clear: none;
}

#content h1 {
 margin: 1.2em 0 0.6em; 0;
 font-size: 1.6em;
}

#additional h1 {
 margin: 0.5em 0 0.2em 0;
 padding: 0 0.4em;
 font-size: 1.6em;
 color: #3F3F3F;
}

#additional p {
 margin: 0.1em 0 1.1em 0;
 padding: 0.4em 0.5em;
}

#content h2 {
 margin: 1.2em 0 0 0;
 font-size: 1.2em;
 color: #000;
}

#content h2 a {
 color: #3777b3;
}

#content h2 a:hover {
 text-decoration: none;
 color: #38465b;
}

#content h2 em a:hover{
	text-decoration: none;
	color: #336699;
}

#content h3 {
 margin: 0 0 0.8em 0;
 font-size: 1.4em;
 color: #333;
}

#content h4 {
 margin: 0 0 1.8em 0;
 padding: 0;
 font-size: 0.9em;
 color: #333;
 text-align: right;
 font-weight: normal;
 font-style: normal;
}


#content p {
 margin: 0 0 1em 0;
 font-size: 1.1em;
 line-height: 1.4em;
}

#content ol {
 margin: 0 0 1em 1.4em;
}

#content ul {
 margin: 1.0em 0 1em 1.4em;
}

#content ul li {
 margin: 0 0 1em 0;
 font-size: 1.1em;
 line-height: 1.4em;
 list-style-position:outside;
}

#content ol li {
 margin: 0 0 1em 0.7em;
 font-size: 1.1em;
 line-height: 1.4em;
 list-style-type: decimal-leading-zero;
 list-style-position:outside;
}

#contained #additional {
 float: left;
 margin-left: 30px;
 /* margin-top: 1.2em; box aligned with first sentence */
 margin-top: 5.9em;
 width: 135px;
 clear: none;
 background-color: #ffffff;
 /* background-image: url(../images/latest_news_bg.gif);  */
}


#contained #additional.not-home{
   margin-left: -165px;
   margin-top: -8px;
}

#contained #additional.not-home ul{
   margin-left: 8px;
   margin-right: 5px;
}

#contained #main_content {
 float: right;
 clear: none;
 width: 565px;
}

#fineprint {
	font-size: 0.9em;
	padding: 10px 10px 1px 10px; 
	margin-bottom: 10px;
	background-color: #DCDCDC; 
}

#fineprint h3 {
	font-size: 1.3em;
}

   /*
   HOME-SPECIFIC
      (for links see NAVIGATION) */

#home #contained{
   /* Top colored/white lines */
   background: #ebebeb url(../images/bg_top.gif) repeat-x top left;
}

	/* overwrites the top image - for a different homepage header */

body.home #header {

background: url(../images_intro/rotate.php) no-repeat center 39px !important;

/* background: url(../images_home/04.jpg) no-repeat center 39px !important; */
}

#home #header{
   /* background: url(../images/home_header_bg.jpg) no-repeat center 39px; */
   /* background: url(../images/works_header_bg.jpg) no-repeat center 39px; */
	  background: url(../images_intro/home.jpg) no-repeat center 39px;
   /* background: url(../images_intro/rotate.php) no-repeat center 39px; */
}

#home #footer{
   background: url(../images/bg_bottom.gif) repeat-x top left;
}

   /*
   ABOUT US-SPECIFIC
   */

#aboutus #contained{
   /* Top colored/white lines */
   background: #ebebeb url(../images/bg_top.gif) repeat-x top left;
}

#aboutus #header{
   /* background: url("images/home_header_bg.jpg") no-repeat center 39px; */
   background: url(../images_intro/rotate.php) no-repeat center 39px;
}

#aboutus #footer{
   background: url(../images/bg_bottom.gif) repeat-x top left;
}

   /*
   NEWS-SPECIFIC
   */

#news #contained{
   /* Top colored/white lines */
   background: #ebebeb url(../images/bg_top.gif) repeat-x top left;
}

#news #header{
   /* background: url("images/home_header_bg.jpg") no-repeat center 39px; */
   background: url(../images_intro/rotate.php) no-repeat center 39px;
}

#news #footer{
   background: url(../images/bg_bottom.gif) repeat-x top left;
}


   /*
   WORKS-SPECIFIC
   */
#works #contained{
   background: #ebebeb url(../images/bg_top.gif) repeat-x top left;
}

#works #header{
   background: url(../images/works_header_bg.jpg) no-repeat center 39px;
}

#works #footer{
   background: url(../images/bg_bottom.gif) repeat-x top left;
}

#contained #main_content div.work{
 clear: both;
 /* background: #e6e6e6; */
 padding-bottom: 2em;
}

div.work h3{
 float: left;
 font-weight: normal;
 color: #000;
 margin-bottom: 1.5em;
 font-size: 1.3em;
 width: 325px;
}

div.work h3 strong{
 font-weight: bolder;
 color: #333;
 margin-bottom: 0.1em;
}

div.work a {
 font-weight: bold;
 padding-right: 5px;
 color: #000;
}

div.work a:hover {
 font-weight: bold;
 font-style: normal;
 color: #336699;
}

div.work em {
 font-size: 1.3em;
 font-style: normal;
 color: #000;
 color: #4c4c4c;
}


#contained #main_content div.work p{
 clear: left;
 margin-bottom: 1.5em;
 width: 325px;
}

div.work span{
 float: right;
 width: 210px;
 height: 140px;
 overflow: hidden;
}

#contained #main_content div.work hr{
 clear: both;
 width: 325px;
 height: 1px;
 background: #fff;
}

#content hr{
 clear: both;
 width: 565px;
 height: 1px;
 background: #fff;
 margin-bottom: 15px;
}

   /*
   Portfolio
   */

body.portfolio #contained div.works{
 width: 576px;
 max-width: 576px;
 height: auto;
 /* max-height: 408px; */
 overflow: hidden;
 margin-top: 2em;
}

body.portfolio #contained div.works div.project{
 float: left;
 clear: none;
 width: 181px;
 max-width: 181px;
 height: 128px;
 max-height: 128px;
 margin: 0 11px 8px 0;
 _display: inline;
}
body.portfolio #contained div.works div.full.project{
 width: 565px;
 max-width: 565px;
 height: 250px;
 max-height: 250px;
}

body.portfolio div.works div.project h4{
 position: absolute;
 width: 181px;
 max-width: 181px;
 font-size: 1.1em;
 font-weight: bold;
 z-index: 10;
 overflow: hidden;
 max-height: 128px;
}

body.portfolio div.works div.full.project h4{
 width: 565px;
 max-width: 565px;
 font-size: 1em;
}

body.portfolio div.works div.project h4 a{
 display: block;
 width: 165px;
 max-width: 165px;
 height: 128px;
 max-height: 128px;
 padding: 0 8px 0 8px;
 background-color: #828282;
 line-height: 1em;
 _line-height: 27px;
 font-size: 1.1em;
 font-weight: bold;
 height: 27px;
 min-height: 27px;
 opacity: .95;
 color: #fff;
 text-align: left;
 vertical-align: middle;
}
body.portfolio div.works div.project h4 a:first-line{
 line-height: 27px !important;
}

body.portfolio div.works div.full.project h4 a{
 line-height: 1em;
 _line-height: 35px;
 height: 35px;
 min-height: 35px;
 width: 549px;
 max-width: 549px;
 background-color: #828282;
 font-size: 1.8em;
}
body.portfolio div.works div.full.project h4 a:first-line{
 line-height: 35px !important;
}


body.portfolio div.works div.project h4 a:hover,
body.portfolio div.works div.project h4 a.hoverState,
body.portfolio div.works div.project:hover h4 a{
 color: #e2eefa;
}


body.portfolio #contained div.works div.project p{
 width: 181px;
 max-width: 181px;
 height: 128px;
 max-height: 128px;
 z-index: 8;
 margin: 0;
}
body.portfolio #contained div.works div.full.project p{
 width: 565px;
 max-width: 565px;
 height: 250px;
 max-height: 250px;
}

#project_nav{
 position: absolute;
 right: 0;
 text-align: right;
}

/* fixes issue with project_nav sticking out when using Flash
*/
#flash #project_nav {
	 position: static;
	 float: right;
}

	
#project_nav a{
 position: relative;
 top: -1px;
}
#project_nav a:hover{
 text-decoration: underline;
}
#project_nav span.numbers{
 font-size: .91667em;
}

#project_nav_title{
 position: absolute;
}
   /*
   SERVICES-SPECIFIC
   */
#services #contained{
   background: #ebebeb url(../images/bg_top.gif) repeat-x top left;
}

#services #header{
  background: url(../images/services_header_bg.jpg) no-repeat center 39px;
}

#services #footer{
  background: url(../images/bg_bottom.gif) repeat-x top left;
}

#services #footer{
	background-color:#FFF;
	}

   /*
   CLIENTS-SPECIFIC
   */
#clients #contained{
   background: #ebebeb url(../images/bg_top.gif) repeat-x top left;
}

#clients #header{
   background: url(../images/clients_header_bg.jpg) no-repeat center 39px;
}

#clients #content div{
	float: left;
	width: 250px;
	margin-right: 30px;
	clear: none;
}

#clients #content div h3{
	color: #66a48b;
	}

#clients #content div div{
	float: none;
	width: auto;
	margin-right: 0;
	clear: both;
}

#clients #footer{
   background: url(../images/bg_bottom.gif) repeat-x top left;
}

   /*
   CONTACT-SPECIFIC
   */
#contact #contained{
   background: #ebebeb url(../images/bg_top.gif) repeat-x top left;
}

#contact #header{
   background: url(../images/contact_header_bg.jpg) no-repeat center 39px;
}

#contact #content{
 position: relative;
}

#contact #footer{
  background: url(../images/bg_bottom.gif) repeat-x top left;
}
   /* hide layer with text div */


   /*
   SITEMAP-SPECIFIC
   */
#sitemap #contained{
   background: #ebebeb url(../images/bg_top.gif) repeat-x top left;
}

#sitemap #header{
  background: url(../images/sitemap_header_bg.jpg) no-repeat center 39px;
}

div#map
{
margin: 0px 20px 0px 20px;
display: none;
}
div#web
{
margin: 0px 20px 0px 20px;
display: none;
}
div#print
{
margin: 0px 20px 0px 20px;
display: none;
}
div#video
{
margin: 0px 20px 0px 20px;
display: none;
}
div#news1
{
margin: 0px 20px 0px 20px;
display: none;
}
div#news2
{
margin: 0px 20px 0px 20px;
display: none;
}
div#news3
{
margin: 0px 20px 0px 20px;
display: none;
}

/* using definition lists on the contact form */

form dd {
	margin: 0px 0 15px 0;
}

form dt {
	float: left;
	width: 80px;
	padding-right: 10px;
}

form #project{
    height: 9em;
}

div.form_error{
 position: absolute;
 top: 0;
 left: 30px;
 width: 135px !important;
}

span.s{ text-decoration: line-through; font-style: italic; opacity: .5; }
span.n{ font-style: italic; opacity: .5; }