html, body {padding:0; margin:0; font-family:verdana, arial;}
.dark {background-color:#272727; background-image:url(images/grey2_bk.gif);}
.light {background-color:#b8b8b8; background-image:url(images/grey1_bk.gif)} 


/* Global */
a { color:#999; text-decoration:none; font-weight:bold;}
a:hover {color:#fff; }

.clear {clear:both;}



ol li  {padding: 2px 0; }
ol  {padding:0; padding-left:18px;}

/* Structural 2010 */

body.dark {
_padding-top:65px;
}

.footer {
Clear:both;
Display:block;
width:785px;
background: url("images/about_dots.gif") no-repeat 0 7px transparent;
margin: 40px 0 0 120px; 
}


.footer img {
float:left;
padding-left:25px;
}


.footer img.id {
float:right;
margin:30px 0 ;
}

#about {
position:static; 
display:block;
margin: 80px 0 0 150px; 
padding:0; 
width:708px; 
z-index:2; 
color:#fff; 
font-size:10px;
}


.column {
width:46%;
float:left;
display:block;
margin: 0 25px 25px 0
}


/* styles 2010 */


#about ol {
margin: 8px 0;
padding:0 0 0 19px;
}

#about li {
margin: 8px 0;
padding:0;
}

#about p, #about li  {
font-size:11px;
line-height:1.5em;
}


#about h2 {
font-size:15px;
line-height:1.2em;
color:#fff;
margin: 28px 0 0 0; 
}

#about em {
display:block;
font-size:14px;
line-height:1.6em;
margin:25px 0;
font-style:normal;
}

/* #ed0973; */


blockquote {
margin:6px 0;
line-height:1.4em;
background: transparent url(images/love.gif) no-repeat; 
padding-left:27px; 
display:block;
font-size:11px;
}

a.webLink, a.menuLink {
display:block;
width:238px;
height:26px;
overflow:hidden;
}

a.menuLink {width:187px;}

a.webLink:hover img, a.menuLink:hover img {
position:relative;
top:-26px;
}


a.webLink b,
a.menuLink b {
display:inline; 
width:auto;
font-size:24px; 
background:#b8b8b8; 
margin:0; 
padding:0 3px; 
font-family:calibri, lucida, verdana;
-moz-text-shadow: 1px 1px 1px #555;
-webkit-text-shadow: 1px 1px 1px #555;
text-shadow: 1px 1px 1px #555;
font-style:italic; 
line-height:1em;
}

a.menuLink img {display:none;}  





/* Old styles 2010 */


/* .dark #spine {
position:absolute; 
z-index:4; 
background-color:#7a7a7a; 
min-height:100%; 
height:613px; 
width:60px; 
text-align:right;
} */

.dark #spine, .light #spine {
position:fixed; 
z-index:4; 
height:120%; 
width:60px; 
text-align:right;
top:0;
left:0;
}

/* IE6 */
.dark #spine, .light #spine {
_position :absolute; 
_height :1200px; 
}

.dark #spine {background-color:#7a7a7a; }



.dark #spine a.spineFolio {display:block; width:16px; height:62px; background-image:url(images/spine_folio.png); margin-left:44px;}
.dark #spine a:hover.spineFolio {background-image:url(images/spine_folio_p.png);}
.dark #spine a.spineAbout {display:block; width:16px; height:62px; background-image:url(images/spine_about.png); margin-left:44px;}
.dark #spine a:hover.spineAbout {background-image:url(images/spine_about_p.png);}
.dark #spine a.spineLatest {display:block; width:16px; height:62px; background-image:url(images/spine_latest.png); margin-left:44px;}
.dark #spine a:hover.spineLatest {background-image:url(images/spine_latest_p.png);}
.dark #spine a.spineNews {display:block; width:16px; height:62px; background-image:url(images/spine_latest_pos.gif); margin-left:44px;}
.dark #spine a:hover.spineNews {background-image:url(images/spine_latest_pos_p.gif);}
.dark #spine a.spineLove {display:block; width:16px; height:62px; background-image:url(images/spine_love.gif); margin-left:44px;}
.dark #spine a:hover.spineLove {background-image:url(images/spine_love_p.gif);}


/* #call  {position:absolute; width:500px; z-index:1; min-height:100%; height:613px; vertical-align:bottom; padding:0 0 0px 150px;}*/
#call  {
position:fixed;
display:block;
bottom:0;
left:150px;
background-color:#272727; 
width:auto; 
z-index:5; 
padding:0;
vertical-align:bottom;
}

