html, body{
	background: #131f19;
	font-family: Verdana, Tahoma, sans-serif;
	margin: 0;
	padding: 0;}

input{
	font-family: Verdana, Tahoma, sans-serif;}

a{
	cursor: pointer;
	cursor: hand;}

img{
	border: none;}


.wrapper{
	width: 798px;
	margin: 0 auto;}

#nav{
	background: url('../img/nav-bg.png') repeat-x;
	height: 47px;
	margin: 0;
	color: #b5bfba;
	font-size: 14px;
	overflow: hidden;}

#nav ul{
	margin: 0;
	padding: 0;
	height: 47px;
	border-right: solid 1px #131f19;
	border-left: solid 1px #3f4d48;}

#nav li{
	text-shadow: 1px 1px #131f19;
	margin: 0;
	padding: 0;
	line-height: 49px;
	height: 47px;
	border-left: solid 1px #131f19;
	border-right: solid 1px #3f4d48;
	display: block;
	float: left;
	text-align: center;}

#nav a{
	width: 100%;
	height: 100%;
	display: block;
	color: #b5bfba;
	text-decoration: none;}

#nav .about-link{
	width: 100px;}

#nav .team-link{
	width: 100px;}

#nav .portfolio-link{
	width: 190px;}

#nav .casestudies-link{
	width: 140px;}

#nav .news-link{
	width: 154px;}

#nav .contact-link{
	width: 100px;}

.greenstripe{
	height: 14px;
	background: #131f19;
	overflow: hidden;}

.greenstripe .triangle{
	margin: 0 0 0 40px;
	background: url('../img/triangle.png') no-repeat;
	height: 14px;
	width: 18px;}

#masthead{
	background: #d7d7d7 url('../img/masthead-bg.png') top center no-repeat;
	height: 334px;
	color: #666;}

#masthead h1{
	text-indent: -99999px;
	background: url('../img/logo-clear.png') 0 15px no-repeat;
	margin: 0;
	width: 130px;
	height: 73px;
	position: absolute;}

#masthead .pitch{
	position: absolute;
	width: 490px;
	margin: 90px 0 0 34px;
	font-size: 14px;}

#masthead .pitch h2{
	color: #8ea594;
	font-weight: normal;
	font-size: 18px;
	margin: 0;
	white-space: nowrap;}

#masthead .pitch p{
	margin: 5px 0 0 0;}

#masthead .ceophoto{
	background: url('../img/masthead-ceo-frame.png') no-repeat;
	position: absolute;
	margin: 10px 0 0 560px;
	text-align: left;
	font-size: 10px;
	line-height: 5px;
	width: 236px;
	height: 293px;}

#masthead .ceophoto img{
	width: 204px;
	height: 267px;
	padding: 9px 0 0 9px;}

#masthead #slidecontrols{
	position: absolute;
	margin: 298px 0 0 646px;}

#masthead #slidecontrols .slidecontrol{
	margin: 5px;
	display: block;
	float: left;
	width: 7px;
	height: 7px;
	overflow: hidden;
	background: #8ea595;}

#masthead #slidecontrols .slidecontrol.selected{
	background: #254338;}

#masthead .ceoquote{
	position: absolute;
	width: 490px;
	margin: 220px 0 0 34px;
	font-size: 14px;
	background: url('../img/quote-open.png') top left no-repeat;
	overflow: hidden;}

#masthead .ceoquote .quoteclose{
	background: url('../img/quote-close.png') bottom right no-repeat;
	width: 45px;
	height: 58px;
	float: left;
	display: block;}

#masthead .ceoquote .quotetext{
	margin: 0px 0 0 52px;
	_margin: 0px 0 0 26px;
	letter-spacing: 0.01em;
	font-size: 14px;
	width: 390px;
	float: left;}

#masthead .ceoquote .quoteattribute{
	clear: both;
	text-align: right;
	color: #8ea595;
	padding: 10px 0 0 0;}

#lowercontent{
	background: #242c2a url('../img/lowercontent-bg.png') top center no-repeat;
	height: 345px;}

#footer{
	background: url('../img/footer-bg.png') repeat-x;
	height: 66px;
	margin: 0;
	color: #131f19;
	font-size: 12px;}

#footer ul{
	margin: 0;
	padding: 0;
	height: 47px;}

#footer li{
	margin: 5px 0 0 0;
	padding: 0;
	line-height: 49px;
	height: 47px;
	border-left: solid 1px #2f4038;
	border-right: solid 1px #88a480;
	display: block;
	float: left;
	text-align: center;}

#footer a{
	width: 100%;
	height: 100%;
	display: block;
	color: #131f19;
	text-decoration: none;}

#footer li.first{
	border-left: none;}

#footer li.last{
	border-right: none;}

#footer li img{
	padding: 5px 0 0 0;}

#footer .home-link{
	width: 120px;}

#footer .about-link{
	width: 80px;}

#footer .team-link{
	width: 80px;}

