/*-----------------------------------------------------------------------------
version:   1.0
author:    Michael Bradley
created:   22/08/2008
email:     michael@eyekiller.com
website:   http://www.eyekiller.com
-----------------------------------------------------------------------------*/
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,strong,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	}
ol, ul {
	list-style: none;
	}
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
body {
	color:#000;	
	font:62.5%/1.7 Tahoma, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	height:100%;
	text-align:center;
	background-color:#fff;
	}
ul {list-style:none;}
a {
	outline:none;
	color:#000;
	text-decoration:none;
	}
/*Headings
-----------------------------------------------------------------------------*/
h1 {
	float:left;
	text-indent:-9999px;
	background:#fff url(../images/logo.gif) no-repeat left top;
	width:81px;
	height:81px;
	display:block;
	margin:25px 0 0 0;
	}
h1 a {
	width:81px;
	height:81px;
	display:block;
	text-decoration:none;
	}
	
h2 {
	float:left;
	text-indent:-9999px;
	display:block;
	margin:15px 0 5px 0;
}

h3 {
	float:left;
	text-indent:-9999px;
	display:block;
	margin:5px 0 0 0;
}




body.home h2 {
	background:url(../images/temp-sifr.gif) no-repeat;
	width:653px;
	height:72px;
	}
	
body.who-are-we h2 {
	background:url(../images/title-who-we-are.gif) no-repeat;
	width:168px;
	height:31px;
	margin-bottom:-7px;
	}
	
body.who-are-we h3 {
	background:url(../images/sub-who-we-are.gif) no-repeat;
	width:632px;
	height:66px;
	}
	
body.what-we-do h2 {
	background:url(../images/title-what-we-do.gif) no-repeat;
	width:165px;
	height:26px;
	margin-bottom:-5px;
	}
	
body.what-we-do h3 {
	background:url(../images/sub-what-we-do.gif) no-repeat;
	width:660px;
	height:66px;
	margin-bottom:-15px;
	}
	
body.clients h2 {
	background:url(../images/title-clients.gif) no-repeat;
	width:94px;
	height:29px;
	margin-bottom:5px;
	}
	
body.clients h3 {
	background:url(../images/strap-clients.gif) no-repeat;
	width:660px;
	height:66px;
	margin-top:-3px;
	}
	
body.blog h2 {
	background:url(../images/title-blog.gif) no-repeat;
	/*width:61px;*/
	width:400px;
	height:31px;
	}
	
body.talent h2 {
	background:url(../images/title-talent.gif) no-repeat;
	width:80px;
	height:25px;
	margin-bottom:5px;
	}
* html body.talent h2 {
	width:80px;
	height:25px;
	margin-bottom:0;
	}	
* html #ie6list1 {
	padding-top:16px;
	}
* html #ie6list2 {
	padding-top:16px;
	}
body.talent h3 {
	background:url(../images/strap-talent.gif) no-repeat;
	width:621px;
	height:66px;
	margin-top:-3px;
	}
	
	
body.contact h2 {
	background:url(../images/title-contact.gif) no-repeat;
	width:105px;
	height:23px;
	}
	
p {
	padding-bottom:1em;
	}
#main-wrapper{
	width:947px;
	min-height:700px;
	height:auto !important;
	height:700px;
	text-align:left;
	margin:0 auto;
	}

#wrapper {
	width:664px;
	text-align:left;
	float:left;
	}
body > #wrapper {
	padding-bottom:10px;/*Adds 10px padding to space footer from main content in IE7 only*/
	}
#header {
	float:left;
	display:inline;
	width:664px;
	height:120px;
	position:relative;
	background:url(../images/bar-hor.gif) bottom repeat-x;
	}
#content {
	float:left;
	min-height:700px;
	height:auto !important;
	height:700px;
	display:inline;
	width:664px;
	padding-bottom:10px;
	position:relative;
	}
#sidebar {
	float:left;
	display:inline;
	width:372px;
	font-size:1.1em;
	padding:0 10px;/*Padding is added to content holder instead of p tags incase clients don't add p tags to their text*/	
	}
#main-content {
	float:left;
	display:inline;
	width:438px;
}

