/*///// General Layout Styles /////*/

#wrap{width: 780px; margin: 35px auto;}

#logo, #topnav{float: left; width: 50%;}
#topnav{text-align: right; height: 35px; line-height: 52px;}
#nav{background: url(/images/bg-nav.gif) no-repeat top right #fff; margin-top: 18px; clear: both; height: 50px;}
#subnav{background: #E3E4E8; clear: both; height: 28px;}

.content{position: relative; z-index: 5000; margin-top: 50px;}
.home{display: none; border-top: 1px #DEDFE1 solid;}
.casestudy{display: none; background: url(/images/bg-casestudy.gif) no-repeat top left; margin-top: 30px; height: 100%;}

.content .title{float: left; width: 44%; height: 47px; padding-left: 6%;}
.content .imagecontrols{float: right; width: 45%; text-align: right; margin: 3% 15px 0 0;}
.content .casestudy-overview{font-size: 90%; line-height: 16px; padding-bottom: 10px;}
.content .casestudy-overview b{font-weight: normal; width: 55px; float: left;}
.content .casestudy-content
{
    float: left;
    width: 29%;
    min-height: 298px;
    _height: 298px;
    border-left: 2px #C2C3C5 solid;
    border-top: 1px #DEDFE1 solid;
    margin-left: 19px;
    *margin-left: 19px; /*IE7*/
    _margin-left: 9px; /*IE6*/
    padding: 7px 24px 15px 24px;
}
.content .casestudy-image{float: left; width: 465px; border-top: 1px #E0E0E2 solid; border-left: 15px #C3D021 solid;}

div.peekaboo{display: none;}

div.cslist{display:none; height: 85px; text-align: center;}
div.cslist div.imgs{border: 1px #E0E0E2 solid; border-width: 1px 0;}
div.cslist div.imgs div.img{display: inline; width: 83px; margin: 0 9px;}
div.cslist div.imgs div.img img{border: 1px #E0E0E2 solid; border-width: 0 1px 0 1px; border-left: 5px #C3D021 solid;}
div.cslist div.imgs div.img b{position: absolute; background: #C3D021; width: 11px; height: 11px; margin: 73px 0 0 1px;}
div.caption
{
    height: 30px;
    text-align: center;
    margin-top: 10px;
    /*text-align: left;
    padding: 1% 0 0 17%;
    *padding: 1% 0 0 18%; /*IE7*/
    /*_padding: 1% 0 0 24%; /*IE6*/
}

.clientlist ul{float: left; width: 27%; margin: 0 3%; padding: 0;}
.clientlist ul li{background: url(/images/bullet-clientlist.gif) no-repeat 0 5px; list-style: none; margin: 0; padding: 0 0 0 14px;}

#ftr{width: 97%; border-top: 2px #C7C8CA solid; color: #C7C8CA; padding: 7px 0 7px 20px !important; padding-left: 19px; clear: both;}
#ftr a{color: #C7C8CA; margin: 0 2px;}

/*///// Text, Images, Links, Etc. /////*/

#topnav a{color: #C3CAD0; font-size: 110%; font-weight: bold; text-decoration: none; margin: 0 5px;}
#topnav a:hover, #topnav a.on{color: #D5DBE0;}

#nav a
{
    float: left;
    height: 24px;
    color: #000;
    margin: 2px 7px 2px 7px;
    padding: 9px 6px;
    border-top: 3px #fff solid;
    text-decoration: none;
    line-height: 12px;
    font-family: Verdana;
    font-weight: bold;
    font-size: 90%;
    text-transform: lowercase;
}
#nav a:hover, #nav a.on{border-top: 3px #C3D021 solid;}
#nav a b{font-size: 90%; text-transform: lowercase;}

#subnav a{float: left; padding: 6px 10px; color: #000; text-decoration: none; font-weight: bold; text-transform: lowercase;}
#subnav a:hover, #subnav a.on{background: #fff;}
#subnav a.clientlist{float: right; color: #696A6E;}
#subnav a.clientlist:hover{background: transparent; color: #8C8C8F;}

.content p.alert{color: #C3D021; font-size: 110%; font-weight: bold;}

.content .imagecontrols a{cursor: pointer;}
.content .imagecontrols img{border: 1px #E1E2E4 solid; margin: 0 1px;}

.csfill{position: relative; z-index: 200; width: 15px !important; width: 16px; height: 320px; background: #C3D021;}

/*.imagecarousel{position: relative; z-index: 100; visibility: hidden; left: -5000px;}*/
.imagecarousel ul li{height: 320px; background: #949599;}
.imagecarousel ul li img{position: inherit;}

p.stafftitle{font-size: 110%; margin-bottom: 0; padding-left: 10px;}
div.stafflist ul, div.stafflist ul li{list-style: none;}
div.stafflist ul{margin: 7px 0 7px 20px;}
div.stafflist ul li a{text-decoration: none;}
div.stafflist ul li a:hover, div.stafflist ul li a.on{color: #C3D021;}

/* OLD LAYOUT
div.stafflist ul, div.stafflist ul li{list-style: none;}
div.stafflist ul li{display: inline;}
div.stafflist ul li a img{border: 3px #949599 solid; margin: 0; padding: 0;}
div.stafflist ul li a:hover img{border: 3px #BCD131 solid;}
*/

.tooltip{
	position: absolute;
	z-index: 3000;
	border: 1px #666 solid;
	background: #fff;
	color: #666;
	font-size: 65%;
	padding: 0 5px 3px 5px;
	filter: alpha(opacity=85); -moz-opacity:.85; opacity:.85;
	font-weight: bold;
	line-height: 10px;
}

div.home img.bgimg{display: block; position: relative; z-index: -10; margin: 0 auto;}
div.home div.holder
{
    position: absolute;
    z-index: 10;
    width: 97%;
    height: 320px;
}
div.home div.opac-full
{
    position: relative;
    width: 756px;
    z-index: 50;
    height: 65px;
    line-height: 65px;
    background: #fff;
    margin-left: 12px;
}
div.home div.opac-text
{
    position: relative;
    z-index: 10;
    top: -65px;
    width: 35%;
    height: 230px;
    font-size: 130%;
    line-height: 20px;
    padding: 80px 30px 10px 30px;
    background: #949599;
    border-right: 10px #C3D021 solid;
}
div.home div.opac-title{position: relative; z-index: 100; top: -365px; left: 30px;}
div.home div.opac-title h1{font-size: 210%; font-weight: normal;}

div.home div.about-opacbar
{
    position: absolute;
    width: 99%;
    background: #fff;
    height: 130px;
}
div.home div.about-text
{
    position: absolute;
    width: 340px;
    padding: 10px 30px;
}
div.home div.about-text .top{height: 90px; font-size: 130%; font-weight: bold; line-height: 18px;}
div.home div.about-text .main{height: 90px; margin: 50px 0 0 0; font-weight: bold;}
div.home div.about-text .top p, div.home div.about-text .main p{margin: 0;}

ul#fader{list-style: none; margin: 0; position: absolute; margin-left: 12px; *margin-left: 0;}
ul#fader li{position: absolute;}

p.jobtitle{font-size: 110%; font-weight: bold;}

ul.sitemap li{font-weight: bold; list-style: none; color: #C3D021; padding: 1px 0;}
ul.sitemap li a{color: #C3D021; text-decoration: none;}
ul.sitemap li ul{margin: 0px 0 0px 10px;}
ul.sitemap li ul li{float: left; width: 200px; margin-left: 7px; font-weight: normal;}
ul.sitemap li ul li ul li{padding: 0;}
ul.sitemap li ul li a{color: #fff;}

#map{width: 98%; height: 368px; margin: 0 auto; color: #666;}

/*///// jScrollPane Styles /////*/

.newspane{height: 220px;}
.jScrollPaneContainer{position: relative; overflow: hidden; z-index: 1;}
.jScrollPaneTrack{position: absolute; cursor: pointer; right: 0; top: 0; height: 100%;}
.jScrollPaneDrag{position: absolute; background: #bcbec2; cursor: pointer; overflow: hidden;}
.jScrollPaneDragTop{position: absolute; top: 0; left: 0; overflow: hidden;}
.jScrollPaneDragBottom{position: absolute; bottom: 0; left: 0; overflow: hidden;}
a.jScrollArrowUp{display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 15px; background: url(/images/scrollpane/up.gif) no-repeat top right;}
a.jScrollArrowUp:hover{}
a.jScrollArrowDown{display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 15px; background: url(/images/scrollpane/down.gif) no-repeat bottom right;}
a.jScrollArrowDown:hover{}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover{}