/*
This is where any project specific CSS should reside.  The CSS for a number of jQuery plugins and patterns are included here for easy editing or you can remove them.  Most are so short it just doesn't make sense to have a separate CSS file for them.
*/
.showGrid { background: url('../images/bkg-grid.png'); } /* For use on the .container layer only */

/*
General HTML element declarations
*/
body { background:url("../images/bkg-body.gif") repeat-x #222222; margin:0; padding:0; color:#f1f1f1; }
h1, h2, h3, h4 { color:#f1f1f1; }
a { color:#fff; }
a:hover { color:#fff; text-decoration:none}

/*
ID/Class declarations
*/
#head { height:220px;  }
	#topNav { position:absolute; top:10px; left:0; }
	#topNav ul { margin:0; padding:0; }
	#topNav li { display:inline; margin-right:15px; }
	#topNav a { text-decoration:none; color:#bbbbbb; font-family:verdana, helvetica, arial, sans-serif; font-size:14px; }
	#head .container { position:relative; }
	#logo a { font-size:28px; background:url("../images/bkg-logo.png") no-repeat; height:135px; width:600px; margin-top:35px; display:block; overflow:hidden; text-indent:-100em; }
	#snapshot { position:absolute; top:14px; right:0; background:url("../images/bkg-snapshot.png") no-repeat; padding:10px 7px 11px 9px; }
	#snapshot img { height:181px; width:271px; }
	#tagline { font-size:12px; }


#body { padding:20px 0px;  }
	#body .span-19 { margin-top:-40px}
	#body .span-9 p { text-align:center; }
	#body .span-9 p img { float:none; }

	#mainPhoto { height:400px; position:relative; margin-bottom:20px; }
	#mainPhoto h3 { position:absolute; top:45px; background:url("../images/bkg-main_photo-title.png"); height:116px; width:441px; overflow:hidden; text-indent:-100em; }
	
	#latestAdditions h3 { background:url("../images/bkg-latest_additions.png") no-repeat; height:45px; width:350px; display:block; overflow:hidden; text-indent:-100em; }
	#mostPopular h3 { background:url("../images/bkg-most_popular.png") no-repeat; height:45px; width:350px; display:block; overflow:hidden; text-indent:-100em; }
	
	
	
#sideNav h3 { font-size:26px; color:#d1d1d1; font-family:times new roman, times, sans-serif; margin-bottom:10px; }
#sideNav ul { margin:0; padding:0; font-size:14px;  font-family: verdana, helvetica; list-style-type:none; }
#sideNav a { text-decoration:none; display:block; padding:0 0 0 5px; }
#sideNav .active { background:#333; }
#sideNav a:hover { background:#333; }

#foot { color:#d1d1d1; padding-top:20px; overflow:hidden; /* hidden compensates for a bug with the normal clearfix being the last element */ }


.image { height:240px; margin-bottom:10px; text-align:center; vertical-align:bottom; }