#leftHS {
	width:142px;
	height:550px;
	float:left;
	padding:120px 0 0 0;
	}
	
#rightHS {
	width:140px;
	height:550px;
	float:left;
	}

/*#contact-component {
	width:200px;
	height:29px;
	float:right;
	margin:70px 0 0 0;
	}*/

#contact-component {
	position:absolute;
	top:80px;
	right:0;
	clear:both;
	width:200px;
	height:29px;
	float:right;
	margin:0 0 0 0;
	}

#designLHS {
	width:87px;
	height:337px;
	float:right;
	background:url(../images/temp-graphic1.gif) no-repeat;
	margin:100px 0 0 0;
	}
	
#designRHS {
	width:127px;
	height:414px;
	float:left;
	background:url(../images/temp-graphic2.gif) no-repeat;
	margin:150px 0 0 0;
	}
	
#portfolio-home {
	width:664px;
	height:182px;
	float:left;
	padding:20px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#979797;
	line-height:18px;
	}
	
#portfolio-home li {
	float:left;
	display:inline;
	width:135px;
	height:175px;
	}
	
#portfolio-home li.last {
	width:123px;
	}
	
#portfolio-home li a {
	color:#666666;
	font-size:11px;
	text-decoration:none;
	}
	
#portfolio-home li a:hover {
	text-decoration:underline;
	}
	
	
body.what-we-do #content li {
	color:#FF0000;
	float:left;
	display:inline;
	width:215px;
	height:159px;
	margin-right:9px;
	margin-bottom:4px;
	position:relative;
	font-size:1.1em;
	}
body.what-we-do #content li img {
	float:left;
	}
body.what-we-do #content li.last {
	color:#FF0000;
	float:left;
	width:215px;
	height:159px;
	margin-right:0px;
	margin-bottom:9px;
	}
.what-we-do-txt {
	display:block;
	position:absolute;
	top:0;
	left:0;
	text-indent:-9999px;
}

body.clients #content li {
	color:#FF0000;
	background-color:#FF9900;
	float:left;
	display:inline;
	width:160px;
	height:130px;
	margin-right:6px;
	margin-bottom:6px;
	position:relative;
	}
	
	
.client-txt {
	display:block;
	position:absolute;
	top:0;
	left:0;
	text-indent:-9999px;
}

body.clients #content li img {
	float:left;
	}

#blogArticle {
	width:420px;
	height:auto;
	float:left;
	color:#696969;
	font-size:1.1em;
	line-height:1.9em;
	padding-bottom:40px;
	position:relative;
	}
#blogArticle a {
	color:#ed008c;
	}
#blogArticle a:hover {
	color:#696969;
	}
#blogArticle img {
	padding-bottom:15px;
	}	
#campaignsArticle {
	width:600px;
	height:auto;
	float:left;
	color:#696969;
	font-size:1.1em;
	line-height:1.9em;
	padding-bottom:20px;
	margin-top:15px;
}



#campaignsArticle li {
	background:url(../images/bullet.gif) no-repeat left top;
	text-indent:15px;
	}


#blogSidebar {
	width:190px;
	height:auto;
	float:right;
	vertical-align:top;
	margin-top:97px;
	}
	
#content-lhs {
	width:440px;
	float:left;
	}


body.talent #content li {
	float:left;
	width:123px;
	height:175px;
	padding:0 12px 5px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#979797;
	line-height:18px;
	}
	

	
body.talent #content li.last {
	float:left;
	width:123px;
	padding:0 0 5px 0;
	}
	
body.talent #content li a {
	color:#666666;
	font-size:11px;
	text-decoration:none;
	}
	
body.talent #content li a:hover {
	text-decoration:underline;
	}
	
body.talent #specific-bullets li, body.what-we-do #specific-bullets li {

	color:#666666;
	width:287px;
	background:url(../images/bullet.gif) no-repeat left top;
	text-indent:15px;
	height:15px;
	}

#contact-content {
	width:500px;
	height:620px;
	float:left;
	}
	
#contact-side {
	width:150px;
	height:620px;
	float:left;
	font-size:1.1em;
	color:#666666;
	padding-left:5px;
	}
	
#contact-forum {
	width:500px;
	float:left;
	
}
	
#contact-side a {
	color:#ed008c;
	}
	
#map-holder {
	width:484px;
	height:280px;
	float:left;
	background:url(../images/bg-map.gif) no-repeat;
	padding-top:8px;
	padding-left:8px;
	}

body.who-are-we #content li {
	width:660px;
	min-height:400px;
	height:auto !important;
	height:400px;
	float:left;
	margin-bottom:20px;
	font-size:1.1em;
	color:#666666;
	border-bottom:1px #CCCCCC dotted;
	}
	
body.who-are-we #content li img {
	float:left;
	}
	
.who-we-are-text-holder {
	width:430px;
	min-height:275px;
	height:auto !important;
	height:275px;
	float:left;
	margin-left:15px;
	}
	
body.who-are-we #content li.last {
	padding-right:0px;
	}
	
body.who-are-we #content li a {
	color:#ed008c;
	padding-top:10px;
	}
	
#bar-hor {
	background:url(../images/bar-hor.gif) repeat-x;
	margin-top:5px;
	height:6px;
	width:200px;
	}
	
.contact-form-title {
	font-size:11px;
	color:#ED008C;
	font-weight:bold;
	}
#add_this {
	float:left;
	margin:10px 0 30px 0;
	}
#article-wrap {
	width:420px;
	float:left;
	}	
/*Footer
-----------------------------------------------------------------------------*/
#footer {
	clear:both;
	width:664px;
	margin:0 auto;
	height:3em;
	line-height:3em;
	font-size:1.0em;
	text-align:left;
	color:#666666;
	padding-bottom:20px;
	background:url(../images/bar-hor.gif) repeat-x top;
	}
#footer a {	
	color:#666666;
	}
.eyekiller a:hover {	
	color:#666666;
	}
.eyekiller {
	float:right;
	padding:0 10px 0 0;
	}
	
.copyright {
	float:left;
	padding:0 0 0 0;
	}
/*Main Navigation
-----------------------------------------------------------------------------*/
#main-nav {
	margin-top:20px;
	width:100px;
	height:125px;
	}
#main-nav li {
	width:100px;
	}

#main-nav li a {
	height:18px;
	width:100px;
	display:block;
	text-decoration:none;
	text-indent:-9999em;
	float:left;
	}
#main-nav li#home a {
	background:url(../images/nav.gif) no-repeat 0 0;
	}
#main-nav li#home a:hover,
body.home #main-nav li#home a {
	background-position:-100px 0;
	}

#main-nav li#who-are-we a {
	background:url(../images/nav.gif) no-repeat 0 -18px;
	}
#main-nav li#who-are-we a:hover,
body.who-are-we #main-nav li#who-are-we a {
	background-position:-100px -18px;
	}

#main-nav li#what-we-do a {
	background:url(../images/nav.gif) no-repeat 0 -36px;
	}
#main-nav li#what-we-do a:hover,
body.what-we-do #main-nav li#what-we-do a {
	background-position:-100px -36px;
	}

#main-nav li#clients a {
	background:url(../images/nav.gif) no-repeat 0 -54px;
	}
#main-nav li#clients a:hover,
body.clients #main-nav li#clients a {
	background-position:-100px -54px;
	}

#main-nav li#talent a {
	background:url(../images/nav.gif) no-repeat 0 -72px;
	}
#main-nav li#talent a:hover,
body.talent #main-nav li#talent a {
	background-position:-100px -72px;
	}

#main-nav li#blog a {
	background:url(../images/nav.gif) no-repeat 0 -90px;
	}
#main-nav li#blog a:hover,
body.blog #main-nav li#blog a {
	background-position:-100px -90px;
	}

#main-nav li#contact a {
	background:url(../images/nav.gif) no-repeat 0 -108px;
	}
#main-nav li#contact a:hover,
body.contact #main-nav li#contact a {
	background-position:-100px -108px;
	}


#main-nav li.last {border:none;}
/*sIFR Text
-----------------------------------------------------------------------------*/
.sIFR-flash {
	visibility:visible !important;
	margin:0;
	}
.sIFR-replaced {
	visibility:visible !important;
	}
span.sIFR-alternate {
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	display:block;
	overflow:hidden;
	}
.sIFR-flash + div[adblocktab=true] {
  display:none !important;
	}
	
.sIFR-hasFlash h4 {
	visibility:hidden;
	letter-spacing:0px;
	font-size:15px;
	margin-top:5px;
	}

.sIFR-hasFlash h5 {
	visibility:hidden;
	letter-spacing:-9px;
	font-size:20px;
	margin-top:10px;
	}
	
#homeSIFR {
	width:644px;
	height:120px;
	float:left;
	margin-bottom:0px;
	
	}
	
#homeSIFR2 {
	width:644px;
	height:100px;
	float:left;
	margin-bottom:0px;
	
	}
	
#contact-header {
	width:644px;
	height:70px;
	float:left;
	margin-bottom:0px;
	
	}
	
#blogHead2 {
	height:55px;
	width:400px;
	float:left;
	}
	
#blogHead-A {
	width:400px;
	float:left;
	}
	
#blogHead-B {
	height:100px;
	width:240px;
	/*float:right;*/
	position:absolute;
	top:0;
	right:0;
	}
	
.blog-date {
	color:#ed008c;
	padding-top:-20px;
	position:relative;
	top:-20px;
	font-size:1.1em;
	}
	
.latest-news-title {
	width:190px;
	height:15px;
	float:left;
	background:url(../images/latest-news.gif) no-repeat;
	text-indent:-9999px;
	margin-bottom:10px;
	}
	
.news-archive-title {
	width:190px;
	height:15px;
	float:left;
	background:url(../images/news-archive.gif) no-repeat;
	text-indent:-9999px;
	margin-top:10px;
	margin-bottom:10px;
	}
	
.news-list li {
	color:#a3a2a2;
	padding-left:25px;
	background:url(../images/news-bullet.gif) no-repeat left top;
	line-height:13px;
	padding-bottom:10px;
	float:left;
	width:160px;
	}
	
.news-list li a {
	color:#696969;
	text-decoration:none;
	font-size:1.1em;
	}
	
.news-list li a:hover {
	color:#696969;
	text-decoration:underline;
	}
	
	
.archive-list li {
	color:#a3a2a2;
	padding-left:25px;
	background:url(../images/news-bullet.gif) no-repeat left top;
	padding-bottom:10px;
	float:left;
	width:190px;
	}
	
.archive-list li a {
	color:#696969;
	text-decoration:none;
	font-size:1.1em;
	}
	
.archive-list li a:hover {
	color:#696969;
	text-decoration:underline;
	}
	
	
#clippings li {
	color:#a3a2a2;
	width:100px;
	float:left;
	margin-right:8px;
	background:none;
	text-indent:0px;
	}
	
#clippings {
	list-style:none;
	}
	
#clippings li img {
	border:solid 2px #CCCCCC;
	}
	
.goback a{
	float:right;
	padding-top:20px;
	color:#d2d2d2;
	text-decoration:none;
	font-size:1.1em;
	}
	
.goback a:hover{
	text-decoration:underline;
	}
	

.idealfor-title {
	width:330px;
	height:13px;
	float:left;
	background:url(../images/title-ideal-for.gif) no-repeat;
	text-indent:-9999px;
	padding-bottom:15px;
	}
	
.takealookat-title {
	width:299px;
	height:13px;
	float:left;
	background:url(../images/title-take-a-look-at.gif) no-repeat;
	text-indent:-9999px;
	padding-bottom:15px;
	display:block;
	}

/*
	Curved Corners DIV
*/

#specific-image {
	width:215px;
	height:160px;
	float:left;
	padding-right:25px;
	clear:left;
	}
	
#specific-text {
	width:370px;
	min-height:160px;
	height:auto !important;
	height:160px;
	float:left;
	font-size:1.1em;
	color:#666666;
	}
	
#specific-bullets {
	width:300px;
	height:200px;;
	float:left;
	margin-top:25px;
	}
	
	
/* Fields */

#text-field {
	width:230px;
	height:19px;
	background:url(../images/bg-textfield1.gif) top repeat-x;
	border: solid 1px #999999;
	color:#333;
	}
	
#text-field-subject {
	width:475px;
	height:19px;
	background:url(../images/bg-textfield1.gif) top repeat-x;
	border: solid 1px #999999;
	color:#333;
	}
	
#text-field-message {
	width:475px;
	height:160px;
	border: solid 1px #999999;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;
	}
	
body.contact #contact-content {
	color:#666666;
	font-weight:bold;
	}
	
#fieldHolder {
	width:240px;
	float:left;
	margin-right:5px;
	margin-bottom:10px;
	}
	
#placement_ad {
	float:right;
	color:#ffffff;
	font-size:12px;
	padding:5px 0 0 12px;
	background:url(../images/placement_bg.jpg) no-repeat 0 0;
	height:35px;
	width:215px;
	}
#placement_ad a {
	color:#ffffff;
	}
	
/* Talent 
------------------------------------------------------ */

.btn-holder {
	margin-top:10px;
}
/* Required Styles */
#aToolTip {
	position: absolute;
	display: none;
	z-index: 50000;
	text-align:left;
	font-size:11px;
	background:url(../images/tooltip_bg.png) no-repeat;
	width:214px;
	height:68px;
	color:#666;
	}

#aToolTip .aToolTipContent {
	position:relative;
	margin:0;
	padding:10px 10px 10px 15px;
	}
body.who-are-we #content ul.demos li {
	display:inline;
	float:left;
	position:relative;
	}	

body.who-are-we #content ul.demos li.danielle {
	display:block;
	width:172px;
	}	
body.who-are-we #content ul.demos li.danielle a {
	display:block;
	background:url(../images/danielle_silhouette.png) no-repeat 0 0;
	width:147px;
	height:480px;
	padding-bottom:0;
	margin-bottom:0;
	}	
body.who-are-we #content ul.demos li.danielle a:hover {
	background: url(../images/danielle_silhouette.png) no-repeat 0 -492px;
	}	


body.who-are-we #content ul.demos li.emma {
	display:block;
	width:188px;
	margin-left:-90px;
	}	
body.who-are-we #content ul.demos li.emma a {
	display:block;
	background:url(../images/emma_silhouette.png) no-repeat 0 0;
	width:188px;
	height:480px;
	padding-bottom:0;
	margin-bottom:0;
	}	
body.who-are-we #content ul.demos li.emma a:hover {
	background: url(../images/emma_silhouette.png) no-repeat 0 -492px;
	}	





body.who-are-we #content ul.demos li.cathy {
	width:100px;
	margin-left:-25px;
	}	
body.who-are-we #content ul.demos li.cathy a {
	display:block;
	background:url(../images/cathy_silhouette.png) no-repeat 0 0;
	width:172px;
	height:480px;
	padding-bottom:0;
	margin-bottom:0;
	}	
body.who-are-we #content ul.demos li.cathy a:hover {
	background: url(../images/cathy_silhouette.png) no-repeat 0 -492px;
	}	

body.who-are-we #content ul.demos li.michael {
	width:148px;
	margin-left:-7px;
	}	
body.who-are-we #content ul.demos li.michael a {
	display:block;
	background:url(../images/michael_silhouette.png) no-repeat 0 0;
	width:172px;
	height:480px;
	padding-bottom:0;
	margin-bottom:0;
	}	
body.who-are-we #content ul.demos li.michael a:hover {
	background: url(../images/michael_silhouette.png) no-repeat 0 -492px;
	}	


body.who-are-we #content ul.demos li.hannah {
	width:182px;
	margin-left:-50px;
	}	
body.who-are-we #content ul.demos li.hannah a {
	display:block;
	background:url(../images/hannah_silhouette.png) no-repeat 0 0;
	width:172px;
	height:480px;
	padding-bottom:0;
	margin-bottom:0;
	}	
body.who-are-we #content ul.demos li.hannah a:hover {
	background: url(../images/hannah_silhouette.png) no-repeat 0 -492px;
	}