/*-----------------------------------------
 layout styles for crosssection.com
 copyright: cross section inc
 author: Kris Hull
 updated: January 2010
		
-----------------------------------------*/

/*-----------------------------------------
general crud
-----------------------------------------*/
body{
margin:0;
padding:0;
background: #000;
color:#666;
font: 12px Helvetica,Arial,sans-serif; 
line-height: 18px;
}
body#home{
background: #000 url(/img/bkg2.jpg) center 50px no-repeat;
}
a:link, a:visited{color:#666; font-weight:900;}
a:hover, a:active{color:#fff; font-weight:900;}

body.consulting a:link, body.consulting a:visited{color:#ee8230;}
body.communications a:link, body.communications a:visited{color:#c5c958;}
body.campaigndev a:link, body.campaigndev a:visited{color:#48acf9;}
body.operations a:link, body.operations a:visited{color:#c3341c;}
body.technology a:link, body.technology a:visited{color:#713db7;}
body.holdings a:link, body.holdings a:visited{color:#4ca5a8;}
body.trackrecord a:link, body.trackrecord a:visited{color:#50d201;}
body.about a:link, body.about a:visited{color:#50d201;}

h1, h2, h3, h4, h5, h6 {}
h1{font-size: 36px; line-height: 36px; text-transform:uppercase;}
h2{font-size: 24px; line-height: 36px;}
h3{font-size: 18px; line-height: 22px; font-weight:900;}
h4{font-size: 12px; line-height: 18px; font-weight:900;}
h5{font-size: 10px; line-height: 18px; font-weight:900;}
h6{font-size: 8px; line-height: 18px; font-weight:900;}

img, a img { border:0;}
a { outline: none; }

ul{
margin:0 0 0 15px;
padding:0;
}
ul li{
margin:0;
padding:0;
}

/* PNG fix: target the objects to which you want the script applied: */
img, div { behavior: url(/js/iepngfix.htc) }

/*-----------------------------------------
structural divs
-----------------------------------------*/
#pagewrapper{
width: 960px;
margin: 0 auto;
position:relative;
}
#masthead{
width:960px;
height:36px;
background: transparent url(/img/mast_bkg.gif) top left repeat-x;
position:relative;
}
#nav{
width:137px;
height:24px;
position:absolute;
right:0px;
top:9px;
}
#main{
width:960px;
margin:0 0 10px 0;
padding: 0 0 0 0;
}
#footer{
width:960px;
text-align:center;
padding:20px 0 0 15px;
position:relative;
clear:both;
}
#logo{
position:absolute;
top:0;
left:0;
width:220px;
height:33px;
}
/*-----------------------------------------
nav
-----------------------------------------*/
#nav ul{
height:24px;
margin:0;
padding:0;
}
#nav ul li{
height:24px;
line-height:24px;
display:block;
float: left;
margin:0;
padding:0;
}
#nav ul li a{
height:24px;
line-height:24px;
display: block;
float: left;
text-decoration: none;
text-indent:-9999px;
}
#nav_01 a{width:70px; background: transparent url(/img/nav.gif) no-repeat 0 0px;}
#nav_02 a{width:67px; background: transparent url(/img/nav.gif) no-repeat -70px 0;}
#nav_01 a:hover{background: transparent url(/img/nav.gif) no-repeat 0 -24px;}
#nav_02 a:hover{background: transparent url(/img/nav.gif) no-repeat -70px -24px;}
/*-----------------------------------------
nav2
-----------------------------------------*/
#nav2{
width:960px;
height:24px;
margin:0 auto;
}
#nav2 ul{
height:24px;
margin:0;
padding:0;
}
#nav2 ul li{
height:24px;
line-height:24px;
display:block;
float: left;
margin:0;
padding:0;
}
#nav2 ul li a{
height:24px;
line-height:24px;
display: block;
float: left;
text-decoration: none;
text-indent:-9999px;
}
#nav2_01 a{width:166px; background: transparent url(/img/nav2.gif) no-repeat 0 0px;}
#nav2_02 a{width:122px; background: transparent url(/img/nav2.gif) no-repeat -166px 0;}
#nav2_03 a{width:171px; background: transparent url(/img/nav2.gif) no-repeat -288px 0;}
#nav2_04 a{width:167px; background: transparent url(/img/nav2.gif) no-repeat -459px 0;}
#nav2_05 a{width:93px; background: transparent url(/img/nav2.gif) no-repeat -626px 0;}
#nav2_06 a{width:73px; background: transparent url(/img/nav2.gif) no-repeat -719px 0;}
#nav2_07 a{width:100px; background: transparent url(/img/nav2.gif) no-repeat -792px 0;}
#nav2_01 a:hover{background: transparent url(/img/nav2.gif) no-repeat 0 -24px;}
#nav2_02 a:hover{background: transparent url(/img/nav2.gif) no-repeat -166px -24px;}
#nav2_03 a:hover{background: transparent url(/img/nav2.gif) no-repeat -288px -24px;}
#nav2_04 a:hover{background: transparent url(/img/nav2.gif) no-repeat -459px -24px;}
#nav2_05 a:hover{background: transparent url(/img/nav2.gif) no-repeat -626px -24px;}
#nav2_06 a:hover{background: transparent url(/img/nav2.gif) no-repeat -719px -24px;}
#nav2_07 a:hover{background: transparent url(/img/nav2.gif) no-repeat -792px -24px;}

