/* MAD layout */

/*page shape*/
body{background:#000 url(../img/bg/page_right.jpg) right bottom no-repeat}
#shell{background:url(../img/bg/page_left.jpg) 0 0 no-repeat}
#page, #header, #footer{width:1004px;margin:0 auto}
#page{padding-bottom:70px}
#page:after, #showcase ul:after, .work_item:after, .enq_form:after, .formField:after{content:".";display:block;clear:both;height:1px;visibility:hidden}
#leftCol{float:left;width:295px}
#madNews{position:relative;z-index:1;width:278px;height:606px;margin:-95px 0 0 17px;background:url(../img/bg/news_single.png) 0 0 no-repeat}
#madNews #rss {width:17px; height:16px; position:absolute; left:249px; top:47px;}
a.rssBtn {width:17px; height:0px; padding-top:16px; overflow:hidden; background-image:url(../img/icons/rss.png); background-repeat:no-repeat; display:block;}
a.rssBtn:hover {background-position:0px -16px;}
#content{position:relative;width:600px;float:left;padding:32px 34px 0 71px;display:inline}
#footer{position:relative;height:540px;padding-top:75px;overflow:hidden}

/*header block*/
#header{position:relative;height:404px;padding-top:27px}
#madLogo{display:block;width:236px;height:80px;margin-left:40px}
#showcase{width:644px; height:318px; position:absolute; top:90px; right:13px; background:url(../img/bg/showcase.png) 0 0 no-repeat}
#flashHolder{width:602px; height:240px; position:absolute; top:19px; left:19px}
#loader{display:block; margin:auto; padding-top:90px}
#scContent{position:relative; height:318px; overflow:hidden}
.sc_img{width:600px;height:240px;padding:19px 0 0 19px}
.show_block{height:318px;position:relative;width:100%}
.show_block img.strap{/*position:relative;*/margin-left:19px;float:left;display:inline;padding-top:12px;background:#000}
.show_block ul{/*position:absolute;bottom:28px;right:22px;*/padding:12px 25px 0 0;float:right;width:238px;text-align:right;overflow:hidden}
.show_block li{display:inline;background:#000}
.show_block li:first-child{padding-right:25px}

/*#sc_navr{position:absolute;top:62px;right:20px}
#sc_navr li{display:block;float:left;width:25px;height:25px;color:#fff}
#sc_navr a{display:block;height:25px; text-align:center;line-height:1.7;font-size:110%;color:#839d88}
#sc_navr a:hover, #sc_navr a.on{text-decoration:none;color:#fff}*/

#nav{position:relative;width:248px;padding:24px 0 0 0}
#nav li{display:block;line-height:1.7em;padding-left:20px;background:url(../img/bg/nav_li.gif) 40px bottom no-repeat;font-size:150%}
/*#nav li:last-child, */#nav li.last{background:none}/*:( ie8 won't read 2nd selector and doesn't appear to support last-child...*/
#nav a{position:relative;z-index:2;padding-left:20px;font-weight:bold;color:#839d88;background:url(../img/icons/nav_bg.png) 0 -100px no-repeat}
#nav a:hover, #nav a.on{text-decoration:none;color:#fff}
#nav a.on{background-position:0 11px}

#header #careersLink{position:absolute;top:0px;right:12px;}
#header #careersLink a{width:107px;padding-top:46px;overflow:hidden;height:0px !important;height /**/:46px;background:url(../img/btn/careers_tab.png) 0 0 no-repeat;display:block;}
#header #careersLink a:hover, #header #careersLink a.on{background-position:0 -46px;}

/*news/blog switch*/
#newsPanel, #blogPanel{position:absolute; top:67px; left:0}
/*hide blog entries by default*/
#blogPanel{display:none}

/*news panel*/
#madNews .tabs{height:39px;margin-bottom:25px}
#madNews .tabs li{display:block;float:left;width:114px;position:relative;overflow:visible;font-size:150%;line-height:1.4}
#madNews .tabs li a{display:block;color:#839d88; height:41px}
#madNews .tabs li a:hover{color:#fff;text-decoration:none}
/*#madNews .tabs li .cheeky{position:absolute; top:42px; left:3px; width:7px; height:8px; display:none; background:url(../img/bg/cheeky.png) 0 0 no-repeat}*/
#madNews .tabs li #switchNews{text-indent:24px; /*background:url(../img/btn/news_tab.png) 0 0 no-repeat*/}
#madNews .tabs li #switchNews.off{height:42px;background-position:0 -41px}
#madNews .tabs li #switchBlog{text-indent:35px;width:119px;height:42px;margin-left:-18px;background:url(../img/btn/blog_tab.png) 0 -41px no-repeat}
#madNews .tabs li #switchBlog.on{height:41px;background-position:0 0}
#madNews .item{position:relative;padding:0 23px}
#madNews .item h2{color:#fff;line-height:1.2;margin-bottom:15px;font-size:70%}
#madNews .item h2 a{color:#fff}
#madNews .item p{color:#c7c7c7;font-size:70%;margin-bottom:13px}
#madNews .item .date{font-weight:bold;margin:0;color:#9e9e9e}
#madNews .item .hr, .work_item .hr, .enq_form .hr, .partner .hr{margin:17px 0 22px 0;background-image:url(../img/bg/hr.gif)}
/*news col banners*/
#leftCol .banner{width:269px;height:141px;position:relative;margin:20px 0 0 19px;background-position:0 0;background-repeat:no-repeat}
.banner.one{background-image:url(../img/bg/banner.gif)}
/*.banner.two{background-image:url(../img/bg/banner_2.jpg)}*/
#leftCol .banner h3{padding-top:0.3em;text-align:center;font-size:120%;color:#fff;line-height:1.2}
#leftCol .banner a{position:absolute;top:84px;left:83px;background-image:url(../img/icons/bnr_cntct.gif)}

#leftCol .adwordsBanner{width:269px; height:113px; margin:20px 0 0 19px; background:url(../img/bg/adwordsBannerBG.png) no-repeat 0 0;}
#leftCol .adwordsBanner a img{width:247px; height:91px; margin:11px;}

/*content styles*/
h1, #content h2{padding-bottom:1px;margin-bottom:19px;font-size:150%}
#content h2{font-size:130%;margin:7px 0 3px 0}
#content h2.w_indent{padding-left:283px}
span.dec{border-bottom:1px solid #b20000}

#content div.home{background:url(../img/bg/bg_about1.jpg) right 0 no-repeat}
div.home p.home{padding-right:340px}
#content p, #content .contact_details{margin-bottom:13px;font-size:75%;color:#c7c7c7;line-height:1.4}
#content p a{color:#fff;text-decoration:underline}
#content ol, #content ul{position:relative;margin:3px 0 13px 25px; font-size:80%}
#content li{line-height:1.8;color:#c7c7c7}
#content .s_points li{padding-left:14px;background:url(../img/icons/li_red.gif) 0 9px no-repeat;color:#fff}
.contact_details a{color:#c7c7c7}
blockquote{clear:both;text-align:center}
#content blockquote.large p{font-size:120%;color:#fff;font-weight:bold}
blockquote.large cite{display:none}
.client_quote{width:584px}
.client_quote, .client_quote blockquote, .client_quote .inr{background:url(../img/work/blq_client_bg.gif) -584px 0 repeat-y}
.client_quote .inr{background-position:0 0; background-repeat:no-repeat}
.client_quote blockquote{background-position:right bottom; background-repeat:no-repeat}
.client_quote{margin:10px 0 20px 0}
.client_quote blockquote{padding:10px;text-align:left}
.client_quote cite{display:block;font-size:60%;color:#fff;font-weight:bold;text-align:right}
.next_step{width:580px;height:91px;margin:45px 0 0 0;padding:13px 0 0 22px;position:relative;background:url(../img/bg/banner_long.jpg) 0 0 no-repeat}
.next_step a{position:absolute;top:19px;right:15px;background-image:url(../img/icons/banner_long_btn.gif)}
#content .next_step h4{font-size:120%;color:#fff;font-weight:bold;line-height:1.4}
#content .next_step h4 span.line2{padding-left:1.1em}

/*footer block*/
.ft_block{width:291px;height:195px;float:left;padding:16px 0 52px 36px;display:inline;background:url(../img/bg/ft_dvd.png) no-repeat 0 23px}
.ft_block.about{background:none}
.ft_block.contact{position:relative}
.ft_block h2{padding-bottom:1px;margin-bottom:15px;font-size:120%}

.ft_block h2 span{border-bottom:1px solid #b20000}
.ft_block h2 a{color:#fff;text-decoration:none}
.ft_block div, .ft_block p, .ft_block ul{font-size:70%;color:#c7c7c7}
.ft_block p, .ft_block div{padding-right:40px;margin-bottom:13px}
.ft_block .vcard{line-height:1.4;margin-bottom:10px}
.ft_block .vcard p{font-size:100%}
.ft_block .vcard strong{color:#fff}
.ft_block .vcard small{font-size:90%;display:inline}
.ft_block a{color:#c7c7c7}
.ft_block li{line-height:1.4;padding:0 35px 10px 0}
.ft_block li a{font-weight:bold;color:#c7c7c7}

/*duplicated in welcome.css*/
.ft_brands{position:relative;width:100%;clear:left;height:81px;padding:6px 0 0 0}
.ft_brands li{position:relative;display:block;float:left;display:inline;width:24%;height:81px}
.ft_brands li.nm{width:17%}
.ft_brands li.mpd{width:31%}
.ft_brands li a{display:block;height:81px;margin:0 auto;background-position:0 0;background-repeat:no-repeat}
.ft_brands li a:hover{background-position:0 -81px;text-decoration:none}
.ft_brands li a strong{display:block;text-indent:-9000px}
.ft_brands a.cf{width:184px;background-image:url(../img/logos/connection_fitness.png)}
.ft_brands a.og{width:159px;background-image:url(../img/logos/online_golf.png)}
.ft_brands a.lsh{width:220px;background-image:url(../img/logos/lifestyles.png)}
.ft_brands a.mwh{width:200px;background-image:url(../img/logos/mwh.png)}
.ft_brands a.zee{width:126px;background-image:url(../img/logos/zee_co.png)}
.ft_brands a.nm{width:108px;background-image:url(../img/logos/nevada.png)}
.ft_brands a.je{width:185px;background-image:url(../img/logos/jelly_egg.png)}
.ft_brands a.rp{width:196px;background-image:url(../img/logos/rigby_peller.png)}
.ft_brands a.l4f{width:187px;background-image:url(../img/logos/lights4fun.png)}
.ft_brands a.mpd{width:268px;background-image:url(../img/logos/mobile_phones_direct.png)}
.ft_brands a.sp{width:221px;background-image:url(../img/logos/splash.png)}
.ft_brands a.wtl{width:240px;background-image:url(../img/logos/want_the_look.png)}
.ft_brands a.cs{width:139px;background-image:url(../img/logos/craft_superstore.png)}

#ft_bar{width:100%; background:url(../img/bg/ft_bar.png) 0 0 repeat-x; color:#c7d3c9; text-align:center; font-size:70%}
#ft_bar .ft_bar_inr{position:relative;width:1004px;margin:auto; height:28px; line-height:2}
#ft_bar ul, #ft_bar li{display:inline}
#ft_bar li{padding-right:8px}
.ft_bar_inr .copyright{position:absolute; left:20px; top:0}
.ft_bar_inr .contact{position:absolute; right:20px; top:0}
#ft_bar li a{color:#c7d3c9;padding-right:10px}

/*link styles*/
/*use all these with nested <strong>*/
.txt_btn, .txt_btn_bk, .txt_btn_enlg, .btn_close{font-size:70%;color:#c7c7c7;padding:0 21px 4px 0;line-height:1.7;text-decoration:underline;background:url(../img/icons/txt_btn.png) right 0 no-repeat}
#madNews .txt_btn{padding-right:29px}
#content .contact_details .txt_btn{font-size:95%}
.red_btn{overflow:hidden;display:block;width:103px;height:45px;background-position:0 0;background-repeat:no-repeat}
.next_step .red_btn{width:112px;height:53px}
.red_btn strong{display:block;text-indent:-9000px}
.red_btn:hover{background-position:0 -45px}
.next_step .red_btn:hover{background-position:0 -53px}
.txt_btn_bk{position:absolute;top:10px;right:-15px;background-position:right -28px}
.txt_btn_enlg{padding-right:25px;background-image:url(../img/icons/enlg_btn.png)}
.art_btm{position:relative;right:0}

/*nav aid*/
#navAid{position:fixed; top:10%; left:-50px; z-index:9999; width:50px; height:96px; background:url(../img/btn/btt_bg.png) 0 0 no-repeat}
#navAid a{display:block; height:100px; text-indent:-9000px}

/*sitemap*/
#content ul.sitemap{position:relative; font-size:100%}
#content ul.sitemap ul a{font-size:80%; color:#C7C7C7}
#content .sitemap a{color:#fff; text-decoration:none}
#content .sitemap a:hover{text-decoration:underline}

/*test button
.awesome{background:#ccc url(../img/btn/overlay_test.png) 0 0 repeat-x;display:inline-block;padding:5px 10px 6px;color:#fff;font-weight:bold;line-height:1;-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow:0 6px 4px rgba(255,255,255,1);-webkit-box-shadow:2px 2px 2px rgba(255,255,255,.5);text-shadow:0 1px 2px rgba(0,0,0,0.35);border-bottom: 2px solid rgba(0,0,0,0.25);position:relative;cursor:pointer}
.red.awesome{background-color:#2daebf}
.small.awesome{font-size:70%}
.awesome:hover{background-image:url(../img/btn/overlay_test1.png);text-decoration:none}*/

/*form fields*/
.form_field{position:relative;line-height:1.2;margin-bottom:8px;float:left}
.form_field label{display:block;width:98px;float:left;margin-right:11px;font-weight:bold;color:#c7c7c7;font-size:70%;text-align:right;display:inline}
.form_field.enquiry{margin-bottom:0}
.form_field.enquiry textarea{display:block;width:212px;float:left;padding:2px;display:inline}
.form_field label span{color:#c10000;font-weight:bold}
.form_field input{display:block;width:210px;float:left;padding:3px;display:inline}
.form_field span.hidden{display:none}
.field_error input, .field_error textarea{border:1px solid #c10000}
.field_error label{color:#c10000}
.enq_ctrl{position:relative;clear:both;float:left;width:64%;margin-left:32%;line-height:1.2;display:inline}
.enq_form small, .enq_ctrl small{font-size:60%;color:#c10000}
.enq_ctrl .txt_btn{position:absolute;top:4px;right:1px}

/*form submission loader*/
.cf_submission{position:absolute;top:15px;left:3px;width:98%;padding-top:30px;height:227px;background:#000;opacity:.70;filter:alpha(opacity=70);-moz-opacity: 0.7}
#content.cf_submission p{color:#fff;text-align:center;line-height:10;font-weight:bold}
.cf_submission p img{display:block; margin:0 auto}