/* ------------------- GeckoTopia - globalstyles ------------------- */

/*global styles*/
* {
	margin:0;
	padding:0;
}
body {
	background-color:#000;
	font:13px Verdana, Arial, sans-serif;
	color:#FFF;
	line-height:20px;
	text-align:center;
}
#container {
	text-align:left;
	margin:0 auto;
	min-height:850px;
	height:auto !important;
	height:850px;
	width:999px;
	position:relative;
} 
h1,h2,h3 {
	font:small-caps bold 12px/10px Georgia, Garamond, serif;
}
h2 {
	font-size:18px;
	text-align:left;
	text-decoration:underline;
	padding:5px 0;
}
h3 {
	font-size:16px;
	line-height:18px;
}
a {
	text-decoration:none;
	color:#009400;
	font-weight:bold;
}
a:hover {
	text-decoration:underline;
	color:#C0FAC0;
}
em {
	font-weight:bold;
	font-variant:small-caps;
	font-style:oblique;
	padding:2px;
}
ul {
	list-style:none;
}
p {
	text-indent:15px;
	margin:0;
}
.bold {
	font-weight:bold;
}
.small {
	font:italic .8em Verdana, Tahoma, Helvetica, sans-serif ;
	word-spacing:2px;
	padding-top:3px;
}
.clear {
	clear:both;
}
.warning {
	color:#ff0000;
	font-style:italic;
	font-weight:bold;
}
 
/* header */
#head {
	width:896px;
	height:250px;
	position:relative;
	margin:0 auto;
}
#header {
	text-indent:-9999px;
	float:left;
	background:url(/media/logo.png) no-repeat left center;
	position:relative;
	z-index:2;
	width:448px;
	height:250px;
}
#headerMov {
	text-indent:0px;
	width:448px;
	left:-150px;
	height:250px;
	float:right;
	position:relative;
	z-index:0;
}
	
/* main_nav styles */
#main_nav {
	clear:both;
	float:left;
	background-color:#023100;
	color:#000;
	margin:0;
	width:151px;
	padding:3px;
}
#main_nav li {
	clear:left;
	display:block;
	font:bold 15px Georgia, Garamond, serif;
	text-align:center;
	width:151px;
	padding:2px 0;
	position:relative;
}
#main_nav #nephrurus {
	padding-bottom:0px;
}
#container #main_nav li a {
	padding-top:80px;
	padding-bottom:5px;
	display:block;
	color:#000;
	background-color:#009400;
	cursor:default;
}
#container #main_nav li a {
	text-decoration:none;
}
#main_nav #leopard a {
	background:url(/media/leopardNav.png) no-repeat top center;
}
#main_nav #crested a {
	background:url(/media/crestedNav.png) no-repeat top center;
}
#main_nav #african a {
	background:url(/media/africanNav.png) no-repeat top center;
}
#main_nav #gargoyle a {
	background:url(/media/gargoyleNav.png) no-repeat top center;
}
#main_nav #nephrurus a {
	background:url(/media/nephrurusNav.png) no-repeat top center;
}
.genus, .species {
	color:#B4EDB4;
	display:block;
	text-align:left;
	font:italic normal .9em Courier, "Courier New";
	cursor:text;
}
.species {
	display:block; 
	text-align:right;
}
#main_nav ul {
	width:103px;
	height:96px;
	position:absolute;
	top:20px;
	left:-9999px;
	z-index:5;
}
#main_nav #african ul {
	top:30px;
}
#main_nav ul li {
	padding:0;
}
#container #main_nav ul a {
	width:90px;
	line-height:25px;
	background-image:none;
	padding:0;
	border:2px solid #009400;
	color:#FFFFFF;
	display:block;
	font: normal 13px Georgia,Garamond,serif;
	padding:2px 4px;
	background-color:#023100;
	cursor:pointer;
}
#main_nav #leopard ul a {
	background-image:none;
}
#main_nav #crested ul a {
	background-image:none;
}
#main_nav #african ul a {
	background-image:none;
}
#main_nav #gargoyle ul a {
	background-image:none;
}
#main_nav #nephrurus ul a {
	background-image:none;
}
#main_nav a:hover+ul {
	left:150px;
}
#main_nav ul:hover {
	left:150px;
}
#container #main_nav ul a:hover {
	background-color:#0D570D;
	border:2px solid #023100;
	color:#C0FAC0;
	text-decoration:none;
}

/* main content */
#main_content {
	float:left;
	width:675px;
	background-color:#0D570D;
	padding:30px 0 25px 0;
	min-height:800px;
	height:auto !important;
	height:800px;
	margin-bottom:50px;
}
#main_content #contentHead {
	margin-bottom:20px;
	height:auto;
	overflow:hidden;
}
#main_content h1 {
	margin-bottom:10px;
	width:550px;
	min-height:52px;
	height:auto !important;
	height:52px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
}
#main_content h1 span, #main_content.available h2, #main_content.punnett h1, #main_content.wanted h2 {
	background-color:#023100;
	text-align:center;
	text-indent:0;
	padding:8px;
	width:550px;
	margin:0px auto;
	display:block;
	font-size:20px;
	border-top:1px dashed #0D570D;
	border-bottom:1px dashed #0D570D;
	margin-top:45px;
	text-decoration:none;
	height:auto;
	overflow:hidden;
	line-height:25px;
}
#main_content.available h2, #main_content.wanted h2 {
	margin-bottom:25px;
	float:left;
	clear:left;
	margin-left:55px;
}
#main_content h2 {
	margin-top:15px;
	padding:0 0 10px 10px;
}
#main_content .h1Leopard {
	background:#009400 url(/media/leopardH1.png) no-repeat 50% 5px;
}
#main_content .h1Crested {
	background:#009400 url(/media/crestedH1.png) no-repeat 50% 5px;
}
#main_content .h1African {
	background:#009400 url(/media/africanH1.png) no-repeat 50% 5px;
}
#main_content .h1Gargoyle {
	background:#009400 url(/media/gargoyleH1.png) no-repeat 50% 5px;
}
#main_content .h1Nephrurus {
	background:#009400 url(/media/nephrurusH1.png) no-repeat 50% 5px;
}	
#main_content .h1Ordering {
	background:#009400 url(/media/orderingH1.png) no-repeat 50% 5px;
}
#main_content .h1Contact {
	background:#009400 url(/media/contactH1.png) no-repeat 50% 5px;
}
#main_content .h1Links {
	background:#009400 url(/media/linksH1.png) no-repeat 50% 5px;
}
#main_content .h1About {
	background:#009400 url(/media/aboutH1.png) no-repeat 50% 5px;
}
#main_content .h1Wanted {
	background:#009400 url(/media/wantedH1.png) no-repeat 50% 5px;
}
#main_content h2 .species {
	padding-top:8px;
	text-align:center;
	font-size:10px;
}
#main_content p {
	padding:0 55px 0 25px;
}
#main_content p.sale {
	background-color:#EF720E;
	color:#000;
	text-transform:uppercase;
	padding:8px 55px;
	text-align:center;
	width:550px;
	margin:0px auto;
	font-size:20px;
	margin-top:45px;
	height:auto;
	overflow:hidden;
	line-height:25px;
}
#main_content a {
	background-color:#023100;
	font-variant:small-caps;
	padding:1px;
}
#main_content a:hover {
	background-color:#0D570D;
}
#main_content .bottomLink {
	padding-top:25px;
}
/* index */
#main_content p#signature{
	text-indent:0;
	text-align:center;
	margin:2px 0;
	font-variant:small-caps;
	font-weight:bold;
}
#main_content #hatching {
	display:block;
	margin:0px auto;
}
/* available */
#main_content .genus {
	display:inline;
}
#main_content .gecko .stats {
	float:left;
	width:225px; 
	font:small-caps bold 11px Georgia, Helvetica, serif;
	color:#FFF;
	margin:0px 25px;
	border:1px solid #FFF;
}
#main_content .gecko {
	clear:both;
	margin-top:10px;
	width:100%;
	padding-bottom:25px;
	float:left;
}
#main_content .gecko p {
	border:1px solid #FFF;
	padding:3px 5px;
	text-indent:0;
}
#main_content .gecko .info {
	font:10px Courier, "Courier New";
	color:#DEDEDE;
}
#main_content .gecko img {
	float:left;
}
/* contact */ 
#main_content.contact p {
	margin:0 auto;
	padding:0 0 5px 0;
	text-align:center;
}
#main_content form {
	border:1px double #FFF;
	font:bold small-caps Courier, "Courier New";
	width:550px;
	margin:0 auto;
}
#main_content form h3 {
	margin:0 auto;
	margin-top:10px;
	padding:5px 3px;
}
#main_content form label {
	padding-left:25px;
}
#main_content form .topicLabel {
	padding-left:25px;
}
#main_content form .choiceLabel {
	padding:0;
}
#main_content form input {
	margin-right:5px; 
	border:1px solid #0D570D;
	background-color:#009400 !important;
	color:#B4EDB4;
}
#main_content form input:hover {
	border:1px solid #fff;
}
#main_content form .input {
	width:175px;
	padding-left:5px;
}
#main_content  form .choice {
	position:relative;
	top:2px;
	margin-left:15px;
	border:0;
}
#main_content form select {
	margin-left:50px;
	margin-top:10px;
	overflow:auto;
	width:130px;
	height:90px;
	outline:0;
	overflow:hidden;
	background-color:#009400 !important;
	color:#B4EDB4;
	border:1px solid #0D570D;
}
#main_content form select:hover {
	border:1px solid #fff;
}
#main_content form option.choice {
	margin:0;
	padding-left:5px;
}
#main_content form .oneLine{
	display:block;
}
#main_content form .comments {
	border-top:1px solid #fff;
	margin:15px 25px 0 25px;
	padding:5px 0;
}
#main_content textarea {
	text-align:left;
	text-indent:0;
	width:350px;
	height:150px;
	margin:0;
	padding:0;
	background-color:#009400 !important;
	color:#B4EDB4;
	border:1px solid #0D570D;	
}
#main_content textarea:hover {
	border:1px solid #fff;
}
#main_content .center {
	text-align:center;
	margin:0 auto;
}
#main_content #one {
	margin:0 auto;
}
#main_content #submit {
	display:block;
	background-color:transparent;
	color:#000;
	margin:15px auto;
	text-align:center;
	border:none;
	cursor:pointer;
	padding:2px 5px;
	border:1px dashed #fff;
}
#main_content #submit:hover {
	background-color:#009400;
	color:#C0FAC0;
	border:1px solid #fff;
}