#footer .portfolio-link{
	width: 170px;}

#footer .casestudies-link{
	width: 120px;}

#footer .news-link{
	width: 134px;}

#footer .contact-link{
	width: 80px;}

#lowercontent{
	color: #768f70;
	font-size: 11px;}

#lowercontent a{
	text-decoration: none;
	color: #b5bfba;}

#lowercontent h3{
	font-weight: normal;
	text-shadow: 1px 1px #131f19;
	margin: 0;
	color: #b5bfba;
	font-size: 14px;}

#featuredportfoliocompanies{
	float: left;
	margin: 30px 0 0 0;
	padding: 0 15px 0 0;
	*padding: 0 10px 0 0;
	_padding: 0;
	width: 438px;
	height: 300px;
	border-right: solid 1px #3f4d48;}

.featuredportfoliocompany{
	width: 210px;
	height: 54px;
	overflow: hidden;
	float: left;
	margin: 15px 9px 0 0;
	line-height: 13px;}

.fpclogo{
	background: url('../img/logo-bg-small.png') no-repeat;
	float: left;
	width: 54px;
	height: 54px;
	line-height: 54px;}

.fpclogo a{
	display: block;
	width: 54px;
	height: 54px;}

.fpclogo img{
	width: 46px;}
	
.fpclogo table{
	width: 54px;
	height: 54px;
	vertical-align: middle;
	text-align: center;}


.fpctext{
	float: left;
	margin: 0 0 0 8px;
	width: 140px;}

.fpctext a{
	display: block;
	padding: 0 0 2px 0;}

.fpcgroup{
	height: 230px;}

#featuredportfoliocompanies .more{
	clear: both;
	text-align: right;}

#newsandpressreleases{
	float: left;
	margin: 30px 0 0 0;
	padding: 0 0 0 17px;
	*padding: 0 0 0 12px;
	height: 300px;
	overflow: hidden;
	border-left: solid 1px #171e1a;
	width: 318px;
	*width: 318px;}
	
.nprgroup{
	height: 155px;}

.newspressrelease{
	width: 150px;
	height: 54px;
	overflow: hidden;
	float: left;
	margin: 15px 9px 0 0;
	line-height: 13px;}

.newspressrelease a{
	display: block;
	padding: 0 0 2px 0;}

#newsandpressreleases .more{
	clear: both;
	text-align: right;
	height: 27px;}

#header{
	margin: 10px 0 0 0;
	background: #d7d7d7 url('../img/header-bg.jpg') top center no-repeat;}

#header h1{
	text-indent: -99999px;
	background: url('../img/header-logo.png') top left no-repeat;
	margin: 0;
	width: 130px;
	height: 87px;}

#header h1.admin{
	background: url('../img/header-logo-admin.png') top left no-repeat;
	width: 355px;}

#maincontent{
	background: #d7d7d7 url('../img/maincontent-bg.jpg') top center no-repeat;
	color: #666;
	padding: 20px 0 30px 0;
	overflow: hidden;}

#maincontent a{
	color: #254338;
	text-decoration: none;}

#maincontent .textinput{
	border: solid 1px #254338;
	font-size: 12px;
	height: 19px;
	*height: 21px;
	padding: 0 3px;}

#maincontent .imageinput{
	vertical-align: middle;
	*vertical-align: top;
	margin: -4px 0 0 0;}

#maincontent .searchbutton{
	vertical-align: middle;
	*vertical-align: top;
	margin: -1px 0 0 0;}

#sidebar{
	width: 215px;
	float: left;
	padding: 0 0 15px 0;
	min-height: 275px;
	background: url('../img/sidebar-bg.png') top right repeat-y;}

#sidebar h2{
	margin: 0;
	color: #768f70;
	font-weight: normal;
	font-size: 18px;
	padding: 15px 0 5px 0;}

#sidebar form{
	margin: 0;
	padding: 0;}

#sidebar #searchinput{
	width: 110px;
	margin: 0 0 5px 2px;
	font-size: 12px;}

#sidebar ul{
	margin: 0;
	padding: 0 30px;}

#sidebar ul li{
	list-style-image: url('../img/bullet-14px.png');
	display: list-item;
	font-size: 14px;
	line-height: 16px;
	padding: 0 0 10px 0;}

#sidebar dl{
	margin: 0;
	padding: 0 30px;}

#sidebar dl dt{
	list-style-image: url('../img/bullet-14px.png');
	display: list-item;
	font-size: 14px;
	line-height: 16px;
	padding: 0 0 2px 0;}

#sidebar dl dd{
	display: block;
	font-size: 12px;
	line-height: 16px;
	padding: 0 0 10px 0;
	margin: 0;}


#main{
	float: left;
	margin: 0 0 0 30px;
	width: 549px;}

#main h2{
	margin: 0;
	color: #768f70;
	font-weight: normal;
	font-size: 18px;
	padding: 15px 0 5px 0;
	clear:both;}

