/*
Theme Name: Cre8ion4 (Cre8ion v4.0)
Theme URI: http://www.cre8ion.co.uk/
Description: The Cre8ion design for 2010 designed by George Tunnah.
Version: 1.6
Author: George Tunnah
Author URI: www.cre8ion.co.uk
*/

* {font-family:arial; color:#575757;}

body {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:#e2e2e2 url(images/background_wall.jpg) repeat-x;
}

#container {
	width:1024px;
	height:100px;
	position:absolute;
	left:50%;
	margin:0px 0px 0px -512px;
	background:none;
	float:left;	
}

.mc_var_label, .mc_mv_EMAIL, .mc_signup_submit {float:left; display:inline; position:relative;}
.mc_var_label {margin:3px 10px 0px 0px;}
#mc_mv_EMAIL {width:200px;}

#mc_message {
	width:235px;
	height:44px;
	padding:0px 0px 0px 0px;
	position:absolute;
	margin:-35px 0px 0px 690px;
	background:none;
}

.mc_success_msg {font-size:12px;}

#home_stripes {width:100%; height:100px; position:absolute;	background:url(images/stripes.jpg) repeat-x; top:470px;}
#stripes {width:100%; height:100px; position:absolute; background:url(images/stripes.jpg) repeat-x; top:470px; z-index:-2;}

.digital {display:none;}
.marketing {display:none;}
.print {display:none;}
.editorial {display:none;}
.careers {display:none;}
.vision {display:none;}
.team {display:none;}
.clients {display:none;}
.advocates {display:none;}
.process {display:none;}
.emn {display:none;}
.appointment {display:none;}
.downloads {display:none;}

#navigation {
	width:1000px;
	height:84px;
	position:relative;
	margin:0px 0px 0px 27px;
	padding:0px 0px 0px 0px;	
	background:none;
	overflow:visible;
	z-index:2;
	float:left;
}
#navigation a {
	float:left;
	display:inline;
	margin:0;
	border:0;
}

#dropnav {
	width:680px;
	height:166px;
	position:relative;
	float:left;
	margin:0px 0px 0px 176px;
	background:none;
	z-index:1;	
	overflow:hidden;
}

#slider {
	width:822px;
	height:397px;
	float:left;
	margin:0px 0px 0px 40px;
	padding:100px 0px 0px 163px;
	background:url(images/paper.png) no-repeat;
	z-index:0;
	overflow:hidden;
}

#social {
	width:970px;
	height:123px;	
	float:left;
	margin:-30px 0px 0px 47px;
	background:none;
	z-index:0;
}

#footer {
	width:992px;
	height:145px;
	float:left;
	margin:0px 0px 0px 8px;	
	padding:15px 0px 0px 15px;
	background:url(images/footer.png) no-repeat; 
	z-index:0;
}

#blog_insert {
	background:url(images/drop_down_blog.png);  
	overflow:hidden; 
	height:145px; 
	width:644px; 
	margin:0px 0px 0px 0px; 
	padding:10px 10px 10px 20px;
	position:absolute; 
	z-index:-1;	
}

#main_info #digital {
	width:340px;
	height:80px;
	position:relative;
	overflow:hidden;
	float:left;	
	background:url(images/digital_spray.png) no-repeat 0px 0px;
	margin:-50px 0px 0px 0px;
	padding:170px 0px 0px 200px;
}

#main_info #marketing {
	width:340px; 
	height:80px; 
	position:relative; 
	overflow:hidden; 
	float:left; 
	background:url(images/marketing_spray.png) no-repeat 0px 0px; 
	margin:-50px 0px 0px 0px; 
	padding:170px 0px 0px 200px;
}

#main_info #print {
	width:390px;
	height:80px;
	position:relative;
	overflow:hidden;
	float:left;	
	background:url(images/print_spray.png) no-repeat 0px 0px;
	margin:-50px 0px 0px 0px;
	padding:170px 0px 0px 150px;
}

#main_info #editorial {
	width:390px;
	height:80px;
	position:relative;
	overflow:hidden;
	float:left;	
	background:url(images/editorial_spray.png) no-repeat 0px 0px;
	margin:-50px 0px 0px 0px;
	padding:170px 0px 0px 150px;
}

#digital_ip {
	width:340px;
	height:80px;
	position:relative;
	overflow:hidden;
	float:left;	
	background:url(images/digital_spray.png) no-repeat 0px 0px;
	margin:-50px 0px 0px 0px;
	padding:170px 0px 0px 200px;
}

#marketing_ip {
	width:340px; 
	height:80px; 
	position:relative; 
	overflow:hidden; 
	float:left; 
	background:url(images/marketing_spray.png) no-repeat 0px 0px; 
	margin:-50px 0px 0px 0px; 
	padding:170px 0px 0px 200px;
}

#print_ip {
	width:340px;
	height:80px;
	position:relative;
	overflow:hidden;
	float:left;	
	background:url(images/print_spray.png) no-repeat 0px 0px;
	margin:-50px 0px 0px 0px;
	padding:170px 0px 0px 200px;
}

