* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	background: url(../images/bgdiag.gif) repeat;
}

		
p, li, h1, h2, h3, h4, h5, h6, span {
	font-family: Tahoma, sans-serif;
}


p, li {
	font: 10pt/11.4pt Tahoma, sans-serif;
	margin-bottom: 10px;
}

#top
	{
	width: 98%;
	border: 0px solid #000;
	height: 30%;
	}


#left
	{
	float:left;
	width: 39%;
	height: 26%;
	border: 0px solid #000;
	}
	
	#left img
		{
		width: 100%;
		border: 1px solid #4e4d4d;
		}
	
#right
	{
	float:right;
	width: 59%;
	height: 100%;
	border: 0px solid #000;
	}


#bottom
	{
	width: 98%;
	border: 0px solid #000;
	height: 30%;
	}

h1 {
	font: 14pt Tahoma, sans-serif;
	color: white;
	height: 0px;
}

h2 {
	font: bold 12pt Tahoma, sans-serif;
	color: green;
	margin-bottom: 10px;
}

h3 {
	font: bold 11pt Tahoma, sans-serif;
	margin: 5px 0px 5px;
}

ul, ol
{
	margin-left: 25px;
}

ul.none, ol.none
	{
	list-style: none;
	}

ul.big, ol.big
	{
	list-style: none;
	margin-left: 0px;
	}

ul.big li, ol.big li
	{
	font: 12pt Arial, sans-serif;
	line-height: 12px;
	color: #DE8713;
	}


ul.clients
	{
	list-style: none;
	}
	
	ul.clients li
		{
		font: bold 11pt Arial, sans-serif;
		line-height: 12px;
		}


img {
	border: none;
}

img#menu
	{
	position: absolute;
	top: 89px;
	left: 308px;
	z-index: 2;
	}
	
	
#page-wrap {
	background: #fff;
	min-width: 600px;
	max-width: 1024px;
	margin: 10px auto;
	}
	#page-wrap #inside {
		margin: 10px 10px 0px 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
#main-content {
	background: url(../images/left-sidebar.gif) repeat-y white;
	padding-left: 230px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 15px;
	min-height: 100%;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 0px;
	border: 0px solid #ccc;
}
	
#header {
	text-align: left;
	height: 126px;
	background: url(../images/header2.jpg) repeat-x;
	border: 0px solid #000;
	}
	
	#hhe
		{
		width: 25%;
		height: 33%;
		vertical-align:top;
		border: 3px solid #ff0000;
		z-index: 50;
		position: relative;
		top: -100px;
		left: 100px;
		}

	img#masthead
		{
		}
	
#left-sidebar {
	width: 195px;
	float: left;
	padding-left: 10px;
	padding-top: 20px;
	margin-left: 10px;
	border: 0px solid #000;
}

#footer {
	background: #A6CC73;
	height: 20px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 2px;
	color: white;
}

#footer span
	{
	margin: 0px 25px 0px;
	letter-spacing: 1px;
	}
	
	#footer span a
	{
	font-weight: normal;
	}
	
a:link
	{
	color:#99001A;
	text-decoration: none;
	font-weight: bold;
	}      /* unvisited link */

a:visited
	{
	color:#99001A;
	text-decoration: none;
	font-weight: bold;
	}  /* visited link */

a:hover
	{
	color:#99001A;
	text-decoration: none;
	font-weight: bold;
	}  /* mouse over link */

a:active
	{
	color:#99001A;
	text-decoration: none;
	font-weight: bold;
	}  /* selected link */
	
	
li a:link
	{
	font-weight: normal;
	}      /* unvisited link */

li a:visited
	{
	font-weight: normal;
	}  /* visited link */

li a:hover
	{
	font-weight: normal;
	}  /* mouse over link */

li a:active
	{
	font-weight: normal;
	}  /* selected link */

	
.bold
	{
	font-weight:bold;
	}


input
	{
	margin: 5px 5px 5px;
	}

fieldset
	{
	border: 0px;
	}
	
label
	{
	font: 9pt Tahoma, sans-serif;
	display: inline;
	}
	

	
#mainmenu
	{
	z-index:5;
	position: absolute;
	top: 103px;
	left: 300px;
	height: 38px;
	}
	
#outerdiv
	{
	position: relative;
	top: -155px;
	left: -73px;
	}
	
	
