/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #fff;
	color: #333;
	text-align: center;
}
html, body {overflow: hidden;}
a { text-decoration: none; color: #555;}
a:hover {color: #000;}
a.selected {color: #000; }

p a, #divContent a {text-decoration: underline; }

/* End Typography & Colors */

object {visibility: hidden;}

html {	width: 100%;
	height: 100%;
}
/* Begin Structure */
body{
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div#divContent {
/*	background: #fff; /*IE6 needs a background to react. We should consider transp.gif or a bg image, but I'm not sure that works. */
}
#divContent { position:absolute; left: 250px; top: 95px; right: 32px; bottom: 32px;  }
#mainSlideshow { position:absolute; left: 250px; top: 32px; right: 32px; bottom: 32px;  }

.slideshow img ,
.slideshow iframe ,
.slideshow div { max-height: 100%;width: auto;max-width: 100%;position: absolute;margin: 0; padding: 0; top: 0; left: 0;}

























div#scroll_left img{position: relative;margin: auto 0;padding: auto;left: -20px;max-width: 30px;max-height: 55px;}
div#scroll_right img{position: relative;margin: auto 0;padding: auto;left: 20px;max-width: 30px;max-height: 55px;}
div#scroll_left {
	position: absolute;
	left: -6px;
	height: 55px;
}
div#scroll_right {
	position: absolute;
	right: -5px;
	height: 55px;
}

div#thumbnails_wrapper {
	position: relative;
	overflow: visible;
	width: 100%;
	height: 55px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 0;
}
div#thumbnails {
	position: relative;
	height: 55px;
	width: 100%; 
	padding: 0;
	overflow: hidden;
	
	/*debug*/
	border-top: none 1px #fafafa;
	border-bottom: none 1px #fafafa;
}
div#thumbnails div#thumbnail_image_holder {
	position: relative;
	left: 0px;
	height: 55px;
	overflow: visible;
	white-space: nowrap;
	width: 200%; /*Needs extra space*/
	vertical-align: middle;	
	/*debug*/	
/*	background: #ccc;*/
}

div#thumbnail_image_holder img {
	float: left;
	padding: 0 2px 0 0;
	margin: 0;
	height: 55px;
}
	
div#menu2 h1, h2, h3{
	margin: 0px;
	cursor: pointer;
}

div#menu2 {
	height: auto;
	font-size: 11px;letter-spacing: 2px;font-weight: normal;
	padding: 0;
	overflow: visible;
}

div#mode2 {	/*set in markup code*/}
div#WzBoDy {font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;letter-spacing: 1px; font-size: 10px;text-transform: uppercase;}
a#menu2_vol {position: absolute; right: 10px; bottom: 32px;}

div#menu2 div#menu2top{
	display: block;
}


div#menu2 .menulevel{
	float: left;
	padding: 0 40px 0 0;
	margin: 0;
}
div#menu2 ul li{
	display: block;	
}
div#menu2 a{
	color: #555;
	text-decoration: none;
	outline: none;
}
div#menu2 a:hover{
	color: #000;
}
div#menu2 a.selected{
	color: #000;
}

div#menu2 div#menu2top a {text-transform: uppercase;letter-spacing: 2px;}
div#menu2 div.menulevel a.portfolios {text-transform: uppercase;}
div#menu2 div.menulevel a.galleries {text-transform: uppercase;}
div#menu2 div.menulevel a.gallery {text-transform: lowercase;letter-spacing: 2px;}


div#menu2  div.menulevel  a {display: none;}
div#menu2 div.menulevel a.selected {display: block;}
div#menu2 div#menu2top a {display: block;}
div#menu2 div.menulevel a.gallery {display: block;}

#mode2-slideshow {cursor:pointer;}

embed, object {position: relative;}
.clear { clear: both; }


a {outline: none; border: none;}
a:active {outline: none; border: none;}
a img { border: none;}






#menu1 {height: 100%;width: 200px; position: relative;}
.menu_toggle{
	display: block;
	width: 200px;
	padding: 0 10px 0 10px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	color: #000000;
	cursor: pointer;
	margin: 0;
}