#call  {
_position:absolute;
_bottom:auto;
_top:0;
}




#call b {
display:block;
padding:2px 5px;
color:#999; 
font-size:10px;
line-height:19px; 
white-space:nowrap; 
} 

.dark #call b {background-color:#272727;} 
.light #call b {background-color:#b8b8b8;} 

#idMain {position:absolute; top:485px; left:601px;} 

.pink {color:#ed0973;}
.right {float:right;}
.preload {position:absolute; top:0px; left:0px; width:1px; height:1px; z-index:1;}
.nobr {white-space:nowrap;} 

/* Main page */

#new1 {position:absolute; z-index:2; margin:18px 0 0 150px;}
#new1 strong, #new2 strong, #new3 strong  {display:block; margin:0; font-weight:bold; text-transform: uppercase; padding-left:15px; font-size:10px; line-height:12px; background: url(images/main_arrows.png) no-repeat 0px 5px;}
#new2 {position:absolute; z-index:2; margin:18px 0 0 422px;}
#new3 {position:absolute; z-index:2; margin:18px 0 0 693px;}

#mainNav {position:absolute; top:340px; left:152px; width:740px; z-index:2; font-size:13px; font-weight:bold; color:#fff; font-family:calibri, 'lucida grande', verdana; font-style:italic;}
#mainNav p {margin:6px 0 0 24px; line-height:14px;} 
#mainNav p.links {margin:6px 0 0 24px; line-height:19px;}

#mainLatest {position:relative; float:left; z-index:2; width:330px;} 
#mainWho {position:relative; float:right; z-index:2; width:370px;} 
#mainWho img {margin-left:40px;}

/* Folio */

#folioNav {position:absolute; top:420px; left:145px; width:715px; padding:0 0 0 30px; z-index:2; 
font-size:10px; font-weight:bold; color:#fff;
background: url(images/folio_dots.png) 0px 8px no-repeat;}
#folioNav p {margin:8px 0 0 15px; line-height:18px;}
#folioNav p a {
color:#444; 
text-decoration:underline; 
padding:0 4px; 
font-size:13px;
-moz-text-shadow: none;
-webkit-text-shadow: none;
text-shadow: none;
background:none;
}
 
#folioNav a {
color:#fff; text-transform:none;  
display:inline;  
width:auto;
color:#fff; 
font-size:24px; 
background:#b8b8b8; 
margin: 0; 
padding:0 3px; 
font-family:calibri, lucida, verdana;
-moz-text-shadow: 1px 1px 1px #555;
-webkit-text-shadow: 1px 1px 1px #555;
text-shadow: 1px 1px 1px #555;
font-style:italic;
line-height:1em; 
}

#folioNav a:hover {color:#ED0973;} 
#folioNav a.pos {color:#000; background-color:#fff; text-transform:none; text-decoration:none;}

img.folio {position:absolute; z-index:3;}

.light #spine {background-color:#fff;}

.light #spine a.spineFolio {display:block; width:16px; height:62px; background-image:url(images/spineLight_folio.png); margin-left:44px;}
.light #spine a:hover.spineFolio {background-image:url(images/spineLight_folio_p.png);}
.light #spine a.spineAbout {display:block; width:16px; height:62px; background-image:url(images/spineLight_about.png); margin-left:44px;}
.light #spine a:hover.spineAbout {background-image:url(images/spineLight_about_p.png);}
.light #spine a.spineLatest {display:block; width:16px; height:62px; background-image:url(images/spineLight_latest.png); margin-left:44px;}
.light #spine a:hover.spineLatest {background-image:url(images/spineLight_latest_p.png);}

.light #call b {color:#000;} 

#content {position:absolute;  top:80px; left:515px; width:345px; color:#000; font-size:10px; line-height:13px; z-index:2;}
#content h1 {margin:0 0 10px 0; line-height:22px; font-size:21px; font-weight:normal;} 
#content h1 b {font-size:10px; font-weight:bold;}
#content h2 {margin:0 0 8px 0; line-height:12px; font-size:9px; font-weight:bold;}
#content em {display:block; margin:12px 0 4px 0; line-height:15px; font-size:10px; font-weight:normal;}
#content em b {font-weight:bold; font-style:normal;}
#content h3 {margin:6px 0 6px 0; line-height:12px; font-size:8px; font-weight:bold; text-transform:uppercase;}
#content h4 {margin:0 0 4px 0; line-height:20px; font-size:12px; font-weight:normal;}
#content h4 a {font-size:12px;}
#content p {margin:0 0 4px 0;}
#content a {text-transform:none; text-decoration:underline; color:#000; font-weight:normal;}
#content a.next {display:block; margin:12px 0 0 0; font-weight:bold;}
#content A.pink {color:#ed0973;}
#content.tall {top:45px;}

