@charset "UTF-8";

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#777777;
}
#chilli_container/* CSS Document */

 {
	/*font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#777777;*/
}

h1{
	padding:0px;
	margin:0px;
}

h2{
	padding:0px;
	margin:0px;
}

h3{
	padding:0px;
	margin:0px;
	font-weight:normal;
	line-height:1.5em;
	/*display:inline;*/
}

.bold{
	font-weight:bold;
}

.display{
	display:block;
}

.clear{
	clear:both;
}

/*.iip{
	position:absolute;
	top:378px;
	right:30px;
	z-index:9999;
}*/

/*A LINKS*/

.pane a:link, .pane a:visited{
	color: #D9002B;
	text-decoration:none;
}

.pane a:hover, .pane a:active{
	color: #97001E;
	text-decoration:underline;
}

#letterbox a:link, #letterbox a:visited{
	color:#D9002B;
	text-decoration:none;
}

#letterbox a:hover, #letterbox a:active{
	color:#A70021;
	text-decoration:underline;
}

#letterbox_events a:link, #letterbox_events a:visited{
	color:#006bbc;
	text-decoration:none;
}

#letterbox_events a:hover, #letterbox_events a:active{
	color:#1A4078;
	text-decoration:underline;
}

#letterbox_digital a:link, #letterbox_digital a:visited{
	color:#c3007d;
	text-decoration:none;
}

#letterbox_digital a:hover, #letterbox_digital a:active{
	color:#860057;
	text-decoration:underline;
}

#letterbox_index a:link, #letterbox_index a:visited{
	color:#D9002B;
	text-decoration:none;
}

#letterbox_index a:hover, #letterbox_index a:active{
	color:#A70021;
	text-decoration:underline;
}

#sub_content a:link, #sub_content a:visited{
	color:#D9002B;
	text-decoration:none;
}

#sub_content a:hover, #sub_content a:active{
	color:#A70021;
	text-decoration:underline;
}

#sub_content_events a:link, #sub_content_events a:visited{
	color:#0063BC;
	text-decoration:none;
}

#sub_content_events a:hover, #sub_content_events a:active{
	color:#1A4078;
	text-decoration:underline;
}

#sub_content_digital a:link, #sub_content_digital a:visited{
	color:#c3007d;
	text-decoration:none;
}

#sub_content_digital a:hover, #sub_content_digital a:active{
	color:#860057;
	text-decoration:underline;
}

#footer a:link, #footer a:visited{
	color:#999999;
	text-decoration:none;
}

#footer a:hover, #footer a:active{
	color:#666666;
	text-decoration:none;
}

/*GENERIC*/

#main_container_index{
	position:absolute;
	top: 50%;
	left: 50%;
	width:850px;
	height:400px;
	margin-top: -260px; /*set to a negative number 1/2 height*/
	margin-left: -425px; /*set to a negative number 1/2 width*/
}

#main_container{
	position:absolute;
	top: 50%;
	left: 50%;
	width:850px;
	height:400px;
	margin-top: -260px; /*set to a negative number 1/2 height*/
	margin-left: -425px; /*set to a negative number 1/2 width*/
}

#division_padding{
	padding:120px 0px 0px 10px;
	}

#logo{
	height: 63px;
}

#home{
	padding:40px 0px 0px 35px;
	height:360px;
}

#home_about{
	width:350px;
}

#home_about_events{
	width:450px;
}

#home_container{
	/*padding:0px 0px 0px 35px;*/
	height:400px;
	position:relative;
	overflow: hidden;
}

#logo_main{
	background: url(../assets/logo_main.jpg) top right no-repeat;
	height: 50px;
}

#logo_design{
	background: url(../assets/logo_bcpdesign.jpg) top right no-repeat;
	height: 50px;
	width: 150px;
	float:right;
}

#logo_digital{
	background: url(../assets/logo_bcpdigital.jpg) top right no-repeat;
	height: 50px;
	width: 150px;
	float:right;
}

#logo_events{
	background: url(../assets/logo_bcpevents.jpg) top right no-repeat;
	height: 50px;
	width: 150px;
	float:right;
}

