/* general styles */

/*---------------------------------------------------*/

body, html, div {

	margin: 0px;

	padding: 0px;

	font: 11px/16px arial, verdana, sans-serif;

	}

p {padding:0;

	margin: 18px 0;}

	

hr {	

	clear:both;

	width: 100%;

	border: none;

	margin: 0 0 4px 0 ;

	color: #EBE1C5;

	background-color: #EBE1C5;

	height: 1px;}

	

img {border:0px;}

body#basic {

	margin: 0px;

	padding: 0px;

	color: #32516E;

	width: 740px;

	background: url(images/bg_gradient.png) repeat-x #7594B6;

	font: 11px/16px arial, verdana, sans-serif;

	}

	

body#homepage {

	margin: 0px;

	padding: 0px;

	color: #EBE1C5;

	background: url(images/bg_gradient.png) #5B5044;

	font: 11px/16px arial, verdana, sans-serif;

	}

	

#contentHome a, #footer a {

	color: #BBD4E6;

	text-decoration: none;

	border-bottom: 1px dotted;

	padding: 1px;

}





#contentHome a:hover, #footer a:hover {

	color: #152D44;

	background: #FFFFFF;

	border: none;

}



#contentHome h3 {

	color: #BBD4E6;

}

	

td {

	color: #EBE1C5;

	font: 11px arial, verdana, sans-serif;

	}

	

div#mainArea a {

	color: #32516E;

	text-decoration: none;

	border-bottom: 1px dotted;

	padding: 1px;

	}

	

div#centerAll {

	position: absolute;

	left: 50%;

	margin-left: -380px;

}

	

div#mainArea a.noBorder img, div#mainArea a.noBorder {

	border: none;

	padding: 0px;

}



	

div#mainArea a:hover.noBorder img {

	border: 0px;

	padding: 0px;

}



div#mainArea a:hover {

	color: #FFFFFF;

	background: #32516E;

	border: none;

	}





	

h1 {

	margin:0 0 8px 0;

	color: #32516E;

	font: 24px/30px helvetica, arial, verdana, sans-serif;

	}

	

h2 {

	margin: 8px 0 0 0;

	padding: 0;

	color: #5B5044;

	font: bold 11px/16px verdana, arial, helvetica, sans-serif;

	text-transform: uppercase;

	}

	

h2 a {

	color: #DC5402;

	}

	

body#homepage h3 {

	margin: 0;

	padding: 0;

	color: #BBD4E6;

	font: bold 10px/16px verdana, arial, helvetica, sans-serif;

	text-transform:uppercase;

	}

	

body#basic h3 {

	margin: 0;

	padding: 0;

	color: #32516E;

	font: bold 10px/16px verdana, arial, helvetica, sans-serif;

	text-transform:uppercase;	

}	

	

h4 {

	margin: 2px 0 2px 12px;

	padding: 0;

	color: #EFEFEF;

	font: bold 12px arial, verdana, sans-serif;

	letter-spacing: .1em;

	}

	

h5 {

	margin: 0;

	padding-left: 10px;

	color: #FFFFFF;

	background: #6D879A;

	font: bold 11px/16px arial, verdana, sans-serif;

	text-transform:uppercase;

	}

	

h6 {

	margin: 0;

	color: #BBD4E6;

	font: bold 10px/16px arial, verdana, sans-serif;

	}

	

ul {

	margin-top:3px;

	}

	

ul li {

	margin-bottom: 5px;

	list-style: url(images/arrow.gif);

	line-height: 16px;

	}

	

div#popup ul{

	margin: 0;

	padding: 0;

	list-style: none;

	width: 150px;

	border-bottom: 1px solid #ccc;

}

div#popup ul li {

	position: relative;

	}

div#popup li ul {

	position: absolute;

	left: 149px;

	top: 0;

	display: none;

	}

div#popup	ul li a {

	display: block;

	text-decoration: none;

	color: #777;

	background: #fff;

	padding: 5px;

	border: 1px solid #ccc;

	border-bottom: 0;

	}

	