/* CSS for the Menu START +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
ul.ws_css_cb_menu {
	background-color: transparent;
	width:600px;
	display:block;
	float: left;
	height:33px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 0px;
}
ul.ws_css_cb_menu li {
	display:block;
	margin:2px 0px 0px 2px;
	float:left;
	font:11pt Arial, sans-serif;
}
ul.ws_css_cb_menu a:hover ul, ul.ws_css_cb_menu a:hover a:hover ul, ul.ws_css_cb_menu a:hover a:hover a:hover ul {
	display:block;
}
ul.ws_css_cb_menu a {
	display:block;
	vertical-align:middle;
	border-width:0px;
	border-color:#6655ff;
	border-style:solid;
	padding:2px;
	_padding-left:0;
	color: #444444;
	text-decoration:none;
	text-align:left;
}
ul.ws_css_cb_menu span {
	overflow:hidden;
	font:bold 13pt Arial, sans-serif;
}
ul.ws_css_cb_menu li a:hover, ul.ws_css_cb_menu li a {
	padding:9px;
	color:#763319
}
ul.ws_css_cb_menum li a:hover, ul.ws_css_cb_menum li a {
	padding:4px;
	color: #000
}
ul.ws_css_cb_menu ul {
	position: absolute;
	left:-1px;
	top:98%;
	width:160.65px;
	border-left:1px solid #d5a000;
	border-bottom:1px solid #d5a000;
	border-right:1px solid #d5a000;
	border-top:0px;
	background-color:#ffffff;
}
ul.ws_css_cb_menu ul ul {
	position: absolute;
	left:98%;
	top:-2px;
}
ul.ws_css_cb_menu, ul.ws_css_cb_menu ul {
	margin:0px;
	list-style:none;
	padding:0px 2px 2px 0px;
}
ul.ws_css_cb_menu a:active, ul.ws_css_cb_menu a:focus {
	outline-style:none;
}
ul.ws_css_cb_menu ul li {
	float: left;
	width: 150px;
}
ul.ws_css_cb_menu ul a {
	white-space:nowrap;
	text-align:left;
}
ul.ws_css_cb_menu li:hover {
	position:relative;
}
ul.ws_css_cb_menu li:hover>a {
	background-color:#fff;
	color: #000;
	border-color:#665500;
	border-style:solid;
	text-decoration:none;
}
ul.ws_css_cb_menu li a:hover {
	position:relative;
	background-color:#fff;
	color: #000;
	text-decoration:none;
	border-color:#665500;
	border-style:solid;
}
ul.ws_css_cb_menum li a:hover {
	background-color: #ffc000
}
ul.ws_css_cb_menu img {
	border: none;
	float:left;
	margin-right:4px;
	width:16px;
	height:16px;
}
ul.ws_css_cb_menu ul img {
	width:16px;
	height:16px;
}
ul.ws_css_cb_menu ul, ul.ws_css_cb_menu a:hover ul ul {
	display:none;
	z-index:99999;
}
ul.ws_css_cb_menu li:hover>ul {
	display:block
}
ul.ws_css_cb_menu span {
	display:block;
	padding-right:11px;
}

		ul.ws_css_cb_menu span.arrowdown{
	background-image:url('../images/arrow_down.gif');
	background-position:right center;
	background-repeat: no-repeat;
}
		
/* CSS for TABLE Tags for IE 6 and Lower START */
ul.ws_css_cb_menu li a table, ul.ws_css_cb_menu li a:hover table {
	border-collapse:collapse;
	margin:-4px 0px 0px -9px;
	border:0px;
	padding:0px;
}
ul.ws_css_cb_menu li a table tr td, ul.ws_css_cb_menu li a:hover table tr td {
	padding:0px;
	border:0px;
}
ul.ws_css_cb_menu li a table ul, ul.ws_css_cb_menu li a:hover table ul {
	border-collapse:collapse;
	padding:0px;
	margin:-4px 0px 0px -9px;
}
ul.ws_css_cb_menu ul span, ul.ws_css_cb_menu a:hover table span {
	background-image:url('http://www.wittysparks.com/wp-content/themes/wp-max/images/arrow_down.gif');
}
ul.ws_css_cb_menu table a:hover span, ul.ws_css_cb_menu table a:hover a:hover span, ul.ws_css_cb_menu table a:hover a:hover a:hover span {
	background-image:url('http://www.wittysparks.com/wp-content/themes/wp-max/images/arrow_down.gif');
}
ul.ws_css_cb_menu table a:hover table span, ul.ws_css_cb_menu table a:hover a:hover table span {
	background-image:url('http://www.wittysparks.com/wp-content/themes/wp-max/images/arrow_down.gif');
}
/* CSS for TABLE Tags for IE 6 and Lower END */
/* CSS for All the Menus END */


<!-- People Say this method is CSS HACK for IE 6, but its not - this method is by using Conditional Comments //-->
<!-- For IE 6 by using Conditional Comments START //-->
<!--[if lte IE 6]> <style> ul.videoCssMenu ul { top:120%; left: 4px; } ul.videoCssMenu li a:hover { background-color: #c8703c; } ul.videoCssMenu li ul li a:hover { background-color:#ecb899;}</style> <![endif]-->
<!-- For IE 6 by using Conditional Comments END //-->