html,
body {
	/*min-height: 100%;
	_height: 100%;*/
	height: 100%;
	width: 100%;
}

html,
body, 
p {
	padding: 0;
	margin: 0;
}

h1.headertext {
	color: white;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	margin-bottom: 15px;
	/*line-height: 15px;*/
	
}

a img {
	border:none;	
}

/*#container {
	height: 100%;
	width: 100%;
}*/

body#home {
	/*
	background-color: black;
	background-repeat: no-repeat;
	background-position: top right;
	*/
	
	
	background-color: #000;
	
	background-repeat:no-repeat;
	background-position:center 120px;	
	background: 100% 100%, auto;	
	min-height: 100%;
}

body#our_story,
body#contact,
body#services,
body#work,
body#work-detail {
	background: #000 url(Images/bg-black-grey.jpg) no-repeat top right;
}

body,
table,
td,
li {
	font-family: 'Open Sans', arial, sans-serif;
	font-size: 13px;
	color: #aaaaaa;
}

body.bodyText {
	background-color: black !Important;	
}

p {
	margin-bottom: 10px;
}

a {  
	color: white;
	text-decoration: none;
}

a:hover {
	color: white;
	text-decoration: underline;
}

#container {
	position: relative;
	width: 100%;
	min-width: 980px;
	_width: 980px;
	
	height:auto !important; /* real browsers */
	_height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */

	display: block;
	border: 0px solid red;
	/*overflow: visible;
	overflow-x: hidden;
	overflow:scroll;*/
}

#banner {
	position: relative;
	width: 100%;
	height: 556px;
	display: block;
}

.content {
	/*position: relative; */
	/*display: block;*/
	width: 980px;
	min-height: 1px;
	text-align: left;
}

.detailed-buttons {
	margin-top: 5px;
	float: right;
	width: 284px;	
	height: 31px;
	overflow: hidden;
}
.detailed-buttons > div + div {
	margin-left: 15px;
}

.detailed-button-item { 
	float: left;
}

.detailed-button-item img:hover {
	
	margin-top: -31px;	
}

#rednose-app .get-iphone-app {
	float: left; 
	margin-top: 160px; 
	margin-right: 49px;	
	width: 203px;
	height: 217px;
	overflow: hidden;
}

#rednose-app .get-iphone-app a:hover img {
	margin-top: -217px;	
}

#rednose-app .iphone-get-started {
	float: left; 
	margin-top: 36px; 
	margin-right: 64px;	
}
#rednose-app .iphone-person {
	float: left;
	margin-top: 36px;
	margin-right: 32px;	
}

#rednose-app .iphone-tag-photo {
	float: left;	
	margin-top: 98px;
	width: 234px;
	height: 206px;
	overflow: hidden;
}

#rednose-app .iphone-tag-photo a:hover img {
	margin-top: -206px;	
}


/*------ Homepage Featured ----------*/

#featured-projects {
	margin-bottom: 55px;
}

#featured-projects h1 {
	width: 180px;
	color: white;  
	font-size: 13px;
	margin-top: 10px;
	margin-bottom: 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #404040;
}

#featured-projects ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}	

#featured-projects li {
	margin-left: 5px;
	/*padding-left: 28px; */
	padding-top:5px;
	padding-bottom:3px;
	list-style-type: none;
	/*background: url(Images/peepshow-link-icon.gif) 0px 4px no-repeat;*?
	/*background: url(Images/icon-arrow-right-white.gif) 0px 4px no-repeat;*/
	color: white;
}

#featured-projects li a {  
	color: white;
	text-decoration: none;
}

#featured-projects li a:hover {
	color: white;
	text-decoration: underline;
}

.featured-column {
	font-family: font-family: 'Open Sans', arial, serif !important;
	float: left; 
	display: block;
	width: 180px;
	margin: 0 32px 0 0;
	padding: 0px;
	
	_overflow:visible; /* Fix for ie6 spacing issue */
	_overflow-x:hidden; /* Fix for ie6 spacing issue */
}

#featured-column3, #featured-column6 { margin-right: 0; }
.featured-column img { display: block; }

/*------- LATEST BLOGMA ---------------*/

#lb-title {
	font-family: 'Open Sans', arial, serif;
	border-bottom: 1px solid #333333;
	color: white;
	font-size: 20px;
	text-transform:uppercase;
	width: 100%;
	padding-bottom: 5px;
}

#lb-content {
	margin-top: 18px;
}

#lb-column1 {
	float: left;
	width: 346px;
	font-family: font-family: 'Open Sans', arial, serif !important;
}
#lb-column2 {
	float: right;
	width: 603px;
}

