@charset "utf-8";
/* SLA CSS Document */
* {
	padding:0;
	margin:0;
	}
body {
	background: url(../i/back.gif) top left;
	text-align:center;
	margin:0;
	padding:0;
	font: small/1.75em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height:1.3;
	color: #486653; 
	}
	
#wrapper {
	width:921px;
	margin:0 auto 0 auto;
	text-align:left;
	
	}
ol, ul {margin-left:20px;}

a, a:link, a:visited a:active {color:#d37c00;}
a:hover {color:#486653;}


/* =LAYOUT
--------------------------------------------------------------------------------*

#header {width:100%;background: url(../i/topback_large.gif) top center repeat-x;height:100px;}
#header .gutter {width:904px;margin:0 auto;}
#header h1.logo {text-indent:-9999px;}
#header h1.logo a {
	background: url(../i/logo2.gif) top left no-repeat;
	display:block;
	width:284px;
	height:99px;
	float:left;
	} */
	
#logo{
	width: 162px;
	height: 208px;
	background-image:url(../i/logo.png);
	float:left;
	
	}
#logo h1 {text-indent:-999999px;}
#logo h1 a {
	display:block;
	width: 162px;
	height: 208px;
	}	
#header-wrap{
	width: 759px;
	height: 208px;
	float:right;
	}
	
#header{
	width: 759px;
	height: 182px;
	background-image:url(../i/header.png);
	}
	

#nav-buffer{
	width: 921px;
	height: 23px;
	background-image:url(../i/nav_buffer.png);
	float:left;
	}
	
#content-wrap{
	width: 921px;
	background-image:url(../i/content_back.png);
	float:left;
	}
	
	
#left-col {
	width:142px;
	float: left;
	margin:23px 3px 0px 16px;
		
	}	
	
#right-col {
	width:759px;
	float:right;
	
	}	
	
#page-title {
	width:759px;
	height:23px;
	background-image:url(../i/company_profile.png);
	float:left;
	
	}
	
#content-area {
	width:759px;
	}
	
#content-text {
	width:387px;
	margin: 20px 18px 0px 19px;
	float:left;
	
	}
	
#content-text p{
	width:386px;
	
	
	}
	
	
#content-pics {
	width:335px;
	height: 284px;
	float:right;
	background-image:url(../i/pics_back.png);
	margin-top:25px;
	
	
	}
	
#main-pic {
	width:309px;
	height: 260px;
	margin: 13px 13px;
	
	}
	
#thumbnail-viewer{
	padding-top: 13px;
	width:284px;
	height: 100px;
	
	}
	
#footer01{
	width: 921px;
	height: 123px;
	background-image:url(../i/footer01.png);
	clear:both;
	float:left;
	}
	
#footer02 {
	width: 921px;
	height: 100px;
		clear:both;
	}
	
#footer02 p {
	text-align:center;
	font-size:.9em;
	color:#999999;
	line-height: 15px;
	margin-right:40px; 
	margin-top:10px; 
	
	}
		
#footer02 p.bbd, p.bbd a:link, p.bbd a:visited, p.bbd a:active {color:#fff;}
	
/* Main navigation
----------------------------------------------------------------------------------------------------------------------------------------- */



ul#mainmenu {
	height: 26px;
	width: 759px;
	background: transparent url(../i/menu2.gif)  no-repeat;
	position: relative;
	margin:0;
	padding:0;
	}

ul#mainmenu li {
	list-style: none;
	position: absolute;
	margin:0;
	padding:0;
	}
	
ul#mainmenu li, ul#mainmenu a {
	height: 26px;
	display: block;
	}
	
ul#mainmenu li a {
	text-indent: -9999px;
	text-decoration: none;
	}
	
ul#mainmenu li {
	text-indent: -9999px;
	text-decoration: none;
	}	
	
#home {left: 0px;width: 85px;}
#news	{left: 89px;width: 79px;}
#profile	{left: 171px;width: 97px;}
#projects	{left: 269px;width: 108px;}	
#services	{left: 379px;width: 103px;}
#clients	{left: 487px;width: 95px;}
#contact	{left: 584px;width: 105px;}

#home a:hover{background: transparent url(../i/menu2.gif)  -0px -26px no-repeat;}
#news a:hover {background: transparent url(../i/menu2.gif) -89px -26px no-repeat;}
#profile a:hover {background: transparent url(../i/menu2.gif) -171px -26px no-repeat;}
#projects a:hover {background: transparent url(../i/menu2.gif) -269px -26px no-repeat;}
#services a:hover {background: transparent url(../i/menu2.gif) -379px -26px no-repeat;}
#clients a:hover {background: transparent url(../i/menu2.gif) -487px -26px no-repeat;}
#contact a:hover {background: transparent url(../i/menu2.gif) -584px -26px no-repeat;}


/* Main navigation "active tabs"
----------------------------------------------------------------------------------------------------------------------------------------- */

