@charset "utf-8";
/* CSS Document */

/*
	Uncorked Media
	Author: Uncorked Media
	=========================================================
	Copyright (c) Uncorked Media
	=========================================================
*/
body {
	margin:0;
	padding:0;
	font-family: "Lucida Grande", "lucida sans Unicode", Arial, serif;
	font-size:13px;
	color:#e9e9e9;
}

#main { 
margin: 0px 0px 0px -6px;
}

pre { text-align: left; 
overflow: visible;
}
code { background-color: #ffc;
}
pre code { background-color: #eee;
}

.pics { 
height: 357x; 
width: 811px; 
padding:0; 
margin:0; 
overflow: hidden ;
clear:left;
position:relative;
text-align:center;
margin-left:-2px;
}

/*************************************************
**************************************************
					SCROLLER
**************************************************
**************************************************/

#nav { 
height:27px;
width:300px;
margin:0; 
position: relative;
}
#nav li { 
margin:auto;
list-style:none;

float:left;

}
#nav a { 
float: left;
margin:auto;
background:url(../images/bullet.png) no-repeat;
padding:3px 7px;

}
#nav a.activeSlide {
background:url(../images/bullet2.png);
}

#nav a:hover { 
background:url(../images/bullet2.png)no-repeat;
}
#scroll{
	position:absolute;
	width:370px;
	height:60px;
	bottom:85px;
background:url(../images/scroll.png);
	z-index:80;
	margin-left:210px;
}
#scroll_left{
	position:relative;
	width:38px;
	height:27px;
	margin:0;
	float:left;
	margin-top:7px;
	margin-left:2px;
}
#scroll_mid{
	position:absolute;
	height:26px;
	margin:0;
	padding:0;
	margin-top:10px;
	text-align:center;
}
#scroll_right{
	position:relative;
	width:38px;
	height:27px;
	margin:0;
	float:right;
	margin-top:7px;
	margin-right:2px;
}

#prev{
margin-top:5px;
}


div.next{
margin-top:5px;
}

a {
	outline:none;
}
/*div#leftcorner {
	background: url(../images/stageshadow.png) 50% 250px no-repeat;
}*/
div#rightcorner {
	background:none;
}
div#mainwrapper {
	width:960px;
	margin:0 auto;
}
div.clear {
	clear:both;
	width:100%;
	height:1px;
}
div#header {
	width:990px;
	margin:0 auto;
	padding:40px 0 0 0;
}
div#header h1 {
	background:url(../images/logo.jpg) top left no-repeat;
	float:left;
	padding:0px;
	margin:15px 0 0 10px;
	width:416px;
	height:87px;
}
div#header h1 span{
	display:none;
}
div#conentwrapper {
	padding:0px;
	margin:0px;
}
div#navwrapper {
    display:none;
	width:440px;
	float:right;
	margin:42px 120px 0 0px;
	padding:0px 0 0 0px;
}
ul#mainnav{
	display:inline;
	padding:0;
	margin:0px;
	list-style:none;
	float:left;
}
ul#mainnav li {
	padding:0px;
	margin:0px;
	display:inline;
	float:left;
	position:relative;
}
ul#mainnav li a{
	display:block;
	height:46px;
	width:146px;
	text-align:center;
	line-height:35px;
	text-decoration:none;
	color:#999795;
	font-size:12px;
	font-family:"TRAJAN PRO";
}
ul#mainnav li a:hover {
	background:url(../images/nav_hover.jpg) bottom center no-repeat;
	color:#fff;
}
ul#mainnav li a.active {
	background:url(../images/nav_hover.jpg) bottom center no-repeat;
	color:#fff;
}
div#contentwrapper {
	width:985px;
	margin:0 auto;
	padding:0 0 0 0;	
}
div#contentbg{
	position:relative;
	margin:0;
	padding:0 0 0 0;
	background:url(../images/content_bg5.jpg) top center no-repeat;
	height:585px;
	padding:0px 80px;
}
div#illustration {
	position:absolute;
	bottom:10px;
	right:0;
	width:409px;
	height:135px;
	z-index:80;
}
a.aboutme {
	display:block;
	text-decoration:none;
	width:409px;
	height:135px;
	padding:0;
	margin:0;
	background:url(../images/contactme.png) top left no-repeat;
	cursor:pointer;
}
a.aboutme span {
	display:none;
	padding:0;
	margin:0;
}

/*************************************************
**************************************************
					MAIN BODY
**************************************************
**************************************************/

div#crop {
	width:811px;
	height:470px;
	overflow: hidden;
}

/*************************************************
**************************************************
				CURRENT CONTENT
**************************************************
**************************************************/

div.currentwrapper {
	padding: 20px 0px 10px 0px;
	float:left;
	width:811px;
	margin-top:40px;
	margin-right:20px;
	left:-7px;
}
div.currentFull{
	width:811px;
	height:357px;
	margin:0px;
	padding:0px;
	float:left;
	text-align:center;
}