#main h3{
	font-size: 14px;
	color: #768f70;
	font-weight: normal;
	margin: 0;
	line-height: 16px;}

.newsclip{
	padding: 15px 0 0 0;}

.newsclip .date{
	float: right;
	color: #768f70;
	font-size: 14px;}

.newsclip h3{
	width: 440px;}

#main .newsclip p{
	margin: 0;
	padding: 5px 0 0 0 !important;
	font-size: 13px;
	font-style: italic;}

#main.frontend ul.pagination{
	clear: both;
	float: right;
	margin: 0;
	padding: 15px 0 0 0;}

#main.frontend ul.pagination li{
	text-shadow: 1px 1px #131f19;
	padding: 0;
	margin: 0 0 0 1px;
	width: 25px;
	height: 27px;
	text-align: center;
	line-height: 28px;
	font-size: 10px;
	display: block;
	float: left;
	background: url('../img/pagination-bg.png') no-repeat;}

#main.frontend ul.pagination li.active{
	background: url('../img/pagination-active.png') no-repeat;
	color: #b5bfba;}

#main.frontend ul.pagination li.disabled{
	background: none !important;}

#main.frontend ul.pagination li a{
	display: block;
	width: 100%;
	height: 100%;
	color: #b5bfba !important;}

.caseclip{
	overflow: hidden;
	padding: 15px 0 0 0;
	clear: both;}

.caseclip .ceophoto{
	float: left;
	margin: 0 7px 0 0;
	width: 119px;
	height: 158px;
	background: url('../img/caseclip-photoframe.png') no-repeat;}

.caseclip .ceophoto img{
	width: 107px;
	height: 146px;
	padding: 6px;}

#main .caseclip h2{
	padding: 0;}

#main .caseclip p{
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 12px;}

.caseclip .casecliptext{
	height: 130px;
	overflow: hidden;}

.portfoliothumb{
	width: 128px;
	height: 128px;
	background: url('../img/logo-bg-med.png') no-repeat;
	float: left;
	text-align: center;
	margin: 10px 9px 0 0;}

.portfoliothumb img{
	padding: 0;
	width:110px;
	background: transparent;}

.portfoliothumb a{
	width: 128px;
	height: 128px;}

.portfoliothumb table{
	width: 128px;
	height: 128px;
	vertical-align: middle;
	text-align: center;}

#main p{
	font-size: 14px;
	margin: 0 !important;
	padding: 0 0 10px 0 !important;}

.teammember{
	width: 168px;
	height: 240px;
	float: left;
	font-size: 12px;
	padding: 20px 15px 0 0;}

.teammember .teamphoto{
	background: url('../img/teamphoto-frame-med.png') no-repeat;
	width: 168px;
	height: 207px;}

.teammember .teamphoto img{
	padding: 7px;
	width:154px;
	height:193px;}

.teammember a{
	display: block;
	font-size: 14px;}

#maincontent .leftcolumn{
	float: left;
	font-size: 12px;
	padding: 0 0 0 15px;}

#main #teamprofile .leftcolumn{
	width: 250px;}

#main #portfolioprofile .leftcolumn{
	width: 186px;
	padding: 0 5px 0 0;}

#main #csprofile .leftcolumn{
	width: 250px;}

#main .leftcolumn .teamphoto{
	background: url('../img/teamphoto-frame-large.png') no-repeat;
	width: 250px;
	height: 322px;
	margin: 15px 0 0 -15px;}

#main .leftcolumn .teamphoto img{
	padding: 8px;}

#main .leftcolumn .ceophoto{
	background: url('../img/casestudiesphoto-bg.png') no-repeat;
	width: 250px;
	height: 322px;
	margin: 15px 0 0 -15px;}

#main .leftcolumn .ceophoto img{
	padding: 8px;}

#main .leftcolumn .ceophoto .cslogo{
	position: absolute;
	width: 234px;
	height: 37px;
	margin: 277px 0 0 8px;
	background: url('../img/casestudies-logo-bg.png') no-repeat;
	overflow: hidden;
	display: table;
	text-align: right;}

/*
#main .leftcolumn .ceophoto .cslogo .cslogoimage{
	background-position: center right;
	background-repeat: no-repeat;
	width: 234px;
	height: 45px;}
*/

#main .leftcolumn .ceophoto .cslogo .cslogoimage{
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	*display: inline-block;}

* html #main .leftcolumn .ceophoto .cslogo .cslogoimage img{ 
   height: expression( this.scrollHeight > 31 ? "32px" : "auto" ); /* sets max-height for IE */
}

#main .leftcolumn .ceophoto .cslogo .cslogoimage img{
	max-height: 32px;
	padding: 5px 0 0 0;}

#main .leftcolumn h2{
	font-size: 14px;
	padding: 10px 0 2px 0;}

#main .leftcolumn ul{
	margin: 0;
	padding: 0 25px;}

