/* Reset & Hacks */
html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,address,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
a:focus { -moz-outline-style: none; }
a { text-decoration: none; }
body { background-color: #19191b; font-family: "Helvetica Neue", Arial, sans-serif; line-height: 1em; }

/*///////// framing /////////*/
#wrapper { width: 100%; position: relative;  background: url(../images/common/grad.png) left top repeat-x; background-color:#FFFFFF; }
#wrapper .inner { width: 866px; margin: 0 auto; }
.heading { background: url(../images/common/top_content_panel.png) bottom no-repeat; width: 866px; min-height:116px; margin-bottom:0;}


/*///////// branding /////////*/
.heading h1.logo { float: left; display: block; background: url(../images/common/logo.png) left top no-repeat; width: 128px; height: 42px; line-height: 1.3em; font-size: 1.6em; color: #FFFFFF; margin: 37px 0 0 10px; }
.heading h1.logo span { text-indent: -5000px; display: block; overflow: hidden; }
.heading h2.strapline { display:block; background: url(../images/common/strapline.png) left bottom no-repeat; width:182px; height:15px; color:#FFFFFF; margin-left: 660px; padding-top: 67px; }
.heading h2.strapline span { text-indent: -5000px; display:block; overflow:hidden; }


/*///////// global nav /////////*/
.content .left .globalNav { background:url(../images/common/line.gif) bottom left repeat-x; width:212px; padding: 15px 0 34px 0; }
.content .left .globalNav h2 { font-size: .7em; line-height:1.6em; color:#6D6D6D; }
.content .left .globalNav ul.subNav { margin: 3px 0 10px 15px; }

.globalNav a { font-size: .7em; line-height:1.3em; color:#6D6D6D; }
.globalNav a:hover { font-size: .7em; line-height:1.3em; color:#000000; }

ul#subNav-1 { display: none; }
ul#subNav-2 { display: none; }
ul#subNav-3 { display: none; }



/*///////// home /////////*/
body#page_home p.first { color:#4D8DC7; }



/*///////// services /////////*/
body#page_branding ul#subNav-1,
body#page_creative ul#subNav-1,
body#page_digital ul#subNav-1,
body#page_photography ul#subNav-1 { display: block; }
body#page_branding ul#mainNav li a#nav-services,
body#page_creative ul#mainNav li a#nav-services,
body#page_digital ul#mainNav li a#nav-services,
body#page_photography ul#mainNav li a#nav-services { line-height:1.3em; color:#000000; cursor:default; }

body#page_branding ul#mainNav li a#subNav1-branding { line-height:1.3em; color:#000000; cursor:default; }
body#page_creative ul#mainNav li a#subNav1-creative { line-height:1.3em; color:#000000; cursor:default; }
body#page_digital ul#mainNav li a#subNav1-digital { line-height:1.3em; color:#000000; cursor:default; }
body#page_photography ul#mainNav li a#subNav1-photography { line-height:1.3em; color:#000000; cursor:default; }


/*///////// clients /////////*/
body#page_clients ul#mainNav li a#nav-clients { line-height:1.3em; color:#000000; cursor:default; }
body#page_clients .primary p.first { padding:15px 0 0 0; margin:0; }
body#page_clients .primary a { color:#4D8DC7; }
body#page_clients .primary a:hover { color:#6D6D6D; }
body#page_clients .content .secondary {margin:0; padding:0; width:590px; }
body#page_clients .secondary ul { margin:0; padding:0; }
body#page_clients .secondary ul li { float:left; margin:0 7px 7px 0; border: solid 1px #CCC; list-style:none; padding:0; }



/*///////// portfolio /////////*/
body#page_srca_portfolio ul#subNav-2,
body#page_ymc_portfolio ul#subNav-2,
body#page_esc_portfolio ul#subNav-2,
body#page_jbs_portfolio ul#subNav-2,
body#page_bic_portfolio ul#subNav-2,
body#page_cbi_portfolio ul#subNav-2,
body#page_hp_portfolio ul#subNav-2,
body#page_mg_portfolio ul#subNav-2,
body#page_azizi_portfolio ul#subNav-2,
body#page_dtz_portfolio ul#subNav-2,
body#page_jotun_portfolio ul#subNav-2,
body#page_nsn_portfolio ul#subNav-2,
body#page_cafetorque_portfolio ul#subNav-2,
body#page_dfm_portfolio ul#subNav-2,
body#page_taaleem_portfolio ul#subNav-2 { display: block; }

body#page_srca_portfolio ul#mainNav li a#nav-portfolio,
body#page_ymc_portfolio ul#mainNav li a#nav-portfolio,
body#page_esc_portfolio ul#mainNav li a#nav-portfolio,
body#page_jbs_portfolio ul#mainNav li a#nav-portfolio,
body#page_nsn_portfolio ul#mainNav li a#nav-portfolio,
body#page_bic_portfolio ul#mainNav li a#nav-portfolio,
body#page_cbi_portfolio ul#mainNav li a#nav-portfolio,
body#page_hp_portfolio ul#mainNav li a#nav-portfolio,
body#page_mg_portfolio ul#mainNav li a#nav-portfolio,
body#page_azizi_portfolio ul#mainNav li a#nav-portfolio,
body#page_dfm_portfolio ul#mainNav li a#nav-portfolio,
body#page_dtz_portfolio ul#mainNav li a#nav-portfolio,
body#page_jotun_portfolio ul#mainNav li a#nav-portfolio,
body#page_cafetorque_portfolio ul#mainNav li a#nav-portfolio,
body#page_taaleem_portfolio ul#mainNav li a#nav-portfolio { line-height:1.3em; color:#000000; cursor:default; }

body#page_srca_portfolio ul#mainNav li a#subNav2-srca-portfolio { line-height:1.3em; color:#000000; cursor:default; }
body#page_ymc_portfolio ul#mainNav li a#subNav2-ymc-portfolio { line-height:1.3em; color:#000000; cursor:default; }
body#page_esc_portfolio ul#mainNav li a#subNav2-esc-portfolio { line-height:1.3em; color:#000000; cursor:default; }
body#page_nsn_portfolio ul#mainNav li a#subNav2-nsn-portfolio { line-height:1.3em; color:#000000; cursor:default; }
body#page_dfm_portfolio ul#mainNav li a#subNav2-dfm-portfolio { line-height:1.3em; color:#000000; cursor:default; }
body#page_jbs_portfolio ul#mainNav li a#subNav2-jbs-portfolio { line-height:1.3em; color:#000000; cursor:default; }
body#page_bic_portfolio ul#mainNav li a#subNav2-bic-portfolio { line-height:1.3em; color:#000000; cursor:default; }
body#page_cbi_portfolio ul#mainNav li a#subNav2-cbi-portfolio { line-height:1.3em; color:#000000; cursor:default; }
body#page_hp_portfolio ul#mainNav li a#subNav2-hp-portfolio { line-height:1.3em; color:#000000; cursor:default; }
body#page_mg_portfolio ul#mainNav li a#subNav2-mg-portfolio { line-height:1.3em; color:#000000; cursor:default; }
body#page_azizi_portfolio ul#mainNav li a#subNav2-azizi-portfolio { line-height:1.3em; color:#000000; cursor:default; }
body#page_dtz_portfolio ul#mainNav li a#subNav2-dtz-portfolio { line-height:1.3em; color:#000000; cursor:default; }
body#page_jotun_portfolio ul#mainNav li a#subNav2-jotun-portfolio { line-height:1.3em; color:#000000; cursor:default; }
body#page_cafetorque_portfolio ul#mainNav li a#subNav2-cafetorque-portfolio { line-height:1.3em; color:#000000; cursor:default; }
body#page_taaleem_portfolio ul#mainNav li a#subNav2-taaleem-portfolio { line-height:1.3em; color:#000000; cursor:default; }



/*///////// contact /////////*/
body#page_contact ul#mainNav li a#nav-contact { line-height:1.3em; color:#000000; cursor:default; }
body#page_contact .content .primary { width: 560px; margin-left:15px; }
body#page_contact .content .primary p.first { margin: 15px 0 0 0; }
body#page_contact .content .primary p span { color:#6CB838; }
body#page_contact .content .primary a { color:#4D8DC7; }
body#page_contact .content .primary a:hover { color:#6D6D6D; }
body#page_contact .content .primary .col1 { float:left; width:150px; }
body#page_contact .content .primary .col2 { float:left; }
body#page_contact .content .primary ul { padding-top: 21px; }
body#page_contact .content .primary ul li { font-size: .8em; padding-top:4px; }
body#page_contact .content .primary ul li.black { color:#000; }



/*///////// about andrew /////////*/
body#page_about ul#mainNav li a#nav-about { line-height:1.3em; color:#000000; cursor:default; }
body#page_about .content .primary { width: 560px; margin-left:15px; }


/*///////// content /////////*/
.content { color: #6E6E6E; background: #FFFFFF; width:866px; padding-bottom:65px; }
.content .left { float:left; margin-left:20px; }
.content .right { width: 590px; margin-left:261px;  }
.content .primary { padding-bottom: 30px; }
.content .secondary { width: 560px; margin-left:15px; }
.content .bottom_line { margin-top: 21px; }
.content p.first { font-size: .9em; line-height: 1.4em; }
.content p { font-size: .8em; line-height:1.4em; margin-top: 21px;  }
.content h2 { margin-top: 21px; color:#4D8DC7; font-size: .85em; }
.content h3 { font-size: .85em; color:#000; margin-top: 21px;  }
.content p.qanda { font-size: .8em; line-height:1.4em; margin-top:5px; }


/*///////// testimonial promo panel /////////*/
.content .left .testimonial { background:url(../images/common/line.gif) bottom left repeat-x; width:212px; padding: 15px 0 34px 0; }
.content .testimonial h3 { font-size:.7em; color:#6CB838; width:212px; }
.content .testimonial p { margin-top: 2px; }
.content .testimonial p.client { color:#6CB838; margin-top:15px; line-height:1.3em; }
.content .testimonial p.client span { font-size:.9em; }


/*///////// latest project promo panel /////////*/
.content .left .latest-project { padding: 15px 0 0 0; width:212px; }
.content .latest-project h3 { font-size:.7em; color:#4D8DC7; width:212px; padding: 0 0 11px 0; }
.content .latest-project h3.lpClient { padding: 0 0 0 0; margin-top: 12px; }
.content .latest-project p { margin: 0; }
.content .latest-project .arrowLink { float:left; margin: 5px 0 0 0; }
.content .latest-project .arrowLink { background:url(../images/common/link-arrow.gif) center right no-repeat; height:18px; padding: 0 23px 0 0; }
.content .latest-project .arrowLink a { font-size: .8em; line-height:1.3em; color:#6D6D6D; }
.content .latest-project .arrowLink a:hover { font-size: .8em; line-height:1.3em; color:#4D8DC7; }



/*///////// digital design /////////*/
body#page_digital .content .right .secondary a { font-size: 100%; line-height:1.4em; color:#CC0000; }
body#page_digital .content .right .secondary a:hover { font-size: 100%; line-height:1.4em; color:#6E6E6E; }


#mgx_videos { margin: 13px 0 0 0; }


/*///////// arrow link /////////*/
.arrowLink { float:right; margin: 21px 0 21px 0; }
.arrowLink { background:url(../images/common/link-arrow.gif) center right no-repeat; height:18px; padding: 1px 23px 0 0; }
.arrowLink a { font-size: .8em; line-height:1.3em; color:#6D6D6D; }
.arrowLink a:hover { font-size: .8em; line-height:1.3em; color:#4D8DC7; }


/*///////// list style /////////*/
.content .secondary h1 { padding-top: 20px; }
.content .secondary ul { margin: 15px 0 15px 50px; }
.content .secondary ul li { list-style:outside disc; }
.content .secondary ul li a { color:#6D6D6D; font-size:0.8em; line-height:1.3em;  }
.content .secondary ul li a:hover { color:#4D8DC7; }




/*///////// footer /////////*/
.footer { width:100%; background: url(../images/common/footer_grad.png) top left repeat-x; min-height:107px; }
.footer .footer_inner { background:url(../images/common/footer_bg.png) left top no-repeat; width:866px; height: 107px; margin:0 auto; }
.footer h3.footer_logo { display: block; background:url(../images/common/footer_logo.png) left top no-repeat; width:80px; height:26px; margin: 0 0 10px 0; }
.footer h3.footer_logo span { text-indent: -5000px; display:block; overflow:hidden; }
.footer .footer_left { float:left; margin:18px 0 0 23px; width:200px; }
.footer .footer_right { margin-left: 660px; padding-top:54px; }
.footer p { color:#FFFFFF; font-size: .8em; }
.footer a { color: #6776AD; font-size: .8em; }
.footer a:hover { color:#FFFFFF; }