body {
margin:0;
padding:0;
font: normal 62.5% Verdana, "Trebuchet MS", Arial, sans-serif;
text-align:left;
line-height: 2em;
background:#000000;
color: #333333;
}
html {
font-size: 100%;
}
#wrap {
width: 700px;
margin: 0 auto;
text-align: left;
border: 10px solid #fff;
background: #FF9A04;
}
		/* HEADER */ 
#header {
height: 150px;
border: 1px solid #fff;
border-width: 0 0 1px 0;
background: #E89E01 url(images/reptile_roadshow.jpg) no-repeat;
color: #333;
}
#header h2 { 
margin : 0;
padding : 50px 150px;
letter-spacing : 3px;
background : transparent;
color : #000;
} 
			/*TOP NAVIGATION */ 
#menu {
height: 100px;
margin : 0;
padding : 0;
font-size : 1em;
list-style-type : none;
list-style-image : none;
text-transform : uppercase;
background: #fff url(images/menu_back.jpg) no-repeat;
}
#menu li {
float : left;
width :10em;
border-right : 1px solid #eee;
}
#menu a {
display : block;
height : 70px;
width : 10em;
padding : 30px 0 0 0;
font-weight : bold;
line-height : 30px;
letter-spacing: 2px;
text-align : center;
color : #FFFFFF;
background : #D85B00;
}
#menu a:hover {
color : #000000; 
text-decoration: underline;
}
#menu li#home a:hover { background-image:url(images/reptile1_m.jpg); }
#menu li#gallery a:hover { background-image:url(images/reptile2_m.jpg); }
#menu li#events a:hover { background-image:url(images/reptile3_m.jpg); }
#menu li#booking a:hover { background-image:url(images/reptile4_m.jpg); }
#menu li#contact a:hover  { background-image:url(images/reptile5_m.jpg); }

			/* CONTENT CONTAINER  */ 
#content {
position: relative;
width: 700px;
padding: 0;
background: #FFFFFF;
color: #333;
}
			/* LEFT CONTENT */ 
#l-col {
float: left;
margin-top: 0;
width: 170px;
text-align: left;
background: transparent;
color: #333;
}
			/* MAIN CONTENT */ 
#cont { 
width: 520px;
margin-top: 0;
margin : 5px 5px;
border: 1px solid #D85B00;
border-width: 0px 0px 0px 1px;	
text-align: left;
background: #FFFFFF;
color: #999;
}

/*PHOTO GALLERY*/
#gallery {
height : auto;
margin : 0px 0 0 0px;
}
#gallery img {
float : left;
margin : 2px;
padding : 5px;
border : 1px solid #FF8000;
}
			/* FOOTER */ 
#footer {
margin-top: 10px;
text-align: center;
border: 1px solid #fff;
background: #D85B00;
color: #fff;
}
#footer a {
color: #F4D500;
}
#footer a:hover {
color: #fff;
}
			/* LINKS*/ 
a:link, a:visited {
color: #008800;
text-decoration: none;
}
a:hover {
text-decoration: none;
color: #FF8000; 
}
a {
outline: none;
}
			/*LEFT MENU */ 
.sidenav { 
margin : 5px 5px;
padding : 0;
list-style-type : none;
background : inherit;
color : #fff;
} 
.sidenav a { 
letter-spacing : 1px;
margin-bottom : 10px;
padding-left : 10px;
display : block;
text-decoration : none;
font-size: 1.1em;
font-weight : bold;
background : url(images/arrow.gif) no-repeat left center;
color : #008800;
} 
.sidenav a#current, .sidenav a:hover { 
text-decoration : none;
background : url(images/arrow2.gif) no-repeat left center;
color : #D85B00;
} 
ul { 
list-style : none;
margin : 0;
padding : 0;
} 
			/* TYPOGRAPHY */ 
.clear {
clear: left;
overflow: hidden;
width: 0;
height: 0;
}
blockquote p {
padding: 5px;
font-size: 1em;    
background: inherit;
}
blockquote {
padding: 5px;
margin : 5px 5px;
font-size: 1.2em;    
background: inherit;
} 
p {
color: #585947;
margin:0;
padding: 0 1px;
}
h3 {
margin: 0 0 0 10px;
padding: 10px 0;
letter-spacing: 2px;
font-size: 1.6em;
background: inherit;
color: #D85B00;
}
input { background-color: #D85B00 ! important}