body {
		margin: 0;
		padding: 0;
		text-align: center;
		background-color: #fff;
		/* background-image: url('../images/back.jpg'); */
		background-position: top center;
		background-repeat: repeat-y;
		font-family: arial, verdana, sans-serif;
		font-size: 12px;
		color: #555;
		
}

p { line-height: 10px;}

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

a img { border: none; }


#container {
		width: 960px;
		margin: 20px auto 0 auto;
		text-align: left;
		position: relative;
		padding-bottom: 240px;
}

#headBack {
		width: 100%;
		height: 74px;
		background-color: #fff;
		}
		
#header {
		width: 960px;
		margin: 0 auto 0 auto;
		text-align: left;
		position: relative;
		}

		
#header_text_links {
		position: absolute;
		left: 400px;
		top: 45px;
		font-size: 12px;
		}
		
#header_text_links a { text-decoration: none; color: #555;}
#header_text_links a:hover { text-decoration: none; color: #f50000;}
	
#menuwrap {
		width: 100%;
		height: 54px;
		background-image: url('../images/menu/greymenu_back.gif');
		background-repeat: repeat-x;
		}
		
#menu {
		width: 960px;
		margin: 0 auto 0 auto;
		text-align: left;
		position: relative;
		}

		
				
#submit { 
		width: 117px;
		height: 29px;
		background-image: url('../images/submit.gif');
		margin-top: 10px;
		}

#eclipselogo {
		position: relative;
		left: 10px;
		}
		
#socialmedia_links {
		position: absolute;
		top: 40px;
		right: 0;
		width: 280px;
		height: 25px;
		}
		
#facebook_logo {
		width: 78px;
		height: 20px;
		background-image: url('../images/facebook_bw.gif');
		position: absolute;
		left: 95px !important; 
		}
		
#linkedin_logo { width: 77px; height: 20px; background-image: url(../images/linkedin_bw.gif); position: absolute; left: 95px !important; }
		
#twitter_logo {
		width: 77px;
		height: 20px;
		background-image: url('../images/twitter_bw.gif');
		position: absolute;
		left: 185px;
		}
		
.menu_item {
		position: relative;
		top: 4px;
		width: 135px;
		height: 50px;
		float: left;
		}		
		
#menu_home {
		background-image: url('../images/menu/home_grey.gif');
		border-left: 1px solid #9e9e9e;
		}
#menu_whatwedo{
		background-image: url('../images/menu/whatwedo_grey.gif');
		border-left: 1px solid #9e9e9e;
		}
		
#menu_ourwork {
		background-image: url('../images/menu/ourwork_grey.gif');
		border-left: 1px solid #9e9e9e;
		}
		
#menu_ourclients {
		background-image: url('../images/menu/ourclients_grey.gif');
		border-left: 1px solid #9e9e9e;
		}
		
#menu_blog {
		background-image: url('../images/menu/blog_grey.gif');
		border-left: 1px solid #9e9e9e;
		}
		
#menu_aboutus {
		background-image: url('../images/menu/aboutus_grey.gif');
		border-left: 1px solid #9e9e9e;
		}
		
#menu_contactus {
		background-image: url('../images/menu/contactus_grey.gif');
		border-left: 1px solid #9e9e9e;
		border-right: 1px solid #9e9e9e;
		}
		
#home_links {
		width: 880px;
		height: 139px;
		background-image: url('../images/home_links.gif');
		position: relative;
		left: 37px;
		margin-top: 20px;
		}
		
#home_image {
		width: 870px;
		overflow: hidden;
		position: relative;
		left: 40px;
		height: 400px;
		}
		
		
	
#homeImagesWrapper {
		width: 3000px;
		position: relative;
		left: -870px;
		}



#footerwrap {
	position: relative;
	margin-top: -200px; /* negative value of footer height */
	height: 200px;
	clear:both;
	background-color: #ff0015;
	width: 100%;
	background-image: url('../images/footerback.gif');
	background-repeat: repeat-x;
	background-position: top center;
	} 

#footer {
	width: 960px;
	margin: 0 auto 0 auto;
	text-align: left;
	height: 190px;
	position: relative;
	color: #e9e9e9;
	}

#results {
	position: absolute;
	right:0;
	top: 7px;
	}
	
#latest_news {
	width: 265px;
	height: 130px;
	position: absolute;
	top: 60px;
	}
	
	
#recent_work {
	width: 225px;
	height: 130px;
	position: absolute;
	top: 60px;
	left: 305px;
	}
	
	
#contact_us1 {
	width: 225px;
	height: 130px;
	position: absolute;
	top: 60px;
	left: 530px;
	}
	
#contact_us2 {
	width: 225px;
	position: absolute;
	top: 84px;
	left: 785px;
	}
	
