/* All text */

* {
	font-family: Geneva, Verdana, Helvetica, Arial Black, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	line-height:16px;
}

p {
	font-family: Geneva, Verdana, Helvetica, Arial Black, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
		line-height:16px;
}

/* Specific text properties */

h1 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 900;
	color: #000000;
}

h2 {
	font-family: Verdana, Helvetica, Arial Black, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	font-weight: 900;
}


em {
    font-style: normal;
	font-weight: 900;
	font-size: 12px;
}

.spaced {
	letter-spacing: 5px;
	font-weight: 900;
}

.oblique {
	font-family: Geneva, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
}

.bold {
    font-weight: 900;
	font-size: 12px;
}

.boldLarge {
    font-weight: 900;
	font-size: 13px;
}

.boldGray {
	font-family: Geneva, Verdana, Helvetica, sans-serif;
    font-weight: 900;
	font-size: 12px;
	color: #333333;
}


.boldOblique {
	font-style: italic;
	font-weight: 700;
}

.indented {
    padding-left: 10px;
	font-size: 12px;
}

ol {
    	list-style-type: none;
    	margin-left: 0;
    	padding-left: 12px;
    	padding-top: 0;
}

li {
	font-size: 12px;
	font-weight: normal;
}


.body-italic {
	font-family: Geneva, Verdana, Helvetica, Arial Black, Arial, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #000000;
}

.key-letters {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	color: #000000;
	letter-spacing: 3px;
	width: 30px;
}


/* Links */

A:link, A:visited {
	font-family: Geneva, Verdana, Helvetica, Arial Black, Arial, sans-serif;
	font-style: normal;
	color: #666666;
	font-weight: 900;
	text-decoration: none;
}

A:active, A:hover {
	font-family: Geneva, Verdana, Helvetica, Arial Black, Arial, sans-serif;
	font-style: normal;
	color: #000000;
	font-weight: 900;
	text-decoration: underline;
}

a.black:link, a.black:visited {
    font-family: Geneva, Verdana, Helvetica, Arial Black, Arial, sans-serif;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}

a.black:active, a.black:hover {
    font-family: Geneva, Verdana, Helvetica, Arial Black, Arial, sans-serif;
	font-style: normal;
	color: #000000;
	text-decoration: underline;
	font-size: 12px;
	font-weight: normal;
}

a.blackbold:active, a.blackbold:hover {
	font-family: Geneva, Verdana, Helvetica, Arial Black, Arial, sans-serif;
	font-style: normal;
	color: #000000;
	text-decoration: underline;
	font-size: 12px;
	font-weight: 900;
}

a.blackbold:link, a.blackbold:visited {
	font-family: Geneva, Verdana, Helvetica, Arial Black, Arial, sans-serif;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	font-weight: 900;
}

a.toplevel:link, a.toplevel:visited, a.toplevel:active, a.toplevel:hover  {
	padding: 10px 10px;
}

/* Main Body */

#leftbar_name {
	position:absolute; 
	top:-4px; 
	left:-3px; 
	z-index:100;
}

.leftbar {
	width:125px; 
	height:900px; 
	text-align:right; 
	position:absolute; 
	top:-10px; 
	left:65px; 
	background-image:url(../images/scathings_bw.jpg);
}

.main {
	font-family: Geneva, Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	position: absolute;
	top: 10px;
	left: 180px;
	height: auto;
	line-height: 14px;
	padding: 10px;
}

#container1 {
	width:10px; 
	min-height:613px; 
	border-right:1px solid #CCCCCC; 
	background-color:#FFFFFF; 
	position:absolute; 
	top:20px; 
	left:10px; 
	z-index:1;
}

#leftclick {
	position:absolute; 
	top:-20px; 
	left: 10px;
	color: #999999;
}

ul.click {
	list-style-type: none;
}

ul.click li a {
  display: block;
  padding: 300px 80px;
  text-decoration: none;
}

