/*
	Filename - Screen.css
	Description - Stylesheet for the Mercia Interiors Midlands Ltd website.
	Author - Peter Osborne (peter.osborne@wlv.ac.uk)
	Date - 25th January 2008
*/

/* Page layout tags */

body {
	background-color:#800;
	padding: 0px; margin: 0px;
	font-family: "Times New Roman", Helvetica, Arial, sans-serif;
	color: #000000;
	background: #ffc url(../images/background.gif) 100px repeat-y;
	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; margin-left: 0; }
#sidebar { float: left; 	width: 300px; margin: 0; padding: 0; position: fixed; }
#content-panel { float: right; width: 600px; margin: 0; padding: 0; }
#sidelogo { float: left; width: 100px; height: 560px; margin: 0; padding: 0; background: url(../images/side-logo.png) no-repeat; }
#menu { float: right; }
#header { height: 123px; width: 600px; background: url(../images/header.gif) no-repeat; }
#content { width: 580px; text-align: justify; list-style: none; 	padding: 4px 10px; }

#footer { 
	width: 600px;
	clear: both;
	text-align: center;
	font-size: 60%;
	font-weight: 600;
	padding: 6px 0px;
	background-color: #000000;
	color: #FFFF99;
}

/* Styling tags for the content section */
#content h1 { font-size: 150%; color:#880000; padding: 0; margin:12px 0 5px 0; }
#content h2{ font-size: 150%; color:#000000; padding: 0; margin: 0; }
#content p { padding: 6px 0 ; margin: 0; line-height: 125%; font-size: 105%; }
#content img { padding: 4px; border: 1px solid #CCC; }
#content .left { margin: 10px 8px 0 0; float: left; }
#content .right { margin: 10px 0 0 8px; float: right; }
#content .center { text-align: center; }
#content table { width: 100%; text-align: left; }
#content table th {width: 33%; }
#content a { font-size: 90%; color:#336699; font-weight:bold; padding: 0; }
#content a:link, #content a:visited { text-decoration: none; }
#content a:hover { color: red; }
#content li {padding: 3px 0; }
#content ul { margin-top: 0; }

/* Menu - styling for the navigation menu */
#menu ul { margin:0; padding:2px 0; list-style:none; margin-top: 15px; }
#menu li { margin:0; padding: 2px; text-indent: 25px;}
#menu ul ul { margin: 0; padding: 2px 0; }
#menu ul ul li { text-indent: 50px; }
#menu a { display: block; width: 190px; font-weight: bold;}
#menu a:link, #menu a:visited { color: #880000; text-decoration: none; font-weight: bold; }
#menu a:hover { color:#FFFF99; }

/* Content - styling for the thumbnail strip */
#imagelist{ width: 560px; margin: 20px auto; background-color: #E3E4FA; border: 1px solid #999; padding: 5px; text-align: centre; }
#imagelist img { padding: 4px 4px 0 4px; }
#imagelist h5 { font-size: 70%; font-weight: 600; text-align: centre; padding: 2px; margin: 0;}
#imagelist a img { border: none; }

/* Styling for the Contact Form */
#contact_form { width: 550px; text-align: left; }
#rcontact_form h2{ text-align: center; }
#contact_form fieldset { padding: 0; }
#contact_form dl { width: 550px; padding: 0; margin: 5px 0; }
#contact_form dt { float: left; width: 150px; text-align: right; padding: 0; margin: 0; }
#contact_form dd { padding: 0; margin: 0; }