#main .leftcolumn ul li{
	list-style-image: url('../img/bullet-12px.png');
	display: list-item;
	line-height: 14px;
	padding: 0 0 6px 0;}

#maincontent .rightcolumn{
	float: left;
	font-size:12px;
	margin: 0 0 0 10px;}

#main #teamprofile .rightcolumn{
	width: 274px;}

#main #csprofile .rightcolumn{
	width: 274px;}

#main #portfolioprofile .rightcolumn{
	width: 338px;}

#main .rightcolumn h2{
	padding: 15px 0 0 0;}
	
#main #portfolioprofile .rightcolumn h2{
	padding: 0 0 2px 0;}

#main .rightcolumn h3{
	color: #666;
	padding: 0 0 10px 0;}

#main #portfolioprofile .rightcolumn h3{
	color: #768f70;
	padding: 8px 0 0 0;}

#main .rightcolumn p{
	font-size: 12px;}

#main .columns{
	overflow: hidden;
	padding: 0 0 15px;}

#main .leftcolumn .largelogo{
	background: url('../img/logo-bg-large.png') no-repeat;
	width: 186px;
	height: 186px;
	margin: 15px 0 0 -15px;
	*margin: 0;
	display: table-cell;
	text-align: center;
	vertical-align: middle;}

#main.frontend #portfolioprofile .rightcolumn ul{
	font-size: 12px;
	padding: 5px 0px 0px 20px;}

#main.frontend #portfolioprofile .rightcolumn ul li{
	padding: 0;}

#main #portfolioprofile .rightcolumn .companyinfo{
	clear: both;
	padding: 0 0 5px 0;}

#main #portfolioprofile.columns{
	padding: 0;}

#main.frontend #portfolioprofile .rightcolumn .left{
	float: left;
	width: 167px;}

#main.frontend #portfolioprofile .rightcolumn .right{
	float: left;
	width: 167px;
	margin: 0 0 0 4px;}

#maincontent .contact{
	font-size: 12px;
	background: url('../img/sidebar-bg.png') top center repeat-y;
	overflow: hidden;
	margin: 0 0 30px 0;
	clear: both;
	width: 798px;}

#maincontent .contact .leftcolumn{
	width: 381px;
	padding: 15px 0;}

#maincontent .contact .rightcolumn{
	width: 381px;
	padding: 15px 0;
	margin: 0 0 0 36px;}

#maincontent .contact h2{
	color: #768f70;
	font-weight: normal;
	font-size: 14px;
	margin: 0;
	padding:  0 0 10px 0;}

#maincontent .contact .leftcolumn .button{
	text-align: right;}

#maincontent .contact p{
	padding: 0 0 3px 0;
	margin: 0;}

#maincontent .contact .address{
	float: left;
	width: 200px;}

#maincontent .contact .phone{
	color: #768f70;
	float: left;}

#maincontent .contact .mapframe{
	width: 381px;
	height: 205px;
	clear: both;
	padding: 10px 0 0 0;}

#maincontent .contact .mapframe .map{
	margin: 6px;
	*margin: 16px 0 0 6px;
	width: 369px;
	height: 193px;}

#maincontent .contact .leftcolumn .mapframe{
	background: url('../img/map-left-bg.png') 0px 10px no-repeat;}

#maincontent .contact .rightcolumn .mapframe{
	background: url('../img/map-right-bg.png') 0px 10px no-repeat;}

#main #csprofile .rightcolumn h4{
	padding: 5px 0 0 0;
	margin: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	color: #768f70;}

#main h4{
	font-weight: normal;
	font-style: italic;
	margin: 0 0 20px 0;}

#main #csprofile .rightcolumn .quoteattribute{
	padding: 0;
	margin: 0;
	text-align: right;
	font-size: 12px;
	color: #768f70;}

#photomasthead{
	background: #131f19;
	height: 193px;
	text-align: center;
	overflow: hidden;}

#sidebar .ceoquote{
	font-size: 12px;
	margin-top:25px;
	overflow: hidden;}

#sidebar .ceoquote .quotephoto{
	margin: 0 0 8px 15px;
	width: 177px;
	height: 228px;
	background: url('../img/sidebar-quote-photoframe.png') top left no-repeat;}

#sidebar .ceoquote .quotephoto img{
	width: 162px;
	height: 212px;
	padding: 8px;}

#sidebar .ceoquote .quoteopen{
	background: url('../img/quote-open-small.png') top left no-repeat;
	width: 25px;
	height: 17px;
	float: left;
	display: block;}

#sidebar .ceoquote .quotetext{
	background: url('../img/quote-close-small.png') bottom right no-repeat;
	padding: 0 24px 0 0;
	letter-spacing: 0.01em;
	font-size: 12px;
	width: 150px;
	float: left;}

#sidebar .ceoquote .quoteattribute{
	clear: both;
	font-size: 10px;
	text-align: right;
	color: #768f70;
	padding: 5px 15px 0 0;}

