/* CSS RESETS */

body,div,dl,dt,dd,ol,ul,p,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td { 
	margin:0;
	padding:0;
}javascript:openStylesheet(1045);
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
strong {
font-style:normal;
}
em {
font-weight:normal;
}
ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* END CSS RESETS */


p,h1,h2,h3,h4,h5,h6
{
	margin-bottom:1em;
}
ul
{
	padding:0 0 10px 20px;
	color:#fff;
}

body { 
	background-color:#424242;
	text-align:center;
	font-size:0.8em;
	font-family: Arial, Helvetica, sans-serif;
}

#container {
	background-color:#080808;
	width: 901px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	overflow:hidden;
	margin-top:10px;
	margin-bottom:5px;
	position:relative;
}

/* ROUNDED CORNERS CONTAINER*/
.rtop, .rbottom{
display:block;
background-color:#424242;
}
.rtop *, .rbottom *{
display: block;
height: 1px;
overflow: hidden;
background:#080808;
}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{
margin: 0 1px;
height: 2px;
}
/* END ROUNDED CORNERS CONTAINER*/

#header {
height:134px; width:901px;
position:relative;
float:left;
}

#logo {
	float:left;
	clear:left;
	margin: 18px 0px 50px 20px;
	width:650px;
}

#clientlogin {
	position:relative;
	top:2px;
	left:80px;
}

#clientlogin a {
	padding: 0.7em 1.65em 1em 1.65em;
	background-image:url('/images/client-login.jpg');
	background-repeat:no-repeat;
	text-decoration: none;
	color:#939598;	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform:uppercase;
	font-size:95%;
}
#clientlogin a:hover {
	color:#000;	
}
#phone {
	position:absolute;
	top:20px;
	left:595px;
}
#keiba {
	position:absolute;
	top:20px;
	left:780px;
}
img#newsletter {
	position:absolute;
	top:160px;
	right:0px;
	z-index:1;
}
#culture {
	float:right;
	position:relative;
	left:-180px;
	top:81px;
}


#no-java-script-fallback {
	color:#fff;
	float:left;
	font-size:130%;
	width:480px;
	height:290px;	
}

/* START HOMEPAGE STYLES */

#home {
height:386px;
}

#texthome {
width:445px;
text-align:justify;
float:left;
top:0px;
padding-left:29px;
padding-top:48px;
padding-bottom:48px;
}

#home .Hi {
float:left;
padding-left:29px;
padding-top:27px;
}

/* SOCIAL MEDIA */

#socMed {
position:relative;
float:left;
height:137px; width:901px;
background-color:#141414;
background:url(http://bewonderful.co.uk/images/home/homepageGrad.jpg);
}

.twitterBird {
position:absolute;
top:40px; left:53px;
}

.SocmedTwitter {
position:absolute;
top:40px; left:133px;
width:446px;
}

.SocmedTwitter a{
text-decoration:none!important;
}

.SocmedTwitter a:hover{
text-decoration:underline!important;
}

.SocmedTwitter li {
list-style-type:none; padding:0px; margin:0px;
}

.SocmedTwitter ul {
padding:0px; margin:0px;
}

.SocmedFacebook {
position:absolute;
bottom:30px; right:83px;
}

#workshopsFlash {
width:122px; height:120px;
position:absolute;
bottom:10px; right:83px;
}

.footerCulture {
position:absolute;
top:0px; right:225px;
}

.fbReflection {
position:absolute;
bottom:0px; right:83px;
}

/* END HOMEPAGE STYLES */


/* START STANDARD PAGE STYLES */

#contentstandard {
	padding:20px 0 10px 20px;
	width:634px;
	float:left;
}

#highslide-image {
	float:right;
	margin:0 10px 15px 15px;
}

/* END STANDARD PAGE STYLES */






/* START WHO WE ARE PAGE STYLES */

#whoweare-banner {
background-image:url('/images/banners/who-we-are.jpg');
width:901px; height:394px;
float:left;
position:relative;
}

.Dan, .Darren, .Chris, .Will, .Lydia, .Recruitment, .Chantal, .Kristy, .Michael, .Sinta, .Pete, .Martin, .Social, .Richard {
position:absolute;
}

.Dan {top:84px;left:219px;}
.Darren {top:84px;left:309px;}
.Chris {top:112px;left:452px;}
.Will {top:281px;left:250px;}
.Lydia {top:128px;left:151px;}
.Recruitment {top:169px;left:354px;}
.Chantal {top:165px;left:415px;}
.Kristy {top:227px;left:418px;}
.Sinta {top:193px;left:161px;}
.Michael {top:17px;left:272px;}
.Pete {top:16px;left:363px;}
.Martin {top:251px;left:352px;}
.Social {top:183px;left:227px;}
.Richard {top:33px;left:424px;}

