/* ------------------------------------------------------------------
   Basic   
------------------------------------------------------------------ */
html { 
	font: 11px/1.3  "Arial" ,"Helvetica", "Verdana", sans-serif; 
	}

h1 h2 p{ 
	margin: 0px;
}


body {
	background: #252525;
	color: #333;
	margin: 0;
	border: 0;
	text-align: left;
	padding-bottom: 0px;
	}

/* ------------------------------------------------------------------
   Main typography   
------------------------------------------------------------------ */

h1 {font-size: 22px; letter-spacing:1px; color: #616161; margin: 0px}
h2 {font-size: 14px; margin: 10px 0px 0px 0px}
h3 {font-size: 11px; color: #c3bea6;}
th {font-size: .9em; text-transform:uppercase; color: #c3bea6;}	
a { text-decoration: underline; color: #1C6291; }
a:hover, a:focus { color: #ff8c00}	
p { font-size: 1em; color: #636262}


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

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

li {
	display: inline;
	list-style-type: none;
}

li a {
	display: block;
	float: left;
	padding: 3px 15px;
	line-height: 12px;
	text-decoration: none;
	color: #fff; 
	font-size: 10px;
	font-weight: bold;
	border-right:  1px dotted #CCCCCC;
	}

li a:hover, #nav a.active {
	color: #FFFFFF;
	background: #1C6291;

	}



/* ------------------------------------------------------------------
   Structural Divs   
------------------------------------------------------------------ */

#wrapper	{
	background: #252525;
	color: #f1f1f1;
	margin: 0px auto;
	border-left: 12px solid #000000;
	border-right: 12px solid #000000;
	border-bottom: 12px solid #000000;
	width: 779px;
} 

#liner	{
	background: #000000;
	border-left: 1px dotted #CCCCCC;
	border-right: 1px dotted #CCCCCC;
	border-bottom: 0px dotted #CCCCCC;
	padding: 0px 3px 0px 3px;

} 

#preTop {
	background: #000000 url(../images/bg_header.gif) no-repeat;
	border: 0px solid #CCCCCC;
	height: 73px;
}

#top {
	background: #000000 url(../images/logo_header.gif);
	border: 0px solid #CCCCCC;
	height: 128px;
}

#pageHeader {
	background: #FFFFFF;
	border: 0px dotted #CCCCCC;
	height: 30px;
	width: 422px;
	padding: 15px 0px 0px 0px;
}
#pageHeader2 {
	background: #FFFFFF;
	border: 0px dotted #CCCCCC;
	height: 30px;
	width: 700px;
	padding: 15px 0px 0px 30px;
}
	
#content {
	background: #FFFFFF;
}

#navbar {
	clear: both;
	background: #252525 url(../images/nav_bg.gif) repeat-x;
	height: 19px;
}

#postNav {
	background: transparent url(../images/bg_post_nav.gif) repeat-x;
	height: 140px;
}


/* ------------------------------------------------------------------
   Content Divs   
------------------------------------------------------------------ */

#imageMain {
	float: left;
	border: 0px solid #CCCCCC;
}

#checkit {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 7px 0px 10px 20px;
	background: #FFFFFF;
	width: 200px;
	float: left;
	border-top: 0px dotted #CCCCCC;
}

#checkit h1 {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	margin-top: 20px;
}

#checkit p {
	margin: 0px 10px 10px 15px;
}

#checkit img {
	margin: 0px 0px 0px 15px;
}

#buyit {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 14px 0px 0px 20px;
	background: #FFFFFF;
	width:200px;
	float: left;
	border-bottom: 1px dotted #CCCCCC;
}

#buyit h1 {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	margin-top: 20px;
}

#buyit p {
	margin: 0px 10px 10px 15px;
}

#buyit img {
	margin: 0px 0px 0px 15px;
}


#contact {
	padding: 10px 30px 0px 565px;
	font-size: 10px;
	font-weight: bold;
	color: #CCCCCC;
	line-height: 12px;
}

#contact a{
	color: #CCCCCC;
	text-decoration: none;
	
}

#contact a:hover{
	color: #FFFFFF;
	text-decoration: underline
}

#pressContent {
	padding-left: 45px;
	border: 0px solid #CCCCCC;
	}