#editorial_ip {
	width:340px;
	height:80px;
	position:relative;
	overflow:hidden;
	float:left;	
	background:url(../images/editorial_spray.png) no-repeat 0px 0px;
	margin:-50px 0px 0px 0px;
	padding:170px 0px 0px 200px;
}


#main_info {
	width:499px;
	height:auto;
	position:relative;
	overflow:visible;
	float:left;
	background:none;
	margin:-40px 0px 0px 10px;
	padding:30px 20px 20px 20px;
	z-index:0;	
}

#main_info_2 {
	width:330px;
	height:auto;
	position:relative;
	overflow:hidden;
	float:left;
	background:none;
	margin:-40px 0px 0px 10px;
	padding:30px 20px 20px 20px;	
}

.is {border:1px dashed #cccccc;}

.side_info {
	width:620px;
	height:auto;
	overflow:hidden;
	float:left;
	background:url(images/grey_pixel.png) repeat;
	margin:0px 0px 5px 0px;
	padding:10px 10px 10px 10px;	
	border:1px dashed #cccccc;
}

.side_info_full {
	width:820px;
	height:auto;
	overflow:hidden;
	float:left;
	background:url(images/grey_pixel.png) repeat;
	margin:0px 0px 5px 72px;
	padding:10px 10px 10px 10px;	
	border:1px dashed #cccccc;
}


.middle_info {
	width:620px;
	height:auto;
	overflow:hidden;
	float:left;
	background:url(images/grey_pixel.png) repeat;
	margin:0px 0px 5px 200px;
	padding:10px 10px 10px 10px;	
	border:1px dashed #cccccc;
}

.side_info_2 {
	width:960px;
	height:auto;
	overflow:hidden;
	float:left;
	background:url(images/grey_pixel.png) repeat;
	margin:0px 0px 5px 0px;
	padding:10px 10px 10px 10px;	
	border:1px dashed #cccccc;
}

.logos {
	width:77px;
	height:61px;
	margin:2px 0px 0px 45px;
	overflow:hidden;	
}

#footer .about {
	width:140px;
	height:135px;
	margin:0px 15px 0px 0px;
	background:none;
	line-height:16.5px;
	float:left;
}

#footer .work {
	width:330px;
	height:135px;
	margin:0px 2px 0px 0px;
	background:none;
	float:left;
}

#footer .connect {
	width:140px;
	height:135px;
	margin:0px 18px 0px 0px;
	background:none;
	line-height:16.5px;
	float:left;
}

#footer .social {
	width:140px;
	height:135px;
	background:none;
	line-height:16.5px;
	float:left;
	margin:0px 0px 0px 10px;
}

#footer .ethical {
	width:170px;
	height:135px;
	margin:5px 0px 0px 20px;
	background:none;
	float:left;
	line-height:12px;
		
}

#market_circle {
	width:493px;
	height:auto;
	margin:0px;
	background:none;
	float:left;
	padding:15px 10px 15px 10px;
	border:2px grey;
	border-top-style:dashed;
	border-right-style:none;
	border-bottom-style:dashed;
	border-left-style:none;
}

#sign_up {
	width:360px;
	height:64px;
	padding:10px 10px 10px 15px;
	float:left;	
	background:url(images/signup.png) no-repeat;
}

#main_info_3 {
	width:560px;
	height:auto;
	background:url(images/marketing_inpage.jpg) left top no-repeat;
	padding:40px 20px 20px 20px;	
}

.wall {
	width:445px;
	height:454px;
	float:left;
	position:relative;
	margin:-0px 0px 0px 0px;	
}

.replay_wall {
	background:url(images/replay.png) no-repeat;
	width:270px;
	height:324px;
	float:left;
	position:relative;
	margin:0px 0px 0px 0px;
}
.marketing_wall {background:url(images/marketing_mural.png) no-repeat;}
.digital_wall {background:url(images/digital_mural.png) no-repeat;}
.print_wall {background:url(images/print_mural.png) no-repeat;}
.editorial_wall {background:url(images/editorial_mural.png) no-repeat;}

/* --- Navigation --- */
#header_logo {width:173px; height:94px; float:left; margin:0px 0px 0px -18px; background:url(images/header_logo.png) no-repeat top left;}
#header_about {width:220px; height:94px; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:none;}
#header_work {width:220px; height:94px; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:none;}
#header_connect {width:220px; height:94px; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:none;}
#header_clients {width:173px; height:94px; float:left; margin:0px 0px 0px 0px; background:url(images/header_clients.png) no-repeat top left;}

/* --- Slider --- */
#Features {
	height:315px;
	width:607px;
	overflow:hidden;
}
.jshowoff-controls {
	display:none;
}
#carousel ul {
    list-style: none;
    width: 1917px;
    margin: 0;
    padding: 0;
    position: relative;
}
#carousel li {
    display: inline;
    float: left;
} 

.jshowoff-slidelinks {
	margin:28px 0px 0px 250px;
}
.jshowoff-slidelink-0, .jshowoff-slidelink-1, .jshowoff-slidelink-2, .jshowoff-slidelink-3, .jshowoff-slidelink-4, .jshowoff-slidelink-5 {
	width:13px;
	height:13px;
	background:url(images/circlebutton.png) no-repeat;
	display:block;
	padding:0px 10px 0px 0px;
	float:left;
	text-indent:-10000px;
}

