body {
	margin:0;
	padding:0;
	background: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#3a3a38;
}
a {
	outline:none;
}
div#leftcorner {
	background: url(../img/shadow.png) 50% 150px no-repeat;
}
div#rightcorner {
	background:none;
}
div#mainwrapper {
	width:960px;
	margin:0 auto;
}
div.clear {
	clear:both;
	width:100%;
	height:1px;
}
div#header {
	width:914px;
	margin:0 auto;
	padding:66px 0 0 0;
}
div#header h1 {
	background:url(../img/logo.jpg) top left no-repeat;
	float:left;
	padding:0px;
	margin:10px 0 0 10px;
	width:250px;
	height:75px;
}
div#header h1 span{
	display:none;
}
div#conentwrapper {
	padding:0px;
	margin:0px;
}
div#navwrapper {
	width:388px;
	float:right;
	margin:0 10px 0 0;
	padding:40px 0 0 0px;
}
ul#mainnav{
	display:inline;
	padding:0;
	margin:0px;
	list-style:none;
	float:right;
}
ul#mainnav li {
	padding:0;
	margin:0px;
	display:inline;
	float:left;
	position:relative;
}
ul#mainnav li a {
	display:block;
	height:46px;
	width:92px;
	text-align:center;
	line-height:40px;
	text-decoration:none;
	color:#999795;
	font-size:14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul#mainnav li a:link {
	color:#999795;
}

ul#mainnav li a:visited {
	color:#999795;
}
ul#mainnav li a:hover {
	font-size:15px;
	color:#4D70EF;
}
ul#mainnav li a:active {
	color:#ffffff;
}
div#contentwrapper {
	width:914px;
	margin:0 auto;
	padding:0 0 0 0;
}
div#contentbg{
	position:relative;
	margin:0;
	padding:0 0 0 0;
    background: #FAFCFF;
	height:419px;
	padding:0px 40px;
}
div#illustration {
	position:absolute;
	bottom:-35px;
	right:0;
	width:409px;
	height:135px;
	z-index:80;
}
a.about {
	display:block;
	text-decoration:none;
	width:409px;
	height:165px;
	padding:0;
	margin:0;
	background:url(../img/contact.png) top left no-repeat;
	cursor:pointer;
}
a.about span {
	display:none;
	padding:0;
	margin:0;
}
div.currentwrapper {
	padding: 20px 0px 10px 0px;
	float:left;
	width:880px;
}
div.wide {
	width:3656px;
}
div#crop {
	width:880px;
	height:360px;
	overflow: hidden;
}
div.currentimage {
	width:400px;
	height:315px;
	margin:0px;
	padding:0px 15px 0px 0px;
	float:left;
	background:url(../img/seperator.gif) top right repeat-y;
}
div.currentcontent {
	width:427px;
	height:315px;
	margin:0px;
	padding:0 3px 0 20px;
	float:right;
}
div.currentcontentleft {
	width:427px;
	height:315px;
	margin:0px;
	padding:0 3px 0 20px;
	float:left;
}
div.currentcontent h2, div.currentcontentleft h2, div.currentimage h2, div.contactinfo h2, div.contactform h2 {
	font-size:30px;
	letter-spacing:-2px;
	color:#3a3a38;
	padding:0px;
	margin:0px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
}
div.currentcontent h6, div.currentcontentleft h6, div.currentimage h6, div.contactinfo h6, div.contactform h6 {
	font-size:10px;
	font-weight:normal;
	color:#3a3a38;
	padding:0px;
	margin:0px;
	line-height:18px;
}
div.currentcontent p, div.currentcontentleft p, div.currentimage p, div.contactinfo p, div.contactform p {
	text-align:justify;
	line-height:18px;
	font-family: Arial,Tahoma,sans-serif;
}
div.currentcontent p a, div.currentcontentleft p a, div.contactinfo p a, div.contactform p a {
	text-decoration:none;
	background:#EDDC61;
	color:#1D1E2B;
	padding:0px 7px 1px 7px;
	margin:0 3px 0 3px;
}
div.currentcontent h6 a, div.currentcontentleft h6 a, div.contactinfo h6 a, div.contactform h6 a {
	text-decoration:none;
	background:#4b4946;
	color:#fff;
	padding:0px 7px 1px 7px;
	margin:0 3px 0 3px;
}
div.currentcontent h6 a:hover, div.currentcontentleft h6 a:hover, div.contactinfo h6 a:hover, div.contactform h6 a:hover {
	text-decoration:none;
	background:#333130;
}
div.currentcontent a:hover, div.currentcontentleft a:hover, div.contactinfo a:hover, div.contactform a:hover {
	text-decoration:none;
	background:#333130;
}