#press {
	border: 0px solid #CCCCCC;
	float: left;
	width: 132px;

}

#press img{
	border: 1px solid #CCCCCC;
	padding: 3px;
	margin-bottom: 10px;
	float: left;
}

#pressTransportContainer{
	border: 0px solid #CCCCCC;
	float: left;
	width: 250px;
	height: 300px;
	padding: 3px 5px 0px 15px;
}

#pressTransport{
	border: 1px dotted #CCCCCC;
	padding: 5px;
}

#pressTransport h1{
	margin: 0px 0px 10px 0px;
	color: #777777;
	font-size: 11px;
}


#pressCopy {
	padding: 0px 0px 25px 15px;
	margin: 0px;
	color: #4A5D2E;
	width: 300px;
	float: left;
	border: 0px solid #cccccc;
	text-align: justify;
	}

#pressCopy h1{
	margin: 0px;
	color: #777777;
	font-size: 14px;
}

#pressCopy h2{
	margin: 0px;
	color: #777777;
	font-size: 12px;
	font-weight: normal;
}

#pressCopy a:link {
	text-decoration: none;
	margin-left: 4px;
	color: #1C6291;
	font-weight: bold;
	font-size: 10px;
	line-height: 15px;
}

#pressCopy a:hover {
	text-decoration: underline;

}

#pressCopy img {
	vertical-align: -2px;
}

#about {
	padding: 0px 8px 35px 15px;
	margin: 0px 0px 20px 0px;
	color: #4A5D2E;
	width: 485px;
	overflow: auto;
	float: left;
	border: 0px solid #cccccc;
	text-align: justify;
	}

#retailers {
	padding: 0px 8px 35px 0px;
	margin: 7px 0px 20px 0px;	
	color: #4A5D2E;
	width: 350px;
	height: 180px;
	overflow: auto;
	float: left;
	text-align: left;
	}

#whereToBuyContainer {
	color: #CCCCCC;
	float: left;
	padding: 0px;
	margin-top: -25px;
}

#whereToBuyHeader {
	color: #a1a1a1;
	padding: 0px;
	margin: 0px;
	font-size: 18px
}

#whereToBuy {
	position: relative;
	padding: 0px 8px 35px 15px;
	margin: 0px 0px 20px 0px;
	color: #4A5D2E;
	overflow: auto;
	width: 320px;
	height: 175px;
	border: 2px dotted #CCCCCC;
	}


#whereToBuy h1{
	font-size: 11px;
	margin-top: 7px;
	color: #000000;
	line-height: 11px;
}


#textBoxInside {
	margin:0px 0px 1px -15px;
	padding: 0px 0px 1px 15px;

}

#bookThumb {
	border: 0px solid #CCCCCC;
	float: left;

}

#bookCopy {
	padding: 0px 0px 15px 15px;
	margin: 0px;
	color: #4A5D2E;
	width: 425px;
	float: left;
	border-left: 1px dotted #cccccc;
	text-align: justify;
	}

#productSpread {
	clear:both;
	border: 0px solid #CCCCCC;
	padding-left: 35px;

	}

#photoCredit {
	clear: both;
	font-size: 9px;
	text-align: left;
	padding: 2px 0px 12px 15px;
	color: #777777;
}



/* ------------------------------------------------------------------
   Helpers  
------------------------------------------------------------------ */

#gutterV {
	width: 30px;
	height: 2px;
	border: 0px dotted #CCCCCC;
	float: left
}

#gutterRetailers {
	width: 45px;
	height: 2px;
	border: 0px dotted #CCCCCC;
	float: left
}

#gutterR {
	clear: both;
	border-top: 1px dotted #CCCCCC;
	padding: 15px 0px 25px 45px;
	color: #4A5D2E;
	width: 720px
}

#pressEnd1 {
	clear:both;
	height: 10px;
	width: 500px;
	border: 1px solid #CCCCCC;
}

#pressGutter1 {
	width: 30px;
	height: 2px;
	border: 0px dotted #CCCCCC;
	float: left
}


#pressGutter2 {
	width: 30px;
	height: 2px;
	border: 1px dotted #CCCCCC;
	float: left
}