/* wanted */
#main_content.wanted h2 {
	margin-top:15px;
}
#main_content.wanted ul {
	margin-left:85px;
}
#main_content.wanted  li {
	list-style-type:circle;
}
/* punnet */
#main_content #punnett {
	display:block;
	margin:0 auto;
}
#main_content.punnett h1 {
	margin-top:0;
	min-height:10px;
	height:auto !important;
	height:10px;
}
#main_content.punnett ul{
	padding:0 75px;
}
#main_content.punnett ul li{
	font-size:10px;
	margin:10px 0;
	line-height:14px;
}
#main_content .small{
	padding-top:0;
}
/* links */
#main_content.links h2 {
	clear:left;
}
#main_content.links .link {
	float:left;
	margin-left:25px;
	width:270px;
	height:100px;
	text-align:center;
}
#main_content.links .link.friend {
	height:150px;
}
#main_content.links .link a {
	background:none;
	display:block;
	position:relative;
	text-decoration:none;
}
#main_content.links .link img {
	border:0;
	display:block;
	text-align:center;
	margin:0 auto;
}
#main_content.links .link a span {
	position:absolute;
	text-indent:-9999px;
	text-align:center;
	width:100%;
	text-decoration:none;
}
#main_content.links .link a:hover span {
	text-indent:0;
	left:0;
}
	
	
/* sidebar_nav */
#side_nav {
	margin-left:-155px;
	margin-top:-110px;
	float:left;
	position:relative;
	z-index:5;
	width:300px;
}
#side_nav #treeTop {
	background:url(/media/treetop.png) bottom no-repeat;
	text-indent:-9999px;	
	position:relative;
	width:300px;
	height:150px;
	/*left:-150px;*/
	z-index:3;
}
/* sidenav */
#side_nav ul {
	width:94px;
	height:138px;
	position:relative;
	left:155px;
	z-index:5;
}
#side_nav ul li {
	display:block;
	position:relative;
}
#side_nav ul li a {
	width:94px;
	height:15px;
	display:block;
	line-height:15px;
	padding:2px 0px;
	background-color:#023100;
	border:2px solid #0D570D;
}
#side_nav ul li a:hover {
 	border:2px solid #009400;
	background-color:#0D570D;
	color:#C0FAC0;
	text-decoration:none;
}
#side_nav ul a.active {
	border:2px solid #009400;
	background-color:#0D570D;
	color:#C0FAC0;
}
#side_nav #treeBottom {
	background:url(/media/treebottom.png) top no-repeat;
	text-indent:-9999px;
	width:200px;
	height:150px;
	position:relative;
	left:100px;
	z-index:3;
}
#side_nav ul, #news {
	text-align:center;
	font:small-caps bold 13px Georgia, Garamond, serif;
}


