html { min-height: 100%; margin-bottom: 1px }

body { background: black url(../images/bg-dark.gif) repeat top left; margin: 0; padding: 0; }
body, table { font: 12px "Lucida Grande", sans-serif; line-height: 1; color: #686A6A; line-height: 1.5; }
p { line-height: 1.6; margin: 0 0 0.5em 0; }

h1 { margin: 0; padding: 53px 12px 0 0; text-align: right; line-height: 1; }
h2 { font-size: 13px; color: white; margin: 0 0 0.5em 0; font-weight: normal; line-height: 1.4; }

img { border: 0; }
img.icon { vertical-align: middle; }

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

ul, ol { margin: 10px 0 10px 17px; padding: 0; }
li { margin: 0 0 2px 0; padding: 0; list-style-type: disc; list-style-position: outside; }

dl { margin: 0; padding: 0; }
dt, dd { margin: 0; padding: 0; }
dt { color: white; font-weight: bold; }
dd { margin-bottom: 0.2em; }

strong { font-weight: bold; color: #FBB711; }

p.intro { color: #4F5053; font-size: 16px; line-height: 1.5; text-shadow: black 0px 0px 2px; width: 85%; margin: 0 0 30px 12px; }

.yellow { color: #FBB711 !important; }
.orange { color: #EF6F20 !important; }
.lime { color: #BCD51F !important; }
.cyan { color: #2399E9 !important; }
.magenta { color: #E31D7A !important; }
.silver { color: #686A6A !important; }
.white { color: #ffffff !important; }

.box { background: url(../images/bg-box.gif); margin-bottom: 10px; }
	.box .nw { background: url(../images/box-nw.gif) no-repeat top left; }
	.box .ne { background: url(../images/box-ne.gif) no-repeat top right; }
	.box .se { background: url(../images/box-se.gif) no-repeat bottom right; }
	.box .sw { background: url(../images/box-sw.gif) no-repeat bottom left; }
	.box .inner { font-size: 12px; padding: 12px; }
	.flapless .se { background-image: url(../images/box-se-flapless.gif); }
	.tab-container .nw { background-image: none; }

.one-of-three { float: left; width: 246px; margin-right: 10px; }
.two-of-three { float: left; width: 247px; margin-right: 10px; }
.three-of-three { margin-left: 514px; width: 246px; }

.hider { display: block; }

.one-of-two { float: left; width: 375px; margin-right: 10px; }
.two-of-two { width: 375px; margin-left: 385px; }

.tabs { margin: 0; padding: 0; font-size: 90%; }
	.tabs a { background: url(../images/bg-box.gif); display: block; margin: 0 1em 0 0; float: left; color: #686A6A; }
	.tabs .nw { display: block; background: url(../images/box-nw.gif) no-repeat top left; }
	.tabs .ne { display: block; background: url(../images/box-ne.gif) no-repeat top right; }
	.tabs .inner { padding: 0.6em 1.6em; }
	.tabs .selected { color: #A6A79E; }

.tab-container-inner { position: relative; }
	.tab { overflow: hidden; }

.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }

#strip { background: url(../images/bg-light-shadow-3.gif) repeat center; margin: 24px 0 0px 0;  }
	#strip-inner { height: 231px; width: 760px; margin: 0 auto; }
	#strip h2 { margin: 0; padding: 0; margin: 30px 0 0 0; padding: 0 0 0 12px; font-size: 22px; line-height: 1; text-transform: lowercase; color: #FBB711; }

#nav { margin: 30px 0 0 0; padding: 0 0 0 12px; }
	#nav li { display: block; list-style: none; float: left; margin: 0 1px 0 0; padding: 0; }
	#nav a { display: block; height: 41px; text-indent: -10000px; overflow: hidden; text-align: left; }
		#nav a:active { outline: 0; }
#nav-home { width: 99px; background: url(../images/nav/home.gif); }
#nav-about { width: 140px; background: url(../images/nav/about_us.gif); }
#nav-services { width: 139px; background: url(../images/nav/services.gif); }
#nav-work { width: 85px; background: url(../images/nav/work.gif); }
#nav-contact { width: 130px; background: url(../images/nav/contact.gif); }
#nav-blog { width: 78px; background: url(../images/nav/blog.gif); }
#nav-home:hover, #nav-home.selected { background: url(../images/nav/home_h.gif); }
#nav-about:hover, #nav-about.selected { background: url(../images/nav/about_us_h.gif); }
#nav-services:hover, #nav-services.selected { background: url(../images/nav/services_h.gif); }
#nav-work:hover, #nav-work.selected { background: url(../images/nav/work_h.gif); }
#nav-contact:hover, #nav-contact.selected { background: url(../images/nav/contact_h.gif); }
#nav-blog:hover, #nav-blog.selected { background: url(../images/nav/blog_h.gif); }

#main { margin: 0 auto; width: 760px; }

#latest-work { float: left; margin-right: 5px; }
#latest-work .inner { width: 258px; }

#latest-trends { float: left; margin-right: 5px; }
#latest-trends .inner { width: 210px; }

#latest-news { margin-left: 526px; }
#latest-news .inner { width: 210px; }

#map-inner { padding: 22px; }

/* Services */

#home-row .inner { min-height: 142px; }
#about-row .inner { min-height: 175px; }
#services-row .inner { min-height: 140px; }
#contact-row .inner { min-height: 130px; }
#work-row .inner { min-height: 8em; }

#work-row .first { float: left; width: 503px; }
#work-row .last { margin-left: 514px; width: 246px; }

/* Case study mini list */

#case-study-list { height: 118px; }
#case-study-list .item { float: left; margin-right: 10px; display: block; width: 223px; height: 100px; background-position: 0 0; background-repeat: no-repeat; }

/* Work main page */
#all-work { width: 100%; }
#all-work td { padding: 12px 0; width: 33%; text-align: center; }

/* News Headlines */

#news-headlines { }
#news-headlines h3 { font-size: 11px; margin: 0 0 3px 0; line-height: 1; color: white; }

/* Slideshow */
.slideshow { }
  .slideshow ul { margin: 0; padding: 0; overflow: hidden; position: relative; }
    .slideshow li { margin: 0; padding: 0; display: block; list-style: none; overflow: hidden; position: absolute; top: 0; left: 0; }
      .slideshow li img { display: none; }
  .slideshow .caption { line-height: 1; float: left; }
  .slideshow .actuators { text-align: right; float: right; line-height: 1; }
  
/* Home page Slideshow */
#home-page-slideshow { width: 223px; }
  #home-page-slideshow ul { margin-bottom: 6px; width: 223px; height: 100px; }
    #home-page-slideshow li { width: 223px; height: 100px; }
  #home-page-slideshow .caption { font-size: 90%; }
  
/* Project Slideshow */
#project-slideshow { width: 480px; }
  #project-slideshow ul { margin-bottom: 8px; width: 480px; height: 215px; }
    #project-slideshow li { width: 480px; height: 215px; }
    
#footer { clear: left; color: white; font-size: 10px; line-height: 1.5; margin: 10px 0 10px 12px; text-shadow: black 0 0 3px; }
	#footer span { margin-right: 15px; }
	#footer a { color: white; }

/* Large slideshow */

#large-slideshow { position: relative; margin: 5px; overflow: hidden; height: 266px; }
	#large-slideshow .left-fade { position: absolute; left: 0; top: 0; z-index: 10000; display: block; height: 266px; width: 119px; }
	#large-slideshow .right-fade { position: absolute; right: 0; top: 0; z-index: 10001; display: block; height: 266px; width: 119px; }
	#large-slideshow ul { width: 5000px; margin: 0; padding: 0; position: absolute; top: 0; left: 155px; }
		#large-slideshow li { display: block; margin: 0 0 0 40px; padding: 0; list-style: none; float: left }
		#large-slideshow li.first { margin-left: 0 }
			#large-slideshow li img { display: block; width: 425px; }
#large-slideshow-buttons { padding: 5px 4px 8px 4px }		
	#large-slideshow-buttons .prev { float: left }
	#large-slideshow-buttons .next { float: right }

v\:* {
  behavior:url(#default#VML);
}