@charset "utf-8";
/* CSS Document */

/*

----- Effect screen stylesheet -----
----- 2008 -----

----- enjoy. -----

----- Background Colours -----

Background: #000000


----- Text Colours -----



----- Dimensions -----

Site Width: 970px

*/

* {
	padding: 0; /* global margin and padding reset */
	margin: 0;
}

/* ----- tags ----- */
body {

	background-color: #000000;
	text-align: center; /* centre in IE */
	font: 11px Arial, Helvetica, sans-serif;
	color: #fff;
	margin-left:30px;
	padding-bottom: 20px;
	text-align: left;
}

a {
	color: #28a3dc;
	outline: none;
	text-decoration:none;
}
a:hover {
	color: #fff;
}
a img {
	border: none;
}
em {
	color: #28a3dc;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	line-height: 1em;
	color:#FFFFFF;
	text-align:left;
	}

ul {
	list-style: none;
}
/* ----- containers ----- */

#nav-column {
	position:fixed;
	top:0;
	left:30px;
	width:300px;
	}

#content-column {
	float:left;
	width:570px;
	margin-left:370px;
	/*margin-top:173px;*/
	padding-bottom:40px;
	background-image:url(../images/feature.gif);
	background-repeat:no-repeat;
	background-position:top;
	}

#header {
	position: fixed;
	top: 0px;
	left: 400px;
	width:570px;
	}
	
.nav-holder {
	float:left;
	width:300px;
	margin-bottom:45px;
	margin-top:20px;
	}
.nav-holder-main {
	float:left;
	width:76px;
	margin-bottom:45px;
	margin-top:20px;
	}
.nav-holder-sub {
	float:left;
	width:224px;
	margin-bottom:45px;
	margin-top:20px;
	}
	
.contact-col1 {
	float:left;
	width:315px;
	text-align:left;
	}
.570col {
	float:left;
	width:570px;
	}
	
.profile-images {
	float:left;

}
.profile-images .image1, .profile-images .image2 {
	margin-right:7px;
}

.row {
	float:left;
	width:570px;
	margin-top:30px;
}

.title-col {
		float:left;
		width:183px;
}
.copy-col {
	float:left;
	width:370px;
}

.copy-col .work-copy {
	margin-top:0;
	margin-bottom:15px;
}


	


/* ----- masthead ----- */
h1 {
	width: 300px;
	height: 153px;
	margin-bottom:20px;
}
h1 a {
	display: block;
	width: 300px;
	height: 153px;
	text-indent: -1000em;	
	background: url(../images/common/logo.gif) 0 0 no-repeat;
}

#copyright {
	clear: both;
	float: left;
	width: 300px;
	background: url(../images/divs/11x1_27a6de.gif) 0 0 no-repeat;
	padding-top: 10px;
	margin-top: 122px;
	font-size: 1.083em; /* 12*1.083=13 */
	font-weight: bold;
}

.map {
	float: left;
	width: 250px;
	display:block;
	background: url(../images/divs/11x1_27a6de.gif) 0 0 no-repeat;
	padding-top: 10px;
	margin-top: 10px;
	font-size: 1em; /* 12*1.083=13 */
}
.map a:link, .map a:visited {
	color:#fff;
	}
.map a:hover, .map a:visited:hover {
	color:#28a3dc;
	}

#copyright a:link, #copyright a:visited {
	color:#fff;
	}
#copyright a:hover, #copyright a:visited:hover {
	color:#28a3dc;
	}

/* ----- global navigation ----- */
#global-nav, #pages, #categories, #archives {
	float: left;
	width: 77px;
	font-weight: bold;
	line-height: 16px;
	background: url(../images/divs/11x1_27a6de.gif) 0 0 no-repeat;
	padding-top: 10px;
	margin-bottom: 18px;
	text-align:left;
}
#global-nav a, #pages a, #categories a, #archives a {
	color: #fff;
	text-decoration: none;
}
#global-nav a:hover, #pages a:hover, #categories a:hover, #archives a:hover {
	color: #27a6de;
}
#global-nav a.current, #pages a.current, #categories a.current, #archives a.current {
	color: #27a6de;
}

/* ----- link styles ----- */

.vacancies a:link, .vacancies a:visited {
	clear: both;
	float: left;
	width: 300px;
	background: url(../images/divs/11x1_27a6de.gif) 0 0 no-repeat;
	padding-top: 10px;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	}
	
.vacancies a:hover, .vacancies a:visited:hover {
	color: #27a6de;
	}
	
.back-top {
	float:right;
	display:block;
	width:60px;
	padding-top:10px;
	background-image:url(../images/common/blue-dash.gif);
	background-repeat:no-repeat;
	}
.back-top a:link, .back-top a:visited {
	float:left;
	color:#ffffff;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:11px;
	}
	
