/* 
Title: Dinoland Plus Main Site
Author: Troy Stout - tstout21@hotmail.com
*/

/* Reset -- clear default spacing
-------------------------------------------------------------------------*/
body,h1,h2,h3,h4,h5,h6,p,form {margin:0;padding:0;}

body { 
	/*background:#fff url(/images/bg.gif) 0 0 repeat-x;*/
	background:#AABBBB url(/images/bg_main.jpg) repeat-x scroll 0 0;
	font: 80%/160% verdana, helvetica, arial, sans-serif; 
	text-align: center; /*center fix for older IE */  }

#container {
	/*background: url(/images/container_bg.gif) center top no-repeat;*/
	background: url(/images/container_dbl_bg.jpg) center top no-repeat;
	margin: 0 auto; 
	text-align: left; /*reset center fix */
	width: 900px;
	padding: 0 10px 0 10px; }

#top {
	width: 900px;
	border-bottom: 6px solid #336666;
	text-align: center;
	clear: both; }

.invisible {
	position: absolute;
	top: -2000em; 
	left: -2000em; }

#header {
	margin: 0 auto;
	padding-top: 8px;
	width: 624px;
	 }

#header img {
	border: none;
}

#trex { position:absolute; top: 0; left: 0; width: 211px; height: 254px; background: transparent url(../images/trex.png) top left no-repeat; }

#main {
	background-color: #FFFFFF;
	width: 900px;
	margin: 0;
	padding-top:30px;
	border-top: 3px solid #708090;
	 }

#hpFeature { 
	border: 1px solid #fff; 
	float: left; 
	width: 135px;  }

#hpFeature img { 
	border: 0;
	margin-bottom: 10px; }

#mainmenu { 
	border: 1px solid #000000; 
	float: left; 
	width: 150px; 
	margin-top:150px }


#mainmenu ul { list-style-type: none;
		padding: 0;
		margin: 0; }

#mainmenu ul li { 
	background-color: #336666;
	border-bottom: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff; }

#mainmenu ul li.first { 
	border-top: 2px solid #ffffff; }

#mainmenu ul li a { 
	display: block;
	color: #ffffff; 
	font-weight: bold;
	text-decoration: none;
	padding: 5px;
	border: 1px outset #000000; }

#mainmenu ul li a.selected { 
	color: #336666;
	background-color: #ffffff;
	border: 1px inset #000000; }

#mainmenu ul li a:hover { 
	color: #336666;
	background-color: #ffffff;
	border: 1px inset #000000; }
	
#splash {
	overflow: hidden; /* add overflow: hidden to the containing element, it will automatically adjust its height and take the floated children into account */
	width: 640px;
	margin-bottom: 20px;
 	line-height: 0; }

#splash img { border: 0; }

#splash a.dinosaur { 
	float: left;
	display: block;
	width: 320px;
	height: 90px;
	background: url(../images/menu/mainmenu_01.jpg) no-repeat 0 0; }

#splash a.dinosaur:hover {
	background: url(../images/menu/mainmenu_01.jpg) no-repeat 0% 100%;
}

#splash a.eggs { 
	float: left;
	display: block;
	width: 320px;
	height: 90px;
	background: url(../images/menu/mainmenu_02.jpg) no-repeat 0 0; }

#splash a.eggs:hover {
	background: url(../images/menu/mainmenu_02.jpg) no-repeat 0% 100%;
}

#splash a.mammals { 
	float: left;
	display: block;
	width: 320px;
	height: 85px;
	background: url(../images/menu/mainmenu_03.jpg) no-repeat 0 0; }

#splash a.mammals:hover {
	background: url(../images/menu/mainmenu_03.jpg) no-repeat 0% 100%;
}

#splash a.miscbuys { 
	float: left;
	display: block;
	width: 320px;
	height: 85px;
	background: url(../images/menu/mainmenu_04.jpg) no-repeat 0 0; }

#splash a.miscbuys:hover {
	background: url(../images/menu/mainmenu_04.jpg) no-repeat 0% 100%;
}

#splash a.reptiles { 
	float: left;
	display: block;
	width: 320px;
	height: 85px;
	background: url(../images/menu/mainmenu_05.jpg) no-repeat 0 0; }

#splash a.reptiles:hover {
	background: url(../images/menu/mainmenu_05.jpg) no-repeat 0% 100%;
}

#splash a.invertebrates { 
	float: left;
	display: block;
	width: 320px;
	height: 85px;
	background: url(../images/menu/mainmenu_06.jpg) no-repeat 0 0; }

#splash a.invertebrates:hover {
	background: url(../images/menu/mainmenu_06.jpg) no-repeat 0% 100%;
}