#footer h4 {
	display: block;
	font-size: 16px;
	margin-bottom: 20px;
	margin-top: 0;
	}
	
#footer a { color: #fff; text-decoration: underline;}

.strong { font-weight: bold;  }
.point_24 { font-size: 24px; }
.point_20 { font-size: 20px; }
.point_18 { font-size: 18px; }
.point_16 { font-size: 16px; }
.point_14 { font-size: 14px; }


#identity_color {
	position: absolute;
	top: 3px;
	left: 5px;
	}
	
#print_color {
	position: absolute;
	top: 3px;
	left: 179px;
	}
	
#packaging_color {
	position: absolute;
	top: 3px;
	left: 353px;
	}
	
#advertising_color {
	position: absolute;
	top: 3px;
	left: 527px;
	}
	
#interactive_color {
	position: absolute;
	top: 3px;
	left: 702px;
	}
	
#whatwedo_sub {
	position: relative;
	top: 10px;
	left: 40px;
	background-image: url('../images/whatwedo_sub.gif');
	width: 890px;
	height: 44px
	}
	
#whatwebelieve_sub {
	position: relative;
	top: 10px;
	left: 40px;
	background-image: url('../images/whatwebelieve_sub.gif');
	width: 890px;
	height: 44px
	}
	
#whatwedo_link {
	position: absolute;
	top: 11px;
	left: 12px;
	}
	
#whatwebelieve_link {
	position: absolute;
	top: 11px;
	left: 184px;
	}
	
#whatwedo_copy {
	position: relative;
	left: 47px;
	margin-top: 30px;
	}
	
#whatwebelieve {
	position: relative;
	left: 39px;
	top: 10px;
	width: 890px;
	height: 632px;
	background-image: url('../images/whatwebelieve_back.gif');
	}
	
#whatwebelieve_table {
	position: relative;
	left: 25px;
	top: 20px;
	}
	
.whatwebelieve_number { 
	color: #f50000; 
	font-size: 64px; 
	text-align: center; 
	width: 90px; 
	vertical-align: top;
	}
	
.whatwebelieve_text1 { 
	width: 150px; 
	vertical-align: top;
	}
	
.whatwebelieve_text2 { 
	width: 190px; 
	vertical-align: top;
	}
	
.whatwebelieve_text3 { 
	width: 230px; 
	vertical-align: top;
	}
	
.whatwebelieve_p {
	font-size: 12px;
	line-height: 1.4em;
	padding-right: 30px;
	}

#whatwedo_back {
	position: relative;
	left: 40px;
	margin-top: 30px;
	width: 889px;
	height: 1150px;
	background-image: url('../images/agency_back.gif');
	background-position: bottom;
	background-repeat: no-repeat;
	}
	
.whatwedo_title { 
	width: 240px; 
	}
	
.whatwedo_title_p { 
	color: #f50000; 
	font-size: 20px; 
	text-align: right; 
	padding-right: 30px;
	line-height: 1.2em;
	}
	
.whatwedo_text { 
	width:580px;
	}
	
.whatwedo_text_p {
	font-size: 12px;
	line-height: 1.4em;
	padding-right: 15px;
	}

#whatwebelieve_1 { position: absolute; top: 40px; left: 110px; font-size: 18px; width: 306px;}
#whatwebelieve_2 { position: absolute; top: 160px; left: 110px; font-size: 18px; width: 306px;}
#whatwebelieve_3 { position: absolute; top: 275px; left: 110px; font-size: 18px; width: 306px;}
#whatwebelieve_4 { position: absolute; top: 405px; left: 110px; font-size: 18px; width: 306px;}
#whatwebelieve_5 { position: absolute; top: 531px; left: 110px; font-size: 18px; width: 306px;}

#whatwebelieve_6 { position: absolute; top: 27px; left: 545px; font-size: 18px; width: 306px;}
#whatwebelieve_7 { position: absolute; top: 150px; left: 545px; font-size: 18px; width: 306px;}
#whatwebelieve_8 { position: absolute; top: 285px; left: 545px; font-size: 18px; width: 306px;}
#whatwebelieve_9 { position: absolute; top: 415px; left: 545px; font-size: 18px; width: 306px;}
#whatwebelieve_10 { position: absolute; top: 520px; left: 545px; font-size: 18px; width: 306px;}
	

#ourclients {
	width: 890px;
	background-image: url('../images/ourclients_back.gif');
	background-repeat: repeat-x;
	background-color: #f1f1f2;
	padding-bottom: 25px;
	margin-top: 30px;
	position: relative;
	left: 40px;
	}
	
	
#ourclients div {
	width: 255px;
	}
	
#ourclients ul {
	padding: 10px 0 20px 20px;
	list-style-image : url('../images/redbullet.gif');
	}
	