#clients {position:absolute; padding:0; width:345px; top:55px; left:750px; color:#000; font-size:10px; line-height:13px; z-index:2;}
#clients a {padding:1px 3px 1px 3px; color:#333; font-weight:normal; line-height:17px;}
#clients a:hover {text-decoration:none; color:#000; font-weight:normal; background-color:#fff;}
#clients A.pink {color:#ed0973;}
#clients A:hover.pink {color:#ed0973; background:none;}


/* Latest */

#latest {position:absolute; top:55px; left:150px;  padding:0; width:708px; z-index:2;}
#latest h2 { display:block; margin:0 0 5px 0; padding: 10px 25px 5px 5px;
text-decoration:none; text-transform:none;  line-height:20px; font-size:16px; font-weight:normal; color:#ccc;
background: url(images/latest_bk.gif) repeat-x 0px 0px;}
#latest h2 b {font-size:10px; font-weight:bold;}
#latest a { display:block; margin:0 0 5px 0; padding: 10px 25px 5px 5px;
text-decoration:none; text-transform:none;  line-height:20px; font-size:16px; font-weight:normal; color:#ccc;
background: url(images/latest_bk.gif) repeat-x 0px 0px;}
#latest a b {font-size:10px; font-weight:bold;}
#latest a.pink {background: url(images/latest_bk_p.gif) repeat-x 0px 0px;}
#latest a:hover {background: url(images/latest_bk_b.gif) repeat-x 0px 0px;}
#latest a:hover.pink {background: url(images/latest_bk_v.gif) repeat-x 0px 0px;}

#latestA {position:relative; width:345px; float:left;}
#latestB {position:relative; width:345px; float:right;}


/* About */


#aboutA em, 
/* #aboutB em {background: transparent url(images/love.gif) no-repeat; padding-left:27px; display:block;} */

#aboutA h3, 
#aboutB h3 {padding-left:27px; display:block;}

/* #about {position:absolute; top:80px; left:150px;  padding:0; width:708px; z-index:2; color:#fff; font-size:10px;} */
#about img.ttl {position:relative; top:0px; left:-18px; margin-bottom:21px; margin-right:100px;}
#aboutA {position:relative; width:345px; float:left;}
#aboutB {position:relative; width:345px; float:right;}

#aboutNav {position:absolute; top:380px; left:130px; height:100px; padding:0; width:770px; z-index:2;
color:#fff; font-size:10px; background:url(images/about_dots.gif) 0px 7px no-repeat;}
#aboutNav img {margin-left:35px; float:left;}

/* #about em {display:block; margin:0px 0 6px 0; font-size:12px; font-weight:normal;} */
#about h3 {margin:3px 0 18px 0; line-height:12px; font-size:8px; font-weight:bold; text-transform:uppercase;}

#about h1 {margin:-4px 0 0 0;}


/* Legos - better late than never */

h1.hone {
display:inline; 
width:auto;
font-size:36px; 
background:#b8b8b8; 
margin:0; 
padding:0 3px; 
font-family:calibri, lucida, verdana;
-moz-text-shadow: 1px 1px 1px #555;
-webkit-text-shadow: 1px 1px 1px #555;
text-shadow: 1px 1px 1px #555;
font-style:italic; 
line-height:24px;
word-spacing:-1px;
}

h1.hone  a {color:#fff;} 
h1.hone  a:hover {color:#ED0973;} 

.dark h1.hone,
.dark a.textLink {
color:#fff;
background:#272727;
} 

a.textLink {
display:inline; 
width:auto;
font-size:24px; 
background:#b8b8b8; 
margin:0; 
padding:0 3px; 
font-family:calibri, lucida, verdana;
-moz-text-shadow: 1px 1px 1px #555;
-webkit-text-shadow: 1px 1px 1px #555;
text-shadow: 1px 1px 1px #555;
font-style:italic; 
line-height:1em;
word-spacing:-1px;
}
a.textLink:hover {color:#ED0973;}

.gap, a.textLink.gap {margin-right:18px;}

h1.hone i {font-size:0.75em;}

a.careersLink { 
display:block;
text-decoration:underline; 
font-size:18px;
color:#fff;
font-family:calibri, lucida, verdana;
font-style:italic; 
}

a.careersLink:hover { 
color:#ED0973;
}