/*	-------------------------------------------------------------
	The Elephant Shop, 1-Col Fixed Layout
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	.author         jason roberts
	.version       1.0
	.url       theelephantshop.com.au
	.timestamp       19/09/2008 
	. comment 		trialing single line css regex to guage management
	
	
	-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	Table of Contents
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	1. Body
	2. Links and Images
	3. Containers
	4. Header and Footer
	5. Typography
	6. Navigation
	7. Form
	8. Introduction Page
	
	Z. Custom Styles
	

*/
		@charset "utf-8";

* {font-size:100.01% }
html {font-size:62.5%; }

/* TESTING BORDERS */

/*.container,   .banner, .footer,  .menu, .contents, .header { border: 1px solid; }  */

/*	-------------------------------------------------------------
	1. BODY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

body { 	font: 12px/1.8em Geneva, Arial, Helvetica, sans-serif;	margin: 0; 	padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ color: #000000;  background-color: #282828; background-image:url(../images/background-repeater.png); background-repeat: repeat-x; }

/*	-------------------------------------------------------------
	2. LINKS and IMAGES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
a { text-decoration: none; }
a:hover {border-bottom: 1px solid }

.footer, .footer a  { color: #E5E5E5; }
img { border: 4px solid #999999; background-color: #FFFFFF; padding: 2px}
.content .imgLeft { float: left; margin: 8px 10px 0px 0px; clear: both}
.gallery img {border: none;}
.gallery img a {border:none;}




/*	-------------------------------------------------------------
	3. CONTAINERS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
.background-container {   background-image: url(../images/background.png); background-position: center top; background-repeat: no-repeat; margin-top: 20px;}		
.container {width: 950px; margin: 0px auto 0px auto; overflow: auto;}	
.content {width: 659px; float: left; padding: 10px 20px 20px 20px; background-color: #FFFFFF; /* border: 8px #5C2215 solid */ }
.content .voucher img {border: none;}


/*	-------------------------------------------------------------
	3. HEADER and FOOTER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.header { margin: 80px auto 0px auto; height: 150px; width: 100%; padding-top: 20px;/*background-color: #000000;  background-image:url(../images/header-background.png); */ }
.footer { width: 950px; height: 200px; overflow: hidden; margin: 0px auto; margin-top: 20px; /* background-image: url(../images/background-footer.png); background-repeat: no-repeat; background-position: right; */}
.footer ul { float: left;  padding-left: 0px; margin-top: 60px; margin-left: 10px; }
.footer ul li {display: inline; margin: 5px 15px;}
.footer .copyline {float: left; padding-top: 10px; margin-left: 25px; border-top: 1px solid #ccc; width: 100%; text-align: left;}

/*	-------------------------------------------------------------
	5. TYPOGRAPHY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
p { text-align: left; color: #192B33}	
.menu ul li a {color: #F6F1D7;  letter-spacing: 1px; font-weight: bold; font-size: 1.8em; 	font-family: Georgia, georgia, "Times New Roman", Times, serif; border: none;}
body h1{  text-align: left; margin:0px;  padding:0px; font-family: Georgia, Times, serif; font-size:19px; font-style: italic; color: #d27005; line-height: 25px;	 }
.products h1 { }



/*	-------------------------------------------------------------
	6. NAVIGATION
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.menu { width: 250px; float: left;  /* background-image: url(../images/background-menu.png); background-repeat: no-repeat; height: 300px; background-position: 60px; 0px; */}
.menu ul { margin-top: 20px; width: 250px; text-align: right; padding: 0px; }
.menu ul li {padding: 8px 10px; margin-left: 0px; line-height: 2em; /*list-style-image: url(../images/menu-dot.png); */ margin-bottom: 20px; list-style: none;}
.menu ul li a:hover { border-bottom: 3px solid #5C594D; border: none;}
	

/*	-------------------------------------------------------------
	8. INTRODUCTION PAGES - all typographical, formatting selectors for the Introduction page reside here
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.intro { background-color: #000000; } 
.intro embed { 	margin: 0px; }
.intro .footer a { text-decoration: none; color: #CCCCCC; float: right; padding: 10px 5px; }