@charset "UTF-8";
/* CSS Document */

/* ----------------------- Basics --------------------------------- */

html {
	margin:0px;
	background-color: #FFF;
	background-position: top;
	}

body {
	padding:0 0 40px 0;
	margin:0px;
	font-size: 70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFF;	
	text-align: center;
	}
	
div#container {
	background-color:#FFF /*change color back to #FFF*/
	;
	width: 1020px;
	margin:0px auto;
	position:relative;
	font-family:"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #FFF; text-align:left;
} 


/*------Main Navigation ----------*/

div#branding {height:20px; width:1000px; margin:0 auto; position:relative;top:30px; }

ul#nav {
	width:948px;
	height:15px;
	position:absolute;
	margin: 0 auto; 
	top:10px;
	list-style-type: none;   
}

 ul#nav li {
	 position:absolute;
	 height:15px;
	 }

ul#nav li a {
	display:block; 
	margin: 0 auto;
	height:15px;
	text-indent: -9999px;
	overflow: hidden;
	background:url(../images/main-nav.png) no-repeat;
	}
	
ul#nav li a:hover, 
#nav li.here a {
	background:url(../images/main-nav_hov.png) no-repeat;}
	
ul#nav li a.on {
	background:url(../images/main-nav_hov.png) no-repeat;}

ul#nav li#one {
	  width: 50px;
	  top: 0px;
	  left:0px;}
	  
ul#nav li#one a {
	width: 50px;
	background-position: 0 0;}
	
	  
ul#nav li#two { 
	width: 150px; 
	top:0px; 
	left:50px;}

ul#nav li#two a {	
	width: 150px;
	background-position:-50px top;
}

	
ul#nav li#three { 
	width: 80px;
	top: 0px;
	left: 200px;}
	
ul#nav li#three a {
	width: 80px; 
	background-position:-200px top;}

ul#nav li#four {
	width:120px;
	top:0px;
	left:280px;
}
ul#nav li#four a {
	width: 120px; 
	background-position: -280px top;}

ul#nav li#five {
	width:130px;
	top:0px;
	left:400px;
}
ul#nav li#five a {
	width:130px; 
	background-position: -400px top;}
	
	ul#nav li#six {
	width:150px;
	top:0px;
	left:530px;
}
ul#nav li#six a {
	width:150px; 
	background-position: -530px top;}
	
	ul#nav li#seven {
	width:120px;
	top:0px;
	left:680px;
}
ul#nav li#seven a {
	width:120px; 
	background-position: -680px top;}
	
	ul#nav li#eight {
	width:80px;
	top:0px;
	left:800px;
}
ul#nav li#eight a {
	width:80px; 
	background-position: -800px top;}
	
	ul#nav li#nine {
	width:70px;
	top:0px;
	left:880px;
}
ul#nav li#nine a {
	width:130px; 
	background-position: -881px top;}
	
	
	
	
	
/* ---------------------------- Content ------------------------------- */

div#content {
	color:#fff;
	width:1000px; height:590px;
}


/*------------------------Main-Content------------------------------*/
div#main-content {
	color:#000;
	background:url(../images/content_bkgd.png) no-repeat;
	width:966px; height: 525px;
	margin:50px auto;
	margin-bottom: 0px;
	position:relative;
	font-size:1.1em;
	text-align:left;
	padding:20px; 
	}
	
#main-content.inside {
	color:#000;
	background: url(../images/mic_bkgd.png) no-repeat;
	width:966px; height: 525px;

	}
	
#main-content.author {
	color:#000;
	background: url(../images/camera_bkgd.png) no-repeat;
	width:966px; height: 525px;

	}
	


	
#main-content p.left {
	width: 306px;
	height: 489px;
	margin: 15px 0px 0px -20px;
	
	
}

#main-content p.center {
	margin:0 auto;
padding:0 80px 0 45px;
position:relative;
top:-505px;
width:341px;

}

#quotes {
	float:right;
height:313px;
padding:0 10px 0;
position:relative;
top:-950px;
width:288px;}



/*-----------------sub-content--------------------------------------*/