body.consulting #nav2_01 a{background: transparent url(/img/nav2.gif) no-repeat 0 -24px;}
body.communications #nav2_02 a{background: transparent url(/img/nav2.gif) no-repeat -166px -24px;}
body.campaigndev #nav2_03 a{background: transparent url(/img/nav2.gif) no-repeat -288px -24px;}
body.operations #nav2_04 a{background: transparent url(/img/nav2.gif) no-repeat -459px -24px;}
body.technology #nav2_05 a{background: transparent url(/img/nav2.gif) no-repeat -626px -24px;}
body.holdings #nav2_06 a{background: transparent url(/img/nav2.gif) no-repeat -719px -24px;}
body.trackrecord #nav2_07 a{background: transparent url(/img/nav2.gif) no-repeat -792px -24px;}

/*-----------------------------------------
sub pages
-----------------------------------------*/
#jt{
width: 960px;
}
.bar{
width:960px;
height: 25px;
background: transparent url(/img/bar_bkg.gif) repeat-x;
padding: 0 0 15px 0;
}
#barcd{background: transparent url(/img/bar_cd_bkg.gif) repeat-x;}
#barcs{background: transparent url(/img/bar_cs_bkg.gif) repeat-x;}
#barc{background: transparent url(/img/bar_c_bkg.gif) repeat-x;}
#bario{background: transparent url(/img/bar_io_bkg.gif) repeat-x;}
#bart{background: transparent url(/img/bar_t_bkg.gif) repeat-x;}
#bartr{background: transparent url(/img/bar_tr_bkg.gif) repeat-x;}
#barcap{background: transparent url(/img/bar_cap_bkg.gif) repeat-x;}
#baryouandus{background: transparent url(/img/bar_youandus_bkg.gif) repeat-x;}

#colwrapper{
width: 959px;
border-right: 1px solid #666;
color:#fff;
float:left;
}
#colwrapper p{
margin: 5px 0 0 0;
padding: 0;
}
#col1{
width: 209px;
height: auto;
border-left: 1px solid #666;
float:left;
padding: 0 15px 0 15px;
display: inline;
}
#col2{
width: 209px;
height: auto;
border-left: 1px solid #666;
float:left;
padding: 0 15px 0 15px;
display: inline;
}
#col3{
width: 209px;
height: auto;
border-left: 1px solid #666;
float:left;
padding: 0 15px 0 15px;
display: inline;
}
#col4{
width: 208px;
height: auto;
border-left: 1px solid #666;
float:left;
padding: 0 15px 0 15px;
display: inline;
margin-right:-3px;
}

#col2tr{
width: 688px;
border-left: 1px solid #666;
float:left;
padding: 0 0 0 15px;
font-size:10px;
display: inline;
}

#colhalf{
width: 448px;
height: auto;
border-left: 1px solid #666;
float:left;
padding: 0 15px 0 15px;
display: inline;
}
#colcase01{
width: 370px;
height: auto;
float:left;
padding: 0 15px 0 0;
display: inline;
}
#colcase02{
width: 530px;
height: auto;
border-left: 1px solid #666;
float:left;
padding: 0 0 0 15px;
display: inline;
}
#casestudy h4{
text-transform:uppercase;
color: #0099FF;
font-weight:900;
margin-bottom: 0;
padding-bottom:0;
}
/*-----------------------------------------
misc
-----------------------------------------*/
.note{
font-size:8pt;
color:#999;
}
.hide{
display:none;
}
.left{
float:left;
}
.right{
float:right;
}