#sidebar .ceoquote .quoteattribute img{
	padding: 5px 0 0 0;}

#about p{
	padding: 0 0 10px 0;}

.center{
	text-align: center;}

.adminpanel #main{
	font-size: 12px;}

.adminpanel #main textarea{
	width: 100%;
	height: 300px;}

.adminpanel #sidebar a{
	cursor: pointer;
	cursor: hand;}

.adminpanel .savebutton{
	margin: 10px 0 0 0;}

.adminpanel #main h3{
	padding: 10px 0 5px 0;}

.adminpanel #main .form-field{
	clear: both;
	padding: 5px 0 0 0;}

.adminpanel #main .form-field label{
	width: 100px;
	display: block;
	float: left;
	padding: 1px 0;
	color: #768f70;}

.adminpanel #main .form-field .textarealabel{
	float: none;
	padding: 0 0 5px 0;}

.adminpanel .listtext{
	float: left;}

.adminpanel ul.editlist{
	margin: 0;
	padding: 10px 0 0 40px;}

.adminpanel #main ul.editlist h3{
	margin: 0 0 0 -25px;
	padding: 0 0 5px 0;}

.adminpanel ul.editlist li{
	list-style-image: url('../img/icon-edit.png');
	display: list-item;
	font-size: 14px;
	line-height: 16px;
	padding: 0 0 10px 0;}

.adminpanel ul.editlist li .editoptions{
	font-size: 12px;}

.adminpanel .draglisttop{
	width: 549px;
	height: 16px;
	background: url('../img/draglist-bg-topcap.png') no-repeat;
	overflow: hidden;}

.adminpanel .draglistbottom{
	width: 549px;
	height: 16px;
	background: url('../img/draglist-bg-bottomcap.png') no-repeat;
	overflow: hidden;}
	
.adminpanel .draglisttop.featured{
	background: url('../img/draglist-bg-topcap-featured.png') no-repeat;}

.adminpanel .draglistbottom.featured{
	background: url('../img/draglist-bg-bottomcap-featured.png') no-repeat;}

.adminpanel .draglist{
	width: 549px;
	background: url('../img/draglist-bg.png') repeat-y;
	padding: 0;
	margin: 0;
	overflow: hidden;}

.adminpanel .draglist li{
	list-style: none;
	display: block;
	margin: 0 16px;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	padding: 0;
	background: url('../img/draggable-bg.png') repeat-x;}

.adminpanel .draglist li.visible0{
	background: #ddd;
	color: #999;}

.adminpanel #featured.draglist li.visible0{
	background: #35433b;
	color: #84908a;}

.adminpanel .draghandle{
	cursor: move;
	background: url('../img/draghandle.png') no-repeat;
	width: 16px;
	height: 14px;
	float: left;
	margin: 7px;}

.adminpanel .draghandledisabled{
	width: 16px;
	height: 14px;
	float: left;
	margin: 7px;}

.adminpanel #featured .draghandle{
	background: url('../img/draghandle-featured.png') no-repeat;}

.adminpanel #featured.draglist{
	color: #b5bfba;
	background: url('../img/draglist-bg-featured.png') repeat-y;}

.adminpanel #featured.draglist li{
	background: url('../img/draggable-bg-featured.png') repeat-x;}

.adminpanel .draglist .editoptions{
	float: right;
	height: 28px;
	overflow: hidden;
	padding: 0;
	background: #bebebe;}

.adminpanel #featured.draglist .editoptions{
	background: #232d28;}

.adminpanel .draglist .editoptions a{
	display: block;
	line-height: 28px;
	height: 28px;
	padding: 0;
	text-align: center;
	width: 55px;
	float: left;
	background: url('../img/draggable-button-bg.png') repeat-x;
	margin: 0 0 0 1px;}

.adminpanel #featured.draglist .editoptions a{
	background: url('../img/draggable-button-bg-featured.png') repeat-x;
	color: #b5bfba;}

.adminpanel .draglist .editlist{
	display: none;}

.adminpanel .draglist .notice{
	margin: 0 16px;}

#errorlayer{
	position: absolute;
	top: 0;
	width: 100%;}

.errorbox{
	background: #eee;
	width: 400px;
	border: solid 1px #131f19; 
	margin: 180px auto 0 auto;
	padding: 20px;
	font-size: 12px;}

.errorbox h2{
	font-size: 16px;
	font-weight: normal;
	color: #8ea594;
	margin: 0;
	padding: 0;}

.errorbox .closebutton{
	background: #131f19;
	color: #b5bfba;
	cursor: pointer;
	font-size: 10px;
	font-weight: normal;
	margin: -15px 0px 0px 400px;
	padding: 2px 5px;
	position: absolute;}

.adminpanel .leftcolumn{
	float: left;
	font-size: 12px;
	padding: 0 0 0 15px;
	width: 250px;}

.adminpanel .rightcolumn{
	float: left;
	font-size:12px;
	margin: 0 0 0 10px;
	width: 274px;}

