/* TAGS */
body {
	color:#888;
	font-size:62.5%;
	font-family:Century Gothic, Helvetica, Verdana, sans serif;
	margin:0;
	background-color:#CDCD00;
	}
	
h1 {
	margin:0 0 10px 0;
	padding:0;
	color:#FFA4C0;
	font-size:2.333em;
	font-weight:normal;
	}
#prop {
	display:none;
}
#prop h1 {
	color: #FFF;
    font: 3em/1.2em Century Gothic,Helvetica,sans-serif;
    padding: 20px 0;
	text-align:center;
}
h2 {
	margin:0;
	padding:0;
	color:#000;
	font-size:1.5em;
	font-weight:normal;
	}
	
p {
	margin:3px 0 10px 0;
	padding:0;
	}
	
ul {
	margin:15px 0 15px 12px;
	padding:0;
	list-style-position:outside;
	}
	
li {
	color:#CDCD00;
	margin:0;
	padding:0;
	}
.entry li {
	color: #888 !important;
}
li span {
	color:#888;
	}
	
img {
	border:0;
	}
	
img, div { behavior: url(includes/iepngfix.htc) }
	
	
a:link, a:visited { color:#CDCD00; text-decoration:none;}
a:hover { color:#FFA4C0; text-decoration:none;}
	
a.accentlink:link, a.accentlink:visited { color:#FFA4C0; text-decoration:none;}
a.accentlink:hover { color:#FFA4C0; text-decoration:underline;}

a.grey:link, a.grey:visited { color:#888; text-decoration:none;}
a.grey:hover { color:#888; text-decoration:underline;}

/* IDs */
#social {
	background-color:#D8E165;
	margin-bottom:20px;
	box-shadow: 0 0 4px #888888;
	 padding: 0 0 5px 0px;
}

#social_inner {
	padding:4px;
	width:882px;
	margin:0 auto;
	text-align:right;	
}

#outer-wrapper {
	background-color:#CDCD00;
	margin:0;
	padding:0 0 30px 0;
	}

#wrapper {
	width:882px;
	margin:0 auto;
	font-size:1.2em;
	}
	
#nav-bar {
	background-color:#FFF;
	padding:0 15px;
	min-height:40px;
	height:auto !important;
	height:40px;
	margin:15px 0 15px 0;
	}
	
#rss-feed {
	float:left;
	width:370px;
	height:18px;
	background:url(../images/graphic-news.gif) left no-repeat;
	padding:10px 0 0 45px;
	margin-top:8px;
	}
	
#outer-tail {
	background:url(../images/image05.gif) bottom right no-repeat #FFF;
	min-height:20px;
	height:auto !important;
	height:20px;
	}

div.casses .logo {
	width: 163px;
	height: 163px;
	min-height:163px;
	height:auto !important;
	float:left;
	border: 1px solid #EEEEEE;
	margin-bottom: 20px;
} div.casses a:hover.logo {
	background-position: 0px 0px !important;
} div.casses .margin {
	margin-right: 20px;
}

#rss-feed ul {
	margin: 0px 10px !important;
	height: 18px;
	}
.news-scroll {
	position: relative;	
	}
.news-scroll li {
	position: absolute;
	width: 320px;
	height: 30px;
	top: 0;
	left: 0;
	color:#888888;
	list-style: none;
	display: none;
	}
	
li.hidden {
	visibility: hidden;
	}
	
ul#clients {
	margin:30px 0 0 0;
	padding:0;
	}	
	
ul#clients li {
	list-style-type:none;
	width:165px;
	padding:0;
	float:left;
	border:1px solid #eee;
	margin:0 15px 15px 0;
	}
	
#sitemap {
	background:#fff url(../images/bg_sitemap.gif) top right no-repeat;
	}
	
#sitemap li a {
	color:#888;
	}
	
#sitemap li a:hover {
	color:#888;
	text-decoration:underline;
	}

/* CLASSES */
.clear {
	clear:both;
	font-size:0.818em;
	}

.pink {
	color:#FFA4C0;
	}
	
a.pink {
	color:#FFA4C0;
	}
	
.grey {
	color:#888;
	}
	
.green {
	color:#CDCD00;
	}
	
.column h2, .column2 h2 {
	margin:0 0 10px 0;
	padding:0;
	color:#FFA4C0;
	font-size:2.333em;
	font-weight:normal;
	}
	
.column {
	width:254px;
	float:left;
	margin-right:15px;
	padding:15px;
	background-color:#FFF;
	min-height:287px;
	height:287px;
	}
	
.column2 {
	width:284px;
	float:left;
	}
		
.column3 {
	width:254px;
	float:left;
	margin-right:15px;
	padding:15px;
	}
	
.column3 ul, .column6 ul {
	margin:0 0 15px 0;
	}
	
.column3 li, .column6 li {
	list-style-type:none;
	color:#888;
	margin:0;
	}	

.column4 {
	width:553px;
	float:left;
	padding:15px;
	}
	
.column5 {
	float:left;
	width:426px;
	}
	
.column6 {
	width:269px;
	background-color:#FFFFFF;
	float:left;
	margin:0 0 15px 15px;
	padding:15px;
	}
	