#whoweare-bottom-content {
width:600px; height:360px;
float:left;
text-align:justify;
position:relative;
left:29px; top:19px;
padding-bottom:48px;
}
	
/* END WHO WE ARE PAGE STYLES */

/* START TEAM MEMBER PAGE STYLES */

#team-member-bottom {
width:481px; height:360px;
float:left;
text-align:justify;
position:relative;
left:29px; top:48px;
padding-bottom:48px;
}

#team-member-bottom h1{
color:#fff; font-size:30px; font-weight:bold;
padding:0px; margin:0px;
}

#team-member-bottom h2{
color:#fff; font-size:12px; font-weight:bold;
text-transform:uppercase;
padding:0px; margin:0px 0px 10px 0px;
}

#team-member-image {
float:left;
margin-left:29px;
margin-top:48px;
padding-left:17px;
padding-top:17px;
width:107px; height:107px;
background-image:url('/images/team-member-bg.jpg');
}

/* END TEAM MEMBER PAGE STYLES */

/* START DOWNLOADS PAGE */

#dlWrapper a img {
position:relative;
top:-10px; left:-4px;
}

#dlWrapper a {
position:relative;
top:10px;
text-decoration:none!important;
font-size:11px;  left:4px;
}

#dlWrapper a:hover {
text-decoration:underline!important;
}

#dlWrapper a img:hover  {
text-decoration:none!important;
}

/* END DOWNLOADS PAGE */

/* START CLIENTS PAGE STYLES */

#contentclients {
	padding:20px 0 10px 20px;
	width:634px;
	float:left;
}

#contentclients ul {
	padding: 0;
}

#contentclients li {
	list-style-type: none;
	height:30px;
	line-height:30px;
}

#contentclients ul a {
	font-style: italic;
}

.sector-title,
.client-list {
	float:left;
	clear:both;
}

.large-img {
	position:relative;
	top:40px;
}

.horiz-line {
	float:left;
	clear:both;
	margin:10px 0 10px 0;
	width:100%;

}

.client-name {
	color:#fff;
	float:left;
	margin:0 10px 0 0;
	clear:left;
	width:220px;
	height:40px;
}

.case-study-link {
	float:right;
	margin:0 10px 0 10px;
	width:100px;


}

.client-logo-div {
	float:left;
	width:80px
}

#client_table img {
border:5px solid #080808;
}

#client_table a img {
border:5px solid #b68445;
}

#client_table a {
color: #b68445;
text-decoration:none;
font-weight:bold;
}

#client_table a p{
padding:0px; margin:0px;
padding-left:90px;
color: #b68445;
}

/* END CLIENTS PAGE STYLES */







/* START CLIENT CASE STUDY PAGE STYLES */

#content-client-page {
	padding:20px 0 10px 20px;
	width:641px;
	float:left;
}

#client-page-title {
	float:left;
	width:641px;
}

#client-page-title-text {
	float:left;
	width:350px;
}

#client-page-left-box {
	float:left;
	clear:left;
	width:350px;
}

#brief {
	float:left;
	clear:left;
	width:100%;

}

#brief h2,
#solution h2 {
	margin:0;
	text-transform:uppercase;
}

#solution {
	float:left;
	clear:left;
	width:100%;
	margin:0 0 10px 0;
}

#largelogo {
	float:left;
	clear:left;
	margin:0 0 40px 0;

}

#previous-next-nav {
	float:left;
	clear:left;
	width:100%;
}

#previous-next-nav a {
	font-weight:bold;
}


#previous-link {
	color:#fff;
	margin:0 30px 0 0;
	display:inline;
}

#next-link {
	color:#fff;
	display:inline;

}

#previous-link a,
#next-link a {
	text-decoration:none;
	font-weight:bold;
}

#previous-link a:hover,
#next-link a:hover {
	text-decoration:underline;
}


#client-page-right-box {
	float:right;
	width:270px;

}
#case-study-images {
	float:right;
}

#top-left-image {
	float:left;
	padding:0 0 15px 0;
}

#top-right-image {
	float:left;
	padding:0 0 20px 10px;
}

#middle-left-image {
	float:left;
	padding:0 0 15px 0;
}

#middle-right-image {
	float:left;
	padding:0 0 20px 10px;
}

#bottom-left-image {
	float:left;
	padding:0 0 0 0;
}

#bottom-right-image {
	float:left;
	padding:0 0 0px 10px;
}


/* END CLIENT CASE STUDY PAGE STYLES */


/* START WONDERFULTV PAGE STYLES */

#content-wonderfultv {
	padding:20px 0 10px 20px;
	width:634px;
	float:left;
}

#tvWrapper {
margin-left:25px;
}

/* END WONDERFULTV PAGE STYLES */

/* START NEWS PAGE STYLES */

#news-list-anchors {
	width:350px;
	margin:0 0 30px 0;
	float:left;
}

#news-list-anchors ul {
	padding:0;
	margin:0;
}