#sub-content {
	background: none repeat #FFF scroll 0 0;
	border: double #999 7px;
	color:#666;
	font: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: .9em;
	line-height:1.5em;
	padding: 15px;
	margin: 15px 0 0 15px ;
	width:470px;

	
}

#sub-content.scroll {
		height:430px;
	overflow:scroll;}



#sub-content h1 {
	color:#333333;
	font-size:1.7em;
	font-weight:normal;
	line-height:1.3em;
	margin-bottom:10px;
	padding:10px;
}

#sub-content h2 {
	color:#333333;
	font-size:1.3em;
	font-weight:normal;
	line-height:1.3em;
	padding:10px;}
	

#sub-content p{
	margin-bottom: 0px;
	position:relative;
	font-size:1.1em;
	text-align:left;
	padding:0 10px 10px 10px;
	}

#sub-content p a {
border-bottom:1px dotted #666666;
color:#999999;
text-decoration:none;}

#sub-content p a:hover {
	border-bottom:dotted 1px #666;
	color:#333;}
	
	
	
/*------------------- order -------------------------------------*/
#order {
background: none no-repeat scroll right top transparent;
float:right;
padding:60px 90px 60px 0;
position:relative;
margin-top:-330px;
width:240px;
z-index:700;}

#order h1 {
	margin: 10px 0 0 53px; 
	padding : 0; 
	background: url(../images/ordernow_y.png) no-repeat; 
	position: relative ;
	height: 26px;
	width:116px; 
	text-indent:-9999px;
	text-align:center;
} 

#order h1 a { display:block; width:116px; height: 26px;}

#order img {
	position:relative;
	padding: 0 25px;}
	
#order p {	
color:#FFFFFF;
font-size:1em;
line-height:1.3em;
padding:15px 0;
position:relative;
text-align:center;
	}
	
	


/*----------------featured navigation styles ----------------------*/

ul#featured {
height:110px;
width:833px;
position:absolute;
top:515px;
left:70px;
z-index:20;


}

ul#featured li {
display:block;
margin:0;
padding:0px 30px 0 30px;
height:110px;
float:left;
}


ul#featured li a {
	display:block; 
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/3boxes.png) no-repeat; 
	height:89px;
	}

/*----------------featured navigation li ----------------------*/

ul#featured li a:hover, 
#featured li.here a {
	background: url(../images/3boxes_y.png) no-repeat;}
	
ul#featured li a.on {
	background: url(../images/3boxes_y.png) no-repeat;}


ul#featured li#buy {
	width: 216px;
}
	
ul#featured li#buy a,
ul#featured li#buy a:hover,
#featured li.here a {
	width: 216px;
	background-position: 0 0 ;
	}
	
ul#featured li#keynote {
	width:216px;

	}
ul#featured li#keynote a,	
ul#featured li#keynote a:hover,
#featured li.here a {
	width:216px;
background-position: -310px top;}
	
ul#featured li#media {
	width:216px;

	}
ul#featured li#media a,
ul#featured li#media a:hover,
#featured li.here a {
	width:216px;
background-position: -614px top;}
	
/*----------------site info--------------------*/

#siteinfo {
	background:url(../images/bluegrey_bar.png) repeat-x;
	display:block;
	height:120px;
	width: 850px;
	top:-30px;
	padding: 20px;
	margin: 0 0 0 40px;
	text-align:right;
	position: relative;}
	
address {
	margin:-89px 50px 0 0;
	text-align:left;
	width:850px;
	}
	
address, #siteinfo  { 
	font-style:normal;
	color:#FFF;
	line-height:2em;
	font-size:1em;
	font-family: "lucida grande", "lucida sans", Verdana, Arial, Helvetica, sans-serif;}
	
#siteinfo.static {
	margin-top:20px;
}
#siteinfo.static p {
	margin-top:78px;}

address a, #siteinfo a {
	color:#fff;
	text-decoration:none;
	padding: 4px;
}	

address a:hover, #siteinfo a:hover {
	color:#fff;
	text-decoration:none;
	border-bottom:1px dotted #fff;
}