div#popup li:hover ul { display: block; }

	

/* header divs */

/*---------------------------------------------------*/

div#container {

	background: url(images/bg.png) no-repeat;

	height: 352px;

	width: 780px;

	margin: 0px;

	padding: 0px;

	

	}

	

	



div#pageHeader {

	

	width: 740px;

	position: absolute;

	left: 20px;

	top: 28px;

	}

	

div#date {

	padding-top: 6px;

	color: #8E8165;

	font: 10px/16px verdana,arial,sans-serif;

	text-align: right;

	}

	

div#tagline {

	width: 192px;

	float: right;

	background: url(images/tagline.gif) no-repeat;

	height: 22px;

	margin-top:20px;

	}

	

#tagline h2,#contact span,.columnBottom span,.columnBottom2 span, .columnBottomWide span,.divider strong,.dividerC strong,#pdf span,.hide,#process1 h3,#process2 h3, #process3 h3, #process4 h3,#process5 h3 {

	display: none;

	}

	

	span.divider {

	background: url(images/nav_divider.gif) no-repeat;

	}



div#navBox {

	margin-top:280px;

	width: 740px;

	text-align:right;

	clear:both;

	float:left;

	}



div#navBoxHome {

	margin-top:10px;

	width: 760px;

	clear:both;

	float:left;

	}



div#nav {

	float:right;

	}



#nav a {

	padding: 1px 12px;

	color: #434852;

	font: bold 10px verdana,arial,sans-serif;

	text-decoration: none;

	}

#nav a:hover, #nav a:hover strong {

	color: #FFFFFF;

	background: #33526F;

	}



div#subnavigation a:hover{

	color: #8E8165;

}	

	

#nav strong {

	color: #FF6699;

	}



#contact {

	padding: 6px;

	}



#contact a {

	padding-left: 4px;

	padding-right: 6px;

	background: url(images/icon_email_off.gif) no-repeat;

	text-decoration: none;

	}



#homepage #contact a:hover, #contact a:hover {

	background: url(images/icon_email_on.gif) no-repeat;

	}



div#subnavigation a {

	padding: 6px;

	color: #FF6699;

	font: 10px verdana,arial,sans-serif;

	text-decoration: none;

	}

	

#sideBar {

	margin-top: 15 px;

	width: 240px;

	float: right;

	}	

	

#sideBar-padding {

	padding: 30px 20px 0 20px;

	width: 200px;

	float: right;

	}	

	

#sideBarNarrow {

	clear: both;

	margin-top: 30px;

	padding: 30px 10px;

	width: 200px;

	float: right;

	}

	

#logo {

	margin-top: 16px;

	margin-left: 16px;

	}

	

.arrow {

	margin: 3px; 

	}

	

/*---------------------------------------------------*/



#thirdNav ul {

	margin: 0;

	padding: 0;

	background: #978C80;

	text-transform: lowercase;

	}

	

 #thirdNav ul li {

	margin: 0;

	padding: 0;

	display: inline;

	background: none;

	}

	

 #thirdNav ul a {

	border-bottom: 1px solid #E7DCD0;

	border-right: 1px solid #E7DCD0;

	padding: 0 0 0 16px;

	display: block;

	color: #EBE1C5;

	background: none;

	font: 11px/1.85em arial,verdana,sans-serif;

	text-decoration: none;

	}



#thirdNav ul a:hover {

	border-bottom: 1px solid #E7DCD0;

	border-right: 1px solid #E7DCD0;

	}	

	

  #thirdNav ul .forthNav {

	padding-left: 30px; /* homepage divs */

	}

	

/*---------------------------------------------------*/

div#containerHome {



	background: url(images/home_bg_noflash.png) no-repeat;

	height: 298px;

	width: 780px;

	margin: 0px;

	padding: 0px;



	}