.lb-item-header {
	position: relative;
	width: 100%; 
	height: 24px;
}
.lb-item-header span, #lb-column1 span { font-size: 14px; color:#fff; font-weight: bold; }

.lb-item-title { 
	display:none;
}


.lb-item-date {
	white-space: nowrap; 
	width:auto; 
	font-size: 13px;
	color: white;
	margin-bottom: 10px;
}

.lb-item-date-inner {
	padding-left: 0px; 
	padding-right: 6px; 
	padding-top: 6px;
}

.lb-item-content {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 25px;
	color: #aaaaaa;
}

.lb-item-content a {
	color: #aaaaaa;
}

.lb-item-content a:hover {
	color: white;	
	text-decoration: none;
}

#lb-featured-article {
	margin: 14px 0;	
	font-family: 'Open Sans', arial, sans-serif;
}

#lb-featured-article h1 {
	color: white;
	font-size: 14px;
	font-weight: bold;
}

#lb-news-links a {
	color: white;
	text-decoration: none;
}

#lb-news-links a:hover {
	text-decoration: underline;
}

/*---------------- OUR STORY ---------------------*/

#page-title {
	text-align: left;
}

#os-column1,
#contact-column1 {
	float: left;
	width:203px;
	margin-right: 48px;
}

#os-column2,
#contact-column2 {
	float: left;
	width: 500px;
	margin-right: 20px;
	line-height: 160%;
}

#os-column2 {
	width: 727px;
	margin-right: 0px;
	margin-top: 6px;
}

#os-column2 h1 {
	font-size: 18px; 
	line-height: 130%; 
	color: #ffffff;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 10px;
}

#os-column3,
#contact-column3 {
	float: left;
	width: 207px;
	line-height: 160%;
}

#our-story-sub-nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#our-story-sub-nav li {
	width: 100%;
	text-align: right;
	border-bottom: 1px solid #262626;
	padding-bottom: 7px;
	margin-bottom: 10px;
}

/*--------- CONTACT PAGE --------------------------------*/

#contact-column1 h1 {
	border-bottom: 1px solid #262626;
	width: 100%;
	min-height: 20px;
}

#contact-column2 {
	width: 729px;
	margin-right: 0px;
}

#contact-column3 {

}

/*------- MANAGER DROP DOWNS ------*/

#managers-container {
	
}

	

/*---------------- WORK PAGE ---------------------*/

#work-background {
	background: url(Images/bg-work-title.jpg) no-repeat top center;
	/*min-width: 980px;
	_width: 980px;*/
}

#title-work {
	padding-top: 26px;
	padding-bottom: 36px;
}

#work-bottom-column1 {
	float: left;
	width: 480px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#work-bottom-column2 {
	float: right;
	width: 480px;
	margin-top: 20px;
	margin-bottom: 20px;
}


/*---------------- SERVICES PAGE ---------------------*/

#services-column1 {
	float: left;
	width: 306px;
	/*margin-top: 20px;*/
	margin-bottom: 20px;
	margin-right: 30px;
}

#services-column2 {
	float: left;
	width: 306px;
	/*margin-top: 20px;*/
	margin-right: 30px;
	margin-bottom: 20px;
}

#services-column3 {
	float: left;
	width: 306px;
	/*margin-top: 20px;*/
	margin-bottom: 20px;
}
  
#services-column1 ul,
#services-column2 ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

#services-column1 ul li,
#services-column2 ul li {
	padding-top: 8px;
	padding-bottom: 8px;
	text-indent: 10px;
}

#services-column1 ul li:hover,
#services-column2 ul li:hover {
	background-color: #4d4d4d !important;
}
#services-column1 ul li a,
#services-column2 ul li a {
	text-decoration: none;
	width: 100%;
	display: block;
}


/*#services-column1 ul li:hover {
	background-color: #666666;
}*/


/* HOME GALLERY 
***************************************/

#home-banner {
	width: 981px;
	text-align: left;
	/*margin-bottom:65px;*/
}

.banner-left {
	float:left;
	width:692px;
	/*height:470px;*/
}

.banner-right {
	float:left;
	width:288px;
	height:470px;
	
}

.banner-right img {
	display:block;		
}

.banner-gallery {
	width:692px;
	height:470px;
	overflow:hidden;
	position:relative;
}

div#banner-items {
	position:relative;
	width:692px;
	height:470px;
}

#fb-title {
	position:absolute;
	left:375px;
	top:0px;
}

#fb-title {
	font-family: 'Open Sans', arial, serif;
	color: white;
	font-size: 20px;
	text-transform:uppercase;
}

#fb-icon {
	position:absolute;
	left:933px;
	top:-8px;
}


 
h2 { margin-bottom: 8px; color: #CCCCCC !important; font-size: 14px !important; }
h1 { margin-bottom: 15px; }

ul.sidenav, ul#managers-container { margin: 0; padding: 0; }
ul.sidenav li, ul#managers-container li { border-bottom: 1px solid #262626;  font-family: 'Open Sans', arial, serif; text-align: right; padding: 5px 0 2px; font-size: 20px; list-style-type:none; font-weight: 100; }
ul#managers-container li { font-size: 18px; color: #fff; }
ul.sidenav li a.link, ul#managers-container li a.link { text-decoration: none; display: block; cursor: pointer; text-transform: uppercase; }
ul.sidenav li a:hover, ul#managers-container li a:hover { color: #999; }
#home-copy { width: 347px; color: #c8c7c7; font-family: 'Open Sans', arial, serif; float: left; }
#home-copy strong { color: #fff; }
#featured-thumbs { width: 604px; float: left; margin: 0 0 0 29px; }
.featured-column a.image-container { cursor: pointer; display: block; position: relative; width: 180px; height: 108px; }
.featured-column a.image-container img { position: absolute; top: 0; left: 0; }
.featured-column a.image-container div.rollover { position: absolute; top: 0px; left: 0px; width: 180px; height: 108px; background: url(Images/thumbnail-hover-large.png) no-repeat top right; cursor: pointer; cursor: hand; display: none;}
div.rollover-work { position: absolute; top: 0px; left: 0px; width: 306px; height: 184px; background: url(Images/thumbnail-hover-large.png) no-repeat top right; cursor: pointer; cursor: hand; display: none;}
div.work-item-positioner { position: relative; width: 306px; height: 184px; margin-bottom: 40px; }
#managers-container ul li div.li-content { width: 300px;  }
#managers-container ul li div.li-content a { text-transform: lowercase !important; }
#managers-container ul  { list-style-type: none; }
.manager-content { line-height: 140%; }
.manager-content a { color: #ce4cca; }
div#links { float: left; margin: 0 0 0px; }
div#links ul { list-style-type: none; margin: 27px 0 0; padding: 0; }
div#links ul li { width: 245px; margin: 0 0 25px; padding: 0; float: left; font-size: 15px; height: 30px; }
div#links ul li a  { color: #7d7d7d; outline: 0; display: block; height: 30px; line-height: 30px; width: 215px; padding: 0 0 0 10px; border-radius: 7px; -moz-border-radius: 7px;}
div#links ul li a:hover { color: #fff; text-decoration: none; }
div#links ul li a.on { background: #2e2e2e; color:#fff;  }
div.heading { float: left; clear: both; margin-top: 27px; width: 100%; }
div#tiles { position: relative; clear: both; width: 1008px; }
div#tiles ul { list-style-type: none; margin: 0; padding: 0; }
div#tiles ul li { float: left; font-size: 15px; width: 336px; padding: 0 0 30px; }
div#tiles ul li a { display: block; outline: 0; }
div#tiles ul li a:hover { text-decoration: none; }
div#tiles ul li a img { width: 306px; margin: 0 30px 0 0; height: 184px; display: block; background: #ccc; }
div#tiles ul li:nth-child(3n) a img { margin-right: 0; }
div#tiles ul li a span.project-title { text-transform: uppercase; display: block; margin: 10px 0 0; width: 306px; }
div#tiles ul li a span.sub-title {  font-size: 13px; }
.hidden { display: none; }
#work-sort-buttons { float: left; margin: 22px 0 0; }
#work-sort-buttons a { outline: 0; width: 160px; display: block; float: left;  height: 31px; }
#work-sort-buttons a.service { background: url(Images/btn-by-service.png) no-repeat; }
#work-sort-buttons a.industry { background: url(Images/btn-by-industry.png) no-repeat; margin: 0 0 0 17px; }
#work-sort-buttons a.service:hover, #work-sort-buttons a.industry:hover, #work-sort-buttons a.on { background-position: 0 -31px; }
ul.portfolio-detail-resources { margin: 35px 0 0 0; padding: 0; list-style-type: none; clear: both; float: left; }
ul.portfolio-detail-resources li { width: 978px; margin: 0 0 30px; }
ul.portfolio-detail-resources li img { display: block; margin: 0 auto; }
div.heading { font-size: 28px; color: white !important; font-weight: 100; }
span.strapline, span.creative-partners { display: block; font-size: 15px; float: left; clear: both; }
span.creative-partners { font-size: 13px; }
span.strapline { font-weight: 700; }
ul.favourites { width: 100%; float: left; margin: 0; padding: 0; }
.li-content { font-size: 12px; }