.column7 {
	width:568px;
	float:left;
	}
	
.column8 {
	width:299px;
	float:right;
	margin-left:15px;
	}
	
.column7 ul {
	margin-top:0;
	margin-bottom:0;
	}	
	
.sub-list li {
	color:#888;
	list-style-image:url(../images/bullet.gif);
	margin-left:20px;
	}
	
.tail {
	background:url(../images/image07.gif) top right no-repeat #CDCD00;
	min-height:15px;
	height:auto !important;
	height:15px;
	}
	
.half-column1 {
	padding:15px;
	background-color:#FFF;
	min-height:136px;
	height:136px;
	}
	
.half-column2 {
	padding:15px;
	background-color:#FFF;
	min-height:105px;
	height:auto !important;
	height:105px;
	}
	
.margin1 {
	margin-top:15px;
	}
	
.margin2 {
	margin-right:15px;
	}
	
.margin3 {
	margin:15px 15px 0 0;
	}
	
.image-right {
	padding-left:10px;
	}
	
.image-left {
	padding-right:10px;
	}

.news-list ul {
	list-style-type:none;
	margin:0 0 15px 0;
	}
	
.news-list li {
	padding:0;
	margin:0 0 7px 0;
	color:#888;
	}
.news-list li h4 {
	margin: 0px;
	padding: 0px;
}
	
.pad-right {
	padding-right:15px;
	}
	
.twitter-list ul {
	list-style-type:none;
	margin:0;
	padding:0;
	}
	
.twitter-list li {
	color:#888;
	margin:0;
	padding:0;
	}
	
.faux-column {
	background-image:url(../images/faux-column.gif);
	background-repeat:repeat-y;
	margin-bottom:15px;
	zoom:1;
	}
	
.faux-column2 {
	background-image:url(../images/faux-column2.gif);
	background-repeat:repeat-y;
	margin-bottom:15px;
	zoom:1;
	}
	
.single-column {
	background-color:#FFF;
	padding:15px;
	margin-bottom:15px;
	}
	
.padder-bottom {
	padding-bottom:15px;
	}
	
.padder-left {
	padding-left:15px;
	}
	
.padder-white {
	padding:15px;
	margin-bottom:15px;
	background-color:#FFF;
	}
	
.padder-white2 {
	padding:15px;
	background-color:#FFF;
	}
	
input.textfield {
	border:1px solid #d6d6d6;
	color:#999;
	padding:8px 10px;
	width:300px;
	margin-bottom:8px;
	}

.staff {
	width:240px;
	height:210px;
	float:left;
	margin:20px 20px 0 0;
	padding-right:19px;
	border-right:1px dotted #ccc;
	}
	
.staff2 {
	width:240px;
	height:210px;
	float:left;
	margin-top:20px;
	}
	
.form_input {
	border:1px solid #ddd;
	margin:5px 0;
	padding:5px;
	width:192px;
	color:#FFA4C0;
	font:italic 12px Georgia;
	}
	
textarea.contact {
	width:400px;
	border:1px solid #ddd;
	padding:5px;
	color:#FFA4C0;
	font:italic 12px Georgia;
	}
	

/* NAV */

#nav {
	width:430px;
	float:right;
	text-align:right;
	padding-top:15px;
	}

#nav a:link, #nav a:visited {
	color:#888;
	text-decoration:none;
	}
	
#nav a:hover, #nav a:link#current, #nav a:visited#current {
	text-decoration:none;
	color:#CDCD00;
	}

#nav ul {
	margin:0;
	padding:0;
	}

#nav li {
	display:inline;
	list-style-type:none;
	padding-left:10px;
	margin:0;
	font-size:1.25em;
	}

.workImg {
	background: white url('../images/bring-back-britains-lunch-hour.jpg') no-repeat;
	width: 553px;
	height: 400px;
	}
.bbblhImg {
	padding: 10px;
	float: left;
	}
	
.web_ad {
	background-color:#eee;
	text-align:center;
	padding:50px;
	}
	
#banner_container {
	overflow: hidden;
	height: 200px;
	width: 950px;
	position: relative;
}
.outter_wrapper {
	display: block;
	float: left;
	height: 200px;
	width: 2400px;
}
.inner_wrapper {
	float: left;
	height: 200px;
	margin: 0 5px;
	width: 190px;
}
#social {
    background-color: #D8E165;
    box-shadow: 0 0 4px #888888;
    margin-bottom: 20px;
}
#social_inner {
    margin: 0 auto;
    padding: 6px 0 1px;
    text-align: right;
    width: 930px;
}
.right {
	float: right;
}

/* -------------------------------------- home page banner -------------------------------------- */
#banner_wrapper {
	width: 882px;
	height: 260px;
}
.banner_wrapper {
	margin: 0 auto;
	position: relative;
	clear: both;	
}
#casestudy_wrapper {
	width: 553px;
	height: 370px;
}

.container {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.slides {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
}
.slides li {
	position: absolute;
	top: 0;
	width: 882px;
}
.banner_buttons {
	position: absolute;
	z-index: 20;
	top: 114px;
}.previous {
	left: 5px;
}.next {
	right: 5px;
}