#logo_home{
	height: 50px;
}

#letterbox{
	margin: 5px 0px 0px 0px;
	border: 1px solid #cccccc;
	height:400px;
}

#letterbox_events{
	margin: 5px 0px 0px 0px;
	border: 1px solid #cccccc;
	height:400px;
}

#letterbox_digital{
	margin: 5px 0px 0px 0px;
	border: 1px solid #cccccc;
	height:400px;
}

#letterbox_index{
	margin: 0px;
	border: 1px solid #cccccc;
	height:400px;
}

#letterbox_sub_nav{
	margin: 5px 0px 0px 0px;
	border: 1px solid #cccccc;
	height:400px;
}

#sub_nav{
	height:400px;
	background:#F5F5F5;
	float:left;
	width:120px;
}

*html #sub_nav{
	height:400px;
	background:#F5F5F5;
	float:left;
	width:118px;
}

#sub_content{
	margin:0px;
	float:right;
	height:400px;
	width: 728px;
	/*border:#00FF00 1px solid*/
}

#sub_content_events{
	margin:0px;
	float:right;
	height:400px;
	width: 728px;
	/*border:#00FF00 1px solid*/
}

#sub_content_digital{
	margin:0px;
	float:right;
	height:400px;
	width: 728px;
	/*border:#00FF00 1px solid*/
}

#sub_content_container li{
	padding:0px;
	margin:0px;
}

#sub_content_container ul{
	padding:0px;
	margin:0px 0px 0px 15px;
	list-style:square;
	line-height:1.5em;
}

#right{
	float:right;
	width:415px;
	padding-right:35px
}

#left{
	float:left;
	width:350px;
}

#right_sub{
	float:right;
	width:310px;
}

#left_sub{
	float:left;
	width:350px;
}

#footer{
	margin: 20px 0px 0px 0px;
	font-size:0.72em;
	line-height:1.3em;
	/*background: url(/assets/bgs/iip.jpg) no-repeat right top;*/
	height: 150px;
}

#footer_right{
	float:right;
}

#footer_left{
	float:left;
}

.link_left{
	margin:0px 15px 0px 0px;
}

/*HOME*/

#index_logos{
	margin-top: 40px;
}

.index_img{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

a img{
	border-style:none;
}

#index_container{
	width:400px;
	float:left;
	margin-top: 60px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	/* IE6 fix */
	display:inline;
}

#chilli_container{
	width:390px;
	float:right;
	height: 380px;
	display: block;
	overflow: hidden;
	position: absolute;
	top:0px;
	right:0px;
}

.chilli_image{
	position: absolute;
	top: 0px;
	right: 0px;
	height: 380px;
	width: 390px;
}

/*BACKGROUNDS*/

#clients{
	height:400px;
	background:url(../assets/clients.jpg) no-repeat;
}

.section_home_content{
	position: relative;
	overflow: hidden;
}

#imgSectionHome{
	position: absolute;
	right: -353px;
	top: 0px;
}

.about_who{
	background:url(../assets/what.jpg) bottom right no-repeat;
}

.about_who_events{
	background:url(../assets/what_events.jpg) bottom right no-repeat;
}

.about_who_digital{
	background:url(../assets/what_digital.jpg) bottom right no-repeat;
}

.about_what{
	background:url(../assets/what_we_do.jpg) bottom right no-repeat;
}

.about_what_digital{
	background:url(../assets/what_we_do_digital.jpg) bottom right no-repeat;
}


.about_what_events{
	background:url(../assets/what_we_do_events.jpg) top right no-repeat;
}


.about_policies{
	background:url(../assets/about_policies.jpg) bottom right no-repeat;
}

.newsletter{
	background:url(../assets/newsletter.jpg) bottom right no-repeat;
}

.clientarea{
	padding:0px 0px 0px 35px;
	background: url( /assets/bgs/plaque.jpg ) top right no-repeat;
}

/*CONTACT PAGE*/

.contact_copy{
	font-size:90%;
	padding:0px 0px 0px 0px;
}

#contact{
	padding:0px 0px 0px 35px;
	height:400px;
}