/* sidebar_news */
#news {
	background-color:#023100;
	width:180px;
	left:110px;
	top:-30px;
	font-size:13px;
	position:relative;
	padding-top:10px;
	padding-bottom:10px;
	z-index:2;
}
#news h1 {
	display:block;
	width:150px;
	height:45px;
	font:18px Georgia, Garamond, serif;
	border-bottom:2px dashed #0D570D;
	text-indent:-9999px;
	padding:5px 5px 0px 5px;
	text-align:center;
	position:relative;
	margin:0 auto;
	background:#0D570D url(/media/newsH1.png) center no-repeat;
}
#news h2, #news h3 {
	font:small-caps bold Georgia, Garamond, serif;
	color:#FFF;
	padding:0;
	margin:0;
}
#news h2 {
	font-size:20px;
	line-height:20px;
	text-align:left;
	padding-left:10px;
	border-top:1px dashed #0D570D;
	border-bottom:1px dashed #0D570D;
}
#news h3 {
	font-size:18px;
	line-height:18px;
	text-decoration:underline;
	margin:5px 0 5px 0;
}
.show_name {
	display:block;
	color:#B4EDB4;
	font-size:14px;
}
.show_date {
	display:block;
	color:#FFF;
	font-weight:normal;
	font-size:11px;
}
#news span {
	display:block;
}
#side_nav #news a{
	font-size:11px;
	display:block;
	text-decoration:none;
	color:#009400;
	width:135px;
	margin:10px auto;
	padding:5px 10px;
	line-height:15px;
	border:0;
}
#news a:hover{
	background-color:#0D570D;
}

/* footer */
#footer {
	clear:both;
	font-size:11px;
	width:950px;
}
#footer .links {
	text-align:left;
	float:left;
	clear:left;
	width:350px;
	margin-left:150px;
	_margin-left:75px;
}
#footer .links.first, #footer .links.last {
	text-align:center;
	width:100%;
	margin:0;
}
#footer .links.first a{
	font-weight:bold;
	color:#5a5a5a;
}
#footer .links.first a:hover{
	color:#fff;
}
#footer .links.odd {
	float:left;
	clear:none;
	margin:0;
}
#footer strong {
	clear:left;
	color:#5a5a5a;
}
#footer a {
	font-family:Georgia, Garamond, serif;
	color:#3a3a3a;
	padding:2px;
	font-weight:normal;
}
#footer a:hover {
	text-decoration:none;
	color:#C0FAC0;
	background-color:#0D570D;
}
#footer #siteDesign {
	width:100%;
	position:relative;
	height:31px;
	clear:left;
	padding:15px 0;
}
#footer span {
	font-size:13px;
	float:left;
}
#footer span a {
	color:#fff;
	line-height:31px;
}
#footer ul {
	width:190px;
	float:right;

}
#footer ul li {
	display:inline;
	width:88px;
	height:31px;
}
#footer ul li a {
	display:block;
	float:left;
}
#footer img {
	border:0;
	float:left;
	
}
#footer p {
	clear:both;
	text-align:center;
	margin-bottom:25px;
}