body#home-page #home {background: transparent url(../i/menu2.gif) -0px -26px no-repeat;}	
body#news-page #news {background: transparent url(../i/menu2.gif) -89px -26px no-repeat;}	
body#profile-page #profile {background: transparent url(../i/menu2.gif) -171px -26px no-repeat;}	
body#projects-page #projects {background: transparent url(../i/menu2.gif) -269px -26px no-repeat;}	
body#services-page #services {background: transparent url(../i/menu2.gif) -379px -26px no-repeat;}	
body#clients-page #clients {background: transparent url(../i/menu2.gif) -487px -26px no-repeat;}	
body#contact-page #contact {background: transparent url(../i/menu2.gif) -584px -26px no-repeat;}	

/* nav + sub nav
----------------------------------------------------- */

#nav {
	height: 26px;
	width: 759px;
	background: transparent url(../i/nav_bar.png)  no-repeat;
	position: relative;
	list-style:none;
	margin:0;
	padding:0;

}

#nav li {
	float: left;
	margin: 0;
	font-size:14px;
	font-family:"Times New Roman", Times, serif;
		padding: 0px 15px 0px 15px;

		
}

#nav li a {
	display: block;
	padding: 3px 15px 5px 15px;
	font-weight: bold; 
	text-transform:uppercase;
	letter-spacing:0.05px;
	
}

#nav li a:link, #nav li a:visited {
	color: #fff;
	text-decoration: none;
}

#nav li a:hover {
	background-color: transparent;
	color: #336651;
	background-color: #fff;
	text-decoration: none;
}

#nav li.here a:link, #nav li.here a:visited, #nav li.here a:hover {
	background-color: #fff;
	color: #336651;
	text-decoration: none;
}








/* Sub collection navigation
----------------------------------------------------------------------------------------------------------------------------------------- */


ul#nav_sub {
	width: 142px;
	margin:0;
	padding:0;
	
	position: relative;
	text-align:right;
	
	}

ul#nav_sub li {

	list-style: none;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 6px;

	
	}
	
ul#nav_sub li a {
	list-style: none;
	text-decoration: none;
	color: #486653;
font-size:11px;
	}
	
ul#nav_sub li a:hover{
	color: #fff;
	

	}

/* Level 0 - Parents */
ul#nav_sub li a {color: #d37c00/*486653*/;}
/* or */
ul#nav_sub li.sub_level_0 a {padding: 0px;}
ul#nav_sub li.here a {color:#486653;}

/* Level 1 - Children */
ul#nav_sub li ul li a {color: #999; }
/* or  */
ul#nav_sub li ul li.sub_level_1 a {padding: 0;color: #d37c00/*486653*/;} 
ul#nav_sub li ul li.sub_level_1 a:hover {padding: 0;color: #fff;}
ul#nav_sub li ul li.here a {color:#486653;}

/* Sub navigation "active tabs"
----------------------------------------------------------------------------------------------------------------------------------------- */

body#about-page #subnav_a  { background-image:url(../i/submenu_on_back.png)}	
body#about-page #subnav_a  a {color:#fff; }

body#expertise-page #subnav_b  { background-image:url(../i/submenu_on_back.png)}	
body#expertise-page #subnav_b  a {color:#fff; }


/* Highslide CSS
----------------------------------------------------------------------------------------------------------------------------------------- */
	

.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-image {
	border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

/* -------------------------------------------------- TYPOGRAPHY -------------------------------- */
h1,h2,h3.h4,h5,h6 {font-weight:normal;}
h1 { 
	margin-bottom: 15px;
	font-size: 220%;
	color: #000;
}

h1 a:link, h1 a:visited {
	color: #000;
	text-decoration: none;
}

h1 a:hover {
	color: #2686d0;
	text-decoration: none;
	background-color: transparent;
}

h2.title {
	margin: 10px 0 10px 0;
	font-size: 20px; 
}

h3 {
	margin-bottom: 15px;
	font-size: 150%; 
}

h4 {
	margin-bottom: 15px;
	font-size: 16px; 
}
h4.title {font-weight:normal;}
h5, h6 {
	margin-bottom: 5px;
	font-size: 110%; 
}

p { margin-bottom: 20px; }
p.date {font-weight:bold;margin-bottom:10px;}
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
<![CDATA[
    /*****************************************************************************
    These styles should be at the bottom of `sifr.css`. Make sure that they're
    only applied for the screen media type!
    *****************************************************************************/
    
    .sIFR-active h1,
    .sIFR-active h2.title,
    .sIFR-active h3,
    .sIFR-active h4,
    .sIFR-active h5#pullquote {
      visibility: hidden;
      font-family: Verdana;
    }

    .sIFR-active h1 {
      padding-bottom: 0;
    }

    .sIFR-active h2.title {

      display: block;
    }

    .sIFR-active h3 {
      font-size: 18px;
    }

    .sIFR-active h4 {
      font-size: 21px;
      font-weight: normal;
    }

    .sIFR-active h5#pullquote {
      font-size: 24px;
    }
  ]]>
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */

}