html {height:100.1%;}

body, html {
  margin: 0;
  padding: 0;
  border: 0;
  font: 13px arial, helvetica, sans-serif;
  color: #555;
  background: #fff;
  text-align: center;
  padding-bottom: 3em;
}

img {border: 0;}

a:focus { outline:0; }
a { color:#acd; text-decoration:none; }
a:hover { color:#ccc; text-decoration:underline; }


/* Top Navigation -------------------------------------------------------------- */

#masthead { float:left; position:relative; width:100%; background:transparent url(../images/nav/mastheadbg.gif) repeat-x; }
#header { width:960px; height:120px; margin:0 auto; }
#logo { float:left; }

#nav { float:right; margin:50px 5px 0 0; text-align:center; font:15px arial, helvetica, sans-serif; xbackground:#ccc; overflow:visible;}
#nav ul { float:right; height:40px; list-style:none; margin:0; color:#acd;}
#nav li { float:left; display:inline; margin:0; padding:0 6px 0 6px; height:40px; line-height:40px;}
#nav li img { vertical-align:top; }
#nav li a { color:#acd; text-decoration:none; display:block; }
#nav li a:hover { color: #fff; text-decoration:none; background-image: url(../images/nav/arrow.gif); background-repeat:no-repeat; background-position:50% 100%;}
#nav li .selected { color: #fff; text-decoration:none; background-image: url(../images/nav/arrow.gif); background-repeat:no-repeat; background-position:50% 100%;}

/* Home Page ---------------------------------------------------------------- */

      div.area { position:relative; width:930px; margin:0 auto; text-align:center; font-size:110%; line-height:1.5em; color:#fff; }  
      div.rotator { float:left; position:relative; width:930px; xheight:450px; padding:0; text-align:center; }
      
      div.rotatorInfo { position:absolute; top:300px; left:0; width:890px; height:60px; padding:20px; text-align:left; overflow:hidden; z-index:1000; background:url(../images/homepage/overlay.png) repeat-x; }
      
      div.rotatorInner { float:left; position:relative; width:930px; height:400px; margin-bottom:20px; padding:0; text-align:left; }

      div.r1 { background: #000; }
      div.r1 p { margin-top: 20px; text-align: left; }
      
      div.navigation { position:relative; width:15%; margin:0 auto; text-align:center; }
      div.navigation div.current, div.navigation a { width:24px; height:24px; margin:0 8px 0 0; float:left; overflow:hidden; }
      div.navigation a:hover { text-decoration:none; background:url(../images/homepage/navigation-hover.gif) no-repeat; }
      div.navigation div.current { background:url(../images/homepage/navigation-current.gif) no-repeat; }
      div.navigation a { display: block; background:url(../images/homepage/navigation.gif) no-repeat; }    


/* Page Content ---------------------------------------------------------------- */

#wrapper { position:relative; margin: 0 auto; width: 980px; }

#subnav { float:right; margin:0 15px 0 0; text-align:right; font:13px arial, helvetica, sans-serif; }
#subnav ul { float:right; height:40px; list-style:none; margin:0; color:#555; }
#subnav li { float:left; display:inline; margin:0; padding:0 0 0 20px; height:40px; line-height:40px;}
#subnav li a { color:#59c; text-decoration:none; display:block; }
#subnav li a:hover { color: #333; text-decoration:none; }
#subnav li .selected { color: #333; text-decoration:none; }

.next a { width:19px; display:block; background:url(../images/nav/subnav-next.gif) no-repeat top left; }
.next a:hover { background:url(../images/nav/subnav-next.gif) no-repeat bottom left; }
.prev a { width:19px; display:block; background:url(../images/nav/subnav-prev.gif) no-repeat top left; }
.prev a:hover { background:url(../images/nav/subnav-prev.gif) no-repeat bottom left; }
.next img, .prev img {width:19px; height:40px; }

#feature { float:left; position:relative; width:980px; margin:0; background:transparent url(../images/content/featuremid.jpg) repeat-y;}
#featuretop { float:left; width:980px; margin:0; }
#featuremid { float:left; position:relative; width:980px; height:470px; margin:0; clear:both; }
#generic { float:left; position:relative; width:980px; margin:0; background:transparent url(../images/content/genericmid.jpg) repeat-y;}
#generictop { float:left; width:980px; margin:0; }
#genericmid { float:left; position:relative; width:980px; height:470px; margin:0; clear:both; line-height:1.5em; }

.bg_work { background:transparent url(../images/content/featuremid-work.jpg) no-repeat top left; } 
.bg_thumb { background:transparent url(../images/content/featuremid-thumb.jpg) no-repeat top left; } 

#feature_content { position:relative; width:960px; margin:0 auto; text-align:left; padding-top:40px; padding-left:40px; padding-bottom:40px; }
#feature_desc { float:left; position:relative; text-align:left; width:350px; margin:0 0 40px 0; color:#FFF; }
#feature_desc h1 { font:bold 34px arial, helvetica, sans-serif; margin:0; line-height:40px; }
#feature_desc h1 a { color:#CCC; text-decoration:none; }
#feature_desc h1 a:hover { color:#FFF; text-decoration:none; }
#feature_content p { font:13px arial, helvetica, sans-serif; }
#feature_img { float:left; position:relative; text-align:left; width:450px; margin:0px 0 40px 65px; color:#FFF; }

#feature_descwide { float:left; position:relative; text-align:left; width:880px; margin:0 0 40px 0; color:#FFF; }
#feature_descwide h1 { font:bold 34px arial, helvetica, sans-serif; margin:0; line-height:40px; }
#feature_descwide h1 a { color:#CCC; text-decoration:none; }
#feature_descwide h1 a:hover { color:#FFF; text-decoration:none; }

.feature_keywords { font-size:10px; font: normal 10px Verdana, Geneva, sans-serif; color:#FFF; }
.feature_keywords a { color:#ccc; text-decoration:none; font: normal 10px Verdana, Geneva, sans-serif; padding:2px; }
.feature_keywords a:hover { color:#FFF; text-decoration:none; background:#444; }

#generic_content { position:relative; width:960px; margin:0 auto; text-align:left; padding-top:40px; padding-left:40px; padding-bottom:40px; }
#generic_desc { float:left; position:relative; text-align:left; width:800px; margin:0 0 40px 0; color:#000; }
#generic_desc h1 { font:bold 34px arial, helvetica, sans-serif; margin:0; color:#161616; }
#generic_desc h1 a { color:#999; text-decoration:none; }
#generic_desc h1 a:hover { color:#000; text-decoration:none; }
#generic_content p { font:13px arial, helvetica, sans-serif; color:#000; line-height:1.5em; }
#generic_img { float:left; position:relative; text-align:left; width:450px; margin:0px 0 40px 65px; color:#000; }

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

#generic_descwide { float:left; position:relative; text-align:left; width:880px; margin:0 0 40px 0; color:#000; }
#generic_descwide h1 { font:bold 34px arial, helvetica, sans-serif; margin:0; color:#161616; line-height:40px; }
#generic_descwide h1 a { color:#999; text-decoration:none; }
#generic_descwide h1 a:hover { color:#000; text-decoration:none; }

#featureend { float:left; width:980px; margin:0; }
#genericend { float:left; width:980px; margin:0; }

#filter-news { font:normal 13px Arial, Helvetica, sans-serif; color:#000; width:200px; padding:2px; border:1px solid #D9D9D9; }
#newslist li { margin-bottom:10px; border-bottom:1px solid #D9D9D9; padding-bottom:5px; }

#scroller { width:600px; height:270px; margin-top:10px; overflow:hidden; }
#scrollup { float:left; margin:10px 10px 0 0; }
#scrolldown { float:left; margin:10px 10px 0 0; }

#carousel ul { float:left; margin:0; padding:0; }

#thumbwrap { position:relative; float:left; width:900px; height:250px; margin:0; padding:0; overflow:hidden; clear:both; }
#thumbwrap .thumb { float:left; width:156px; height:250px; margin-right:30px; font-size:12px; overflow:hidden; }
#thumbwrap .thumb a { color:#CCC; text-decoration:none; }
#thumbwrap .thumb a:hover { color:#FFF; text-decoration:none; }

#slideshow * { margin: 0; padding: 0; }
#slideshow { position:relative; padding:0; width:515px; height:390px; }
#slideshow #menu, #slideshow #pictures, #slideshow #loading { position: absolute; }
#slideshow #pictures { width: 450px; height: 390px; left: 0; overflow: hidden; }
#slideshow #menu {  list-style-type: none; width: 65px; height: 390px; right: -1px; }
#slideshow #menu li { display: block; z-index: 1000; position: relative; }
#slideshow #menu li a { display: block; font: 11px Arial, Helvetica, sans-serif; text-decoration: none; padding: 7px 0 7px 25px; color: #999; line-height: 14px; vertical-align: middle; zoom: 1; }
#slideshow #menu li a:hover { color: #fff; }
#slideshow #menu .selected { color:#fff; background: url('../images/work/arrow.gif') no-repeat right center;  }

#weblink { position:absolute; bottom:80px; left:40px; font:normal 13px Arial, Helvetica, sans-serif; color:#999; }
#weblink a { color:#59c; text-decoration:none; }
#weblink a:hover { color:#fff; text-decoration:none; }

hr { border: 1px; color: #D9D9D9; background-color: #D9D9D9; height: 1px; margin:5px 0 5px 0; padding:0; clear: both; }

/* Footer ---------------------------------------------------------------------- */

#footer a, #footer a:link, #footer a:visited, #footer a:active {color: #fff; text-decoration: none;}
#footer a:hover {color: #fc0; text-decoration: none;}

div#footerwrap {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	height:55px;
}
body>div#footerwrap {
	position:fixed;
}
#footer {
	height:55px;
}

#footer{
	background: url(../images/nav/footerbg.png) repeat-x;
	color: #fff;
	/* padding: 10px 6px 0 6px; */
	padding-top:10px;
}
#footer .inner { position:relative; width:960px; margin:0 auto; text-align:center; }
#footer .breadcrumbs { float:left; text-align:left; margin:0; }
#footer .breadcrumbs ul { float:left; list-style:none; margin:0; padding:0; }
#footer .breadcrumbs li { float:left; list-style:none; height:45px; margin:0; padding: 13px 0 0 0; font:bold 11px Arial, Helvetica, sans-serif; color:#acd; }
#footer .breadcrumbs li a { display:block; float:left; text-decoration:none; color:#acd; }
#footer .breadcrumbs li a:hover { color:#fff; }
#footer .breadcrumbs .slash { width:17px; background:url(../images/nav/slash.gif) no-repeat top left; }

.noDisplay { display: none; }
.darkgrey { color:#161616; }
.smalltext { font-size:11px; color:#797979;}

.left-col{
	margin-right:20px;
	width:600px;
	float:left;
}

.right-col{
	width:250px;
	float:left;
}

.right-col ul {
	margin:0;
	padding:0;
	list-style-type: none;
}

.right-col ul li {
	margin:0;
	padding:0;
	display: block;
}

.left { float:left; }
.right { float:right; }
.clear { clear: both; font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 0px; }