.adminpanel #main .form-field label.checkboxlabel{
	width: 274px;
	padding: 0 0 5px 0;
	display: block;
	float: left;
	clear: both;}

.adminpanel #main .form-field .checkbox-set{
	clear: both;
	padding: 5px 0 0 15px;}

.adminpanel .rightcolumn .fileinput{
	margin: 5px 0 10px 0;}

.adminpanel .draglist.static li{
	text-indent: 10px;}

.adminpanel .draglist.static li .editbuttons{
	text-indent: 0;}

.adminpanel .draglist .editoptions .inputbutton{
	display: block;
	line-height: 28px;
	height: 28px;
	padding: 0 10px;
	float: left;
	background: url('../img/draggable-button-bg.png') repeat-x;
	margin: 0 0 0 1px;
	border: none;
	cursor: pointer;
	cursor: hand;
	font-size: 12px;
	color: #254338;}

.adminpanel .draglist.static li.edit{
	background: #eee;}

.adminpanel .draglist li.textareaedit{
	background: #eee;
	height: auto;}

.adminpanel .input-box{
	padding: 0;
	margin: 0 0 0 -10px;
	font-size: 12px;
	text-indent: 10px;
	border: 0;
	height: 28px;
	line-height: 28px;
	width: 300px;
	outline: none;
	background: #eee;}

#maincontent .phoneinput{
	font-size: 12px;
	border: solid 1px #131f19;
	height: 19px;
	*height: 21px;
	padding: 0 3px;
	margin: 0 2px;}

#maincontent .phone1{
	width: 25px;}

#maincontent .phone2{
	width: 25px;}
	
#maincontent .phone3{
	width: 35px;}

.has-help{
	cursor: help;
	border-bottom: dotted 1px #768f70;}

.form-help{
	font-size: 12px;
	position: absolute;
	background: #ffffe0;
	border: solid 1px #DADA77;
	margin: 0 0 0 110px;
	*margin: 0;
	_margin: 0;
	width: 300px;
	padding: 10px;}

.form-help.pushover{
	*margin: 0 0 0 -170px !important;}

#main .form-help p{
	margin: 0;
	padding: 0;
	font-size: 12px;}

.adminpanel #main .form-field textarea.notinymce{
	width: 300px;
	height: 100px;}

.adminpanel #main .textareaedit textarea{
	padding: 0;
	margin: 0;
	font-size: 12px;
	border: 0;
	height: 60px;
	width: 100%;
	outline: none;
	background: #eee;}

.adminpanel #main .draglist.static .textareaedit textarea{
		margin: 0 0 0 -10px;}

.adminpanel #main .textareaedit .countlimit{
	text-align: right;
	color: #254338;
	font-size: 10px;}

.adminpanel .photocontrols{
	margin: 10px 0 0 -13px;
	padding: 0 0 5px 0;
	background: #ccc;
	width: 248px;}

.adminpanel .draggablethumbs{
	width: 248px;}

.adminpanel .draggablethumbs .draggable{
	border: solid 1px #fff;
	float: left;
	width: 54px;
	margin: 5px 0 0 5px;
	cursor: move;}

#main .leftcolumn .teamphoto.hover{
	background: url('../img/teamphoto-frame-large-highlight.png') no-repeat !important;}

#main .leftcolumn #trash_photo{
	background: url('../img/icon-trash.png') right 0px no-repeat;
	width: 235px;
	height: 48px;
	overflow: hidden;
	margin: 5px 0 5px 5px;
	font-size: 10px;
	clear: both;}

#main .leftcolumn #trash_photo.hover{
	background-position: right -48px;}

.autocomplete ul{
	background: #fff;
	border: solid 1px #254338;
	padding: 0;
	margin: 0;}

.autocomplete li{
	border-bottom: solid 1px #ddd;
	display: block;
	padding: 0;
	margin: 0;}

.autocomplete li.selected{
	background: #eee !important;}

.autocompletelist{
	margin: 0;
	padding: 5px 0 0 0;}

.autocompletelist li{
	display: block;
	padding: 0 0 2px 0;
	cursor: pointer;
	cursor: hand;}

#datepicker{
	background: #fff;
	text-align: center;
	font-size: 12px;
	border: solid 1px #254338;}

#datepicker .dpTDHover{
	background: #ddd;}

#datepicker .dpDayHighlightTD{
	color: #b5bfba;
	background: #254338;}

#datepicker .dpDayTR{
	color: #768f70;}

#datepicker .dpTitleText{
	font-weight: bold;}

#logininfo{
	position: absolute;
	margin: 30px 0 0 355px;
	width: 443px;
	font-size: 10px;
	text-align: right;}

#logininfo img{
	border: none;}

.portfoliorollover{
	position: absolute;
	height: 128px;
	width: 128px;
	overflow: hidden;
	background: url('../img/logo-bg-med-overlay.png') no-repeat;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;}

.portfoliorollover a{
	display: block;
	position: absolute;
	height: 128px;
	width: 128px;
	overflow: hidden;}

.portfoliorollover .portfolioname{
	text-align: right;
	font-size: 16px;
	color: #b7bfba;
	padding: 5px 9px 0 0;
	line-height: 18px;}

.portfoliorollover .portfoliodescription{
	text-align: left;
	font-size: 10px;
	color: #7b8d71;
	line-height: 11px;
	padding: 5px 9px 0 9px;}

#advancedsearch .form-field, #advsearchslide .form-field{
	padding: 3px 0;}

#advancedsearch label, #advsearchslide label{
	font-size: 10px;
	color: #254338;}

#advancedsearch .searchbutton, #advsearchslide .searchbutton{
	vertical-align: middle;
	*vertical-align: top;
	margin: -1px 0 0 0;}

#sidebar #advsearchinput{
	width: 110px;
	margin: 0 0 5px 2px;}

#loading.main{
	position: absolute;
	margin: 170px 0 0 510px;
	*margin: 170px 0 0 255px;}

#newsletterlayer{
	position: absolute;
	top: 0;
	width: 100%;}

.newsletterbox{
	background: #eee;
	width: 240px;
	border: solid 1px #131f19; 
	margin: 180px auto 0 auto;
	padding: 20px;
	font-size: 12px;}

.newsletterbox h2{
	font-size: 16px;
	font-weight: normal;
	color: #8ea594;
	margin: 0;
	padding: 0 0 10px 0;}

.newsletterbox .closebutton{
	background: #131f19;
	color: #b5bfba;
	cursor: pointer;
	font-size: 10px;
	font-weight: normal;
	margin: -15px 0px 0px 240px;
	padding: 2px 5px;
	position: absolute;
	border: solid 1px #768f70;}

.newsletterbox .textinput{
	border: solid 1px #254338;
	height: 19px;
	*height: 21px;
	padding: 0 3px;}

.newsletterbox .inputbutton{
	margin: 15px 0 0 12px;}

.newsletterbox label{
	font-size: 10px;
	color: #254338;}

#adminmainmenu .menugroup{
	float: left;
	width: 183px;}

.adminpanel #sidebar br{
	display: none;}

#adminmainmenu br{
	clear: both;}

#adminmainmenu h2{
	margin: 0;
	padding: 15px 0 0 0;
	font-size: 14px;
	font-weight: bold;}

#adminmainmenu ul{
	margin: 0;
	padding: 5px 0 5px 20px;}

#adminmainmenu ul li{
	list-style-image: url('../img/bullet-14px.png');
	display: list-item;
	line-height: 12px;
	padding: 0 0 3px 0;}

#main.frontend  ul{
	font-size: 14px;
	margin: 0;
	padding: 10px 0 5px 30px;}

#main.frontend  ul li{
	list-style-image: url('../img/bullet-14px.png');
	display: list-item;
	line-height: 16px;
	padding: 0 0 5px 0;}

#main.frontend  ol{
	font-size: 14px;
	margin: 0;
	padding: 10px 0 5px 30px;}

#main.frontend  ol li{
	display: list-item;
	line-height: 16px;
	padding: 0 0 5px 0;}

.prlogo{
	clear: both;
	margin: 0 0 15px 0;
	text-align: center;}

.prlogo hr{
	color: #999;
	background-color: #999;
	height: 1px;
	border: none;
	border-bottom: solid 1px #fff;}

.prlogo img{
	padding: 10px 0 15px 0;
	width: 150px;}

.primage{
	background: #fff;
	border: solid 1px #bbb;
	padding: 4px;}

.template1 .primage{
	float: left;
	margin: 0 15px 10px 0;}

.template2 .primage{
	float: right;
	margin: 0 0 10px 15px;}

.template3 .primage{
	clear: both;
	margin: 0 0 15px 0;
	padding: 5px 0;
	text-align: center;
	width: 100%;}

.directions{
	margin: 5px 2px 0 0;
	text-align: right;}

.locdate{
	text-transform: uppercase;}

.form-field .radioimages{
	clear: both;
	overflow: hidden;
	padding: 5px 0 0 0;
	font-size: 10px;}

.form-field .radioimages .radioimagebox{
	float: left;
	width: 100px;
	text-align: center;}

.templatepreview{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;}

.templatepreview .templatepreviewimage{
	width: 796px;
	height: 693px;
	background: #ddd;
	border: solid 1px #131f19; 
	margin: 50px auto 0 auto;
	padding: 20px;
	font-size: 12px;}

.templatepreview .templatepreviewimage .closebutton{
	background: #131f19;
	color: #b5bfba;
	cursor: pointer;
	font-size: 10px;
	font-weight: normal;
	margin: -15px 0px 0px 796px;
	padding: 2px 5px;
	position: absolute;}

.addbutton{
	vertical-align: middle;
	*vertical-align: top;
	margin: -1px 0 0 0;}

.loginbutton{
	clear: both;
	margin: 10px 0 0 0;
	*float: left;}

br.clear{
	clear: both;}

.portfoliothumbs{
	width: 549px;
	overflow: hidden;}

.editkey{
	padding: 5px 0;
	font-size: 10px;
	text-align: right;
	clear: both;}
	
#advsearchslide .selectinput {
	width:175px;
}

