/* Top level elements */
body {
}
h1 {
	font-family:"Times New Roman", Times, serif;
	color:#db2e50;
	font-size:2.8em;
	margin-bottom:10px;
	letter-spacing:0.01em;
}
h1.index_header {
	font-size:3.6em;
}
h2 {
	font-size: 1.6em;
	line-height:1.5em;
}
p {
	font-size:1.2em;
	padding-bottom:20px;
	line-height:1.6em;
	color:#666666;
}
img {
	color:#db2e50;
}
.container {
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	height:650px;
	
}
#header {
	height:85px;
	margin-bottom:5px;
}
.fright {
	float:right;
}
.fleft {
	float:left;
}
.clear{
	clear:both;
	overflow:hidden;
	height:1%;
	display:inline-block;
}

/* logo*/
#tangible {
	float:right;
	margin-top:30px;
	margin-right:40px;
}
/*  Navigation */


#nav ul, #nav li {
	margin:0; 
	list-style:outside;
}

#nav {
	display:block;
	float:left;
	width:708px;
	margin:55px 0 0 40px;
	position:relative;
	z-index:100;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#nav li {
	float:left;
	position:relative;
	padding-right: 50px;
}

/* style the links for the top level */
#nav a, #nav a:visited {
	display:block;
	line-height:32px;
	text-decoration:none;
}
#nav a:link, #nav a:visited {
	color:#949495;
}
#nav a.active, #nav ul ul li a.active, #nav a:hover, #workview ul .active, #awardlist ul .active, #presslist ul .active {
	color:#db2e50;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
#nav ul ul {
	visibility:hidden;
	position:absolute;
	top:31px;
	padding-left:55px;
	padding-bottom:20px;
	left:-65px;
	width:170px;
	background:url(../img/sub-nav-dd.png) bottom no-repeat;
	font-size:8pt;
}
#nav ul ul.show_me {
	background:none;
	visibility:visible;
	font-size:8pt;
	font-size:.75em;
	margin-top:-1px;
}
#nav ul ul.show_me a, #nav ul ul.show_me a:visited{
	color:#949495;
}
#nav ul li:hover ul.show_me, #nav ul a:hover ul.show_me {
	visibility:hidden;
}
/* style the table so that it takes no part in the layout - required for IE to work */
#nav table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
}

/* style the second level links */
#nav ul ul a, #nav ul ul a:visited {
	height:auto;
	line-height:1em;
	font-size:8pt;
	padding:0 6px 4px 0 ;
	width:108px;
}
#nav ul ul li {
	position:relative;
	right:20px;
	margin-left:0px;
	background-color:#fff;
	opacity: 0.95;
	filter: alpha(opacity=95);
	padding:5px 7px 0 30px;

}
#nav ul ul li.last {
	padding-bottom:10px;
}
/* style the top level hover */
#nav a:hover, #nav ul ul a:hover {
	background-color:#fff;
	opacity: 0.95;
	filter: alpha(opacity=95);
}

#nav :hover > a, #nav ul ul :hover > a {
	color:#db2e50;
}

/* make the second level visible when hover on first level list OR link */
#nav ul li:hover ul, #nav ul a:hover ul {visibility:visible;}


