/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; margin:0; padding:0 }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* BLUR FOCUS */
* :focus { outline: 0; } 

/* LAYOUT */
html { height:100%; min-height: 100%; margin-bottom: 1px; } /* force scrollbar */
body { height:100%; background: #000; margin-top:10px}
#container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* TYPE */
p {padding-bottom:15px}
body, div, p {font:11px/16px Arial, Helvetica, sans-serif;}
.orange {color:#EF7D1C}
.leftjustify {text-align:left !important}
.inviso {display:none}
.trigger {font-size:14px}

a { color: #B15A13; }
a:link, a:visited, a:active { text-decoration: none; }
a:visited {color: #B15A13;}
a:hover {color:#EF7D1C; text-decoration: none; }

strong, b { font-weight:bold; }
em, i { font-style:italic; }
sup { padding-left:1px; font-size:9px !important; font-weight:normal !important; vertical-align: baseline; position: relative; bottom: 0.55em; _position:static !important; }

/* CONTAINER */
#container { width:656px; margin: 0 auto; position: relative; background:#fff; color:#878787}
.home#container  {background: #262626;}

/* NAVIGATION */
#navarea {width:656px; height:46px; background:#262626}
#navigation {width:600px; height:46px; position: relative; left:30px; background-image:url(../assets/nav.gif); background-repeat:no-repeat; z-index: 9998;}
#navigation #nav {margin: 0; padding: 0; }
#navigation #nav li {display: inline; }
#navigation #nav li a {float: left; height: 0; padding-top: 46px; overflow: hidden; background-image: url(../assets/nav.gif); _background-image: url(../assets/nav.gif); background-repeat: no-repeat; }

/* NAV DEFAULT STATES */
#navigation #nav li#who a {width:103px; background-position: 0 0; }
#navigation #nav li#what a {width:120px; background-position: -103px 0; }
#navigation #nav li#where a {width:135px; background-position: -223px 0; }
#navigation #nav li#say a {width:127px; background-position: -358px 0; }
#navigation #nav li#how a {width:115px; background-position: -485px 0; }

/* NAV OVER STATES */
#navigation #nav li#who a:hover { background-position: 0 -50px; }
#navigation #nav li#what a:hover { background-position: -103px -50px; }
#navigation #nav li#where a:hover { background-position: -223px -50px; }
#navigation #nav li#say a:hover { background-position: -358px -50px; }
#navigation #nav li#how a:hover { background-position: -485px -50px; }

/* NAV ON STATES */
#navigation.who #nav li#who a { background-position: 0 -50px !important; cursor: default; }
#navigation.what #nav li#what a { background-position: -103px -50px !important; cursor: default;}
#navigation.where #nav li#where a { background-position: -223px -50px !important; cursor: default;}
#navigation.say #nav li#say a { background-position: -358px -50px !important; cursor: default;}
#navigation.how #nav li#how a { background-position: -485px -50px !important; cursor: default;}

/* EXPERTISE NAV */
#expertise {width:559px; height:35px; position: relative; background-image:url(../assets/expertise.jpg); background-repeat:no-repeat; z-index: 9997;}
#expertise #nav {margin: 0; padding: 0; }
#expertise #nav li {display: inline; }
#expertise #nav li a {float: left; height: 0; padding-top: 35px; overflow: hidden; background-image: url(../assets/expertise.jpg); _background-image: url(../assets/expertise.jpg); background-repeat: no-repeat; }

/* EXPERTISE DEFAULT STATES */
#expertise #nav li#expert a {width:103px; background-position: 0 0 !important; cursor: default; }
#expertise #nav li#deep a {width:87px; background-position: -103px 0; }
#expertise #nav li#consumer a {width:123px; background-position: -190px 0; }
#expertise #nav li#alt a {width:160px; background-position: -313px 0; }
#expertise #nav li#events a {width:86px; background-position: -473px 0; }

/* EXPERTISE OVER STATES */
#expertise #nav li#expert a:hover { background-position: 0 0 !important; cursor: default; }
#expertise #nav li#deep a:hover { background-position: -103px -50px; }
#expertise #nav li#consumer a:hover { background-position: -190px -50px; }
#expertise #nav li#alt a:hover { background-position: -313px -50px; }
#expertise #nav li#events a:hover { background-position: -473px -50px; }

/* EXPERTISE ON STATES */
#expertise.expert #nav li#expert a { background-position: 0 -50px !important; cursor: default; }
#expertise.deep #nav li#deep a { background-position: -103px -50px !important; cursor: default;}
#expertise.consumer #nav li#consumer a { background-position: -190px -50px !important; cursor: default;}
#expertise.alt #nav li#alt a { background-position: -313px -50px !important; cursor: default;}
#expertise.events #nav li#events a { background-position: -473px -50px !important; cursor: default;}

/* WHO WE ARE NAV */
#whoweare {width:559px; height:35px; position: relative; background-image:url(../assets/whoweare.jpg); background-repeat:no-repeat; z-index: 9997;}
#whoweare #nav {margin: 0; padding: 0; }
#whoweare #nav li {display: inline; }
#whoweare #nav li a {float: left; height: 0; padding-top: 35px; overflow: hidden; background-image: url(../assets/whoweare.jpg); _background-image: url(../assets/whoweare.jpg); background-repeat: no-repeat; }

/* WHO WE ARE DEFAULT STATES */
#whoweare #nav li#whom a {width:116px; background-position: 0 0 !important; cursor: default; }
#whoweare #nav li#leaders a {width:100px; background-position: -116px 0; }
#whoweare #nav li#team a {width:84px; background-position: -216px 0; }

/* WHO WE ARE OVER STATES */
#whoweare #nav li#whom a:hover { background-position: 0 0 !important; cursor: default; }
#whoweare #nav li#leaders a:hover { background-position: -116px -50px; }
#whoweare #nav li#team a:hover { background-position: -216px -50px; }

/* WHO WE ARE ON STATES */
#whoweare.whom #nav li#whom a { background-position: 0 -50px !important; cursor: default; }
#whoweare.leaders #nav li#leaders a { background-position: -116px -50px !important; cursor: default;}
#whoweare.team #nav li#team a { background-position: -216px -50px !important; cursor: default;}

/* HOME */
#leftcolumn {width:350px; position:relative; left:50px; top:10px; padding-bottom:50px}
#leftcolumn p {padding-left:5px; padding-right:5px; text-align:justify; color:#fff}
#rightcolumn {width:137px; background:#181818; position:absolute; top:329px; left:453px; padding-top:7px; padding-left:10px; padding-right:10px;}
#rightcolumn p {font-size:10px; color:#878787; }

/* SECONDARY */
#content {width:555px; position:relative; top:11px; left:54px; padding-bottom:50px}
#content2 {width:555px; position:relative; top:11px; left:54px;}
#content3 {width:350px; position:relative; top:11px; left:54px; padding-bottom:50px}
#content p, #content2 p, #content3 p {text-align:justify; color:#878787; padding-right:10px; padding-left:5px}
.imagenopad {margin:0 !important;; padding:0 !important;}
#global {width:611px; height:176px; position:relative; left:27px; padding-bottom:50px; padding-top:10px}
#testimonials {width:184px; position:absolute; top:323px; left:419px; background: url(../assets/testimonials.gif) no-repeat; color:#fff; padding-top:20px; padding-left:15px; padding-right:14px; padding-bottom:25px}
.biobox {background-color:#eee; margin-bottom:10px; margin-top:10px}
.biobox p { padding:0; text-align:left !important; color:#777 !important }

/* FOOTER */
#footer {margin: 0 auto; position: relative; width:656px; text-align:center; margin-top:10px; color:#fff}

/* SCROLLER */
.jScrollPaneContainer {position: relative; top:0; left:0px; overflow: hidden; z-index: 1;}
.jScrollPaneTrack {position: absolute; cursor: default; right: 0; top: 0; height: 100%; background: url(../assets/scroller_track.gif) repeat-y}
.jScrollPaneDrag {position: absolute; background: url(../assets/scroller_drag_middle.gif) repeat-y 0 50%; cursor: default; overflow: hidden;}
.jScrollPaneDragTop {position: absolute; top: 0; left: 0; overflow: hidden; background: url(../assets/scroller_drag_top.gif) no-repeat; height: 3px;}
.jScrollPaneDragBottom {position: absolute; bottom: 0; left: 0; overflow: hidden; background: url(../assets/scroller_drag_bottom.gif) no-repeat; cursor: default; height: 3px;}
a.jScrollArrowUp {display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 11px; background: url(../assets/scroller_arrows.gif) no-repeat -30px 0;}
a.jScrollArrowUp:hover {background-position: -30px -20px;}
a.jScrollArrowDown {display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 11px; background: url(../assets/scroller_arrows.gif) no-repeat 0 0;}
a.jScrollArrowDown:hover {background-position: 0 -20px;}
.scroll-pane {width: 340px; overflow: auto; float: left; height: 250px; margin: 0px;}
.scroll-pane2 {width: 207px; overflow: auto; float: left; height: 275px; margin:0}
.scroll-pane3 {width: 550px; overflow: auto; float: left; height: 275px; margin:0}
.holder {margin-top:20px; margin-left:10px}