#contact_padding_left{
	padding:20px 0px 0px 0px;
	float:left;
	width:350px;
}

#contact_padding_right{
	padding:0px 0px 0px 0px;
	float:right;
	width:415px;
}

.telephone_no{
	color:#D9002B;
	font-size:200%;
	letter-spacing:-0.02em;
	padding:5px 0px 0px 0px;
	background-color: #fff;
}

.telephone_no_events{
	color:#0063bc;
	font-size:200%;
	letter-spacing:-0.02em;
	padding:5px 0px 0px 0px;
	background-color: #fff;
}

.telephone_no_digital{
	color:#c3007d;
	font-size:200%;
	letter-spacing:-0.02em;
	padding:5px 0px 0px 0px;
	background-color: #fff;
}

#services_holder{
	margin-top:20px;
}

#studio_zone{
	padding:0px 0px 0px 35px;
	height:400px;
	background:url(/assets/studio_zone.jpg) top right no-repeat;
}

#design_holder{
	float:left;
	width:120px;
}

#design_title{
	float:left;
	margin-right:15px;
}

#design_copy{
	margin-top:10px;
}

#digital_holder{
	float:left;
	width:120px;
}

#digital_title{
	float:left;
	margin-right:15px;
}

#digital_copy{
	margin-top:10px;
	display:none;
}

#events_holder{
	float:left;
	width:120px;
}

#events_title{
	float:left;
	margin-right:15px;
}

#events_copy{
	margin-top:10px;
	display:none;
}

#showreel{
	position: absolute;
	bottom: -66px;
	left: 0;
	padding: 15px 30px 13px 30px;
	background-color: #a6b0b5;
	color: #ffffff;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
	width: 240px;
	height:77px;
}

#showreel #showreelNav{
	width:240px;
	float:left;
}

#showreel form{
	float:left;
}

#showreel #displayWindow{
	float:left;
	width: 200px;
	overflow: hidden; 
	position:relative;
}

#showreel #subscribe {
	width:400px;
	left: 0px;
	position: relative;
	padding-top: 10px;
	overflow:hidden;
}

#showreel #subscribe label{
	text-transform: lowercase;
	margin-right: 5px;
}

#showreel #subscribe div{
	width:200px;
	float: left;
}

#subscribeButton {
	margin-left: 40px;
	margin-top: 6px;
	width: 100px;
}

#showreel a {
	font-weight: bold;
}

#showreel a:link, #showreel a:visited{
	color:#ffffff;
	}

#showreel a:hover, #showreel a:active{
	color:#ffffff;
	}

#flash_true{
	margin-top:5px;
}

#flash_false{
	margin-top:30px;
	background: #D9002B;
	color:#ffffff;
	padding:8px;
	width:300px;
}

#flash_false a:link, #flash_false a:visited{
	color:#ffffff;
	text-decoration:underline;
}

#flash_false a:hover, #flash_false a:active{
	color:#ffffff;
	text-decoration:none;
}

#sub_content_container{
	height:350px;
	padding: 20px 0px 30px 30px;
	overflow:hidden;
}

#sub_content_container_people{
	padding: 0px;
	margin:0px;
	height:400px;
	overflow:hidden;
}


/*NEWS PAGE*/


.td_column1{
	width:210px;
}

.td_column2{
	width:210px;
	padding-left:15px;
	text-align: left;
}

/*TERMS*/

#centre_text{
	width:600px;
	margin:0 auto;
	text-align: left;
	background:#FFFFFF;
	padding:20px;
}


#centre_text a:link, #centre_text a:visited{
	color:#D9002B;
	text-decoration:none;
}

#centre_text a:hover, #centre_text a:active{
	color:#A70021;
	text-decoration:underline;
}

#sidebar ul {
	line-height:1em;
}

.more_info{
	width:200px;
}

#recent_work{
		background:#efefef;
		padding:30px 10px 35px 15px;
}

#portfolio_cta{
	width: 151px;
	height: 187px;
	background-color: #000;
	position: absolute;
	top: 0;
	right: 360px;
}

#portfolio_cta a{
		border-style: none;
}