div.currentcontent h3, div.currentcontentleft h3, div.currentimage h3, div.contactinfo h3, div.contactform h3 {
	font-size:15px;
	color:#3a3a38;
	padding:0px;
	margin:0px;
}
div.currentcontent ul, div.currentimage ul, div.contactinfo ul, div.contactform ul {
	padding:10px 0 0 0;
	margin:0;
	list-style:none;
}
div.currentcontent ul li, div.currentimage ul li, div.contactinfo ul li, div.contactform ul li{
	display:block;
	font-size:13px;
	line-height:28px;
	padding-left:25px;
	background:url(/img/token.png) center left no-repeat;
	border-bottom:1px solid #8a8986;
}
div#toolswrapper {
	margin-top:10px;
}
div#toolswrapper ul {
	width:140px;
	padding:0;
	margin:0;
	list-style:none;
	float:left;
}
div#toolswrapper ul li {
	background:none;
	margin:0px;
	padding:0px;
	border:none;
}
div#toolswrapper ul li a {
	display:block;
	font-size:13px;
	line-height:28px;
	padding-left:25px;
	background:url(../img/token.png) center left no-repeat;
	border-bottom:1px solid #8a8986;
	text-decoration:none;
	color:#3a3a38;
}
div#toolswrapper ul li a:hover {
	color:#333130;
	padding-left:27px;
	background-position: 3px 50%;
}
div#navindicator {
	display:none;
	width:19px;
	height:134px;
	position:absolute;
	bottom:100px;
	left:5px;
  	background:url(../img/click.png) no-repeat;
}
div#navindicator span {
	display:none;
}
ul#sidetabs {
	display:none;
	position:absolute;
	width:25px;
	list-style:none;
	padding:0;
	margin:0;
	top:32px;
	left: 1px;
}
ul#sidetabs li a {
	display:block;
	width:25px;
	height:28px;
	background:url(../img/sidetabs.png) top left no-repeat;
	color:#000000;
    font-weight:bold;
	font-size:11px;
	text-align:center;
	padding-left:0px;
	line-height:28px;
	text-decoration:none;
	background-position: 0 -29px;
}
ul#sidetabs li a:hover {
	background-position: 0 0px;
}
ul#sidetabs li a.activetab {
	background-position: 0 0px;
}
small {
	font-size:9px;
}
div#otherlinks, div#books, div#quickcontact {
	width:260px;
	float:left;
	margin:80px 5px 0 0;
	background: url(http://www.jwhanif.net/assets/images/bottom_content_bg.gif) top left no-repeat;
	height:265px;
	padding:15px 20px 20px 20px;
	position:relative;
	
}
div#otherlinks {
	margin-left:25px;
	display:inline;
}
div#otherlinks h3, div#books h3, div#quickcontact h3 {
	font-size:18px;
	color:#fff;
	padding:0;
	margin:0;
	text-align:center;
	letter-spacing:-1px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
}
div#otherlinks h6, div#books h6, div#quickcontact h6 {
	font-size:10px;
	font-weight:normal;
	color:#fff;
	padding:0px;
	margin:0px;
	text-align:center;
}
div#otherlinks ul, div#books ul, div#quickcontact ul{
	padding:15px 0 0 0;
	margin:0;
	list-style:none;
}
div#otherlinks ul li a, div#books ul li a, div#quickcontact ul li a {
	display:block;
	font-size:13px;
	line-height:28px;
	padding-left:25px;
	background:url(../img/token.png) center left no-repeat;
	border-bottom:1px solid #393736;
	color:#959796;
	text-decoration:none;
}
div#otherlinks ul li a:hover, div#books ul li a:hover, div#quickcontact ul li a:hover {
	padding-left:28px;
	color:#fff;
	background-position: 3px 50%;
}
div#footer {
	padding:35px 25px 15px 25px;
	height:30px;
	font-size:11px;
}
div#footer p {
	text-align:center;
}
div#footer p a {
	text-decoration:none;
	background:#333130;
	color:#a19f9d;
	padding:0px 7px 1px 7px;
	margin:0 3px 0 3px;
}
div#footer p a:hover {
	text-decoration:none;
	background:#4b4946;
}
img {
	border:none;
	padding:0;
	margin:0;
}
div#illustration em {
	background: url(../img/callout.png) no-repeat;
	width: 250px;
	height: 75px;
	position: absolute;
	top: -90px;
	left: 90px;
	text-align: center;
	font-style: normal;
	z-index: 2000;
	display: none;
	color:#fff;
}
form {
	margin:0;
	padding:0;
}
div.contactinfo {
	width:237px;
	height:315px;
	margin:0px;
	padding:0 3px 0 20px;
	float:right;
	background:url(../images/seperator.gif) top left repeat-y;
}
div.contactform {
	width:620px;
	height:315px;
	margin:0px;
	padding:0;
	float:left;
}
div#formcontainer ol {
	list-style:none;
	padding:0;
	margin:0;
	font-size:11px;
}
div#formcontainer li {
	position:relative;
	float:left;
	margin:0;
	margin-right:20px;
}
div#formcontainer li.right{
	float:right;
}
div#formcontainer label {
	display:block;
	margin:0;
	margin-top:10px;
}
div#formcontainer input {
	width:280px;
	height:20px;
	margin:0;
	background:#fff url(../images/inputbg.png) no-repeat;
	background-position: 0 -305px;
	border:1px solid #93918a;
	padding:2px 4px;
}
textarea {
	width:280px;
	height:120px;
	margin:0;
	margin-bottom:10px;
	background:#fff url(../images/inputbg.png) no-repeat;
	background-position: 0 -305px;
	border:1px solid #93918a;
	padding:2px 4px;
}
button {
	width:137px;
	height:24px;
	background:url(../images/sendbutton.gif) no-repeat;
	padding:0;
	border:none;	
}
div#formcontainer input, button, textarea {
	font-family:"lucida sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#3A3A38;
}
div#formcontainer input:focus, textarea:focus {
	background-position: 0 -0;
} 
div.currentimage img {
	background:url(../images/lightbox-ico-loading.gif) center center no-repeat;
}
p.availability {
	padding:9px 3px 9px 35px;
	font-size:11px;
	background:#333130 url(../images/accepting.gif) center left no-repeat;
	color:#FFFFFF;
	
}
div#formcontainer ol li span {
	position:absolute;
	display:block;
	color:red;
	top:10px;
	right:0px;
	text-align:right;
	font-size:9px;
}
/*********** Fixes for our "beloved" IE6 ***********/
* html div#conentwrapper {
	margin-top:-15px;
}
* html div#leftcorner {
	background:none;
}
* html div.currentcontentleft, * html div.currentcontent, * html div.contactinfo {
	padding:0 0 0 20px;
}
* { 
	behavior: url(iepngfix.htc); 
}