/*set defaults................*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

html, body {
	width: 100%;
	height: 100%;
}
body {
	font:80%/1.45 Helvetica,sans-serif;
	line-height: 125%;
	color: black;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a{color: #353535; text-decoration: none;}
p{ font:80%/1.45 Helvetica,sans-serif; padding-top: 10px;}

.clear{ clear:both; } 
.float{ float:left;}

/*header styles...................*/
#header_bg, #header_bg2, #header_bg3{position: absolute; z-index: -100; left:0;}
div#header_bg{width:100%; height:50px; background-color: #e0d881; }
div#header_bg2{top: 50px; width:100%; height:7px; background-color: #353535; }
div#header_bg3{top: 57px; width:100%; height:2px; background-color: #bb282a; }
div#header{ width:960px; margin: 0 auto; }
div#logo_image{float:left; padding-top: 8px;}
ul#navigation{
	float: left;
	font-size: 14px;
	font-weight: bold;
	height: 50px;
	margin: 0px 0 0 20px;
	position: relative;
	width: 400px;
}

ul#navigation li { float:left;display: inline; margin: 0; padding:0;}
ul#navigation li a { height: 32px; float: left; display: block; color: #353535; margin-right: 0; padding: 18px 14px 0 14px; border-right: 1px solid #7F7F7F;}
/*.nav_line{display: block; vertical-align: middle; float:left; height: 38px; border-right: 1px solid #353535; background-color: red; margin-top: 6px;}
*/
ul#navigation li a.navigation_active, ul#navigation li a.navigation_active:hover {background-color: #353535; color: #e0d881;  border-right: 1px solid #353535;}
ul#navigation li a:hover{color: #bb282a;  border-right: 1px solid #7F7F7F;}
ul#navigation li a.navigation_active {border-right: 1px solid #353535;}
ul#navigation h1{font-size: 14px; font-weight: bold; height:inherit;}
/*body styles........................*/
body{background-color: #353535;}
#content{ width:970px; margin: 40px auto 20px auto; }

/* home page styles */
div#reel{
	display:block;
	float:left;
	width:800px;
	height:450px;
	color: #e0d881;
	font-size: 15px;
	font-weight: bold;
	margin: 10px 0 0 0px;
	padding:0;
	
}
div#reel p{padding:0;margin:0;}
div#reel img{width:790px; height:390px; background-color: #e0d881; border: 5px solid #e0d881; }
#homeinfo{float:left; width:150px; margin-top:30px;}
.homeboxes{
	margin-bottom:10px;
	color: #bb282a;
	background-color: #e0d881; 
	font-weight: bold;
	padding:10px 0;
}
.homeboxes p{padding: 0 10px 0 10px; font-size: 12px; color: #353535;}
.homeboxes a{color: #bb282a;}
.homeboxes a:hover{color: #353535;}
.homeboxes h2{font-size: 12px; padding: 0 10px; text-transform: uppercase;}
.homeboxes ul li{margin:5px 0;}

/* about page styles */
#bio{ width:527px; margin:0; padding:0;}
#bio p{color:#e0d881; font-size:12px; padding:0; margin:0;}
.feeds{float:left; width:229px; background-color:#e0d881; color: #353535; padding:17px;margin-right:10px; margin-top:10px;}
.feeds ul li{margin-top:6px; border-bottom:1px dotted #353535; padding-bottom:6px;}
.feeds h2{font-size:16px;padding-bottom:5px;}
.feeds p{padding:0;}
.feeds_right{margin-right:0;}
.feeds a{color: #bb282a;}
.feeds a:hover{color: #353535;}

#loading{}
#loading_books{}
/* work page nav styles */
ul#work_nav{
	float:left; 
	width:140px;
	margin-top:30px;
	text-transform: uppercase;
	color: #bb282a;
	background-color: #e0d881; 
	font-size: 15px;
	font-weight: bold;
	padding:10px 0;
}
ul#work_nav li{ padding: 0px 20px; margin-top: 4px; }
ul#work_nav li a{ color: #353535; }
ul#work_nav li a:hover, ul#work_nav li a.navigation_active{ color: #bb282a; }
ul#work_nav li ul li{ margin:5px 0; padding:0 0 0 5px; font-size: 11px; line-height:8px; }

div#title_box{ float:left; width:810px; padding:0; margin: 3px 0 0 10px; border-bottom: 1px dotted #7b774b; }
div#page_title{ float:left; display:block; color: #7b774b; font-size: 28px;  margin-right:6px; }
div#page_title_active{ display:block; text-transform: uppercase; color: #e0d881; font-size: 28px; font-weight: bold;}

/* work page grid styles */
ul#work_thumbs{
	float:left;
	width:810px;
	margin: 0;
	color: #bb282a;
	font-size: 15px;
	font-weight: bold;
	margin-left: 10px;
	padding:0;
}
ul#work_thumbs li{ float:left; position: relative; margin:0; padding:0; height:190px; width:190px; background-color: #353535; margin:10px 0 0 10px;}
ul#work_thumbs li a{margin:0; padding:0;}
ul#work_thumbs img {
	border: none;
	padding: 0;
	margin:0;
}
ul#work_thumbs em {
	width: 190px;
	height: 190px;
	padding:0;
	margin:0;
	display: block;
	position: absolute;
	background: url(/images/circle-mask2.png) no-repeat;
	text-align: center;
	z-index: 300;
	
}
ul#work_thumbs li a:hover em{  }
ul#work_thumbs li a .work_thumbs_title{display:none; position: absolute; width:188px; background-color: #e0d881; margin: 85px 0 0 2px; padding: 7px 0; font-size:13px; font-weight: bold; font-style:normal; color: #353535; z-index:1; text-align: center;}
ul#work_thumbs li a:hover .work_thumbs_title{display:inline; }

/* work page detail styles */
div#work_content{float:left; width:810px; margin: 10px 0 0 10px; padding:0;}

.download_link a{color: #e0d881;}
.download_link a:hover{text-decoration: underline;}
.download_link{padding-top:5px;}
div#work_title{color: #e0d881; font-size: 16px; font-weight: bold; margin-bottom: 6px;}
div#work_content img{}
div#work_description{width:600px; margin-left:0px;font-size: 14px; padding-bottom: 20px;}
div#work_description p{font-size: 14px; color: #e0d881; }
div#work_description p a{color: #e0d881; background-color: #bb282a; padding:5px 9px; margin:0;}
div#work_description p a:hover{color: #bb282a; background-color: #e0d881;}
#work_images{width:800px; height:450px; border: 5px solid #e0d881;}

#work_images ul li{padding:0; position: relative;}
#work_images ul li h1{
	display: block;
	position: absolute;
	width:800px; 
	height:20px;
	background-color: #e0d881; 
	margin: 0 0 0 0; 
	padding:0;
	padding-top: 7px; 
	font-size:13px; 
	font-weight: bold; 
	font-style:normal; 
	color: #353535; 
	bottom: 0px;
	z-index:3000;
	text-align: center;
}
#work_video {width:800px; height:450px; border: 5px solid #e0d881;}
#work_video p{padding:0; margin:0;}

/*resume styles*/
.fixed{height:324px;}
.fixed_small{height:179px;}
.resume{background-color:#e0d881; margin-bottom:10px;padding:15px;}
.resume h1{color:#bb282a; font-size:19px; font-weight:bold; letter-spacing:1px;}
.resume h2{float:left; padding-top:10px; padding-right:5px; color:#353535; font-size:13px;font-weight:bold;}
.resume .date{padding:11px 0 0px 10px;font-size:11px;}
.resume .date_fixed{position:absolute;font-size:11px;margin-top:27px;padding-left:140px;}
.resume p{clear:both;padding:0;font-size:0.9em; color:#353535;}
.resume ul{margin-top:5px;}
.resume ul li{padding:5px 0 0 0;font-size:12px; color:#353535;}
#col1{float:left; width:294px; margin-right:10px;}
#col2{float:left; width:294px; margin-right:10px;}
#col3{float:left; width:201px;}

div#contact_form{float:left; width:800px; margin: 0 0 0 10px; padding:0; color: #e0d881;font-size: 15px;}
#contact_form h2{font-size:12px; font-weight:normal; padding-top:10px; margin:0;}
#contact_form p{padding:0; margin:0;}
/*form error messages:*/
pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}
.fieldWithErrors {
	font-size:12px;
  padding: 2px;
  background-color: #bb282a;
  display: table;
	margin-top:10px;
}

#errorExplanation {
  width: 307px;
  border: 2px solid #bb282a;
  padding: 7px;
  padding-bottom: 12px;
  margin-top:10px;
  background-color: #353535;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 16px;
  font-size: 12px;
  margin: -7px;
  background-color: #e0d881;
  color: #bb282a;
}

#errorExplanation p {
  color: #e0d881;
  margin-bottom: 0;
  padding: 15px 0 10px 10px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
	color:#e0d881;
	margin-left:25px;
	padding: 2px 0px;
}

/*slideViewer's basic CSS:*/
/*preload classes*/
.svw {width: 800px; height: 450px; background: #e0d881;}
.svw ul {position: relative; left: -999em;}

/*core classes*/
.stripViewer { 
position: relative;
overflow: hidden; 
border: 5px solid #e0d881;  
margin: 0 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li { 
float:left;
}
.stripTransmitter {
overflow: auto;
width: 1%;
}
.stripTransmitter ul {
margin: 0;
padding: 0;
position: relative;
list-style-type: none;
}
.stripTransmitter ul li{
width: 20px;
float:left;
margin: 0 1px 1px 0;
}
.stripTransmitter a{
font: bold 10px Verdana, Arial;
text-align: center;
line-height: 22px;
background: #e0d881;
color: #353535;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover, a.current{
background: #bb282a;
color: #e0d881;
}

/*tooltips formatting*/
.tooltip
{
padding: 0.5em;
background: #fff;
color: #000;
border: 5px solid #dedede;
}


/* error pages styles */
div.dialog {
			width: 400px;
			margin: 6em auto 0 auto;

			text-align:center;
		}
div.dialog h1 { font-size: 16px; color: #bb282a; line-height: 1.5em; }
div.dialog p { font-size: 14px; color: #353535; line-height: 1.5em; }
div.dialog a { font-size: 12px; color: #e0d881;}
div.dialog a:hover { font-size: 12px; color: #bb282a;}
#error_box{background-color:#e0d881; padding: 15px;}
#error_link{margin:5px 0;}