/*-----------------------------------------------------------------------------------------------------------------------------------------------------------
CSS for MW Sales and Marketing - Main Stylesheet
Author:		Alison Lee / Silktide Ltd
Created:	11/08/2006
Updated:	08/01/2007

History:

11/08/2006		Stylesheet created
08/01/2007		MAX self defense stylesheet modified for MW Sales and Marketing colour scheme
	
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Global Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

body						{ font: 80% verdana, arial, helvetica, sans-serif; padding: 0; margin: 0;}

h1						{ font: normal 1.8em arial, verdana, helvetica, sans-serif; color: #ffa91c; margin-top: 10px; }
h2						{ font: normal 1.4em arial, verdana, helvetica, sans-serif; color: #ffa91c; margin-top: 0; }
h3						{ font: normal 1.2em arial, verdana, helvetica, sans-serif; color: #ffa91c; margin-top: 0; }

p,li						{ font-size: 1.0em; line-height: 1.5em;  }
.highlight				{ color: #ffa91c; }
blockquote				{ color: #ffa91c; margin-bottom: 5px; }
blockquote .highlight { font: bold 1.2em "times new roman", times, serif; color: #000; }
cite						{ width: auto; display: block; font-size: 0.85em; text-align: right; margin-top: 0; margin-right: 20px; }

a							{ color: #ffa91c; text-decoration: none; }
a:hover					{ color: #666; }


hr							{ height: 1px; background-color: #e8e8e8; color: #e8e8e8; border: 0; margin: 15px 0; }
img						{ border: 0; }
form, table				{ background: transparent; font-size: 1.0em;  }

.tablestyle				{ border-collapse: collapse; }
.tablestyle td, .tablestyle th	{ vertical-align: top; padding: 5px; border: 1px solid #e8e8e8; }

.clear					{ height: 0; clear: both; line-height: 0.1em; padding: 0; margin: 0; }
.right						{ float: right; }
.left						{ float: left; }

.widthwrapper			{ width: 100%; }
.padding				{ padding: 20px; }

#skipnav				{ display: none; }


/* Layout Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#container				{ width: 100%; }

#header					{ /*height: 113px;*/ background: #ffa91c url("templatefiles/header-bg.jpg") repeat-x left bottom; padding-bottom: 8px;}

#sidecol					{ width: 180px; float: left; margin: 10px; }
	
.subcontent			{ width: 300px; float: right; margin: 10px 10px 10px 20px; }
#halfwidth				{ width: 150px; }

#content				{ margin: 10px 20px 10px 220px; }

#home .subcontent		{ width: 220px; }
#home #content			{ margin-right: 260px; }


/* Header Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#header div			{ height: 105px; position: relative; }
#header img			{ padding: 15px 0 0 10px; }
#header img#logo		{ display: block; }
#header img#logoprint	{ display: none; }


/* Search Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#search					{ font-weight: bold; color: #000; vertical-align: middle; }
#search label			{ font-size: 0.85em; vertical-align: middle; }
#search input			{ background-color: #fff; vertical-align: middle; border: 1px solid #000; margin-left: 5px; }
#search .button		{ width: 32px; height: 21px; background: transparent url("templatefiles/search-button.gif") no-repeat 0 0; vertical-align: middle; border: 0; }

#header #search		{ height: auto; background: none; position: absolute; top: 70px; right: 10px; }

/* Navigation Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#sidecol-top			{ height: 8px; background: #ffa91c url("templatefiles/sidecol-top.jpg") no-repeat left top; }

#sidecol ul				{ background: #ffa91c url("templatefiles/sidecol-bot.jpg") no-repeat left bottom; padding: 0 0 30px; margin: 0 0 0; }
#sidecol ul li			{ background: transparent url("templatefiles/nav-li-bg.jpg") repeat-x left top; line-height: 25px; list-style: none; }
#sidecol ul li a			{ width: 100%; display: block; color: #fff; padding: 0 15px 1px; }
#sidecol ul li a:hover	{ color: #000; }


/* Subcontent Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.subcontent img		{ margin-bottom: 10px; }
.subcontent p			{ font-size: 0.85em; }
.subcontent table#subpics td		{ width: 140px; text-align: center; vertical-align: top; padding-bottom: 10px; }
.subcontent table#subpics td img	{ margin: 0 auto; }

.subbox					{ position: relative; min-height: 150px; padding: 10px; border-left: 2px solid #ffa91c; border-right: 2px solid #ffa91c; margin-bottom: 10px; }
.subbox-top			{ width: 220px; height: 12px; position: absolute; top: 0; left: -2px; background: transparent url("templatefiles/subbox-top.gif") no-repeat left top; }
.subbox-bot			{ width: 220px; height: 12px; position: absolute; bottom: -1px; left: -2px; background: transparent url("templatefiles/subbox-bot.gif") no-repeat left bottom; }
.gradient				{ background: #efefef url("templatefiles/gradient-bg.jpg") repeat-x 0 0; }

.subbox p 				{ font-size: 0.85em; margin: 5px 0; }


/* Content Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#content ul			{ margin-left: 20px; }
/* #content ul li			{ background: url("templatefiles/arrow-black.jpg") no-repeat 0 6px; list-style: none; padding-left: 12px; } */


/* Footer Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

p#footer				{ font-size: 0.8em; color: #ffa91c; margin: 5px 0 10px 30px; }
p#footer a				{ color: #000; }
p#footer a:hover		{ color: #ffa91c; }