a {	outline: none; color: #000;}
		
.menu_toggle_active {
	background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
	color: #ffffff;
	border-bottom: 1px solid #f68263;
}

.menu_content {
	background-color: #ffffff;
	color: #444444;
	margin: 0px 0 0px;
	padding: 0;
	position: relative;
}

#menu1 * {position: relative;}
#menu1 h1 {margin: 0 0 0 0;padding: 10px 0 0; font-size: 11px;text-transform: uppercase;letter-spacing: 3px;font-weight: normal;}
#menu1 h2 {margin: 0 0 0 20px;padding: 0px 0; font-size: 11px;text-transform: lowercase;letter-spacing: 3px;font-weight: normal;}
#menu1 h3 {margin: 0 0 0 40px;padding: 0px 0; font-size: 11px;text-transform: lowercase;letter-spacing: 2px;font-weight: normal;}
#menu1 a.selected {color: #000;}
#menu1 a {color: #555;text-decoration: none; outline: none;}
#menu1 a:hover {color: #000;text-decoration: none; outline: none;}
#menu1 a:active {color: #000;text-decoration: none; outline: none;}

div{color: #555;}
#canvas h1 {margin: 0 0 0 0;padding: 0px 0 10px; font-size: 11px;text-transform: uppercase;letter-spacing: 3px;font-weight: normal;}
#canvas h2 {margin: 0 0 0 20px;padding: 0px 0; font-size: 11px;text-transform: lowercase;letter-spacing: 3px;font-weight: normal;}
#canvas h3 {margin: 0 0 0 40px;padding: 0px 0; font-size: 11px;text-transform: lowercase;letter-spacing: 2px;font-weight: normal;}
#canvas p{font-size: 11px;letter-spacing: 1px;margin-top: 0px;font-weight: normal;}

#canvas h1.large {font-size: 15px;}
div#image_title {padding-left: 5px;color: #000;}
div#image_title div {color: #000;}
div#image_controls_tooltips {padding-left: 5px;}
.news-slideshow {height: 420px;}
div.post {border-bottom: solid 1px #ddd;width: 600px;margin-bottom: 10px;}

.tooltip-content {background: #fff; border: solid 1px #aaa; padding: 5px 0px;text-transform: uppercase; letter-spacing:2px;float:left;font-size: 10px;}
.tooltip-content  a, .tooltip-content  span{padding: 0 5px;display: block;margin:0;}
.tooltip-content  a:hover, .tooltip-content  a.hover{padding: 0 5px;color: #fff; background: #555;}

div#image_controls { margin-top: 10px;}
div#image_controls a{ display: inline; margin-right: 10px;border: none; text-decoration: none;}
a {color: #555; text-decoration: none;}
a:hover {color: #000; text-decoration: none;}

a.imgcontrol img {position: relative; filter: alpha(opacity=30); opacity: 0.3; }
a.imgcontrol:hover img{filter: alpha(opacity=100);opacity: 1.0; }
div.entry {margin-top: 10px;margin-bottom: 30px;}
table {padding: 0; margin: 0; border: none 0; border-collapse: collapse;}
table td {padding: 0; margin: 0;vertical-align: middle;}











.slideshow img {position: absolute; top: 0;}
.news-slideshow img {position: relative; top: auto;}
.news-slideshow-toggle img {opacity: 0.3; filter: alpha(opacity=30);}
div#divThumbnails {overflow: auto; white-space: nowrap;position: absolute; bottom: 100px; left: 20px; right: 20px;}
div#divThumbnails.scroller {overflow: hidden;}
div#divThumbnails a{border: none;outline: none;position: relative;}
div#divThumbnails img{padding: 0 2px;border: none;}
#menu1_vol_img {height: 40px;margin: -5px 0 15px -5px;}
#menu1 {text-align: left;position: static; margin-left: 32px; margin-top: 27px; width: 228px;}
div#menu1 * {position: static;}
#menu1 a {text-decoration: none; color: #333; }
#menu1 ul {list-style: none;margin: 0; padding: 5px 0 0 0 ;position: static;}
#menu1 li {position: static;}
#menu1 ul ul {display: none;overflow: hidden;}


.menu2-block {}
.menu2-block a{text-transform: uppercase; letter-spacing:2px;display:block;white-space: nowrap;}
#menu2-controls a {display: inline;}
#menu2-portfolios.menu2-block a{text-transform: lowercase; letter-spacing:2px;}
#menu2-thumbs {padding: 5px 0px;}
#menu2-thumbs img{padding: 0 1px;}
#menu2-controls {position:relative; }
#menu2-table {border-collapse:collapse;}
#menu2-table td {vertical-align:top;padding: 0 40px 0 0;} 
a, a:active, a:hover {outline: none; border: none;}
/*#menu1 ul ul ul {display: none;overflow: hidden;}
#menu1 li.preopened ul li ul{display: none;}
#menu1 li.preopened ul {display: block;}*/
 p {
font-size:11px;
font-weight:normal;
letter-spacing:1px;
margin-top:0;
}
#menu1 a {font-size: 11px;color: #555555;}
h1 {
font-size:11px;
font-weight:normal;
letter-spacing:3px;
margin:0;
padding:0 0 10px;
text-transform:uppercase;
text-decoration:none;
}
div.content {margin-left: 0px;position:relative;width: 100%; height: 100%; overflow: auto;}
div.content div.content{position:static;width:auto;height:auto;}
div#menu2 {position: absolute; left: 0px; bottom: 32px;width:100%; height: auto;padding: 0px;}
div#divContent {position:absolute; left: 250px; top: 95px; right: 32px; bottom: 32px;}


#menu2-scroll-left {float:left;}
#menu2-scroll-right {float:right;}



#social-links {overflow: hidden;position: relative;}
#social-links a {width: 32px; height: 32px; display: block; float: left;margin-right: 8px;background: transparent url(../images/sprite-social-links.gif) no-repeat 0 0;text-indent: -9999px; }
#social-links .facebook{background-position: -32px 0;}
#social-links .facebook:hover{background-position: 0 0;}
#social-links .twitter{background-position: -32px -32px;}
#social-links .twitter:hover{background-position: 0 -32px;}



a.vol-basic, a.vol-basic:hover {background-image: url(/wp-content/themes/vol/images/link-vol-basic.gif);
	background-repeat: no-repeat; text-indent: -9999px; display: block;
	background-position: 0 15px;
	width: 125px; height: 30px; padding-top: 10px; border-top: solid 1px #ccc; }

a.vol-shop, a.vol-shop:hover {background-image: url(/wp-content/themes/vol/images/link-vol-shop.gif);
	background-repeat: no-repeat; text-indent: -9999px; display: block;
	background-position: 0 5px;
	width: 125px; height: 25px; padding-top: 5px; }