/* layout divs  */



/* "wrapper" is what centers the thing in the page  */

#wrapper {



	position: relative;

	background: transparent;

	margin: 0 auto;

	width: 100%;



}  



/* logo is the logo  */



#logo {

	width:185px;

	height:64px;

}



/* navbox is the box making the border of the navcats  */



#navbox {

	position:absolute;

	left:195px;

	top:0px;

	width:565px;

	height:64px;

	background-color: #0099cc;

	display: none;

}



/* this is the div specific to the nav categories.  the padding-top attribute states how far down to begin the text.  the location of the links will also be affected by the font-size, degree of boldness (done in increments of 100, fyi, with a max of 700) and line-height (if set).  if you adjust this, try in ALL browsers.  */



#navcats {

	width: 100%;

	margin: 0;

	padding-top: 40px;

	font-weight: 500;

	font-size:15px;

	text-align : center;

	display: none;

}



/* these set the attributes of the anchor links in the navbox only  */



#navcats a:hover {



  	color:  #006699;

}

#navcats a {

	color: #fff;

}



/* "bigpicture" is the div with the big picture  */



#bigpicture {

	position:absolute;

	left:0px;

	top:74px;

	width:520px;

	height:110px;

	display: none;



}



/* this is the grey box with the statement about what the company does  */



#pitchbox {

	position:absolute;

	left:530px;

	top:74px;

	width:230px;

	height:110px;

	display: none;

}



/* "main" is where the main body of text goes.  the bit starting at "voice-family" and continuing until the html>#main final curly bracket is the famous box model hack.  this is to make sure everything looks nice in all browsers.  mess with this at your peril, but know that it's the two last width attributes that are actually used by most browsers. */



#main {

	position:absolute;

	top: 65px;

	left: 0px;

	margin: 0 0 0 0;

	background-color : #fff;

	font-size:1em;

	text-align : left;

	line-height : 1.5em;

	padding : 10px 10px 10px 10px;

	width: 90%;



}







/* global attributes  */



body {

	text-align: center;

	margin : 10px 0px 10px 0px;

	font-size: 76%;

	font-family : Verdana, Arial, Helvetica, sans-serif;

	color : #333;

} 



a {

  color: #336699;}

  

a:link, a:visited {

  text-decoration: none;}





h1 {

	font-size: 1.5em;

	color : #069;

	line-height: 1.7em;

}



h2 {

   font-size:1.3em;

   color: #069;

   }   



hr {

	border-top: thin dashed #ccc;

}



table {

	font-family : Verdana, Arial, Helvetica, sans-serif;

	font-size:  1.0em;

	color : #333;

}



.footer {font-size: .80em;

	text-align:center;}



.printfooter {

	font-size: .80em;

	text-align:center;

	display: block;

}	



.screenfooter {

	font-size: .80em;

	text-align:center;

	display: none;

}	



p {font-size:  1.0em;}



p.indent {margin-left: 2em;}



.fixed_width {width: 95%;}



/*

li {list-style-image : url(images/bullet.gif);}

*/