/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, 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-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus { outline: 0; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }



/* BASE */


body {
    font: 14px/1.3 "HelveticaNeueu-Light", "Helvetica Neueu Light", "Helvetica Neue", arial, sans-serif;
   	font-weight: 300;
	background-color:#0D0D0D;
    color: #9A9B9C;
	
}


a {outline:none;}

a {color:#9A9B9C; text-decoration:none; }

a:hover {color:#FFFFFF; }


/* STRUCTURE */


.container { width: 960px; margin: 0 auto;  background-color:#0D0D0D;}

.content {width:845px; padding-bottom:50px;  margin: 0 auto; } 

/* IE6 fix 

* html .content { height: 565px; }*/


.header {position:relative; width:845px; height:110px; background:url(../img/logo.gif) 0 20px no-repeat; margin: 0 auto; }

.navigation {width:845px; height:45px; margin: 0 auto; border-bottom:#B634BB 4px solid; }

.menu {float:left; width:675px; height:45px; border-top:#FFF 4px solid;}

.phone {float:right; width:155px; height:45px; border-top:#FFF 4px solid; background:url(../img/number.gif) 0 6px no-repeat; }

#statement {width:960px; height:275px;}

.image-banner {width:845px; height:275px; margin: 0 auto; }

#intro {width:845px; height:275px; margin: 0 auto; }

.left-col {float:left; position:relative; width:330px; height:200px; border-top:#B634BB 4px solid;}

.left-col-home {float:left; position:relative; width:330px; height:auto; min-height:420px; border-top:#B634BB 4px solid;}

/* IE6 fix */

* html .left-col-home { height: 420px; }


.right-col {float:right; width:500px; border-top:#B634BB 4px solid; padding-top:10px;}

.footer {width:845px; height:20px; margin: 0 auto; }

.work {float:left; width:160px;border-top:#FFF 1px solid; padding-top:10px;}

.terms {float:right; width:160px;border-top:#FFF 1px solid; padding-top:10px;}

.contact {float:left; width:255px; margin-right:5px;}

.address {float:left; }

.contact-border {border-bottom:#0D0D0D 4px solid; }



/* TYPE */

p { margin-bottom: 1em; }

p.white {color:#FFFFFF; margin-bottom: 0;}

p.white-pad {color:#FFFFFF;}

ul.dots {list-style:none; margin-bottom: 1em; margin-left:0;}


ul.dots li { background:url(../img/bullit.gif) 0 5px no-repeat;  padding-left:15px;}






/* NAVIGATION */

.nav { margin: 0; padding: 6px 0 0 0; list-style: none; overflow: hidden; }

.nav li { margin: 0; padding: 0; display: inline; }

.nav a { float: left; border: none; margin: 0; overflow: hidden; height: 0; text-indent:-3333px; }

.nav a:hover, .nav a:active { background-position: 0 -29px; }

.nav a.selected { background-position: 0 -29px; }



.nav-home a { width: 72px; height:25px; background:url(../img/menu/home.gif) 0 0 no-repeat; }
.nav-talent a { width: 87px; height:25px; background:url(../img/menu/talent.gif) 0 0 no-repeat; }
.nav-clients a { width: 85px; height:25px; background:url(../img/menu/clients.gif) 0 0 no-repeat; }
.nav-jobs a { width: 81px; height:25px; background:url(../img/menu/jobs.gif) 0 0 no-repeat; }
.nav-about a { width: 92px; height:25px; background:url(../img/menu/about.gif) 0 0 no-repeat; }
.nav-services a { width: 92px; height:25px; background:url(../img/menu/services.gif) 0 0 no-repeat; }
.nav-comms a { width: 85px; height:25px; background:url(../img/menu/comms.gif) 0 0 no-repeat; }
.nav-contact a { width: 81px; height:25px; background:url(../img/menu/contact.gif) 0 0 no-repeat; }


/* FOOTER NAVIGATION */


.work-nav {text-indent:-3333px; }

.privacy-nav {float:left; text-indent:-3333px; margin-right:20px; }

.terms-nav {float:left; text-indent:-3333px; }

.work-nav a:hover, .work-nav a:active { background-position: 0 -28px; }
.privacy-nav a:hover, .privacy-nav a:active { background-position: 0 -28px; }
.terms-nav a:hover, .terms-nav a:active { background-position: 0 -28px; }

.work-nav a.selected, .privacy-nav a.selected, .terms-nav a.selected { background-position: 0 -28px; }

.work-nav a {display:block; width:155px; height:25px; background:url(../img/footer/work.gif) 0 0 no-repeat; }

.privacy-nav a {display:block; width:68px; height:25px; background:url(../img/footer/privacy.gif) 0 0 no-repeat; }

.terms-nav a {display:block; width:55px; height:25px; background:url(../img/footer/terms.gif) 0 0 no-repeat; }





/* LEFT COL SUBS */

.home-quote {position:absolute; width:330px; height:180px; left:0; top:230px; border-bottom:#B634BB 1px solid; border-top:#B634BB 1px solid; }

.home-sub {background:url(../img/left_subs/sub_01.gif) 0 10px no-repeat; }

.talent-sub {background:url(../img/left_subs/sub_02.gif) 0 10px no-repeat; }

.clients-sub {background:url(../img/left_subs/sub_03.gif) 0 10px no-repeat; }

.jobs-sub {background:url(../img/left_subs/sub_04.gif) 0 10px no-repeat; }

.about-sub {background:url(../img/left_subs/sub_05.gif) 0 10px no-repeat; }

.services-sub {background:url(../img/left_subs/sub_06.gif) 0 10px no-repeat; }

.comms-sub {background:url(../img/left_subs/sub_07.gif) 0 10px no-repeat; }

.contact-sub {background:url(../img/left_subs/sub_08.gif) 0 10px no-repeat; }

.work-sub {background:url(../img/left_subs/sub_09.gif) 0 10px no-repeat; }

.terms-sub {background:url(../img/left_subs/sub_10.gif) 0 10px no-repeat; }

.pri-sub {background:url(../img/left_subs/sub_11.gif) 0 10px no-repeat; }

.home-quote img {margin:10px 0 0 -18px; }


/* STATEMENTS */


.talent-st {background:url(../img/talent.jpg) 0 0 no-repeat; }

.clients-st {background:url(../img/clients.jpg) 0 0 no-repeat; }

.jobs-st {background:url(../img/statements/jobs-statement.gif) 30px 20px no-repeat; }

.about-st {background:url(../img/statements/about-statement.gif) 30px 20px no-repeat; }

.service-st {background:url(../img/statements/service-statement.gif) 30px 20px no-repeat; }

.comms-st {background:url(../img/statements/comms-statement.gif) 30px 20px no-repeat; }

.work-st {background:url(../img/statements/work-statement.gif) 30px 20px no-repeat; }

.map {background:url(../img/map.gif) 402px 0 no-repeat; }


/* COMMS DOWNLOADS */

.download {float:left; width:175px; }

.download img {padding: 1em 0 1em 0; }


/* JOBS SECTION */

/*table {font: 12px/1.3 "HelveticaNeueu-Light", "Helvetica Neueu Light", "Helvetica Neue", arial, sans-serif; }*/

td {padding:5px 10px 5px 0; }

.tr-rule {border-bottom:#333 1px solid; }


table a:active, table a:visited {color:#FFF; text-decoration:none; }


a.apply, a.back {color:#FFF; text-decoration:none; }

a:hover.apply, a:hover.back {color:#FFFFFF; }


/*.job-control {width:500px; height:75px; margin-top:25px; }


.apply {float:left; width:100px;border-top:#FFF 1px solid; padding-top:10px;}

.back {float:right; width:140px;border-top:#FFF 1px solid; padding-top:10px;}


.apply-nav {text-indent:-3333px; }
.back-nav {text-indent:-3333px; }

.apply-nav a:hover, .apply-nav a:active { background-position: 0 -29px; }
.back-nav a:hover, .back-nav a:active { background-position: 0 -29px; }


.apply-nav a {display:block; width:100px; height:25px; background:url(../img/jobs/apply.gif) 0 0 no-repeat;}

.back-nav a {display:block; width:140px; height:25px; background:url(../img/jobs/back.gif) 0 0 no-repeat; }*/


/* FLASH */


#clock {position:absolute; right:-5px; top:0; width:520px; height:85px; padding:0;}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after, .content:after, .navigation:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container, .content, .navigation {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }