
/* safari 3 declaration for thin font */
	
	body { -webkit-text-stroke:1px transparent; }
	@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}

	body{ background-color: #c0c0c0;margin: 0px;padding: 0px; color: #333}
	body a { color: #333;font-style:underline; }

	#content{margin: 0 auto;background-color: #f4f4f4; border-left: 1px solid black; border-right: 1px solid black; width: 1000px; height: auto;}

	#header{height: 100px;width: 100%  ;background-color: #f4f4f4; background-image: url(logo.png)}

	#menu{background: url(menu_bg.gif) repeat-x;height:32px;float:left; width:920px;padding-left: 80px;}
	#menu ul {list-style: none; margin: 0; padding: 0;float: left;border-left: 1px solid #333;}
#menu ul li #top
	{background: url(menu_bg_hover.gif) repeat-x;
	background-color:transparent;
	-webkit-transition: opacity 1s ease-in;
	-moz-transition: opacity 1s ease-in;
	-o-transition: opacity 1s ease-in;
	transition: opacity 1s ease-in;
	opacity:1;
	color:#fff;
	z-index: -10;
	}

	
	#menu ul li {
	position: relative;float: left; margin: 0px 0px; padding: 0px 10px ;border-right: 1px solid #777; line-height: 32px; font-weight: 200 ;font-family:Helvetica; text-shadow: 0 0 0 #000;color: white;opacity:1;}

	.current {background: url(menu_bg_hover.gif) repeat-x;line-height: 32px; }
	#menu ul li a { color: white;text-decoration: none;margin-bottom: -5px;}
	#menu ul li a:visited {color: white; text-shadow: 0 0 0 #000;}
	#menu ul li:hover {background: url(menu_bg_hover.gif) repeat-x;line-height: 32px;opacity:1; }

    #main {margin: 20px 80px; padding: 40px 0px;}
    #main>p { width: 400px; float:left; clear: left }
    	.intro {font-size: 18px;}
		.wide {font-size: 18px; width:800px;}
         .pitch {font-size:24px;margin-bottom:5px;}	
	#sub {margin: 20px 80px; padding: 40px 0px;}	
	  #sub p { width: 400px; clear: left }
	    	
		#sub #wide {font-size: 18px; width:800px;}
		#column_left {float:left;clear:left;}
		#column_right {float:right;}	
    	#separator {float: left; margin-left:210px;; height: 40px; clear : both;}
		
	#book {}
	#book ul {list-style: none; margin: 0; padding: 0;float: left;}
	#book ul li {text-align: right; position: relative;float: left; margin:20px 13px; float:left; width: 230px; height: 260px;background-color: white; padding:12px 10px  0px 10px; border: 1px solid #ddd; background-image: url(box_bg.gif); background-repeat: repeat-x;  }
		#book h1 {clear: both; border-bottom: 1px solid #333; width:100%;font-size:24px;font-weight:100;color:#333}

/* SECTION FOR BOOKS AND CS */

	#books p{ float:right;width:400px;margin:0px 130px 10px 0px;}
	#books h1 {display:block;float:left;margin-left:20px;font-size:18px;border-bottom:1px solid #999;font-weight:100;width:400px}
	#books h2 {width:400px;display:block;float:left;margin-left:20px;font-size:16px;color: #aaa;font-weight:100;margin-bottom:20px;margin-top:0px;
	}
#books #separator { margin:0px}
	#books>img
	{float:left;
	width:250px;
	margin:0px 40px 40px 0px;	
	}
	#panel {}
	.box { margin-top: 30px; margin-bottom: 30px; float:left; width: 240px; height: 300px;background-color: white; padding: 10px;border: 1px solid #ddd; background-image: url(box_bg.gif); background-repeat: repeat-x;  }
	.box>h1 {font-size: 20px; width: 100%; border-bottom: 1px solid #777;font-weight: 100;}
	.box>h2 {font-size:16px; margin-top: -10px; color: #888;font-weight: 100; }
	.box img {float:left; margin: 5px; width:100px  }
	.box>p {float:left; font-size: 13px;}
	
	 #left {margin-right: 18px;float:left;clear:left}
	.box .mid {}
	#right {margin-left: 18px;}
	
	#footer{ background-color: #343434; clear: both; height: 70px; text-align: right; color: #ddd;line-height: 60px;background-image: url(footer.png); background-repeat: no-repeat;background-position: center;}

	h3 { font-family: Georgia; font-weight: lighter; float: right; margin: 0px 0px 20px 0px; color: #777; border-bottom: 1px solid #999; width: 100%; }

	h1 img {margin-bottom: -50px;margin-right: 20px;text-align: right;}

	#desc{width: 300px;float: left;}

	#feature {margin: 0px auto;width: 800px;padding: 20px;
	}
	/* shopping cart stuff */

	.ec_ejc_thkbx
	{
	float:left;
	clear:left;
	}
