body {
background-color:#fff;
font:100%/1.5 Arial,helvetica,sans-serif;
}

ul li {
font-size:12px;
}

#outer_container {
	margin:0 auto;
	width:980px;
}

#container {
	border:2px solid #d3d2d2;
	float:left;
	width:100%;
	position:relative;
	margin-top:10px;
}

#inner_container {
	padding: 10px 20px 0 20px;
	position:relative;
	font-size:0.8em;
	float:left;
	min-height:670px;
}

#header {
	text-align:right;
	float:right;
}

#navigation {
	float:left;
	width:500px;
	margin:90px 0 0 10px;
}

#strap {
	float:left;
	width:939px;
	height:18px;
	background-image: url('../_images/strap.gif');
	background-position:top left;
	background-repeat:no-repeat;
	line-height:18px;

}

#top_content {
	float:left;
	border-bottom:3px solid #000;
	width:919px;
	color:#636466;
	display:block;
	padding-left:20px;
}

#brandshoppage {
	float:left;
	border-bottom:3px solid #000;
	width:880px;
	margin:16px;
	display:block;
	background-color:#000;
	color:#fff;
	padding:16px;
}

#brandshoppage h2 {
	color:#6d6e71;
	font-size:2em;
}

#brandshoppage a {
	color:#fff;
	text-decoration:none;
	font-size:1.2em;
}

#brandshop_bottom {
	float:left;
	clear:left;
	border-bottom:3px solid #000;
	height:1px;
	width:939px;
	display:block;
}	

#top_content_news {
	border-bottom:3px solid #000;
	float:left;
	width:919px;
	color:#636466;
	display:block;
	padding:15px 0 20px 20px;
	min-height:460px;
}

.main_image {
	height:355px;
}


 
.main_image img {     
    background-color: #eee;  
    height:355px;
	width:939px;
    top:  0; 
    left: 0;
	display:none;
}


.main_image img.nojsimg {
	display:block; 
}

.clients {
	padding-bottom:10px;
}

.work {
	padding:10px 0 3px 0;
	overflow-x:hidden;
overflow-y:hidden;
}

.work ul li {
	list-style-type:none;
	font-size:1em;
	display:inline;
	
}

.work ul {
	margin:0;
}

.prev, .next {
	background-color:#fff;
	border:none;
}

.prev {
	visibility:hidden;
}

.column {
	border:1px solid #C6C8CA;
	float:left;
	height:300px;
	margin-right:17px;
	padding:10px;
	width:120px;
}

.column a {
	text-decoration:none;
	color:#939598;
}

.column a:hover {
	text-decoration:underline;
}

.work img {
	margin-bottom:20px;
}

.last {
	margin-right:0;
}

#profile_info {
	float:left;
	width:550px;
}

#profile_pic {
	float:right;
	text-align:right;
}

#profile_pic img {
	display:block;
}

#people_content {
	float:right;
	margin-top:10px;
	color:#77787b;
	text-align:left;
}

#people_content a {
	text-decoration:none;
	color:#636466;
}

#people_content a.red {
	color:#E90000;
}

#people_content ul li {
	list-style:none;
}

.people_column {
	width:128px;
	float:left;
}

.people_column ul {
	margin:0;
}

#agency_info {
	float:left;
	width:450px;
	padding:0 10px 0 0;
}

#agency_pic {
	float:right;
	height:354px;
}

#agency_pic img {
	display:block;
}

.news img {
	margin:20px 0 0 0;
	display:none; 
	position:absolute;
	border:1px solid #000;
}

.news {
	
}

 #newslist_container {
	width:600px; 
	float:left;
 }
 
 #news_images {
	float:left; 
	width:250px; 
	position:relative;
 }	
 
.head {
	background-image: url('../_images/news_head.gif');
	background-position:top left;
	background-repeat:no-repeat;
	padding:0 0 0 35px;
	width:565px;
	height:38px;
	float:left;
	margin:5px 0 0;
}

.hiddennews {
	background-color:#e6e7e8;
	display:none;
	height:255px;
	padding:0 20px 0 30px;
	width:484px;
	margin-left:35px;
	margin-top:-8px;
	float:left;
	position:relative;
}

.outernews {
	float:left;
	height:253px;
	overflow:hidden;
	width:470px;
	position:relative;
}

.news_content {
	position:relative;
	padding:5px 0 0 0;
	top:0;
	z-index:1;
}

.head a {
	color:#f00;
	text-decoration:none;
}

#map {
	float:right;
	width:600px;
	height:374px;
}

#contact_details {
	float:left;
	width:300px;
}

.red {
	color:#e90000;
}

#clients {
	width:100%;
	float:left;
}

.client {
	border:1px solid #C6C8CA;
	float:left;
	height:75px;
	margin:7px 2px 0;
	text-align:center;
	width:111px;
}


#content {
	float:left;
	margin-top:10px;
	color:#77787b;
	width:500px;
}

#content a {
	text-decoration:none;
	color:#636466;
}

#content a.red {
	color:#E90000;
}

#content a:hover {
	text-decoration:underline;
}

#content ul li {
	list-style:none;
}

#rhs {
	float:left;
	margin-top:10px;
	color:#77787B;
	margin-left:70px;
}

.rhs_img_outer {
	float:left;
}

.rhs_img_inner {
	border:1px solid #fff;
	margin:0 6px;
}

#rhs img {
	border-bottom:1px solid #fff;
	padding-bottom:2px;
}


#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#eee;
	opacity:0.8;
	padding:2px 5px;
	color:#333;
	display:none;
}


#footer {
	width:100%;
	background-color:#e9e8e8;
	float:left;
	padding: 5px 0 0 0;
	margin-top:20px;
}

#footer_logos {
	float:left;
	padding-left:20px;
}

#footer_text {
	float:right;
	padding-right:20px;
	color:#747474;
}

#footer_text a {
	color:#747474;
	text-decoration:none;
	font-size:0.7em;
}

#footer_text a:hover {
	text-decoration:underline;
}







/*###############    Drop down menu ############################# */

.sf-menu,.sf-menu * {
list-style:none;
margin:0;
padding:0;
}

.sf-menu {
left:30px;
line-height:1;
}

.sf-menu ul {
position:absolute;
top:-999em;
width:160px;
padding-top:18px;
border-left:2px solid red;
opacity:0.8;
z-index:5000;
}

.sf-menu ul li {
width:100%;
}

.sf-menu li:hover {
visibility:inherit;
}

.sf-menu li {
float:left;
position:relative;
background:#fff;
border-left:2px solid #FFFFFF;
}

.sf-menu a {
display:block;
position:relative;
text-decoration:none;
color:#000;
font-weight:700;
padding:.75em 1em;
font-weight:normal;
}

.sf-menu li:hover ul,.sf-menu li.sfHover ul {
left:-2px;
top:2.5em;
z-index:99;
}

ul.sf-menu li:hover {
background:#000;
border-left:2px solid red;
}

ul.sf-menu li:hover a {
color:#fff;
}

.sf-menu a:visited {
color:#000;
font-weight:normal;
}

.agency li {
border-left:none;
}

.sf-menu li li {
background:#dcddde;
}

.sf-menu li li a:hover {
background:#e90000;
color:#fff;
}



ul.sf-menu li a {
color:#000;
}

ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul,ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {
top:-999em;
}

ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul,ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {
left:10em;
top:0;
}

.sf-menu a:hover,.sf-menu a:focus,.sf-menu a:active {
background:#000;
color:#fff;
font-weight:normal;
}

li.current {
	background:#000;
	border-left:2px solid red;
}

a.current {
	color:#fff;
}