/* ///////////////////////////////////////////////////////////////////////
 * 								GLOBALS 
 * /////////////////////////////////////////////////////////////////////*/


div, p, ul, h1, h2, h3, h4, h5{
	margin:0;
	padding:0;
}

ul{list-style:none;}
img{border:none;outline:none;}
a:focus{outline:none;}

.clear{clear:both;}

a{text-decoration: none;}

html, body, #wrapper, #wrapper-girls {height: 100%;} /* Allows sticky BG & Footer */

body {
	background:#000;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

body > #wrapper {height: auto; min-height: 100%;} /* Allows Sticky Footer */
body > #wrapper-girls {height: auto; min-height: 100%;} /* Allows Sticky Footer */

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* ///////////////////////////////////////////////////////////////////////
 * 								STRUCTURE 
 * /////////////////////////////////////////////////////////////////////*/


#wrapper{
	position:relative;
	width:100%;
	background:bottom center url(http://www.beyond.uk.com/images/site/bg.jpg) no-repeat;
	margin:0 auto;
}

#wrapper-girls{
	position:relative;
	width:100%;
	background:bottom center url(http://www.beyond.uk.com/images/site/bg-girls.jpg) no-repeat;
	margin:0 auto;
}

#header-wrap{
	position:relative;
	width:925px;
	height:70px;
	margin:0 auto;
	padding:0 0 0 25px;
}

#header{
	position:relative;
	width:870px;
	height:70px;
	border-bottom:1px solid #342255;
}





.logo{
	position:absolute;
	left:0;
	bottom:6px;
}

#header ul{
	position:absolute;
	right:0;
	bottom:2px;
	
}

#header ul li{
	float:left;
	/* text-transform: uppercase; */
}

#header ul li a{ line-height:18px;color:#8155d5; font-size:14px;padding:5px 10px 4px 10px;}
#header ul li a:hover{ color:#ab7fff;}
#header ul li a.current{ color:#000; background:#8155d5;}

/* GIRLS */

#header-girls{
	position:relative;
	width:870px;
	height:70px;
	border-bottom:1px solid #66092a;
}

#header-girls ul{
	position:absolute;
	right:0;
	bottom:2px;
	
}

#header-girls ul li{
	float:left;
	/* text-transform: uppercase; */
}

#header-girls ul li a{ line-height:18px;color:#d60d54; font-size:14px;padding:5px 10px 4px 10px;}
#header-girls ul li a:hover{ color:#ff3f83;}
#header-girls ul li a.current{ color:#000; background:#d60d54;}



#content-wrap {
	position:relative;
	width:925px;
	margin:0 auto;
	padding:30px 0 60px 25px; /* bottom must be same height as the footer */
	
}  

#video{
width:870px;
text-align:center;
}


.whatwedo-video{
color:#8155D5;
display:block;
font-size:12px;
margin:0 55px 10px 0;
text-align:right;
}

a.whatwedo-video:hover{
color:#ab7fff;
}

.banner{
	width:870px;
	height:400px;
	display:block;
overflow:hidden;
}



.ticker{
	float:left;
	width:870px;
	font-size:12px;
	color:#7351b3;
	padding:20px 0 0 0;
}

.ticker #girls{
	color:#d60d54;
}

.ticker h2.girls {
	color:#d60d54;
}