.transparency {
	background-color:#c3c3c3;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
.box {
	clear:both;
	border:1px solid #eee;
}
.box_contain {
	padding:40px;
}
.box_pos {
	margin-top:80px;
	float:left
}
.tl {
	background:url(../img/shad_box_tl.gif) top left no-repeat;
}
.br {
	background:url(../img/shad_box_br.gif) bottom right no-repeat;
}
.tr{
	background:url(../img/shad_box_tr.gif) top right no-repeat;
}
.bl {
	background:url(../img/shad_box_bl.gif) bottom left no-repeat;
}
.index_box {
	width:640px;
	height:220px;
}
/* approach page */
#approach .tl, #approach .br, #approach .bl, #approach .tr {
	width:450px;
	height:266px;
}
#approach .box_pos {
	margin-top:30px;
}
#approachcopy {
	float:left;
	width: 440px;
	margin: 205px 0 0 30px;
}
#approach .big_next {
	position:relative; top:480px
}
#about .tl, #about .br, #about .bl, #about .tr {
	width:460px;
	height:236px;
}
#about .box_pos {
	margin-top:30px;
}
#about .big_next {
	position:relative; top:480px
}
/* brand page */
#brand .tl, #brand .br, #brand .bl, #brand .tr {
	width:1024px;
	height:196px;
}
#brand .box_pos {
	margin-top:30px;
}
#brandcopy {
	float:left;
	width: 555px;
	margin: 30px 0 0 30px;
}
#brand .big_next {
	float:right;
	margin-right:40px;
	margin-top: 100px
}
#brand #mod_holder{
	float:left;
	margin: 30px 0 0 60px
} 
/* brand page */
#strategy .tl, #strategy .br, #strategy .bl, #strategy .tr {
	width:630px;
	height:330px;
}
#strategy .box_pos {
	margin-top:50px;
}
#strategycopy {
	float:left;
	width: 280px;
	margin: 270px 0 0 30px;
}
#strategy .big_next {
	float:right;
	margin-right:40px;
	margin-top: 490px
}
/* integrated page */
#integrated .tl, #integrated .br, #integrated .bl, #integrated .tr {
	width:1024px;
	height:160px;
}
#integrated .box_pos {
	margin-top:50px;
}
.integratedcopy {
	float:left;
	width: 435px;
	margin: 30px 0 0 40px;
}
#integrated .big_next {
	float:right;
	margin-right:40px;
	margin-top: 270px
}
/* philosophy page */
#philosophy .tl, #philosophy .br, #philosophy .bl, #philosophy .tr {
	width:735px;
	height:157px;
}
#philosophy .box_pos {
	margin-top:30px;
}
#philosophycopy {
	float:left;
	width: 440px;
	margin: 30px 0 0 470px;
}
#philosophy .big_next {
	margin-top:-50px;
	margin-right:40px;
	float:right;
}
#philosophy #mod_holder{
	float:left;
	margin: -141px 0 0 40px
} 
/* services page */
#services .tl, #services .br, #services .bl, #services .tr {
	width:460px;
	height:200px;
}
#services .box_pos {
	margin-top:30px;
}
#servicescopy {
	float:left;
	width: 475px;
	margin: 70px 0 0 40px;
}
#services .big_next {
	float:right;
	margin-right:40px;
	margin-top: 270px
}
/* news page */
#news .tl, #news .br, #news .bl, #news .tr {
	width:880px;
	height:230px;
}
#news .box_pos {
	margin-top:50px;
}

#news .big_next {
	float:right;
	margin-right:40px;
	margin-top: 500px
}
/* contact page */
.lush_red {
color: #db2e50
}
#contact .tl, #contact .br, #contact .bl, #contact .tr {
	width:1024px;
	height:160px;
}
#contact .box_pos {
	margin-top:30px;
}

#contact .big_next {
	float:right;
	margin-right:40px;
	margin-top: 500px
}
.contactcol1 {
	clear:left;
	float:left;
	margin-left:40px;
	margin-top:20px;
	color:#999999;
	width:200px

}
.contactcol2 {
	float:left;
	margin-left:40px;
	margin-top:20px;
	color:#999999;
}
.contactcol2 p{
	color:#999999;
}
.contactcol2 p.spacer{
	margin-top:26px;
}
.contactcol2 img{
	margin-top:0px;
	border:1px solid #999999
}
.contactcol2 a {
	color:#666
}
#reg {
	font-size:0.9em;
	padding-top:110px;
	display:block
}
/* awards page */
#awards .tl, #awards .br, #awards .bl, #awards .tr {
	width:1020px;
	height:230px;
}
#awards .box_pos {
	margin-top:30px;
}
.awardscopy {
	float:left;
	width: 435px;
	margin: 30px 0 0 40px;
}
#awards .big_next {
	float:right;
	margin-right:40px;
	margin-top: 230px
}

