/*
	Description	- A stylesheet for the Sprung.co.uk website
	Filename	- screen.css
	Medai type	- Web based devices
	Author		- Peter Osborne - peter.osborne@wlv.ac.uk
	Date		- 2nd February 2009
*/

/* Main div elements used for the layout of the webpage */

body {
	padding: 0px; margin: 0px;
	font-family: Helvetica, Arial, sans-serif;
	color: #fbb324;
	background: #000000;
	font-size: small; /* For IE5/win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size:medium; /* For compliant browsers */
}
html>body { font-size:medium; } /* Be nice to Opera */

#container { width: 900px; padding: 0; margin: 0 auto; background: black; margin-top: 20px; }
#logo { float: left; width: 900px; height: 100px; background: url(../images/logo.png) no-repeat; }
#menu { width: 900px;  padding: 0; margin: 0 auto; }
#content { float: left; width: 900px; }
#product { width: 800px; /* height: 450px; */ margin: 20px auto; }
#footer { float: left; width: 900px; height: 119px; color: #EDC266; background: url(../images/footer.png) repeat-x; margin-top: 10px; }

/* Styling tags for the message div */
#message { clear: both; width: 900xp; color: #E1D3A6; border-top: 1px #E1D3A6; font-weight: 600; text-align: center; }
#message p { margin: 0; padding: 8px 0; }

/* Styling tags for the menu div */
#menu ul { margin:0; padding:0; list-style: none;}
#menu li { margin:0; padding: 0; display: inline; }
#menu a:active { color: black; background: #E1D3A6; }
#menu a { float: right; font-weight: bold; padding: 5px 25px; text-align: center; background: #B6952C; }
#menu a:link, #menu a:visited { color: #000000; text-decoration: none; font-size: 100%; font-weight: 600; }
#menu a:hover { color: black; background: #E1D3A6; }

/* Styling tags for the footer div */
#footer h3{ font-size: 70%; font-weight: 600; padding: 25px 0 5px 0; margin: 0; text-align: center; }
#footer h4{ font-size: 70%; font-weight: 200; padding: 4px 0; margin: 0; text-align: center; }

/* Styling for the Product Div */
#product_img { float: left; width: 400px; /* height: 400px; */ }
#product_txt { float: right; width: 390px; /* height: 400px;*/ text-align: justify; }
#product_menu { width: 800px; height: 50px; }

/* Styling tags for the product_menu div */
#product_menu ul { margin:0; padding:0; list-style:none;}
#product_menu li { margin:0; padding: 0; display: inline; }
#product_menu a { float: left; font-weight: bold; height:50px; width: 100px; text-align: center; }
#product_menu a:link, #product_menu a:visited { color: #000000; text-decoration: none; font-size: 100%; font-weight: 600; }

/* Styling tags for the product_txt div */
#product_txt h1 { padding: 0; margin: 0; color: #fbb324; }