/*
---------------------
01. General
02. Global Classes
03. Structure


----------------------------------------------------------
01. GENERAL
---------------------------------------------------------- */
@import url("reset.css");
a:link, a:visited { border-bottom:1px dotted #A7D001; color:#007EA8; font-weight:bold; text-decoration:none }
a:hover { color:#41A4C1;}
body { background:#fff; color:#333; font:62.5% 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; text-align:center }  
h1 { float:left; display:inline; }
h1 a:link, h1 a:visited { border:0; }
h1#services { background:url(../images/services.gif) no-repeat; height:11px; margin:17px 0 0 118px; width:368px; }
h2 { background:url(../images/headlines2.gif) no-repeat; height:130px; margin-bottom:8px; width:570px; }
h3 { color:#007EA8; text-transform:uppercase; font-weight:normal; margin:1em 0 0;}
hr { border:0; clear:both; color:#C6E4ED; background:#C6E4ED; height:1px; margin:20px 0 0 }
p {  margin-bottom:1em;}

#strategy h2 { background-position: 0 -130px; }
#other h2 { background-position: 0 -260px; }
#about h2 { background-position: 0 -390px; }
#clients h2 { background-position: 0 -520px; }

/*
----------------------------------------------------------
02. GLOBAL CLASSES
---------------------------------------------------------- */
.clear { clear:both }
.replace { text-indent:-9999px;}
.wrap { font-size:1.1em; margin:0 auto; text-align:left; width:870px }


/*
----------------------------------------------------------
03. STRUCTURE
---------------------------------------------------------- */
#header { margin-top:80px; overflow:hidden; }
#content { font-size:1.1em; text-align:left; }
#content-main { display:inline; float:left; min-height:360px; padding-bottom:1em; margin-left:58px; width:575px; }
#content-main div.column { display:inline; float:left; line-height:1.7em; width:270px; }
#content-main div.column h2 { background:none; background-color:#fff; height:auto; font-size:1.3em; margin-bottom:1em; width:auto; }
#content-main div.column ul { list-style-type:square; }			
#content-main div.spanned { width:570px; border-top: 1px dotted #A7D001; }
#content-main div.last { margin-left:35px; }

/* NAVIGATION */
ul#nav { display:inline; float:left; width:235px; }
ul#nav li { margin-bottom:1em; }
ul#nav li a { background-image:url(../images/nav.gif); background-repeat:no-repeat; border:0; display:block; height:11px; margin-bottom:1.25em; }
ul#nav li#nav-strategy a:hover, ul#nav li#nav-strategy.active a { background-position:-235px 0; }
ul#nav li#nav-planning a { background-position:0 -25px; height:25px; }
ul#nav li#nav-planning a:hover, ul#nav li#nav-planning.active a { background-position:-235px -25px; }
ul#nav li#nav-other a { background-position:0 -75px; }
ul#nav li#nav-other a:hover, ul#nav li#nav-other.active a { background-position:-235px -75px; }
ul#nav li#nav-about a { background-position:0 -125px; }
ul#nav li#nav-about a:hover, ul#nav li#nav-about.active a { background-position:-235px -125px; }
ul#nav li#nav-clients a { background-position:0 -150px; }
ul#nav li#nav-clients a:hover, ul#nav li#nav-clients.active a { background-position:-235px -150px; }
ul#nav li#nav-contact { background:url(../images/nav.gif) no-repeat 0 -100px; margin-top:40px; height:11px; }

ul#nav2 { display:inline; float:left; width:235px; margin-top: 35px; }
ul#nav2 li { margin-bottom:1em; }
ul#nav2 li a { background-image:url(../images/nav2.gif); background-repeat:no-repeat; border:0; display:block; height:11px; margin-bottom:1.25em; }
ul#nav2 li#nav-strategy a:hover, ul#nav2 li#nav-strategy.active a { background-position:-235px 0; }
ul#nav2 li#nav-other a { background-position:0 -75px; }
ul#nav2 li#nav-other a:hover, ul#nav2 li#nav-other.active a { background-position:-235px -75px; }
ul#nav2 li#nav-about a { background-position:0 -125px; }
ul#nav2 li#nav-about a:hover, ul#nav2 li#nav-about.active a { background-position:-235px -125px; }
ul#nav2 li#nav-clients a { background-position:0 -150px; }
ul#nav2 li#nav-clients a:hover, ul#nav2 li#nav-clients.active a { background-position:-235px -150px; }
ul#nav2 li#nav-contact { background:url(../images/nav2.gif) no-repeat 0 -100px; margin-top:40px; height:11px; }

p.nav-back { margin-top:2em;}
p.nav-back a { background-color:#fff; background-image:url(../images/icon_plus.gif); background-repeat:no-repeat; background-position:0 2px; border-bottom:1px dotted #A7D001; margin-left:-14px; padding:0 0 2px 14px;  }
p.nav-back a:hover { background-position:0 -27px; border-bottom:1px dotted #A7D001; margin-left:-14px; padding:0 0 2px 14px;  }

/* NESTED CONTACT INFO */
ul#nav li#nav-contact ul { margin-top:5px;  }
ul#nav li#nav-contact ul li { text-indent:0; margin:0 0 0.5em 14px;  }
ul#nav li#nav-contact ul li.last { margin-left:0;  }
ul#nav li#nav-contact ul li span { color:#999; padding:0 2px;  }
ul#nav li#nav-contact ul li small { font-size:10px; font-weight:bold; text-transform:uppercase;  }
ul#nav li#nav-contact ul li small.last { padding-left:1em;  }
ul#nav li#nav-contact ul li a { background-image:url(../images/icon_plus.gif); background-repeat:no-repeat; background-position:0 3px; border-bottom:1px dotted #A7D001; display:inline; padding:0 0 2px 14px;  }
ul#nav li#nav-contact ul li a:hover { background-position:0 -26px;  border-bottom:1px dotted #41A4C1; }

ul#nav2 li#nav-contact ul { margin-top:5px;  }
ul#nav2 li#nav-contact ul li { text-indent:0; margin:0 0 0.5em 14px;  }
ul#nav2 li#nav-contact ul li.last { margin-left:0;  }
ul#nav2 li#nav-contact ul li span { color:#999; padding:0 2px;  }
ul#nav2 li#nav-contact ul li small { font-size:10px; font-weight:bold; text-transform:uppercase;  }
ul#nav2 li#nav-contact ul li small.last { padding-left:1em;  }
ul#nav2 li#nav-contact ul li a { background-image:url(../images/icon_plus.gif); background-repeat:no-repeat; background-position:0 3px; border-bottom:1px dotted #A7D001; display:inline; padding:0 0 2px 14px;  }
ul#nav2 li#nav-contact ul li a:hover { background-position:0 -26px;  border-bottom:1px dotted #41A4C1; }

/* FOOTER */
#footer { color:#666; font-size:1.1em; padding: 35px 0 2em 0; }
#footer li { display:inline; }
#footer li span { color:#999; padding:0 3px; }
#footer li small { font-size:9px; text-transform:uppercase; }