#awardlist .box_pos {
	margin:20px 0 0 70px;
	float:left;
}
#awardlist .tl, #awardlist .br, #awardlist .bl, #awardlist .tr {
	width:706px;
	height:460px;
}
#awardlist .the_work {
	height:300px
}
#awardlist .left_col{
	float:left;
	margin: 30px 0 0 40px;
	font-size:1.3em;
	line-height:1.4em;
	width: 180px;
}
#awardlist .left_col p{
	margin-top:50px;
	line-height:1.4em;
	font-size:1em;
}
#awardlist ul a{
	color:#999999
}
/* client page */
#client .tl, #client .br, #client .bl, #client .tr {
	width:975px;
	height:195px;
}
#client .box_pos {
	margin-top:30px;
}
#clientcopy {
	float:left;
	margin: 30px 0 0 40px;
}
#client .clientcol {
	float:left;
	width:170px;
	margin-left:40px;
	padding-top:5px;
}
#client .clientcol p {
	line-height:0.8em;
}
#client .clientcopy1 {
	float:left;
	width:275px;
}
/* press */
#press .box_pos {
	margin-top:30px;
	margin-bottom:20px;
}
#presslist {
	float:left;
	width:250px;
	margin-left:40px;
	margin-right:50px;
	font-size:1.2em;
	line-height:1.4em;
}
#presslist li{
	margin-bottom:10px;
}
#presslist ul a{
	color:#999999
}
#pressview {
	float:left;
	width:650px;
}
/* work page */
#work .tl, #work .br, #work .bl, #work .tr {
	width:315px;
	height:160px;
}
#work .box_pos {
	margin-top:30px;
}
#workcopy {
	float:left;
	width:227px;
	margin: 0 0 0 40px;
	padding-top:30px;
	display:block;
}
#workcopy p {line-height:1.6em;}
#worklist {
	float:right;
	margin: 70px 30px 0 0;
	width:600px;
}
#worklist img {
	width:133px;
	height:90px;
}
#worklist table{
	border:1px solid #efefef;
}
#worklist td{
	border:1px solid #efefef;
}
#workrecent {
	margin-bottom:60px;
}
#worklist p {
	padding-bottom:10px;
}
#workview .box_pos {
	margin:20px 0 0 70px;
}
#workview .tl, #workview .br, #workview .bl, #workview .tr {
	width:706px;
	height:460px;
}
.first_panel{
	width:500px;
	margin:50px 0 0 0;
}
.first_panel img {
	margin: 0 0 20px 50px
}
#workview ul {
	float:left;
	margin: 30px 0 0 40px;
	font-size:1.2em;
	line-height:1.4em
}
#workview ul a{
	color:#999999
}
/* people page */
#people .tl, #people .br, #people .bl, #people .tr {
	width:365px;
	height:215px;
}
#people .box_pos {
	margin-top:30px;
}
.person_box {
	width:156px;
	height:280px;
	float:left;
	cursor: default;
	margin-right:3px;
}
#peoplelist { margin-left:25px}
#peoplelist ul ul{visibility:hidden; padding-right:5px}
#peoplelist ul li:hover ul {visibility:visible;}
.scrollies {
	position:relative;
	width:1024px;
	clear:left
}
.profile {margin-top:20px; width:140px}
.grey {color:#666666}
#peoplelist li {font-size:1.0em}
#peoplelist li.ten {font-size:0.9em;}
.clicky a {cursor:pointer;  color:#666666}
.no_clicky {cursor:default}
#peopleview {margin-top:50px}
#factoid {float:left; width:150px; margin-left:50px; margin-top:76px;}
#first_person {float:left; width:243px; margin-left:40px;}
#biog {width: 400px; margin-top:76px; font-size:1.0em; margin-left:50px; float:left}

/* homepage arrows */

.left_arrow {
	clear:left;
	float:left;
	width:40px;
	margin-top:45px;
}	
.right_arrow {
	float:right;
	width:7px;
	margin-top:45px;
}
.big_next {
	float:left;
}
/* pressview bullets (for careers too!) */

#press-content ul li {
	font-size:1.2em;
	padding-top:10px;
}
.career-heading {
	font-weight:bold;
	margin:0;
	padding:0;
	padding-top:20px;
}
#careersview {
	float:left;
	width: 700px;
	margin-left:30px
}
#careerslist {
	font-size:1.5em;
	margin:30px;
	float:left;
}
#careerslist a{
	color:#db2e50;
}
/* modules */

#home_modules {
	clear:both;
	padding-top:25px;
	height:200px
}
.module {
	width:310px;
	height:130px;
	margin-right:10px;
	float:left
}
.module a {
	color:#949495
}
.module img {
	width:306px;
	height:98px;
	border:1px solid #cecece;
}
#footer {
	clear:both;
	font-size: 1.0em;
	color:#c0c0c0;
	background:url(../img/shad_box_b.gif) repeat-x;
	padding-top: 40px;
	width:100%;
}
#footer ul {
	width: 944px;
	margin:auto;
	height:50px
}

#footer a {
	color:#c0c0c0;
	text-decoration:none
}

/* Portfolio styles  */
.evidenceviewimg{
	float:left;
	margin: 6px 6px 0 0;
}

/* */
#accessibility {
	margin:20px
}
#accessibility ul{
	font-size:1.3em;
	list-style:circle inside;
	margin-bottom:20px;
	color:#666666;
}
#accessibility a{
	color:#000;
}