/* global em typography template adapted from http://www.thenoodleincident.com */

body{
 border:0;
 margin:0;
 padding:0;
 font-family: arial, helvetica, sans-serif;
 color: #000;
 background: #e7e7e7 url("../images/hdr/body-bkg.gif") left top repeat-x;
 font-size: 76%;
 text-align:center;
 height:100%;
 }
 

 /*----------------- list styles ------------------*/



/* these lists are formatted to use a background-image for the bullets.  Comment out list-style:none and the background image below, as well as the ul and li specific styles to use the default browser bullets */

ol, ul, li {
	list-style: none;
   	background:url("../images/common/bul1.gif") 0 .4em no-repeat;
	background-color:transparent;
	/*line-height: 1.2em;*/
	margin-top: .6em;
	margin-bottom: .6em; 
	}
	
ul{
 background:none;
 padding-left:1em;
 margin-left:.5em;
 }
 
li{
/*font-size: .93em;*/
padding-left:1em;
}
	
/* any ul after a ul needs a bigger top margin */
ul + ul{
  margin-top:1.2em;
}

/* any p inside an li needs a smaller top margin */
li > p {
	margin-top: 0.2em;
	}
	
/*----------------- end list styles ------------------*/
 
 /*----------------- header styles ------------------*/

h1{
color:#000;
font-size:1.4em;
font-weight:bold;
margin-top: 0em;
margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
}
body.home h1{
font-size:1.2em;
margin:1.4em 0;
}
.header1{
color:#000;
font-size:1.2em;
font-weight:bold;
}
h2{
font-family: arial, helvetica, sans-serif;
color:#00408A;
font-size:1.6em;
font-weight:bold;
margin: .6em 0 1.0em 0;
}
.header2{
font-family: arial, helvetica, sans-serif;
color:#000;
font-size:1.8em;
font-weight:bold;
margin: .8em 0 .4em 0;
}

h3{
font-family: arial, helvetica, sans-serif;
color:#00408A;
font-size:1.2em;
font-weight:bold;
margin: 1.2em 0 .4em 0em;
}

.header3{
font-family: arial, helvetica, sans-serif;
color:#00408A;
font-size:1.4em;
font-weight:bold;
margin: 1.2em 0 .4em 0em;
}

h4{
color:#F06324;
font-weight:bold;
font-size:1.0em;
margin: 1.2em 0 .4em 0em;

}


h5{
color:#000;
font-weight:bold;
font-size:.93em;
margin: 1.2em 0 .4em 0em;
}

h6{
color:#00408A;
font-weight:bold;
font-size:.94em;
margin: 1.2em 0 .4em 0em;
}

/*----------------- end header styles ------------------*/

/*----------------- table styles ------------------*/
table{
font-size:1.0em;
}

/*this is for win ie5.x and Opera, as it will not cascade the em sizing
into the table.  Adding this rule defines the table as the containing block, 
and the sizing will then decend correctly.*/

/*----------------- end links ------------------*/


/*----------------- links ------------------*/

a, a:visited{
 color:#a90c21;
 text-decoration:underline;
}

a:hover, a:active, a:focus{
color:#ccc;
 text-decoration:none;
}

a img, a img:visited, a img:hover, a img:active, a img:focus {
	border: 0;
	text-decoration:none;	
}

/*----------------- end links ------------------*/

pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}

.right{
 text-align: right;
 }

.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.clearer {
	clear: both;
}

.hide, .print{
display:none;
}
/*end all the global stuff */

#wrapper{
width:770px;
margin:30px auto;
padding:0px;
text-align:left;
}
#nav{
height:27px;
width:770px;
}
ul#mainnav{
height:27px;
margin:0;
padding:0;
padding-left:40px;
padding-right:40px;
background:#000 url("../images/hdr/menu.jpg") left top no-repeat;
}
ul#mainnav li{
margin:0;padding:0;
background:url("../images/hdr/menu.jpg") -40px -27px no-repeat;
float:left;
height:27px;
}
ul#mainnav li a{
display:block;
height:27px;
background:url("../images/hdr/menu.jpg") -40px 0 no-repeat;
}
ul#mainnav li a:hover{
background:none;
}
ul#mainnav li#about a{width:116px;background-position:-40px 0;}
ul#mainnav li#about{background-position:-40px -27px;}
ul#mainnav li#bio a{width:96px;background-position:-156px 0;}
ul#mainnav li#bio{background-position:-156px -27px;}
ul#mainnav li#engage a{width:216px;background-position:-252px 0;}
ul#mainnav li#engage{background-position:-252px -27px;}
ul#mainnav li#clients a{width:128px;background-position:-468px 0;}
ul#mainnav li#clients{background-position:-468px -27px;}
ul#mainnav li#contact a{width:130px;background-position:-596px 0;}
ul#mainnav li#contact{background-position:-596px -27px;}

#homecontent{
border:1px solid #000;
border-top:0;
background:#fff url("../images/hdr/home-bkg.jpg") 0 163px no-repeat;
height:544px;
position:relative;
clear:both;
}
img.homelogo{
position:absolute;
left:41px;
top:23px;
}
img.hometagline{
position:absolute;
left:41px;
top:127px;
}
#hometext{
font-size:1.2em;
color:#000;
font-weight:bold;
position:absolute;
width:200px;
left:50px;
bottom:33px;
}


#contentwrapper{
border:1px solid #000;
border-top:0;
background:#fff url("../images/hdr/content-bkg.gif") right top no-repeat;
}
#header{
position:relative;
height:110px;
}
img.pagelogo{
position:absolute;
left:18px;
top:18px;
}
img.pagetagline{
position:absolute;
left:192px;
top:39px;
}

#content{
margin-left:205px;
margin-right:56px;
padding-bottom:46px;
zoom: 1;
}
#content p{
line-height:1.4em;

}
#leftcol{
width:166px;
padding-left:34px;
float:left;

}
#leftmenu{
padding:0;margin:0;
padding-bottom:24px;
}
#leftmenu li{
list-style:none;
padding:0;
margin:.8em 0;
background-image:none;
font-weight:bold;
}
#leftmenu li a{
padding:0;
margin:0;
color:#aaa;
text-decoration:underline;
}
#leftmenu li a:hover{
color:#a90c21;
text-decoration:none;
}

img.portrait{
float:left;
margin-right:12px;
margin-bottom:12px;
}

#footer{
color:#000;
padding:8px 0;

}


#leftcol blockquote{
margin:24px 0;padding:12px;
font-size:.94em;
border:1px solid #ccc;
color:#777777;
line-height:1.6em;
}