table.stats{
	width: 100%;
	margin: 10px 0;
	border: solid 1px #aaa;
	text-align: right;
	border-spacing: 0;
	padding: 1px;
	background: #fff;}

table.stats td{
	padding: 2px 3px;}

table.stats .label{
	font-weight: bold;
	text-align: left;}

table.stats .odd{
	background: #ddd;}

table.stats .even{
	background: #eee;}

.admin-help{
	background: #ffffe0;
	border: solid 1px #DADA77;
	padding: 10px;
	margin: 0 0 10px 0;
	font-size: 12px;}

.admin-help img{
	vertical-align: middle;}
	
.resourceclip-doc{
	overflow: hidden;
	padding: 15px 0;
	clear: both;}

.resourceclip-doc .leftcolumn {
	width: 119px;
	padding: 0 14px 0 0 !important;
	overflow: hidden;
	text-align: center;
}

.resourceclip-doc .screenshot{
	float: left;
	margin: 0 20px 0 7px;
	width: 119px;
	height: 151px;
	background: url('../img/resource-thumb-document.png') 0 0 no-repeat;}

.resourceclip-doc .screenshot img{
	width: 107px;
	height: 139px;
	padding: 6px;}

.resourceclip-doc .download { margin-left: 8px; }


#main .resourceclip-doc h2{
	padding: 0 0 5px 0;}

#main .resourceclip-doc p{
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 12px;}

.resourceclip-doc .text{
	overflow: hidden;
	padding-left: 7px;
	}


.resourceclip-vid{
	overflow: hidden;
	padding: 15px 0;
	clear: both;}

.resourceclip-vid .screenshot{
	float: left;
	margin: 0 14px 0 0;
	width: 132px;
	height: 102px;
	background: url('../img/resource-thumb-video.png') 0 0 no-repeat;}

.resourceclip-vid .screenshot img{
	width: 120px;
	height: 90px;
	padding: 6px;}
	
.resourceclip-vid .screenshot .play {
	width: 120px;
	height: 90px;
	margin: 6px;
	position: absolute;
	background: url('../img/resource-play.png') 50% 50% no-repeat;}
}

#main .resourceclip-vid h2{
	padding: 0 0 5px 0;}

#main .resourceclip-vid p{
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 12px;}

.resourceclip-vid .text{
	overflow: hidden;
}

.resourceclip-vid .text iframe { width: 549px !important; }

.slides { clear: both; }
.slides .frame { width: 544px; height: 343px; overflow: hidden; }
.slides .frame ul { overflow: hidden; width: 544px; height: 343px; padding: 0 !important; margin: 0 !important; }
.slides .frame li { 
	display: block; 
	overflow: hidden; 
	width: 544px; 
	height: 343px;  
	background: url('../img/resource-slide.png') 0 0 no-repeat;
	margin: 0 !important;
	padding: 0 !important;
}
.slides .previous {
	width: 28px;
	height: 28px;
	background: url('../img/slide-previous.png') 0 0 no-repeat;
	position: absolute;
	margin: 157px 0 0 -33px;
	cursor: pointer;
	cursor: hand;
}
.slides .next {
	width: 28px;
	height: 28px;
	background: url('../img/slide-next.png') 0 0 no-repeat;
	position: absolute;
	margin: 157px 0 0 549px;
	cursor: pointer;
	cursor: hand;
}


#nav.new .about-link{ width: 83px; }
#nav.new .team-link{ width: 83px; }
#nav.new .portfolio-link{ width: 173px; }
#nav.new .casestudies-link{ width: 123px; }
#nav.new .resources-link{ width: 100px; }
#nav.new .news-link{ width: 137px; }
#nav.new .contact-link{ width: 83px; }


#footer.new .home-link{ width: 120px; }
#footer.new .about-link{ width: 65px; }
#footer.new .team-link{ width: 65px; }
#footer.new .portfolio-link{ width: 155px; }
#footer.new .casestudies-link{ width: 105px; }
#footer.new .resources-link{ width: 88px; }
#footer.new .news-link{ width: 119px; }
#footer.new .contact-link{ width: 65px; }

.adminpanel .resourcelist .listtext { overflow: hidden; width: 370px; white-space: nowrap; }
.adminpanel #resources .listtext { overflow: hidden; width: 315px; white-space: nowrap; }

#newsandpressreleases .featuredresources { padding-left: 20px; }
#newsandpressreleases .featuredresources li { margin-bottom: 5px; }

#resource-categories .input-box { width: 413px; }