.slider_button:hover {
	width:13px;
	height:13px;
	background:url(images/circle_down.png) no-repeat;
}

.jshowoff-slidelink-0:hover, .jshowoff-slidelink-1:hover, .jshowoff-slidelink-2:hover, .jshowoff-slidelink-3:hover, .jshowoff-slidelink-4:hover, .jshowoff-slidelink-5:hover, .jshowoff-active {
	width:13px;
	height:13px;
	background:url(images/circle_down.png) no-repeat;
	display:block;
	padding:0px 10px 0px 0px;
	float:left;
	text-indent:-10000px;
}

#client_logos {
	width:970px;
	height:auto;	
}

.infinite {
	position:absolute;
	left:50%;
	margin:90px 0px 0px -480px;	
}

.twtr-doc h3, .twtr-doc h4 {
	letter-spacing:0px;
}

.hiddenpic {display:none;}

/* --- TEXT - H CLASSES ETC... --- */

.marketing_txt {color:#ecbd00;}
.digital_txt {color:#ff8e00;}
.print_txt {color:#2a9743;}
.editorial_txt {color:#0982ad;}

h1, h2, h3, h4, h5 {font-family:arial; color:#575757; font-weight:600; letter-spacing:-2px;}

a {outline:none;}
a:hover {outline:none; text-decoration:none;}

.titles {margin:0px 0px 0px 0px;}
.slide_title {position:absolute; margin:-65px 0px 0px 400px;}
.titles_sign {position:absolute; margin:-49px 0px 0px 0px;}

.nav_normal {font-family:arial; font-weight:bold; color:#575757; font-size:18px; text-decoration:none;}
.nav_normal_white {font-family:arial; font-weight:bold; color:#FFFFFF; font-size:14px; text-decoration:none;}
.nav_normal_grey {font-family:arial; font-weight:bold; color:#575757; font-size:14px; text-decoration:none;}

a.nav_normal {font-family:arial; font-weight:bold; color:#575757; font-size:18px; text-decoration:none;}
a.nav_normal_white {font-family:arial; font-weight:bold; color:#FFFFFF; font-size:14px; text-decoration:none;}
a.nav_normal_grey {font-family:arial; font-weight:bold; color:#575757; font-size:14px; text-decoration:none;}
a.nav_normal:hover {font-family:arial; font-weight:bold; color:#7f7f7f; font-size:18px; text-decoration:none;}
a.nav_normal_white:hover {font-family:arial; font-weight:bold; color:#575757; font-size:14px; text-decoration:none;}
a.nav_normal_grey:hover {font-family:arial; font-weight:bold; color:#7f7f7f; font-size:14px; text-decoration:none;}

.smaller {font-family:arial; font-weight:normal; color:#575757; font-size:8px;}
.small {font-family:arial; font-weight:normal; font-size:10px; text-decoration:none;}
.small_half {font-family:arial; font-weight:normal; font-size:11px; text-decoration:none;}
.normal {font-family:arial; font-weight:normal; font-size:12px; text-decoration:none;}
.large {font-family:arial; font-weight:normal; color:#575757; font-size:16px;}
.larger {font-family:arial; font-weight:normal; color:#575757; font-size:20px;}
.larger_still {font-family:arial; font-weight:600; color:#575757; font-size:25px;}

/* --- Social icons --- */

#twitter {width:79px; float:left; height:89px; background:url(images/twitter_social.png) no-repeat 0px -89px;}
#twitter:hover {width:79px; float:left; height:89px; background:url(images/twitter_social.png) no-repeat 0px 2px;}
#youtube {width:79px; float:left; height:89px; background:url(images/youtube_social.png) no-repeat 0px -89px;}
#youtube:hover {width:79px; float:left; height:89px; background:url(images/youtube_social.png) no-repeat 0px 2px;}
#facebook {width:79px; float:left; height:89px; background:url(images/facebook_social.png) no-repeat 0px -89px;}
#facebook:hover {width:79px; float:left; height:89px; background:url(images/facebook_social.png) no-repeat 0px 2px;}
#wordpress {width:79px; float:left; height:89px; background:url(images/wordpress_social.png) no-repeat 0px -89px;}
#wordpress:hover {width:79px; float:left; height:89px; background:url(images/wordpress_social.png) no-repeat 0px 2px;}
#download {width:79px; float:left; height:89px; background:url(images/download_social.png) no-repeat 0px -89px;}
#download:hover {width:79px; float:left; height:89px; background:url(images/download_social.png) no-repeat 0px 2px;}
#skype {width:79px; float:left; height:89px; background:url(images/skype_social.png) no-repeat 0px -89px;}
#skype:hover {width:79px; float:left; height:89px; background:url(images/skype_social.png) no-repeat 0px 2px;}
#linkedin {width:79px; float:left; height:89px; background:url(images/linkedin_social.png) no-repeat 0px -89px;}
#linkedin:hover {width:79px; float:left; height:89px; background:url(images/linkedin_social.png) no-repeat 0px 2px;}