#ourclients li {
	padding-bottom: 8px;
	line-height: 15px;
	}
	
#ourclients_1 {
	position: relative;
	left: 20px;
	float: left;
	}

#ourclients_2 {
	position: relative;
	left: 55px;
	float: left;
	}
	
#ourclients_3 {
	position: relative;
	left: 90px;
	float: left;
	}
	
.clear { clear: both; }


#aboutus_sub {
	position: relative;
	top: 10px;
	left: 40px;
	background-image: url('../images/agency_sub.gif');
	width: 890px;
	height: 44px
	}
	

#team_sub {
	position: relative;
	top: 10px;
	left: 40px;
	background-image: url('../images/team_sub.gif');
	width: 890px;
	height: 44px
	}
	
#agency_back {
	position: relative;
	left: 40px;
	margin-top: 30px;
	width: 889px;
	background-image: url('../images/agency_back.gif');
	padding-bottom: 30px;
	}
	
.red { color: #f50000; }
.bold { font-weight: bold; }

#agency_red {
	width: 760px;
	position: relative;
	padding-top: 30px;
	line-height: 28px;
	left: 70px;
	}
	
#agency_black {
	width: 760px;
	position: relative;
	padding-top: 30px;
	line-height: 28px;
	left: 70px;
	}
	
.agency_career_title {
width: 760px;
	position: relative;
	padding-top: 0px;
	line-height: 28px;
	left: 70px;
	text-decoration: underline;
	cursor: pointer;
}

.agency_career_details {
	width: 740px;
	position: relative;
	margin-top: 10px;
	line-height: 18px;
	left: 90px;
	margin-bottom: 40px;
	display: none;
	}
	
#open_positions {
	width: 740px;
	position: relative;
	padding-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	line-height: 18px;
	left: 70px;
	border-bottom: 1px dashed #555;
	}
#agency_black a {color: #555;}
#agency_black a:hover {color: #f50000;}
	
#latest_news ul { list-style-type: none; padding: 0;}
#latest_news a { color: #fff; }
.ln_date { font-size: 12px; }
.dates {	color: #902948; }
.faded { color: #f99; }	

#bird { position: absolute; left: -95px; top: 28px; }


#team_thumbs {
	position: absolute;
	left: 40px;
	top: 60px;
	width: 120px;
	height: 310px;
	}
	
.teamthumb { width: 51px; height: 53px; position: absolute; }

#jenny { background-image: url('../images/team/jenny.gif'); left: 0; top: 0; }
#chris { background-image: url('../images/team/chris.gif'); left:60px; top: 0; }
#kristine { background-image: url('../images/team/kristine.gif'); left: 0; top: 65px; }
#david { background-image: url('../images/team/david.gif'); left: 60px; top: 65px; }
#shonna { background-image: url('../images/team/shonna.gif'); left: 0; top: 128px; }
#jonny { background-image: url('../images/team/jonny.gif'); left: 60px; top: 128px; }
#simon { background-image: url('../images/team/simon.gif'); left: 0; top: 192px; }
#aldea { background-image: url('../images/team/aldea.gif'); left: 60px; top: 192px; }
#balazs { background-image: url('../images/team/balazs.gif'); left: 0; top: 255px; }

#team_silhouette { position: absolute; left: 240px; top: 80px; }
#team_name { font-size: 24px; color: #f50000; font-weight: normal; position: absolute; left: 400px; top: 100px; text-transform: lowercase;}
#team_title { font-size: 16px;  font-weight: normal; position: absolute; left: 400px; top: 133px;}
#team_copy { position: absolute; left: 400px; top: 180px; width: 455px;  }
#team_copy p { line-height: 18px; }

#left_arrow { position: absolute; left: 770px; top: 0; width: 36px; height: 36px; background-image: url('../images/left_arrow.gif');}
#right_arrow { position: absolute; left: 810px; top: 0; width: 36px; height: 36px; background-image: url('../images/right_arrow.gif');}

#print_sub { position: relative; top: 10px; left: 40px; background-image: url('../images/print_sub.gif'); width: 890px; height: 44px }
#identity_sub { position: relative; top: 10px; left: 40px; background-image: url('../images/identity_sub.gif'); width: 890px; height: 44px }
#packaging_sub { position: relative; top: 10px; left: 40px; background-image: url('../images/packaging_sub.gif'); width: 890px; height: 44px }
#advertising_sub { position: relative; top: 10px; left: 40px; background-image: url('../images/advertising_sub.gif'); width: 890px; height: 44px }
#interactive_sub { position: relative; top: 10px; left: 40px; background-image: url('../images/interactive_sub.gif'); width: 890px; height: 44px }

#work_grid {
	width: 890px;
	background-image: url('../images/ourclients_back.gif');
	background-repeat: repeat-x;
	background-color: #f1f1f2;
	padding-bottom: 35px;
	margin-top: 30px;
	position: relative;
	left: 40px;
	}
	