.textItem {
    background-color: #FFFFFF; 
    width: 350px;
    float: right; 
	padding: 10px;
	line-height: 14px;
	border-style: solid;
	border-width: 0px;
	border-color: #CC6666;
	padding: 10px;
	font-family: Geneva, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

.leftMenu {
	position:absolute; 
	top:250px; 
	left:-45px; 
	width:130px;
	padding:10px; 
	text-align:left;
	background-color: #e6e6e6; 
    filter:alpha(opacity=65); 
    opacity: 0.65; 
    -moz-opacity:0.65;	
}

	

/* Slide Styles */

.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 1000px; /*Width of Carousel Viewer itself*/
	height: 810px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 10px; /*margin around each panel*/
	width: 1000px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.image {
	padding:10px; 
	border: 1px solid #cccccc;
	cursor: pointer;
}

.video {
	padding:10px; 
	border: 1px solid #cccccc;
	height:590px; 
	width:590px;
	position: relative;
}

#pagination {	
	width: 600px; 
	position:relative; 
	top: -170px;
	left: 20px;
	text-align: center;
}

.cascade {
	position: relative; /*leave this value alone*/
	overflow: visible; /*leave this value alone*/
	width: 1000px; /*Width of Carousel Viewer itself*/
	height: auto; /*Height should enough to fit largest content's height*/
}

.cascade .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.cascade .panel{
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 20px; /*margin around each panel*/
	width: 1000px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.photocredit {
	position:absolute;
	bottom: 0px;
	left: 630px;
}


/* Menu Bar */

#verticalNav {position:relative; left:-120px; top:20px; margin-right:0; list-style:none; text-align:right; float:left; z-index:100;}

#verticalNav ul.toplevel {padding:0; margin:0; list-style:none;}
#verticalNav ul.sub {padding:0; margin:0; list-style:none;}

#verticalNav ul.toplevel ul.sub {position:absolute; left:-9999px; width:auto;}
#verticalNav ul.toplevel ul div.base {position:absolute; left:-9999px; background:#fff; border:1px solid #ddd; padding:10px; width:350px; height:350px; z-index:100;}

#verticalNav ul.toplevel {width:250px;}
#verticalNav ul.toplevel li {float:left; width:250px;}
#verticalNav ul.toplevel li a {display:block; width:250px; height:22px; line-height:20px; text-decoration:none; color:#666; font-family:Verdana, arial, sans-serif; font-size:11px; font-weight:300px; z-index:100; }

#verticalNav ul.toplevel li a:hover {text-decoration:underline;}

#verticalNav :hover ul.toplevel :hover ul.sub {left:291px; top:0px; background:#fff; z-index:100; padding-left:20px; padding-top:10px; padding-bottom:10px; border:1px solid #ddd; text-align:left; filter:alpha(opacity=90); opacity: 0.90; -moz-opacity:0.90;}
#verticalNav :hover ul.toplevel :hover ul.pos1 {top:0;}
#verticalNav :hover ul.toplevel :hover ul.pos2 {top:0px;}
#verticalNav :hover ul.toplevel :hover ul.pos3 {top:23px;}
#verticalNav :hover ul.toplevel :hover ul.pos4 {top:46px;}

#verticalNav :hover ul.toplevel :hover ul.sub li a {color:#000; font-family:Geneva, Verdana, arial, sans-serif; font-size:11px; line-height:14px; font-weight:normal;}

#verticalNav :hover ul.toplevel :hover ul.sub div.base {left:-9999px; background:#fff;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.base {left:268px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.div1 {top:-1px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.div2 {top:-1px;}


/* Work Gallery */

.gallerycontainer{
	position: relative;
}

.thumbnail img{
	border: 1px solid #cccccc;
	margin: 0 5px 5px 0;
}

a.thumbnail {
	text-decoration: none;
}

.thumbnail:hover{
	background-color: transparent;
}

.thumbnail:hover img{
	border: 1px solid black;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	left: -1000px;
	visibility: hidden;
	color: black;
	text-decoration: none;
	font-family: Geneva, Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

.thumbnail span img{ /*CSS for enlarged image*/
	background-color: white;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 25px;
	left: 430px; /*position where enlarged image should offset horizontally */
	z-index: 50;
}