.ticker h2{float:left;font-size:12px; line-height:18px; text-transform:uppercase; font-weight:normal; color:#7351b3; padding:0 10px 0 0;}

.ticker span a {font-size:11px;color:#7351b3;}


.ticker ul li {line-height:18px;}

.staff {
position:relative;
	float:left;
	width:870px;
	padding:0 23px 20px 0;
}


.staff-profile{
	float:left;
	width:230px;
	height:150px;
	background:#241d34;
border-bottom:8px solid #402C67;
	display:block;
}

.staff-video{
position:absolute;
left:0;
top:140px;
	width:230px;
	height:150px;
	display:block;
}

.staff-info{
	float:left;
	position:relative;
	width:615px;
	padding:0 0 0 25px;
}

.staff-info .contact{
	position:absolute;
	top:25px;
	right:0;
}

.staff-info .contact p{ color:#8155d5; font-size: 12px;}
.staff-info .contact p span.by {color:#42227f;font-weight:bold;padding:0 5px 0 10px;}
.staff-info .contact p a{ color:#8155d5; font-size: 12px;}
.staff-info .contact p a:hover {color:#FFF;}
.contact h2 {color:#8155D5;font-weight:normal; font-size:20px;text-transform:uppercase;}
.contact-general h2 {color:#8155D5;font-weight:normal; font-size:18px;}

.staff-info h2{ float:left; clear:left; font-size:18px; font-weight:normal; color:#FFF;}
.staff-info p.title { float:left; clear:left; font-size:14px; color:#8155d5; text-transform: uppercase; padding:0 0 8px 0;}

.staff-info .staff-bio { position:relative; float:left; width:870px; clear:left; font-size:12px; color:#dac8ff; line-height:18px; padding:10px 0 20px 0; margin:0 0 0 -255px; overflow:hidden;}
.staff-info .staff-bio a{ color:#8155D5; font-size:10px; text-transform:uppercase;}
.staff-info .staff-bio a:hover {color:#FFF;}
.staff-info .staff-bio p{margin:0 0 0 255px;}

.project{
	float:left;
	width:201px;
height:180px;
	padding: 0 22px 20px 0;
}

.project .image{
	float:left;
	width:201px;
	height:150px;
	background:#241d34;
	display:block;
	border-bottom:6px solid #402c67;
}

.project a .image:hover{
	float:left;
	width:201px;
	height:150px;
	background:#241d34;
	display:block;
	border-bottom:6px solid #FFF;
}

.project-summary {float:left; width:255px;}
.project-summary h2{ float:left; font-size:10px; font-weight:normal; padding:3px 6px;background:#402C67;color:#9d72f0; text-transform: uppercase;border:1px solid #402C67;}
.project-summary h3{ float:left; font-size:10px; font-weight:normal; padding:3px 6px;;color:#9d72f0; text-transform: uppercase; border:1px solid #402C67;}

.project-summary  p{ float:left; clear:left; width:195px; font-size:12px; color:#dac8ff; line-height:18px;}

ul#gallery{
float:left;
padding:40px 0 0 0;
width:650px;
}

ul#gallery li{
float:left;
border-bottom:8px solid #402c67;
margin:0 15px 10px 0;
}

/*ul#gallery li:hover{
border-bottom:8px solid #573d89;
}*/

ul#gallery li img{padding:0;margin:0 0 -5px 0;}
#sidebar{
	float:left;
	width:200px;
	padding:40px 20px 0 5px;
}

#sidebar h2{float:left;font-size:12px; font-weight:normal; color:#b58eff; background:#583b8c; padding:4px 8px; }

#sidebar ul{float:left; clear:left; padding:10px 0 20px 0;}
#sidebar ul li {width:195px; background:0 7px url(http://www.beyond.uk.com/images/site/right-arrow.gif) no-repeat; padding:0 0 0 10px;}
#sidebar ul li a {font-size:12px; color:#8155d5;}
#sidebar ul li a:hover {color:#b58eff;}

#sidebar a.back{float:left;clear:left; font-size:12px; color:#583b8c; margin:20px 0 0 0;}
#sidebar a.back:hover{float:left;clear:left; font-size:12px; color:#8155d5;}

#content-area{
	float:left;
	width:635px;
	padding:40px 0 50px 0;
}

#content-area h2{ font-size:30px; font-weight:normal; color:#FFF;}
#content-area p.intro{ font-size:16px; color:#dac8ff;line-height:20px; padding:0 0 10px 0;}

#content-area h3{ font-size:14px; font-weight:normal; text-transform:uppercase; color:#8155d5;padding:20px 0 10px 0;}
#content-area p{ font-size:12px; color:#dac8ff; line-height:18px;}


#contact-wrap{
	float:left;
	margin:20px 0 0 0;
}

#contact-wrap .contact{
	float:left;
	width:265px;
	height:140px;
	background: url(http://www.beyond.uk.com/images/site/contact-bg.gif) repeat-x;
	border:1px solid #412d68;
	border-bottom:9px solid #412d68;
	margin:0 34px 34px 0;
	text-align:center;
}

#contact-wrap .contact-general{
	float:left;
	width:265px;
	height:140px;
	/*background: url(http://www.beyond.uk.com/images/site/contact-bg.gif) repeat-x;
	border:1px solid #412d68;
	border-bottom:9px solid #412d68;*/
	text-align:center;
}

#contact-wrap h2{padding:20px 0 5px 0;height:30px;}
#contact-wrap p.name{padding:0 0 12px 0;color:#8155D5;font-size:16px;}
#contact-wrap p.phone{color:#a28ec9;font-size:12px;padding:0 0 3px;}
#contact-wrap p.email{color:#a28ec9;font-size:12px;}
#contact-wrap p.email a{color:#a28ec9;font-size:12px;}
#contact-wrap p.email a:hover{color:#FFF;}

#footer-wrap {
	position: relative;
	margin: -50px auto; /* negative value of footer height */
	width:925px;
	clear:both; 
	padding:5px 0 0 25px;
}

#footer {
	width:870px;
	border-top:1px solid #342255;
	padding:5px 0 0 0;
}

#footer p{
	font-size:11px;
	color:#604a89;
}

#footer a{ color:#604a89;}
#footer a:hover{ border-bottom:1px solid #604a89;}

.left{ float:left}
.right{ float:right}

/* GIRLS */

#footer-girls {
	width:870px;
	border-top:1px solid #8c0d39;
	padding:5px 0 0 0;
}

#footer-girls  p{
	font-size:11px;
	color:#b70e49;
}

#footer-girls  a{ color:#b70e49;}
#footer-girls  a:hover{ border-bottom:1px solid #b70e49;}

/* ///////////////////////////////////////////////////////////////////////
 * 								STYLES 
 * /////////////////////////////////////////////////////////////////////*/