#work_grid a { text-decoration: none; }	
	
#detail {
	width: 890px;
	height: 600px;
	background-image: url('../images/ourclients_back.gif');
	background-repeat: repeat-x;
	background-color: #f1f1f2;
	padding-bottom: 35px;
	margin-top: 30px;
	position: relative;
	left: 40px;
	}

.work_grid_thumb {
	width: 245px;
	height: 175px;
	border: 1px solid #999;
	float: left;
	margin-left: 36px;
	margin-top: 26px;
	position: relative;
	background-color: #fff;
	}
	
.red_border { border: 1px solid red; }

.work_grid_client { position: absolute; top: 128px; font-weight: normal; color: #f50000; left: 17px; font-size: 12px;}
.work_grid_piece { position: absolute; top: 142px; font-weight: normal; color: #555; left: 17px; font-size: 12px;}
.work_grid_poster { position: absolute; top: 17px; left: 17px; border: 1px solid #ddd; }

#identity_link { position: absolute; top: 11px; left: 12px; }
#print_link { position: absolute; top: 11px; left: 184px; }
#packaging_link { position: absolute; top: 11px; left: 360px; }
#advertising_link { position: absolute; top: 11px; left: 533px; }
#interactive_link { position: absolute; top: 11px; left: 707px; }

.detail_client_name { position: absolute; top: 0px; font-weight: normal; color: #f50000; left: 40px; font-size: 18px;}
.detail_piece { position: absolute; top: 30px; font-weight: normal; color: #555; left: 40px; font-size: 12px;}

#poster_image_wrap { position: absolute; left: 225px; width: 620px; height: 420px; border: 1px solid #b1b1b1; top: 60px; background-color: #fff;}
#poster_image { position: absolute; left: 10px;  top: 10px; border: 1px solid #d9d9d9; }

#detail_copy { width: 600px; position: absolute; left: 228px; top: 485px;}

#detail_copy p { line-height: 20px; }

.portfolio_thumb_wrap { width: 68px; height: 68px; border: 1px solid #ccc; float: left; background-color: #fff; margin-right: 16px; margin-top: 16px; }
.portfolio_thumb { border: 1px solid #ccc; position: relative; left: 4px; top: 4px; }

#portfolio_thumbs { width: 180px; height: 300px; position: absolute; left: 30px; top: 140px;}

#contact_sub { position: relative; top: 10px; left: 40px; background-image: url('../images/contact_sub.gif'); width: 890px; height: 44px }
#careers_sub { position: relative; top: 10px; left: 40px; background-image: url('../images/careers_sub.gif'); width: 890px; height: 44px }

#contact_back {
	width: 890px;
	height: 494px;
	background-image: url('../images/contact_back.jpg');
	background-repeat: no-repeat;
	padding-bottom: 35px;
	margin-top: 30px;
	position: relative;
	left: 35px;
	}
	
.error {
	color: #f22;
	font-family: arial;
	font-size: 9px;
	margin-left: 10px;
	}
	
	#contact_table {
	position: absolute;
	left: -4px;
	top: 130px;
	
	}
	
dd { margin: 0; padding-top: 4px; }
dt { margin: 0; font-size: 12px; font-family: arial, verdana; margin-top: 12px;}


table#contact_table td {
	padding-right: 12px;
	}
	
table#contact_table input.text {
	font-family: arial;
	font-size: 12px;
	width: 182px;
	}
	
table#contact_table textarea {
	width: 242px;
	height: 140px;
	padding: 5px;
	font-family: arial;
	font-size: 12px;
	}
	


#input_button { width: 117px; height: 29px; margin-top: 16px; }
#contact_table { position: absolute; left: 30px; top: 0;}
.award_title { color: #f50000; }


#whatwedo_on { position: absolute; left: 9px; top: 9px; }
#whatwebelieve_on { position: absolute; left: 183px; top: 9px; }

#theagency_on { position: absolute; left: 13px; top: 11px; }
#contactus_on { position: absolute; left: 13px; top: 10px; }
#careers_on { position: absolute; left: 183px; top: 9px; }
#theteam_on { position: absolute; left: 187px; top: 11px; }

#detail_copy a { color: #f50000; }

#identity_on { position: absolute; top: 10px; left: 10px; }
#print_on { position: absolute; top: 10px; left: 184px; }
#packaging_on { position: absolute; top: 10px; left: 359px; }
#advertising_on { position: absolute; top: 10px; left: 533px; }
#interactive_on { position: absolute; top: 10px; left: 707px; }

.share_link { margin-right:5px; }

#share_tab { position: absolute; left: 35px; bottom: 40px;}