div.currentimage {
	width:430px;
	height:410px;
	margin:0px;
	padding:0px;
	float:left;
}
div.currentcontent {
	width:344px;
	height:415px;
	margin:0px;
	padding:0 0px 0 10px;
	float:left;
	text-align:left;
}
div.currentcontentleft {
	width:427px;
	height:415px;
	margin:0px;
	padding:0 3px 0 10px;
	float:left;
	
}
div.currentcontent h2, div.currentcontentleft h2, div.currentimage h2, div.contactinfo h2, div.contactform h2 {
	font-size:20px;
	letter-spacing:-1px;
	color:#f9ce8d;
	padding:0px;
	margin:0px;
	font-weight:normal;
	font-family:"Trajan Pro";
	text-align:left;
	margin-bottom:4px;
}
div.currentcontent h6, div.currentcontentleft h6, div.currentimage h6, div.contactinfo h6, div.contactform h6 {
	font-size:10px;
	font-weight:normal;
	color:#00CCFF;
	padding:0px;
	margin:0px;
	line-height:18px;
}
div.currentcontent p, div.currentcontentleft p, div.currentimage p, div.contactinfo p, div.contactform p {
	text-align:left;
	line-height:18px;
	font-family:"Tahoma";
	font-size:13px;
}
div.currentcontent p a, div.currentcontentleft p a, div.contactinfo p a, div.contactform p a {
	text-decoration:none;
	background:#4b4946;
	color:#ccc;
	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 {
	color: white;
	text-decoration:none;
	background:#333130;
}
div.currentcontent a:hover, div.currentcontentleft a:hover, div.contactinfo a:hover, div.contactform a:hover {
	color: white;
	text-decoration:none;
	}

div.currentcontent h3, div.currentcontentleft h3, div.currentimage h3, div.contactinfo h3, div.contactform h3 {
	font-size:13px;
	color:#ccc;
	padding:0px;
	margin:0px;
	font-family:"Tahoma";
	text-align:left;

}
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:12px;
	line-height:23px;
	padding-left:27px;
	background:url(../images/bullet.png) center left no-repeat;
}


div#toolswrapper {
	margin-top:10px;
}
div#toolswrapper ul {
	width:200px;
	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(../images/bullet.png) center left no-repeat;
	text-decoration:none;
	color:#ccc;
}
div#toolswrapper ul li a:hover {
	color:#333130;
	padding-left:27px;
	background-position: 3px 50%;
	background:url(../images/bullet2.png) center left no-repeat;
}

/*************************************************
					NAV INDICATOR
**************************************************/

div#navindicator {
	display:none;
	width:133px;
	height:22px;
	position:absolute;
	bottom:100px;
	left:30px;
	background:url(../images/navhere.png) no-repeat;
	z-index:80;
	margin-left:130px;
}
div#navindicator span {
	display:none;
}

smallc {
	font-size:9px;
	color:#00CCFF;
}
smalli {
	font-size:9px;
	color:#FFCC00;
}

smallo {
	font-size:9px;
	color:#00FF00;
}

div#otherlinks, div#books, div#quickcontact {
	width:260px;
	float:left;
	margin:80px 5px 0 0;
	background: url(../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, sans-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(../images/bullet_2.gif) 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%;
}

/*************************************************
**************************************************
					FOOTER
**************************************************
**************************************************/
div#footer {
	padding:5px 25px 15px 25px;
	height:15px;
	font-size:11px;
	font-family:"TRAJAN PRO";
}
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 {
	color: white;
	text-decoration:none;
	background:#4b4946;
}
img {
	border:none;
	padding:0;
	margin:0;
}
div#illustration em {
	background: url(../images/contact-hover.png) no-repeat;
	width: 240px;
	height: 64px;
	position: absolute;
	top: -90px;
	left: 90px;
	text-align: center;
	font-style: normal;
	z-index: 80;
	display: none;
	color:#fff;
}
form {
	margin:0;
	padding:0;
}
div.contactinfo {
	width:425px;
	height:300px;
	margin:0px;
	padding:0;
	float:left;
}


div.contactinfo_text{
	width:256px;
	height:5px;
	margin-top:10px;
	margin-right:10px;
	padding:0;
	float:right;
}


div.contactform {
	width:440px;
	height:315px;
	margin-left:15px;
	padding:0;
	float:left;
}
div#formcontainer ol {
	list-style:none;
	padding:0;
	margin:0;
	font-size:11px;
}
div#formcontainer li {
	position:relative;
	float:right;
	margin:0;
	margin-right:20px;
	padding: 5px 5px;
}
div#formcontainer li.right{
	float:right;
}
div#formcontainer label {
	display:block;
	margin:0;
	margin-top:5px;
	float:left;
	margin-right :10px;
}
div#formcontainer a{
	text-decoration:none;
}
div#formcontainer input {
	width:280px;
	height:23px;
	margin:0;
	background:#fff url(../images/inputbg.png) no-repeat;
	background-position: 0 -305px;
	border:1px solid #93918a;
	padding:2px 4px;
	text-align:left;
}
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;
	text-align:left;
	
}
button, #submit {
	width:137px;
	height:24px;
	background:url(../images/sendbutton.gif) no-repeat;
	padding:0;
	border:none;
	color:#66C;
	
}
div#button a{
	text-decoration:none;
}
div#formcontainer input, button, textarea {
	font-family:"Lucida Grande", "lucida sans Unicode", Arial, 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;
}

div#formcontainer ol li span {
	position:absolute;
	display:block;
	color:red;
	top:9px;
	right:10px;
	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); 
}

text, #email {
	width:280px;
	height:23px;
	margin:0;
	background:#fff url(../images/inputbg.png) no-repeat;
	background-position: 0 -305px;
	border:1px solid #93918a;
	padding:2px 4px;
	color:#33C;
	text-align:center;
}

text, #email:focus { background-position:0 -0;}