.back-top a:hover, .back-top a:visited:hover {
	color:#27A6DE;
	}

.visit {
	float:right;
	display:block;
	width:70px;
	padding-top:10px;
	background-image:url(../images/common/blue-dash.gif);
	background-repeat:no-repeat;
	font-size:11px;
	}
.visit a:link, .visit a:visited {
	float:left;
	color:#ffffff;
	text-decoration:none;
	text-align:left;	
	}
	
.visit a:hover, .visit a:visited:hover {
	color:#27A6DE;
	}
	
.footer {
	float:left;
	list-style:none;
	width:100px;
	}
.footer li {
	float:left;
	width:200px;
	margin-bottom:5px;
	}


.footer a:link, .footer a:visited {
	float:left;
	color:#ffffff;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	text-align:left;
	}
	
.footer a:hover, .footer a:visited:hover {
	color:#27A6DE;
	}

.profile-copy, .profile-copy-end, .map-key-copy, .map-key-copy-end {
	float:left;
	width:181px;
	margin-right:10px;
	margin-top:10px;
	}
	
.profile-copy p, .profile-copy-end p {
		color:#abb5b8;
		margin-top:0;
		margin-bottom:8px;
}
.profile-copy .title, .profile-copy-end .title, .map-key-copy .title, .map-key-copy-end .title {
		color:#fff;
		margin-top:0;
		margin-bottom:8px;
		font-size:1.1em;
}
#content-column .title {
color:#fff;
font-size:11px;
margin-top:5px;
}
.profile-copy-end, .map-key-copy-end {
	margin-right:0px;
	
	}	
.map-key-copy, .map-key-copy-end {
	margin-top:0px;
	}	



/* ----- h2 styles ----- */

.effective-digital-marketing {
	display:block;
	width:570px;
	margin-top:92px;
	height:61px;
	margin-bottom:20px;
	text-indent:-1000em;
	background-image:url(../images/titles/effective-digital-marketing.gif);
	}
.work {
	display:block;
	width:570px;
	margin-top:92px;
	height:61px;
	text-indent:-1000em;
	margin-bottom:20px;
	background-image:url(../images/titles/work.gif);
	}
.profile {
	display:block;
	width:570px;
	margin-top:92px;
	height:61px;
	margin-bottom:20px;
	text-indent:-1000em;
	background-image:url(../images/titles/profile.gif);
	}
.services {
	display:block;
	width:570px;
	margin-top:92px;
	height:61px;
	margin-bottom:20px;
	text-indent:-1000em;
	background-image:url(../images/titles/services.gif);
	}
.subscribe {
	display:block;
	width:570px;
	margin-top:92px;
	height:61px;
	margin-bottom:20px;
	text-indent:-1000em;
	background-image:url(../images/titles/subscribe.gif);
	}
.unsubscribe {
	display:block;
	width:570px;
	margin-top:92px;
	height:61px;
	margin-bottom:20px;
	text-indent:-1000em;
	background-image:url(../images/titles/unsubscribe.gif);
	}
.thanks-sub {
	display:block;
	width:570px;
	margin-top:92px;
	height:61px;
	margin-bottom:20px;
	text-indent:-1000em;
	background-image: url(../images/titles/thanks-sub.gif);
	}
.thanks-unsub {
	display:block;
	width:570px;
	margin-top:92px;
	height:61px;
	margin-bottom:20px;
	text-indent:-1000em;
	background-image: url(../images/titles/thanks-unsub.gif);
	}	
.vacancies2 {
	display:block;
	width:570px;
	margin-bottom:20px;
	margin-top:92px;
	height:61px;
	text-indent:-1000em;
	background-image:url(../images/titles/vacancies.gif);
	}
	
.clients {
	display:block;
	width:570px;
	margin-bottom:20px;
	margin-top:92px;
	height:61px;
	text-indent:-1000em;
	background-image:url(../images/titles/client-list.gif);
	}
.experience {
	display:block;
	width:570px;
	margin-top:92px;
	height:61px;
	margin-bottom:20px;
	text-indent:-1000em;
	background-image:url(../images/titles/experience.gif);
	}
	
.contact {
	display:block;
	width:570px;
	margin-top:92px;
	height:61px;
	margin-bottom:20px;
	text-indent:-1000em;
	background-image:url(../images/titles/contact.gif);
	}
.how-to-find-us {
	display:block;
	width:187px;
	height:36px;
	margin-bottom:20px;
	text-indent:-1000em;
	background-image:url(../images/titles/how-to-find-us.gif);
	}
.legal {
	display:block;
	width:570px;
	margin-bottom:20px;
	margin-top:92px;
	height:61px;
	text-indent:-1000em;
	background-image:url(../images/titles/legal.gif);
	}