div#pageHeaderHome {

	background: url(images/home_nav_bg.png) no-repeat;

	width: 780px;

	height:  40px;

	position: absolute;

	left: 0;

	top: 298px;

	

	}

	

div#columnOne {

	width: 480px;

	float: left;

		background-color: ffffff;

	}

	

div#columnTwo {

	width: 240px;

	float: right;

	}



	

.homeBox {

	padding: 10px 20px 10px 20px;

	border-top: 1px solid #978C80;

	border-right: 1px solid #3D3226;

	border-left: 1px solid #978C80;

	line-height: 1.8em;

	text-align: left;

	}

	

.homeBox span {

	font-size: 15px;

	line-height: 2em;

	}	

	

.pageBox {

	padding: 10px 20px 10px 20px;

	

	line-height: 1.8em;

	text-align: left;

	}

	

.pageBox span {

	font-size: 14px;

	line-height: 2em;

	}	

	

.homeBox h1 {

	color: #BBD4E6;

	font-size: 20px;

	}

	

#contentHome {

	width: 739px;

	position: absolute;

	left: 21px;

	top: 360px;



	}

	/*

div.columnBottom {

	width: 240px;

	background: url(images/column_bottom.gif) no-repeat;

	height: 15px;

	}

	*/

	

div.columnBottomNarrow {

	width: 200px;

	background: url(images/column_bottom_narrow.gif) no-repeat;

	height: 15px;

	}

	

div.columnBottomWide {

	width: 490px;

	background: url(images/column_bottom_wide.gif) no-repeat;

	height: 15px;

	}

	

div.columnBottomHome {

	width: 240px;

	background: url(images/column_bottom2.gif) no-repeat;

	height: 15px;

	}

	

div.columnBottomHome2 {

	width: 480px;

	background: url(images/column_bottom_home.gif) no-repeat;

	height: 15px;

	}

	

/* content area */

/*---------------------------------------------------*/

div#mainArea {

	width: 740px;

	float: left;

	margin: 0 0 10px 20px !important;

	margin: 0 0 10px 10px;

	padding: 0 0 30px 0;

	background: url(images/content_bg.png) bottom repeat-x #FFFFFF;

	border-top: 1px solid #32516E;

	}



.code {

	font: 11px/16px courier, "courier new", monospace;

	}

	

#copyright {

	clear: both;

	padding-bottom: 6px;

	color: #CFC3AB;

	font: 10px/16px arial, verdana, sans-serif;

	text-align: right;

	letter-spacing: .1em;

	}

	

.quote, .attribute {

	display: block;

	color: #8E8165;

	font: bold 13px/18px verdana, arial, helvetica, sans-serif;

	}

	

.quote img {

	border: 1px solid #FFFFFF;

	margin: 10px;

	float: right;

	}

	

.attribute {

	font: 11px arial, verdana, sans-serif;

	}

	

.headerTwo {

	color: #41566D;

	}



#pageName {

	/*position: absolute;

	left: 20px;

	top: 140px;

	*/

	margin: 10px 20px;

	width: 740px;

	/*padding: 2px 0 2px 12px;*/

	border-bottom: 1px solid #E7DCD0;

	border-right: 1px solid #E7DCD0;

	background: #32516E;

	}

	

.bevelBox {

	padding: 40px 30px;

	/*border-top: 1px solid #FFFFFF;

	border-right: 1px solid #3D3226;

	border-left: 1px solid #FFFFFF;

	background: #EBE1C5;

	color:#8E8165;

	line-height: 1.5em;

	*/

	margin: 0;

	}

	

#sideBar .bevelBox td {

	color: #978c80;

}	



	

.bevelNarrow {

	margin-top: 10px;

	padding: 16px;

	border-top: 1px solid #FFFFFF;

	border-right: 1px solid #3D3226;

	border-left: 1px solid #FFFFFF;

	background: #978C80;

	line-height: 1.5em;

	}



.dottedLine {

	border-top: 1px dashed #FFFFFF;

	margin-top: 10px;

	padding-top: 10px;

	clear: both;

	}