#splash a.fossilfish { 
	float: left;
	display: block;
	width: 320px;
	height: 85px;
	background: url(../images/menu/mainmenu_07.jpg) no-repeat 0 0; }

#splash a.fossilfish:hover {
	background: url(../images/menu/mainmenu_07.jpg) no-repeat 0% 100%;
}

#splash a.display { 
	float: left;
	display: block;
	width: 320px;
	height: 85px;
	background: url(../images/menu/mainmenu_08.jpg) no-repeat 0 0; }

#splash a.display:hover {
	background: url(../images/menu/mainmenu_08.jpg) no-repeat 0% 100%;
}

#splash a.about { 
	float: left;
	display: block;
	width: 320px;
	height: 109px;
	background: url(../images/menu/mainmenu_09.jpg) no-repeat 0 0; }

#splash a.about:hover {
	background: url(../images/menu/mainmenu_09.jpg) no-repeat 0% 100%;
}

#splash a.best { 
	float: left;
	display: block;
	width: 320px;
	height: 109px;
	background: url(../images/menu/mainmenu_10.jpg) no-repeat 0 0; }

#splash a.best:hover {
	background: url(../images/menu/mainmenu_10.jpg) no-repeat 0% 100%;
}

#content { 
	width: 700px;
	margin: 0 0 0 190px;
	padding: 10px 10px 0 0;  }


#content h1 { color: #336666; padding-bottom: 0.8em;}

#content h2 { color: #336666; padding-bottom: 0.8em; line-height: 1.2em}

#content p { color: #336666; padding-bottom: 0.8em;}

#content p.gray { color: #666666; }

#content ul { color: #336666; padding: 0 0 0.8em 12px; margin: 0 0 0 5px;}

#content ol { color: #336666; padding-bottom: 0.8em;}
 
#content address { color: #336666; padding-bottom: 0.8em;}

.sold { font-size: 2em; color: #FF0000 }

#content .paging { 
	font-size: 1.2em; 
	text-align: right; 
	padding-bottom: 6px; }

#content .paging span { color: #FF0000; letter-spacing: 4px; font-weight: bold; }

#content .paging img { border: 0; }

#content table { 
	border: 1px solid #666666;
 	border-collapse: collapse;
	margin-bottom: 22px;
	background: url(../images/tablebg.gif) repeat-x 0 100% }

#content table td { 
	border: 1px solid #666666;
	vertical-align: top;
	padding: 5px; }
	
#content table td.imageCol { padding-bottom: 2em; text-align: center; }

#content table td.imageCol span { font-size: 0.8em; display: block; }
	
#content table td.imageCol img { margin-bottom: 12px; padding: 5px; border: 1px solid #ccc; clear: both; }

#content table td.imageCol img:hover { border: 1px solid #003300; }

/* SOUPED-UP GOOGLE SEARCH BOX */
#searchbox { 
	height: 80px;
	width: 700px;
	margin: 0 0 0 190px;
	padding: 10px 10px 0 0;  }

#searchbox .right-align-search {
	width: 195px;
 	float: right;
}

#searchbox .prettysearch {
	float: left;
 	margin:0;
 	width:88px;
	height:20px;
 	background:url(../images/searchbox.gif) no-repeat bottom;
}

#searchbox .prettysearch input.dinosearchbox {
	 background: none;
	 border: none;
	 width: 74px;
	 height: 17px;
	 margin: 0;
	 padding: 3px 7px 0 7px;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 11px;
}

#creditcard { 
	width: 200px; 
	height: 38px;
	float: right; }

#googleconnect { clear: both; padding: 0 5px 0 5px; background: url(../images/tablebg.gif) repeat-x 0 100% }

/* DINOLANDPLUS FOOTER STYLE */		
#footer { 
	clear: both; 
	/*background: url(/images/footer_out_bg.gif) 0 0 repeat-x;*/
	background: url(/images/footer_out_dbl_bg.gif) left bottom repeat-x;
	/*padding-bottom: 2em;
	width: 900px; */
	width: 100%;
	font-size: 80%;
}

#footer div.container { 
	background: url(/images/footer_in_dbl_bg.gif) center bottom no-repeat;
	/*background: url(/images/footer_in_bg.gif) center bottom no-repeat;*/
	width: 900px;
	height: 160px;
	margin: 0 auto; 
	text-align: left; /*reset center fix */
	padding: 0 10px 0 10px;
}

#footer div.main { 
	width: 900px;
	text-align: center;
	border-top: 2px solid #336666;
	padding-top: 5px;
}

#footer div.main p { padding: 0 35px 0 35px; }

#footer a:hover { 
	text-decoration: none; }