.privacy {
	display:block;
	width:570px;
	margin-bottom:20px;
	margin-top:92px;
	height:61px;
	text-indent:-1000em;
	background-image: url(../images/titles/privacy.gif);
	}
	
.clients-say {
	display:block;
	margin-bottom:20px;
	width:570px;
	height:59px;
	text-indent:-1000em;
	margin-top:20px;
	background-image:url(../images/titles/clients-say.gif);
	}
	
.more {
	display:block;
	width:570px;
	height:70px;
	text-indent:-1000em;	
	margin-top:20px;
	background-image:url(../images/titles/more.gif);
	}




/* ----- text styles ----- */
.grey{
	color:#abb5b8;
}
.white{
	color:#ffffff;
}

.client{
	margin-bottom:13px;
	font-size:1em;
	float:left;
	display:block;
	width:230px;
	padding-top:10px;
	font-weight:bold;
	background-image:url(../images/common/blue-dash.gif);
	background-repeat:no-repeat;
	}
.deliverables{
	display:block;
	width:70px;
	height:30px;
	float:left;
	font-size:1em;
	margin-top:15px;
	color:#eaeaea;
	line-height:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	}
.client a:link, .client a:visited {
	text-decoration:none;
	color:#FFFFFF;
	}
	
.client a:hover, .client a:visited:hover {
	text-decoration:none;
	color:#27a6de;
	}
	
.rule{
	margin-top:20px;
	margin-bottom:20px;
	}
	
.work-copy {
	font-size:1.2em;
	margin-top:15px;
	color:#abb5b8;
	line-height:1.3em;
	
	}
.intro-copy {
	font-size:1.1em;
	color:#abb5b8;
	line-height:1.2em;
	margin-bottom:20px;
	}
.client-big {
	font-size:2.4em;
	color:#abb5b8;
	line-height:1.2em;
	margin-top:20px;
	}
	
/* ----- services list ----- */

#services-list {
	float: left;
	list-style: none;
	margin: 20px 0 0px 0;
	padding: 0;

}

#services-list li {
	float: left;
	margin: 0 0 0 0px;
	padding: 0;
	margin-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#cccccc;
	font-size:2.2em;
	text-align:left;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:1.2em;
	margin-bottom:5px;
	text-align:left;
	}
	
.contact-col1 p {
	color:#727e82;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	margin-bottom:10px;
	line-height:1.2em;
	}
.contact-col1 a:link, .contact-col1 a:visited {
	color:#27a6de;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
.contact-col1 a:hover, .contact-col1 a:visited:hover {
	text-decoration:underline;
	}
	
.vacancies-copy {
	color:#727e82;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-bottom:10px;
	line-height:1.3em;
	}
	
.vacancies-copy a:link, .vacancies-copy a:visited {
	color:#27a6de;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
.vacancies-copy a:hover, .vacancies-copy a:visited:hover {
	text-decoration:underline;
	}
	
a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

.work-spacing {
margin-bottom:10px;
}

.work-spacing2 {
margin-bottom:47px;
}

.freelancer-spacing {
	line-height:1.5em;
	}
	
.about-effect {
	display:block;
	background-image:url(../images/titles/about-effect.gif);
	width:158px;
	height:35px;
	text-indent:-1000em;
	}
	

ul.portfolio { margin:0; padding:0; }
ul.portfolio li { float:left; margin:0 5px 0 0; width:570px; height:auto; list-style:none; }
ul.portfolio li.loading { background: url(spinner.gif) no-repeat center center; }


input {
	width:180;
	background:none;
	border:1px solid #454545;
	color:#fff;
	}
.button {
border:none;
	}
	
label em {
	color:#27a6de;
	}
	
.subscribe-col {
	float:left;
	width:180px;
	margin-bottom:10px;
	}
	
DIV#loader, DIV#loader1, DIV#loader2, DIV#loader3, DIV#loader4, DIV#loader5, DIV#loader6, DIV#loader7, DIV#loader8 {  clear:both; width: 570px;  min-height: 356px; margin-bottom:30px; }/**  * While we're having the loading class set. * Removig it, will remove the loading message */
DIV#loader.loading, DIV#loader1.loading, DIV#loader2.loading, DIV#loader3.loading, DIV#loader4.loading, DIV#loader5.loading, DIV#loader6.loading {  background: url(../images/ajax-loader.gif) no-repeat center center;}

.small {
	font-size:11px;
	}
	
.slideshow {
	float:left;
	width: 570px;
	height: 356px;
}
.slideshow img {
	width: 570px;
	height: 356px;
}
#nav {
	float:right;
	text-align:right;
	width:570px;
	margin-bottom:10px;
	margin-top:5px;
}
#nav a {
	
	margin: 0 3px 0 3px;

}

#details {
		float:left;
		width: 570px;
}
.footer-nav img {
		float:left;
}