.dottedLineDark {

	border-top: 1px dashed #3D3226;

	margin-top: 10px;

	padding-top: 10px;

	clear: both;

	}



.leftCol {

	float: left;

	width: 430px;

	padding: 0 30px 20px 30px;

	margin: 30px 0 0 0;

	line-height: 16px;

	border-right: 1px solid #EBE1C5;

	}

	

#leftColWide {

	voice-family: "\"}\"";

	voice-family: inherit;

	width: 520px;

	padding: 20px 4px 20px 30px;

	float: left;

	width: 486px;

	line-height: 16px;

	}

 html>body #leftColWide {

	width: 486px;

	}



#twoCol {

	voice-family: "\"}\"";

	voice-family: inherit;

	width: 370px;

	padding: 36px 30px 0 30px;

	float: left;

	width: 310px;

	line-height: 16px;

	}

	html>body #twoCol {

	width: 310px;

	}



.threeCol {

	width: 210px;

	float: left;

	display: block;

	}

	

.highlight {

	padding: 16px;

	background: #BBD4E6;

	}



.photoFloatLeft {

	margin: 0 20px 5px 0;

	float: left;

	

	}

	

.photoFloatRight {

	margin: 0px 0px 16px 16px;

	float: right;

	}

	

/* process */

/*---------------------------------------------------*/



#processChart {

	margin-top: 18px;

	margin-left: 10px;

	}



#process {

	border: 0;

	}



#process th {

	border-right: 1px solid #FFFFFF;

	padding-top: 20px;

	}



#process td {

	border-right: 1px solid #FFFFFF;

	padding: 8px;

	font: 10px/16px arial, verdana, sans-serif;

	text-align: right;

	}



#process1 {

	width: 146px;

	background: url(images/process_01.gif) no-repeat;

	height: 89px;

	}



#process2 {

	width: 145px;

	background: url(images/process_02.gif) no-repeat;

	height: 89px;

	}

#process3 {

	width: 146px;

	background: url(images/process_03.gif) no-repeat;

	height: 89px;

	}

#process4 {

	width: 147px;

	background: url(images/process_04.gif) no-repeat;

	height: 89px;

	}

#process5 {

	width: 152px;

	background: url(images/process_05.gif) no-repeat;

	height: 89px;

	}

	

/* portfolio pages */

/*---------------------------------------------------*/

#portfolioFeatured {

	width: 520px;

	float: left;

	margin-top: 20px;

	}

	

#mainArea #portfolioFeatured a {

	border-bottom: none;

}	



#mainArea #portfolioFeatured a:hover {

	background: none;

}



.portfolio-largeimage {

	padding: 30px 0 0 30px;

	line-height: 16px;

	border-right: 1px solid #EBE1C5;

	}



.portfolioFeaturedIndent {

	margin-left: 100px;

	text-align: left;

	}

	

.challenge {

	color: #6D879A;

	font-size: 20px;

	line-height:28px;

	}

	

.services {

	text-transform:uppercase;

	font-size:10px;

	color: #41566D;

	}

	

#mainArea h3.reversed {

	color: #FFF;

	font: bold 10px/14px verdana, arial, helvetica, sans-serif;

	text-transform: uppercase;

	padding:1px 14px 1px 2px;

	display:inline;

	background: url(images/arrow-down.gif) #6D879A right 3px no-repeat;

	}

	

.portfolioImg {

	padding: 4px;

	border-top: 1px solid #9E937B;

	border-right: 1px solid #474032;

	border-left: 1px solid #9E937B;

	border-bottom: 1px solid #474032;

	background: #8E8165;

	}

	

#leftColWide .portfolioThumb a {

	border-bottom: none;

}



#leftColWide .portfolioThumb a:hover {

	background: none;

}	

	

.portfolioThumb {

	width: 262px;

	float: left;

	text-align: right;

	}



div#portfolioList {

	width: 210px;

	position: absolute;

	left: 8px;

	top: 8px;

	}