#news-list-anchors li {
	list-style:none;
}
#news-list-anchors li a {
	text-decoration:none;
	color:#fff;
}
#news-list-items {
	float:left;
}

#news-list-items ul {
	padding:0;
	margin:0;
}

#news-list-items li {
	list-style:none;
}

.news-list-text {
	width:350px;
	float:left;
	padding-right:30px;
	text-align:justify;
}
.news-list-image {
	width:200px;
	margin:0 20px 0 0;
	float:right;
}

/* END NEWS PAGE STYLES */



/* START WHYUSEUS PAGE STYLES */

#video-player-whyuseus {
	float:left;
   	width:480px;
    	height:290px;
	clear:left;
	margin:0 0 20px 0;
}

#text-whyuseus {
	width:480px;
	float:left;
	clear:left;
}

#testimonial1 {
	float:left;
	width:195px;
	margin:0 20px 0 0;
}

#testimonial2 {
	float:left;
	width:195px;
	margin:0 20px 0 0;
}

#testimonial3 {
	float:left;
	width:195px;
}

/* END WHYUSEUS PAGE STYLES */


/* START CONTACT PAGE STYLES */

#contact-bottom-content {
width:870px;
float:left;
position:relative;
left:29px; top:19px;
padding-bottom:48px;
}

#contact-bottom-content #col1, #contact-bottom-content #col2, #contact-bottom-content #col3 {
width:240px;
float:left;
margin-right:50px;
margin-top:20px;
}

/* END CONTACT PAGE STYLES */

#video-player-youtube {
	float:left;
   	width:480px;
    	height:290px;
	clear:left;
	padding:0 0 20px 0;
}

/* START LOGIN PAGE STYLES */

#loginbox {
	padding-top: 120px;
	padding-left:180px;
	padding-bottom:15px;
	height:200px;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	float:left;
}

/* END LOGIN PAGE STYLES */

/* FACEBOOK/YOUTUBE/TWITTER LOGO CLASS */

.blacktext2 {
font-size:120%;
color:#000000;
}

#youtube-logo {
position:relative;
top:-5px;
float:right;
padding-bottom:10px;
}

#infobox-youtube-title 
{
	float:left;
 	color:#000;
	font-size:120%;
	font-weight:bold;
	padding-bottom:15px;
}

#twitFeed {
color:#5a3751;
}

#twitFeed a {
color:#000;
}

ul#twitter_update_list {
float:left;
}

#twitter_div {
float:right;
}

#twitter_div a {
color:#714b1f;
float:right;
}



/* CLIENTS PAGE IMAGES CLASS */

.sector-title {
width:100%;
}

#clients {
float:right;
}

#contentclients .client-list {
clear:none;
width:100%;
}

.case-study-link {
float:left;
}

/* SITEMAP */

#sitemap {
float:left;
position:relative;
top:0px;
}

/* WHAT WE DO PAGE*/

#wwd-wrapper {
width:901px; height:770px;
position:relative; float:left;
}

#wwd-wrapper #treeImage {
position:absolute;
right:41px; bottom:53px;
border:0px;
}

#wwd-wrapper #contentstandard {
width:440px;
}

#what-we-do-bottom {
width:870px;
float:left;
position:relative;
left:29px; top:19px;
padding-bottom:48px;
}

#col1, #col2, #col3{
	float:left;
	width:260px;
	margin:0 30px 0 0;
}

#news-archive {
float:left;
font-size:120%;
font-weight:bold;
}

#newsletter {
float:left;
position:absolute;
top:470px;
color:#fff;
}

a.hiddenlink {
color:#fff!important;
text-decoration:none!important;
}

#wwdFlash {
position:relative;
left:-44px;
top:-20px;
}

#footer {

}

.addThis {
position:relative;
bottom:35px;
left:0px;
padding:0px;
margin:0px;
width:901px;
margin-left: auto;
margin-right: auto;
text-align:left;
}

.follow {
position:relative;
top:-28px;
left:15px;
}

#infobox-top-content p{
color:#000;
}

#infobox-top-content  a {
color:#ae0060;
}

/* NEWSFLASH BOX */

#newsflash {
width:200px;
float:right;
color:#fff;
margin-right:27px; margin-top:29px;
}

#newsflash a{
width:200px;
text-decoration:none;
font-weight:bold;
float:left; clear:both;
}

#newsflash h2 a{
width:200px;
font-size:14px;
margin:0px; padding:0px;
float:left; clear:both;
}

#newsflash p{
width:200px;
float:left; clear:both;
}

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

#newsflash img:hover {
border:1px solid #b78546;
}

#newsflash img {
border:1px solid #000;
margin-bottom:5px; margin-top:5px;
float:left; clear:both;
}

#client-page-right-box .standard-image {
width:200px; height:auto;
}


#case-study-images {
width:420px;
float:left;
}


















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */