/************************
	yahoo reset
************************/
body{font:62.5% georgia, times, serif;line-height:1.3;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} 
table{border-collapse:collapse;border-spacing:0;} 
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal} 
ol,ul {list-style:none;} 
caption,th{text-align:left;} 
h1,h2,h3,h4,h5,h6{font-weight:normal;}
q:before,q:after{content:'';} 
abbr,acronym{border:0;}

/************************
	my reset
************************/

strong{font-weight:bold;}
em{font-style: italic;}
a:active, a:focus{outline:0;}
.clear{clear:both !important;}
.hidden{display:none !important;}
.off-screen{display:block;width:1px !important;height:1px !important;left:-999px !important;position:absolute !important;}
.show{display:block !important;}
.overflow{overflow:hidden;}
.clear-left{clear:left !important;}
.clear-right{clear:right !important;}
#content img.float-left{float:left;margin:0 15px 15px 0;}
#content img.float-right{float:right;margin:0 0 15px 15px;}
p{padding-bottom:1em;line-height:1.5;}
ul, ol, table{line-height:1.5;}

/************************ 
  MAIN STYLES
************************/

html{min-height:100%;height:auto;}

body{background:#000;color:#fff;}
#container{width:900px;overflow:hidden;}

#header{overflow:hidden;}

#header #logo{margin:35px 0 35px 40px;float:left;}

#header #navigation{float:right;}
#header #navigation ul{overflow:hidden;margin-top:75px;}
#header #navigation ul li{float:left;font-size:1.6em;overflow:visible;padding:0 25px;background: #000 url(../images/border-yellowBlackShort.gif) 100% 100% no-repeat;}
#header #navigation ul li span{overflow:visible;position:relative;display:block;padding-top:25px;}
#header #navigation ul li span.current{background: #000 url(../images/arrow-down-yellowBlack.gif) 50% 0px no-repeat;}
#header #navigation ul li.last{background:#000;padding-right:0;}
#header #navigation ul li a{color:#fff;text-transform:lowercase;text-decoration:none;display:block;}
#header #navigation ul li a:hover{color:#000 !important;background-color:#ff3 !important;}


#content{margin-top:35px;font-size:1.6em;clear:both;}
#content h1{font-size:1.125em;color:#ff3;text-transform:uppercase;position:relative;margin-left:-30px;padding-left:30px;background:url(../images/arrow-right-whiteBlack.gif) 0 7px no-repeat;}
#content h2{font-size:.875em;position:relative;background:url(../images/arrow-right-whiteBlack.gif) 0 3px no-repeat;padding-left:30px;margin:0em 0 1em -30px;}
#content h2.expanded{background-image: url(../images/arrow-right-yellowBlack.gif);}
#content h2.expanded a{color:#000;background-color:#ff3;}
#content h3{font-size:14px;padding-top:5px;padding-bottom:0px;}
#content a{color:#ff3;text-decoration:none;padding:2px 5px 2px 2px;}
#content a:hover{color:#000;text-decoration:none;background:#ff3;}
#content p{font-size:.875em;}
#content p.note{font-size:.75em;}
#content ul,
#content ol{font-size:.875em;margin:1em;}
#content li{padding-bottom:.5em;}
#content ul.links-list li{margin-left:-1em;padding-left:1em;background:#000 url(../images/bullet-yellowBlack.gif) 0 7px no-repeat;}
#content ul.normal-list li{font-size:.875em;font-style:italic;color:#F3F3F3;margin-left:-1em;padding-left:1em;padding-bottom:.25em;background:#000 url(../images/bullet-yellowBlack.gif) 0 7px no-repeat;}




#content .pull{font-size:1.5em;}
#content .pull-mid{font-size:1.125em;}
/**********************
  INDEX STYLES
***********************/

#index{background:#000 url(../images/bg-onAWire.gif) 0px 250px no-repeat;height:100%;}
#index #content{padding-left:280px;width:375px;float:left;}
#index #content p{font-size:1.15em;}

#index #blog-latest-container{float:left;width:193px;margin-left:25px;padding-left:25px;border-left:1px solid #fff;;margin-top:35px;}

#index #blog-latest-container #show-blog-latest .blog-entry{margin-bottom:20px;}
#index #blog-latest-container #show-blog-latest .blog-entry a{display:block;text-decoration:none;padding:2px 5px 0px 2px;}
#index #blog-latest-container #show-blog-latest .blog-entry a:hover{display:block;color:#000;background-color:#ff3;}
#index #blog-latest-container #show-blog-latest .blog-entry a:hover div{color:#000;}
#index #blog-latest-container #show-blog-latest .blog-entry a .date{font-size:1.3em;color:#ff3;}
#index #blog-latest-container #show-blog-latest .blog-entry a .link{color:#fff;text-decoration:none;font-size:1.4em;margin-top:-1px;}

#index #blog-latest-container #blog-link a{color:#ff3;font-size:1.1em;text-decoration:none;}
#index #blog-latest-container #blog-link  a:hover{color:#000;text-decoration:none;background:#ff3;}

#index #blog-link{border-bottom:1px solid #fff;padding-bottom:10px;}
#index #social{padding-top:10px;}
#index #social p{padding-bottom:10px;}
#index #social p a img{display:block;float:left;margin-right:15px;}

/**********************
  WHAT STYLES
***********************/
#what{background:#000 url(../images/bg-menRow.gif) 35px 205px no-repeat;height:100%;}
#what #content{padding-left:400px;}
#what div.show-text{width:500px;}
/**********************
  HOW STYLES
***********************/
#how{background:#000 url(../images/bg-phones.gif) 35px 100% no-repeat;height:100%;}
#how #content{padding-left:400px;}
#how div.show-text{width:500px;}
/**********************
  WHO STYLES
***********************/
#who{background:#000 url(../images/bg-face.gif) 35px 210px no-repeat;height:100%;}
#who #content{padding-left:400px;}
#who #content #bios{padding-top:10px;}
#who #content h2.show-link{margin-bottom:0;}
#who div.show-text{width:472px;padding-bottom:0;}
#who div.show-text ul{margin:0;}
#who #content ul#bios li h2{font-size:1.14em;}
#who #content ul#bios li p{font-size:1em;}
/**********************
  WHERE STYLES
***********************/
#where{background:#000 url(../images/bg-sfMap.gif) 0px 100% no-repeat;height:100%;}
#where #content{padding-left:650px;margin-top:80px;}

#where #content .vcard{line-height:1.1em;}
#where #content .vcard .org{text-transform:uppercase;color:#ff3;}
#where #content .vcard .email-holder{margin-top:1em;}
/**********************
  WORK STYLES
***********************/
#work{background:#000 url(../images/bg-work.png) 0px 100% no-repeat;height:100%;}
#work #content{padding-left:260px;}
#work #clients{padding-bottom:20px;overflow:hidden;margin:0;}
#work #clients li{width:300px;padding-left:20px;float:left;}
#work #clients a{display:block;}
#work #clients a:hover{background:#000;color:#ff3;}
#work #clients a img{border:2px solid #999;}
#work #clients a:hover img{border:2px solid #ff3;}