div#portfolioList h3 {

	color:  #FF6699;

}



div#portfolioList a {

	line-height: 20px;

	color: #434852;

	text-decoration: none;

	border-bottom: 1px dotted;

	padding: 1px;

	}

	

div#portfolioList a:hover {

	color: #FFFFFF;

	background: #FF6699;

	border: none;

}	



div#portfolioBox {

	width: 456px;

	position: absolute;

	left: 20px;

	top: 0px;

	}

	

div#portfolioBox h3 {

	color:  #FF6699;

}	

	

div#portfolioBox a {

	color: #434852;

	text-decoration: underline;

}	



div#portfolioBox a:hover {

	color: #434852;

	text-decoration: underline;

}	

	

div#imageSpace {

	margin-bottom: 6px;

	padding: 3px;

	background: #5B5044;

	border-top: #978C80 1px solid;

	border-right: #3D3226 1px solid;

	border-left: #978C80 1px solid;

	border-bottom: #3D3226 1px solid;

	}



.floatRight {

	float: right;

	}



.floatLeft {

	float: left;

	}

.floatInv {

	position: absolute;

	left: 0px;

	top:  -10px;

	}



#portfolioText {

	clear: both;

	}



#pdf a {

	width: 55px;

	float: right;

	background: url(images/icon_fullstory.gif) no-repeat;

	text-decoration: none;

	height: 16px;

	}



#pdf a:hover {

	width: 55px;

	background: url(images/icon_fullstory_on.gif) no-repeat;

	height: 16px; /* newsletter */



	}

/*---------------------------------------------------*/

#masthead {

	padding: 5px 10px;

	background: #EBE1C5;

	color: #5B5044;

	

	font: 20px/30px helvetica, arial, verdana, sans-serif;

	font-weight: bold;

	}



#newsletterDate {

	padding: 5px 10px;

	background: #8E8165;

	color: #FFFFFF;

	font: 10px/14px helvetica, arial, verdana, sans-serif;

	letter-spacing: .1em;

	}



#gotoreport {

	padding: 26px;

	display: block;

	}

	

#gotoreport form a {

	border: none;

}	



#gotoreport form a:hover {

	background: none;

}



#gotoreport h2, #gotoreport h2 a {

	color: #FF6699;

}



#gotoreport #leftColNews h3 {

	color: #5B5044;

}





	



#leftColNews {

	border-right: 1px solid #EBE1C5;

	padding-right: 30px;

	width: 450px;

	float:left;

	}



#sideBarNews {

	width: 180px;

	float: right;

	}



#newsLinks {

	padding: 6px 16px;

	margin-bottom: 10px;

	display: block;

	background: #EBE1C5;

	line-height: 1.85em;

	}



.articles {

	width: 460px;

	float: left;

	padding-bottom:10px;

	}

	

.article-col {

	width: 220px;

	float: left;

	padding-right:10px;

	}

	

.article-col2 {

	width: 220px;

	float: left;

	padding-left:10px;

	}

	

.bio {

	width: 150px;

	float: left;

	border: 1px dashed #3D3226;

	padding: 10px;

	margin: 0 20px 10px 0;

	color: #978c80;

	font: 10px/16px helvetica, arial, verdana, sans-serif;

	}

.bio img {

	border: 1px solid #FFFFFF;

	margin-bottom: 10px;

	}



/* header divs */

/*---------------------------------------------------*/







#tagline h2,#contact span,.columnBottom span,.columnBottom2 span, .columnBottomWide span,.divider b,.dividerC b,#pdf span,.hide,#process1 h3,#process2 h3, #process3 h3, #process4 h3,#process5 h3 {

	display: none;

	}







div#subnavigation {

	float:right;

	width:570px;

	text-align:left;

	margin-top: 6px;

	}





.portfolioFeaturedText {

	float: right;

	width: 190px;

	padding-left:10px;

	}



