/*  Catalyst April 14, 2009 */
@import "/inc/reset.css";


/*---------------------------
 Layout
----------------------------*/
.fix {background:#cf6;}
body 
{ 
background:#80502C; 
font: normal 11px/1.6em Arial, Helvetica, sans-serif;
text-align:center; 
color:#808284; 
}
#wrap
{
width:1024px;
margin:0 auto;
text-align:left; 
}
#bg
{
width:631px;
height:131px;
position:relative;
float:left;
margin:0 0 0 -64px;
}
body#home #content, body#contact #content-co { background:#fff url(/i/i-home.jpg) no-repeat scroll 524px 0; }
#content, #content-co
{
width:1024px;
height:580px;
float:left;
margin:-70px auto 0 auto;
}
body#phil #content-p { background:#fff url(/i/i-phil.jpg) no-repeat scroll 536px 0; }
#content-p
{
width:1024px;
height:762px;
float:left;
margin:-70px auto 0 auto;
}
body#serv #content-s { background:#fff url(/i/i-serv.jpg) no-repeat scroll 536px 0; }
#content-s
{
width:1024px;
height:762px;
float:left;
margin:-71px auto 0 auto;
}
body#root #content-r { background:#fff url(/i/i-roots.jpg) no-repeat scroll 536px 0; }
#content-r
{
width:1024px;
height:820px;
float:left;
margin:-69px auto 0 auto;
}
body#client #content-c { background:#fff url(/i/i-client.jpg) no-repeat scroll 536px 0; }
#content-c
{
width:1024px;
height:800px;
float:left;
margin:-69px auto 0 auto;
}
#head
{ 
width:1024px;
height:110px;
float:left;
margin:111px 0 0 0;

}
#head img
{
float:left;
margin:0 0 0 100px;
}
/*---------------------------
   
Catalyst Global Navigation

----------------------------*/
div#nav-container 
{
margin:64px 0 0 380px;
width:516px;
height:40px;
position:relative;
background:#fff;

}
ul#nav
{
width:507px;
height:20px;
overflow:hidden;
background:url(/i/nav.gif) no-repeat;
font-size:11px;
position:absolute;
top:15px;
left:0px;
}
ul#nav li a:link, ul#nav li a:visited 
{
position: absolute;
top: 0;
height: 20px;
text-indent: -9000px;
overflow: hidden;
}
ul#nav li ul a:link, ul#nav li ul a:visited {position: relative;}

ul#nav li#philosophy a:link, 
ul#nav li#philosophy a:visited, 
ul#nav li#philosophy {top:0px;left:0px;width: 120px;}
ul#nav li#philosophy a:hover, 
ul#nav li#philosophy a:focus,
body#phil li#philosophy a {background: url(/i/nav.gif) no-repeat 0px -20px;}

ul#nav li#services a:link, 
ul#nav li#services a:visited, 
ul#nav li#services {top:0px; left:152px; width:98px;}
ul#nav li#services a:hover, 
ul#nav li#services a:focus,
ul#nav li#services a:active,
body#serv li#services a {background: url(/i/nav.gif) no-repeat -152px -20px;}

ul#nav li#clients a:link, 
ul#nav li#clients a:visited, 
ul#nav li#clients {top: 0px;left:280px;width:86px;}
ul#nav li#clients a:hover, 
ul#nav li#clients a:focus,
ul#nav li#clients a:active,
body#client li#clients a  {background: url(/i/nav.gif) no-repeat -280px -20px;}

ul#nav li#roots a:link, 
ul#nav li#roots a:visited, 
ul#nav li#roots {top: 0px;left:398px;width:110px;}
ul#nav li#roots a:hover, 
ul#nav li#roots a:focus,
ul#nav li#roots a:active,
body#root li#roots a {background: url(/i/nav.gif) no-repeat -398px -20px;}

/* -------------------------------------
             Copy Layout
---------------------------------------- */

#copy 
{
width:400px;
height:300px;
float:left;
display:inline;
margin:46px 0 0 100px;
}

/* -------------------------------------
             Footer Styles
---------------------------------------- */
#foot
{
float:left;
clear:both;
width:1024px;
height:75px;
position:relative;
}
body#contact ul#nav-foot
{
width:1024px;
height:75px;
background:url(/i/foot-contact.gif) no-repeat;
position:absolute;
left:0px;
}
ul#nav-foot
{
width:1024px;
height:75px;
background:url(/i/foot.gif) no-repeat;
position:absolute;
left:0px;
}
ul#nav-foot li a:link, ul#nav-foot li a:visited 
{
position: absolute;
top: 0;
height: 35px;
text-indent: -9000px;
overflow: hidden;
}
ul#nav-foot li ul a:link, ul#nav-foot li ul a:visited {position: relative;}

/* :::  Start Parent Menu Items :::  */

ul#nav-foot li#contact a:link, 
ul#nav-foot li#contact a:visited, 
ul#nav-foot li#contact {top:0px;left:794px;width: 140px;}


#footer
{
clear:both;
width:1024px;
height:138px;
background:#80502C url(/i/footer.png) no-repeat 0 0;
}

ul#footnav a{ text-decoration:none;}
/* Linkage Styles
----------------------------------------------------------*/
a, a:link, a:visited    { color: #299DCE; text-decoration:underline; }
a:hover, a:active   { color: #555; text-decoration:none; }

h1
 {
font-size: 16px;
font-weight:bold;
line-height: 1.7em;
margin: 14px 0;
color:#808284;
}
 p {
font-size: 11px;
line-height: 1.6em;
margin: 14px 0;
color:#808284;
}
strong{font-weight:bold;}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
 /* Hide from IE Mac \*/
.clearfix {display:block;}
 /* End hide from IE Mac */

.boo { text-indent: -123456em; overflow:hidden;}
/* Just for Opera, but hide from MacIE */
/*\*/html>body .mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */