/*-------------------------------------------------
IMPL CSS and Layout 

Design by IMPL 2008 Copyright IMPL


-------------------------------------------------*/


/* -------------   ash elements     -------------  */

#googleholder{ display:block; position:relative; width:300px; height:5px;  }
#googletag{display:block; width:101px; height:101; position:absolute; left:350px; top:50px; }


/* -------------    ash elements    -------------  */



/* -------------    GENERAL    -------------  */
*h3{color:#09F;}
* img{ border:none;}


body {font-family: Arial, Helvetica, sans-serif;font-size: 70%;text-align: center;margin: 0px;padding: 0px; background-color:#fff;}
#contain{width: 800px; margin: 15px auto;padding: 0px;	text-align: left; background-color:#FFFFFF; padding:15px;}
.clear{clear: both;}
a{color: #000; text-decoration:none; /* -------------    <<<<<changes most small links    -------------  */ outline:none; -moz-outline:none;}

#homepage_intro a{color: #000;  text-decoration:none;  font-weight:bold;}
#homepage_intro a:hover { background-color:#7BD0E5;}
body.search a{color: #99CC00;}
p.skip{ display: none;}
p{margin: 1.5em 0; line-height:165%; font-size:110%;}
#main_left p{margin-top:0;}
img.left_img{ float:left; margin:0 5px 0px 0; }


/* -------------    PRE MAIN PAGE    -------------  */
#header{ margin:0;padding: 0px;  height:80px; width:800px; border-bottom:7px solid #7BD0E5;}
#logo{width:195px; height:70px; background:url('img/logo.jpg') no-repeat;float:left;}

#top_nav{width:604px; float:right; height:20px;}
#contact_bar{float:right;padding:0; width:136px; height:24px;}
#contact_bar a{display:block; width:136px; height:24px; text-indent:-9999px; background:url('img/phonenumber.jpg') no-repeat;}

/* -------------     NAVIGATION    -------------  */
#top_nav ul{float:right; width:604px; height: 16px; list-style:none;margin: 30px 0 0 0; padding:0;}

#top_nav li{ height: 20px;  float:left; padding: 0 0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold;}
#top_nav li a{display: block; height: 20px; padding: 0px; margin:0px; color:#000; text-decoration:none;}
#top_nav li a:hover{background-color:#7BD0E5;}


/* -------------     MAIN PAGE SETTINGS    -------------  */
#mainpage{ width:800px; margin:0;}
#main_left{float:left; width:525px; padding:0; margin:0 15px 0 0;}
#main_right{float:right; width:260px; padding:0; margin:0;}
#footer{clear:both; padding:10px 0 0 0; margin-top:10px; border-top:3px solid #7BD0E5;}

#footer_left{ width:300px; float:left;padding:0; margin:0; }
#footer_right{ width:400px; float:right; text-align:right; padding:0; margin:0;}

#footer p{ padding:0; margin:3px 0; }
#footer_right a{ padding:0 5px 0 15px; background: url('img/link_arrow_2.gif') no-repeat; color:#333333; text-decoration:none; }
#footer_right a:hover{ text-decoration:underline;}
.footer_address{ color:#666666; }

/* -------------     HOME PAGE    -------------  */

#flash_intro{ width:800px; height:280px;margin:3px 0 10px 0; background-color:#EFEFEF; }

#homepage_design{ width:250px; float:left; margin-right:25px; padding-top:10px;}
#homepage_ppc{ width:250px; float:left; margin-right:25px; padding-top:10px;}
#homepage_seo{ width:250px; float:left; padding-top:10px; }


#homepage_ppc h3, #homepage_seo h3, #homepage_design h3{ display:block; width:250px; height: 19px; padding-top:3px; padding-bottom:2px;  margin:0;  color:#fff; background-color:#000; font-size:15px; text-transform:uppercase; text-align:center; }

#homepage_ppc h3, #homepage_seo h3 { padding-left:4px;} #homepage_design h3 { padding-left:1px;}

#homepage_ppc ul , #homepage_seo ul , #homepage_design ul, ul#section_links{ padding:0 0 0 20px; margin:0; }
#homepage_ppc ul li, #homepage_seo ul li, #homepage_design ul li, ul#section_links li{ list-style-image:url(img/link_arrow_1.gif); }

body.search ul#section_links li{ list-style-image:url(img/link_arrow_programming.gif); }

#view_work, #latest_news{margin:10px 0 0 0; padding:10px 0 0 0; border-top:1px solid #000;}

#view_work h2{ width:200px; height:20px; margin:5px 0; padding:0; background:url('img/view_work_homepage.gif') no-repeat; text-indent:-9999px; }
#latest_news h2{ width:200px; height:20px; margin:5px 0; padding:0; background:url('img/latest_news_homepage.gif') no-repeat; text-indent:-9999px; }

.news_item, .news_item_right{ width:250px; margin:10px 25px 10px 0; float:left;}
.news_item_right{ width:250px; margin:10px 0; float:left;}

.case_study, .case_study_right{ width:250px; margin:5px 25px 5px 0; float:left;}
.case_study_right{ width:250px; margin:5px 0; float:left;}

.case_study_img{border:1px solid #CCCCCC;}
.case_study_img img{width:248px; height:180px;}
#view_work h4, #recent_work h4, #related_work h4, #case_studies h4{ font-size:12px; padding:0; margin:8px 0; color:#2695BF; }
.read_case_study a{ display:block; width:129px; height:27px; background:url('img/read_case_study.gif') no-repeat; text-indent:-9999px;}

.news_story h4{ font-size:16px; padding:0; margin:5px 0; color:#000000; }
.news_story p, #view_work p, #recent_work p{ font-size:12px; line-height:18px; margin:10px 0; padding:0; }
.news_story{ padding:5px 0; margin:0; border-top: 1px solid #CCCCCC; }
.news_date{padding:5px; margin:0; background-color:#E9E9E9; width:60px; font-size:10px;}
p.news_read_on{ font-size: 10px; padding:5px; margin:5px 0; background-color:#E7E7E7; }
img.rss_button{ border:0; }

/* -------------     QUICK ENQUIRY    -------------  */
#quick_enquiry{ padding:10px; background-color:#7BD0E5; margin:0 0 15px 0;  width:240px; color:#000; font-size:10px;}
body.search #quick_enquiry{ background-color:#99CC00; }
#quick_enquiry h3{ padding:0; margin:0; width:240px; height:25px; text-indent:-9999px; background:url('img/get_in_touch.jpg') no-repeat; }
body.search #quick_enquiry h3{ background:url('img/get_in_touch_green.gif') no-repeat; }
#quick_enquiry p{margin:10px 0; padding:0;}
#quick_enquiry form{ margin:0; }
.qf_button{float:right;}
input.qf_input, textarea.qf_input{ width:238px; border:0; height:20px; padding:1px; }
textarea.qf_input{ height:80px; }

/* -------------     SERVICES PAGES   -------------  */
#recent_work h3{ margin:0 0 10px 0px; padding: 0 0 5px 0; background:url('img/related_work.gif') no-repeat; border-bottom:1px solid #000; text-indent:-9999px; height:15px; }
body.search #recent_work h3{ background:url('img/related_work_green.gif') no-repeat; }
#quick_news h3{ margin:0 0 10px 0px; padding: 0 0 5px 0; background:url('img/news.gif') no-repeat; border-bottom:1px solid #000; text-indent:-9999px; height:15px; }
body.search #quick_news h3{ background:url('img/news_green.gif') no-repeat; }
body.search #recent_work h3, body.search #quick_news h3{ border-color:#99CC00;}

#rss{ float:right; display:block; width:80px; text-align:right; margin:-31px 0 0 0; padding:0; }
#rss a{color:#999999; text-decoration:none;}
#rss img{ vertical-align:middle; }

/* -------------     CASE STUDIES   -------------  */
#case_study{padding:0 0 10px 0;}
h1#headline_replace{ font-size:55px; margin:5px 0 40px 0; padding: 0; color:#000; text-transform:uppercase;}


#case_l{width:255px; margin:5px 10px 5px 0px; float:left;}
#case_r{width:255px; margin:5px 0; float:right; }

#case_story{ padding:0 0 10px 0; }

#case_img_main{width:500px;border:5px solid #E7E7E7; background-color:#E7E7E7;}
#case_img_main img{ border:0; margin:0;}
h3#case_details, h3#case_gallery{ font-size: 16px; color:#000; text-transform: uppercase; margin:5px 0; padding:0; }
#case_l dt{float:left; padding:5px 0; line-height:130%; color:#666666; width:80px; }
#case_l dd{ margin:0; padding:5px 0; line-height:130%; }

ul#gallery_thumbnails{ margin:0; padding:0; list-style:none; }
#gallery_thumbnails li{ width:100px; height:68px; float:left; display:block; margin:3px;padding:2px; border:1px solid #CCCCCC; }
#gallery_thumbnails img{ border:none; width:100px; height:68px;}

#gallery_main_holder{ position:relative; z-index:0; padding-top:10px; }
#gallery_loader{ top:100px; left:175px; color:#FFF; font-weight:bold;width:150px; height:20px; background-color:#000; z-index:100; position:absolute; text-align:center; padding:20px 0;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}

/* -------------     NEWS   -------------  */
dl#news_right{ margin:3px 0; padding:0; }
#news_right dt{float:left; text-align:center; padding:3px; line-height:130%; background-color:#E9E9E9; width:60px; margin:1px 0;clear:left; }
#news_right dd{ margin:1px 0; padding:3px; line-height:130%; color:#000; }

#news_arc_left{width:260px; margin:0 0 20px 0;float:left;}
#news_arc_right{ width: 540px; float:right; margin:0 0 20px 0;}

ul#news_years{width:60px; margin:0; padding:0;float:left;list-style:none;}
#news_years li{ margin:0 0 3px 0; padding:0; }
#news_years li a{text-decoration:none; text-align:center; padding:3px; line-height:20px; background-color:#E9E9E9; display:block; height:20px;}
#news_years li.current a{background-color:#E7E7E7; color:#FFFFFF; font-weight:bold;}

ul#news_months{width:158px; margin:0; padding:0 5px;float:left;list-style:none; border-left:1px solid #000; border-right:1px solid #000;}
#news_months li{ margin:0 0 3px 0; padding:0; text-align:right; color:#999999;}
#news_months li a{text-decoration:none; text-align:left; padding:3px; line-height:20px; background-color:#E9E9E9; display:block; height:20px;}
#news_months li.current a{background-color:#000; color:#FFFFFF; font-weight:bold; }
#news_months strong{ margin-top:-20px; float:right; color:#999999; padding-right:3px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* UGLY hack for the negative margin in webkit */
   #news_months strong{margin-top:0px; float:right; color:#999999; padding-right:3px; }
}
#news_months strong.has_posts{ color:#333333; }
#news_months li.current strong{ color:#FFFFFF; }

.news_item_large{ margin:0 0 15px 0;}
.news_date_main{padding:5px; margin:0; background-color:#E9E9E9; font-size:10px; width:150px;}
#news_story{ border-top:1px solid #CCCCCC; padding:10px 0; margin: 0; border-bottom:1px solid #000000;}
.news_footer{ padding:5px; margin:0 0 20px 0; text-align:right; }

/* -------------     STANDARD   -------------  */
#standard h1#headline_replace{ margin-bottom:100px; }
h3.std_replace{ font-size: 14px; color:#000000; text-transform: uppercase; margin:5px 0; padding:0; }/* -------------     testing   -------------  */
#related_work{ border-top:1px solid #000; width:525px; padding:10px 0; color:#000; }
ul#section_links{margin-bottom:20px;}

/* -------------     H5 Section HEADERS  -------------  */
#case_study h5, #case_studies h5, #news h5, #services h5, #about h5, #jobs h5 , #contact h5 { margin:0px; height:30px; width:150px; display:block; padding:0; text-indent:-9999px; outline:none; }
#case_study h5{  background: url("img/case_study_top.gif") no-repeat; }
#case_studies h5{ background: url("img/case_study_top.gif") no-repeat; }
#contact h5{ background: url("img/contact_top.gif") no-repeat; }
#news h5{  background: url("img/news_top.gif") no-repeat; }
#services h5{ background: url("img/services_top.gif") no-repeat; }
#about h5{ background: url("img/about_top.gif") no-repeat; }
#jobs h5{ width:400px; background: url("img/jobs_top.gif") no-repeat; }


/* -------------     JOBS   -------------  */
h1.search_job_replace, h1.creative_job_replace, h1.sales_job_replace, h1.programmer_job_replace{  margin:0 0 20px 0; padding: 0; text-transform:uppercase; }

#job_head_wrap{ background:url('img/jobs_people.jpg') no-repeat top right; height:124px; }

#jobs_display{ clear:left; padding: 20px 0;}
ul#job_types{ margin:0; padding:0; list-style:none; }
#job_types li{ margin:0 2px 0 0; padding:0; width:150px; height:27px; float:left;  }
#job_types li a{ width:150px; height:27px; display:block; text-indent:-9999px; }
#job_roles_filter{ padding:5px; background-color:#EFEFEF; -moz-border-radius: 7px;-webkit-border-radius: 7px; border-radius: 7px;}
#job_roles_filter p { float:left; width:520px; padding:0 5px 0 0; margin:0; }
#job_roles_filter form{ float:right; height:30px; }

#jd_creative, #jd_search, #jd_sales, #jd_programmer {border-top: 5px solid #0099CC; border-bottom:1px solid #0099CC; padding: 5px 0px; margin:0 0 20px 0; }
.creative_job, .search_job, .sales_job, .programmer_job{ border-top: 5px solid #0099CC; border-bottom:1px solid #0099CC; padding: 0 0 5px 0px; margin:0 0 10px 0; }
.job_info{float:right; width:620px; margin:0 0 0 10px; }

.creative_job h3, .search_job h3, .sales_job h3, .programmer_job h3{ margin:10px 0 0 0; padding:0; font-size: 16px; line-height:18px; text-transform:uppercase;}

h4.creative_job_role, h4.programmer_job_role, h4.search_job_role, h4.sales_job_role { margin:0px; height:27px; width:150px; display:block; padding:0; text-indent:-9999px; outline:none; }
h4.creative_job_role, li.type_creative a{ background: url("img/job_creative_head.gif") no-repeat; outline:none; }
h4.programmer_job_role, li.type_programmer a{ background: url("img/job_programming_head.gif") no-repeat;outline:none; }
h4.search_job_role, li.type_search a{ background: url("img/job_search_head.gif") no-repeat; outline:none;}
h4.sales_job_role, li.type_sales a{ background: url("img/job_sales_head.gif") no-repeat; outline:none;}

.creative_job h4.creative_job_role, .programmer_job h4.programmer_job_role, .search_job h4.search_job_role, .sales_job h4.sales_job_role { float:left;}


.job_lists{ width:200px; float:left; margin: 0 15px 10px 0; }

dl.job_keys, dl.job_list_keys{ padding: 10px 0; width:525px;margin:0 0 10px 0; border-bottom: 1px solid #669900; float:left;}
.job_keys dt, .job_list_keys dt{ float:left; width:100px; color:#666666;padding:5px 0; margin:0;}
 /* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */
.job_keys dd, .job_list_keys dd{ float:left; margin:0; padding:5px 0; margin:0; color: #000000;}
dl.job_list_keys { border-bottom:none; width:620px;}
.job_list_keys dd{ width:510px; }

dd.apply a{ display:block;padding:5px; text-align:center; font-weight:bold; font-size:10px; text-transform:uppercase;width:100px; background-color:#669900; color:#FFFFFF; text-decoration:none; } 



.job_lists ul{ padding:0 0 0 20px; margin:0; }
.job_lists ul li{ list-style-image:url(img/link_arrow_1.gif); }
#jd_creative .job_lists ul li{ list-style-image:url(img/link_arrow_creative.gif); }
#jd_search .job_lists ul li{ list-style-image:url(img/link_arrow_search.gif); }
#jd_sales .job_lists ul li{ list-style-image:url(img/link_arrow_sales.gif); }
#jd_programmer .job_lists ul li{ list-style-image:url(img/link_arrow_programming.gif); }

#apply_form_creative, #apply_form_programmer, #apply_form_sales, #apply_form_search{ padding:10px;  margin:0 0 15px 0;  width:240px; color:#FFFFFF; font-size:10px;}
#apply_form_creative h3, #apply_form_programmer h3, #apply_form_sales h3, #apply_form_search h3{ padding:0; margin:0; width:240px; height:25px; text-indent:-9999px; }
#apply_form_creative p, #apply_form_programmer p, #apply_form_sales p, #apply_form_search p{margin:10px 0; padding:0;}
#apply_form_creative p.error, #apply_form_programmer p.error, #apply_form_sales p.error, #apply_form_search p.error{margin:2px 0; padding:2px 5px; font-size:10px; background-color:#FFCCCC; color:#000; border:1px solid #000;}
#apply_form_creative form, #apply_form_programmer form, #apply_form_sales form, #apply_form_search form{ margin:0; }
#apply_form_creative a, #apply_form_programmer a, #apply_form_sales a, #apply_form_search a{ color:#FFFFFF;font-size:125%; font-weight:bold; text-align:center; }

#job_loader{ padding:5px; background-color:#000000; text-align:center; }

#success_mail, #failure_mail{padding:10px; background-color:#FFFFFF;}
#failure_mail h4{ font-size:16px; color:#990000;}
#success_mail h4{ font-size:16px; color:#006600;}
input.app_input, textarea.app_input{ width:238px; border:0; height:20px; padding:1px; margin:1px 0; }
textarea.app_input{ height:80px; }
#sbutton{text-align:right;}

/* Override style colours */
#jd_creative, #jd_creative dl.job_keys, .creative_job{border-color:#0099CC;}
#jd_creative a, h1.creative_job_replace{ color:#0099CC; }
#apply_form_creative, .creative_job dd.apply a{ background-color:#0099CC;}
#apply_form_creative h3{ background:url('img/apply_head_creative.gif') no-repeat;}
	
#jd_search, #jd_search dl.job_keys, .search_job{border-color:#FF9900;}
#jd_search a, h1.search_job_replace{color:#FF9900;}
#apply_form_search, .search_job dd.apply a{ background-color:#FF9900;}
#apply_form_search h3{ background:url('img/apply_head_search.gif') no-repeat;}

#jd_sales, #jd_sales dl.job_keys, .sales_job{border-color:#660033;}
#jd_sales a, h1.sales_job_replace{ color:#660033;}
#apply_form_sales, .sales_job dd.apply a{ background-color:#660033;}
#apply_form_sales h3{ background:url('img/apply_head_sales.gif') no-repeat;}

#jd_programmer, #jd_programmer dl.job_keys, .programmer_job{ border-color:#669900; }
#jd_programmer a, h1.programmer_job_replace{ color:#669900; }
#apply_form_programmer, .programmer_job dd.apply a{ background-color:#669900;}
#apply_form_programmer h3{ background:url('img/apply_head_programmer.gif') no-repeat;}




/* -------------     CONTACT FORM   -------------  */
#contact_form{ float:left; width: 400px; }
#contact_details{ width:350px; float:right; }
#cform p{ padding:4px 0; border-top: 1px dotted #CCCCCC; margin:0;}
#cform label{ width:100px; float:left; font-size:10px; text-transform:uppercase;}
select.inputs, input.inputs, textarea.inputs{width: 290px; border:1px solid #999999; padding:2px; }
#contact_submit, #contact_info_check{ text-align:right; font-size:10px;}
#map{ width:350px; height:270px; margin:0 0 20px 0; }
span.error{ display:block; background-color: red; color:#FFF; font-weight:bold; padding:3px 5px; text-align: center;margin:3px 0;}
/* -------------    SEO REVIEW    -------------  */

#seo_review_form{  background-color:#FFF; width:500px; position:absolute; left:30%; top:80px;z-index:1001; border:2px solid #000;}
#seo_review_form h2{ text-transform:uppercase; font-size:18px; background-color:#000000; padding:15px 15px 15px 20px; color:#FFF; margin:0; font-weight: normal;  }
.rf_input{ margin:0 0 8px 0; width:230px;}
#seo_review_form form{ padding:0 20px 20px 20px; }
textarea.rf_input{ height:80px; }
#seo_review_form label{  float:left; width:200px; clear:left; padding: 3px 20px 0 0; border-top:1px dotted #000; font-size:11px; font-weight:bold; text-transform:uppercase; }
#seo_rf_close{ margin:0; padding:0; position: absolute; left:-25px; top: -25px; height:15px; line-height:50px; z-index:1002; }
#seo_rf_close a{ display:block; text-indent:-9999px; -moz-outline:none; outline:none; background: transparent url('img/close_button.gif') no-repeat; width:50px; height:50px;}

a#seo_review{ display:block; width:260px; height:59px; text-indent:-9999px; outline:none; -moz-outline:none; background: url('img/free_seo_review.png') no-repeat; margin-bottom:10px; }
a#save_40{ display:block; width:260px; height:59px; text-indent:-9999px; outline:none; -moz-outline:none; background: url('img/save_40.png') no-repeat; margin-bottom:10px;}