.portfolioFeaturedImg {

	float: left;

	border-top: 1px solid #9E937B;

	border-right: 1px solid #474032;

	border-left: 1px solid #9E937B;

	border-bottom: 1px solid #474032;

	background: #8E8165;

	margin: 0 10px 6px 0px;

	padding: 4px;

	}

	

#leftColWide .portfolioFeaturedImg a {

	border-bottom: none;

}



#leftColWide .portfolioFeaturedImg a:hover {

	background: none;

}	



.go2bio {

	float: left;

	border: 1px dashed #3D3226;

	padding: 15px;

	margin-bottom: 10px;

	color: #5B5044;

	font: 10px/16px helvetica, arial, verdana, sans-serif;

	}

	

#gotoreport .go2bio a {

	color: #5B5044;

	text-decoration: underline;

	border: none;

}



.go2bio img {

	margin: 0 10px 5px 0;

	float: left;

	padding: 5px;

	}



div#footer {

	width: 740px;

	float: left;

	margin: 0 0 0 20px !important;

	margin: 0 0 0 10px;

	height: 30px;

	}

	

div#footer a{

	padding: 10 0 10 0px;

	}

	

div#footerHome {

	width: 740px;

	float: left;

	padding-top: 20px;

	height: 30px;

	}



div#footerPortfolio {

	width: 740px;

	position: absolute;

	top: 12px;

	left: 20px;

	}



#login {

	float: left;

	width: 740px;

	background: url(images/footer_bg.gif) no-repeat;

	height: 30px;

	}



#login input {

	margin: 6px 4px 6px 6px;

	}



#clientLoginHome {

		position: absolute;

	top: -20px;

	left: 580px;

	float: right;

	margin: 18px 13px 0 0;

	color: #32516E;

	}

#clientLogin {

		position: absolute;

	top: -48px;

	left: 560px;

	float: right;

	margin: 18px 13px 0 0;

	}



.formStyle, #newsletterForm {

	border-style: inset;

	border-width: 1px;

	margin: 2px;

	font: 10px arial, verdana, helvetica, sans-serif;

	}



#newsletterForm {

	width: 165px;

	}



.button {

	border-width: 1px;

	border-color: #FFFFFF;

	color: #5B5044;

	background: #EBE1C5;

	font: bold 10px  verdana, arial, helvetica, sans-serif;

	}



#emailerContent {

	width: 740px;

	position: absolute;

	left: 20px;

	top: 60px;

	}



.newsNav {

	padding: 10px;

	background: #F6F3EC;

	line-height: 1.4em;

	}

	

.jobsNav {

	background: transparent;

	}	



body#basic .newsNav a {

	padding: 4px 6px 4px 18px;

	display: block;

	border: none;

	background: url("images/arrow.gif") 0px 6px no-repeat; /* footer area */

	}

	

body#basic .newsNav a:hover {

	background: url("images/arrow.gif") 0px 6px no-repeat;

   text-decoration: underline;

	color: #434852;

}



#booklink {

	width: 100px;

	float: left;

	clear:both;

	padding: 4px 4px 20px 4px;

	}

	

div#mainArea #booklink a {

	border-bottom: none;

	}

	

div#mainArea #booklink a:hover {

	border-bottom: none;

	background:transparent;

	}

	

.caption {

	font: bold 11px arial, verdana, sans-serif;

	color:#6D879A;

	}

	

.clientLogin {

	background: #FFF;

	padding:20px;

	}

	

.clear {

	clear:both;

	}

	

.explanation {

	font-size: 14px;

}

div#popup p{

	padding: 10px;

	

}

div#popup ul{

	margin: 0;

	padding: 0;

	list-style: none;

	width: 150px;

	cursor: pointer;



}

div#popup ul li {

	position: relative;

	}

div#popup li ul {

	position: absolute;

	left: 200px;

	top: 0;

	display: none;

	background-color: #fff;

	width: 250px;

	}

div#popup	ul li a {

	

	text-decoration: none;



	padding: 2px;



	

	}

	

div#popup li:hover ul { display: block; }