/* Margin resets for block-level elements */
html, body {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, cite, label, dl, ul, ol, fieldset, address {
	clear: both;
	margin: 1em 0;
	padding: 0;
	text-indent: 0;
}
p {
	clear: inherit;
}
table {
	border-collapse: collapse;
	border-spacing: .3em;
	clear: both;
}
caption, th {
	text-align: left;
}
table, td {
	font-size: inherit;
}
ul, ol, li, dd, blockquote {
	margin-left: 1em;
}

/* Typography resets for normal text, semantic text, and headings */
body {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: #71726f;
	background: #fff url('/scena/img/bodyBg.png') 0 0 repeat-x;
	font-size: small;
	font-style: normal;
	line-height: 1.3em;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.2;
	margin: .5em 0 .3em 0;
}

h1 { font-size: 2.0em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1em; }


address, abbr, acronym {
	font-style: normal;
}
acronym, abbr {
	border-bottom: 1px dotted #333;
	cursor: help;
}
acronym {
	text-transform: uppercase;
}
pre, kbd, code, samp, tt, var {
	font-family: monospace;
}
pre {
	white-space: pre-wrap;       /* css-3 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
del {
	text-decoration: line-through;
}

/* get forms to show up correctly */
form {
	margin: 1em 0;
	padding: 0;
}
form label {
	cursor: pointer;
	margin: 0;
	padding: .3em;
}
fieldset {
	border: none;
}
select, textarea {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

/* list element margins and default styles */
ol,ul {list-style-type:none;margin:0;}
li {margin:0;padding:0;}

/* Miscellaneous oddities and fixes */
a img {
	border: none;
}
hr {
	background-color: #71726f;
	border-width: 0;
	height: 1px;
	text-align: left;
}
iframe {
	border-width: 0;
}
:focus {
	outline: 0;
}

/* Common classes */
.hidden {
	display: none;
	visibility: hidden;
}
.visible {
	display: block;
	visibility: visible;
}
.invisible {
	visibility: hidden;
}
.cleanup {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
}
.left{
	float:left;
}
.right{
	float:right;
}
/* Site specific */
a { color:#008ee9;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
text-decoration: none;
}

#wrapper {
	width:960px;
	margin:0 auto;
	text-align:left;
}
	#header {
		height: 153px;
		width:940px;
		padding:0 10px;
		position:relative;
	}
	#header h1 {	
		position: absolute;	
		top:28px;
		overflow: hidden; 
		width:194px;
		height:125px;
		margin:0;
	} 
	#header img {
		border:0;
	}
	#primary {
		list-style:none;
		margin:0;
		padding:0;
		position:absolute;
		top:107px;
		right:0;
		width:450px;
	}
	#primary	li {
		float:left;
		width:90px;
		margin:0;
		padding:0;
		text-align:center;
		font-size:1.25em;
	}
	#primary li a {
		display:block;
		padding:6px 10px 5px 10px;
		height:100%;
		color:#fff;
		text-decoration:none;
		background:url(/scena/img/menuBg.jpg) repeat -20px 35px;
		border-right:1px solid #fff;
	}
	#primary li.last a {
		border: none;
	}
	#primary li a:hover, #primary li a:focus, #primary li a:active, #primary li.selected a {
		background-position:-150px 0;
	}

#promo {
	width:940px;
	padding: 0 10px;	
	background: url(/scena/img/promoBg.png); 
	background-repeat: no-repeat; 
	margin-top:-25px;
	height:352px;
}
	#promo blockquote {
		margin:0;
		height: 283px;
		width: 409px;
		float:left; 		
	}
	#promo blockquote p {
		margin: 0;
		height: 283px;
		width: 409px; 
		background-image: url(/scena/img/relax.png); 
		background-repeat: no-repeat; 
		text-indent: -9999px; 
	}

	a.prev, a.next {
		display:block;
		margin:135px 1px 0 1px;
		width:18px;
		height:18px;
		background:url(/scena/img/scrollable/arrow/left.gif) no-repeat;
		float:right;
		cursor:pointer;
		font-size:1px;
	}
		a.prev:hover, a.next:hover {
			background-position:0px -18px;		
		}	
		a.disabled {
			visibility:hidden !important;		
		}
	a.next{
		background-image:url(/scena/img/scrollable/arrow/right.gif);			
	}
	a.prev {
		margin-top: 80px;
	}
	#promo h2 {
		float:right;
		width: 400px;
		height: 30px;
		margin:20px 0 0 0;
		clear:none;
		
	}
	.scrollable {  
		float:right;
		position:relative;
		overflow:hidden;
		width: 400px;	 
		height:195px;	

	}
		#thumbs {	
			position:absolute;
			width:20000em;	
			clear:both;
			border:1px solid #333;
			background: #aaa;
		}
			#thumbs div {
				float:left;
				width:398px;
				height:193px;
				color:#fff;
				border-right:1px solid #333;
				cursor:pointer;
				overflow: hidden;
				text-align:center;
				position: relative;
			}
				/* style when element is active (clicked) */
				#thumbs div.active {
					cursor:default;
				}
				#thumbs h3{
					position: absolute;
					bottom:-1px;
					left:0;
					margin:0;					
					color:#fff;	
					background-color: #000;
					text-align:left;
					z-index:101;
					filter:alpha(opacity=75);
					-moz-opacity: 0.75;
					opacity: 0.75;
				}
					#thumbs div.hover h3 {
						background-color:#000;
						filter:alpha(opacity=85);
						-moz-opacity: 0.85;
						opacity: 0.85;	
					}
					#thumbs h3 a {
						display: block;
						height:2.5em;
						padding:.5em 6px;
						width: 386px
					}
				#thumbs p{
					position: absolute;
					bottom: 1em;
					left:0;
					margin:0 6px;		
					color:#fff;	
					z-index:102;
				}
				#thumbs a {
					color:#fff;
					text-decoration:none;
					display:block;
				}
			.navi {
				float:right;
				margin-right:50px;
				width:200px;
				height:15px;
			}
			.navi a {
				width:8px;
				height:8px;
				float:left;
				margin:3px;
				background:url(/scena/img/scrollable/arrow/navigator.png) 0 0 no-repeat;
				display:block;
				font-size:1px;
			}
			.navi a:hover {
				background-position:0 -8px;      
			}
			/* active state (current page state) */
			.navi a.active {
				background-position:0 -16px;     
			} 					
.col {
	float:left;
	display:inline;
	overflow-x: hidden;
}			
#blocks {
	width: 100%;
	margin-top:-60px;
}
	#blocks .col {
		width: 300px;
		margin:0 10px;
		display: inline;
	}
	#blocks h2 {
		padding:20px 10px 0;
		height:26px;	
		margin:0;
		text-align: right;
		font-size: 1.25em;
	}
		#blocks h2 a {
			color:#71726f;	
		}		
	#blocks .col div {
		padding:10px 10px 57px 10px;
		min-height: 180px;
		height: auto;
		_height:180px;
	}
	#bCol1 div{
		background:#c2ecff url(/scena/img/colBg1.gif) bottom left no-repeat;
	}
		#bCol1 h2 {
			background: url(/scena/img/hBg1.png) 0 0 no-repeat;	
		}
	#bCol2 div{
		background: #98bc0c url(/scena/img/colBg2.gif) bottom left no-repeat;
		color: #fff;
	}
		#bCol2 h2 {
			background: url(/scena/img/hBg2.png) 0 0 no-repeat;	
			color:#fff;
		}
			#bCol2 a, #bCol2 h2 a {
				color: #fff;
			}
	#bCol3 div{
		background: #fbe7ef url(/scena/img/colBg3.gif) bottom left no-repeat;
	}
		#bCol3 h2 {
			background: url(/scena/img/hBg3.png) 0 0 no-repeat;	
		}
			
#content {
	width:100%;
	clear:both;
	padding:20px 0;
}
	#col1 {
		width:300px;
		min-height: 50px;
		height: auto;
		_height:50px;		
		padding:0 10px 250px 0;
		background:url(/scena/img/colBg4.png) bottom left no-repeat;
		text-align: right;
	}
	#col1 h2 {
		color:#ac768f;
		margin:1.56em 0 0.79em 0;
	}
	#col1 a {
		color: #98bc0c;
		text-decoration: none;
	}
	#col1 a:hover {
		text-decoration: none;
	}
	#col1 li {
		padding-bottom:0.34em;	
		font-size:1.25em;
		line-height:1.5em;
	}
	#col1 li.selected a, #col1 li a:hover, #col1 li.selected li a:hover, #col1 li.selected li.selected a{
		border-bottom: 0.34em solid #e0e9bc;
		background: #fff;
		font-weight: bold;
		text-decoration: none;
		color: #008ee9;
	}
		#col1 li.selected li a {
			border-bottom:none;
			font-weight:normal;
			color: #98bc0c;
		}
		#col1 li li {
			padding-bottom:0;
			padding-top:0.34em;
			padding-right:3em;
			font-size:0.8em;
		}
		#col1 li ul {
			display:none;
		}
		#col1 li.selected ul {
			display: block;
		}
	#col2 {
		width:619px;
		padding:0 10px 10px 10px;
		border-left: #98bc0c 1px solid;
		min-height: 300px;
		height: auto;
		_height:300px;
	}
		#col2 a { 
			color: #98bc0c;			
		}
			#col2 a:hover {
				color: #008ee9;
			}
		#col2 li {
			padding-left:1.25em;
			background: url(/scena/img/bullet01.png) 0 0.17em no-repeat;
		}

		#trail {
			font-size: 0.75em;
			color:#98bc0c;
		}
		#col2 #trail ul, #col2 #trail li {
				list-style: none;
				display: inline;
				background: none;
				padding: 0;
			}
			#trail a {
				text-decoration: none;
			}
				#trail a:hover {
					text-decoration: underline;
				}			
		#col2 img {
			margin:.75em 0;
			padding:.5em;
			border: 5px solid #e0e9bc;
			background: #fff;
		}
			#col2 img.center {
				margin:.75em auto;
				display: block;
			}
			#col2 img.portfolio {
				margin-bottom:2em;
			}
			#col2 a:hover img {
				border-color: #91D2FF;
			}
		p.more {
			padding-bottom: 3em;
		}
		p.more a {
			text-decoration: none;
		}
#footer {
	clear:both;
	text-align:center;
	padding:10px 0;	
}
/* accessibility */
#skipToNav {position: absolute; left: -9999px; font-size: small;}
#skipToNav a:hover {color: #f00;}
#skipToNav a:focus {display: block; position: absolute; top: -120px; left: 9990px; font-size: large; background: #fff; border: solid 2px #1B6BD8; padding:10px; width: 15em; z-index: 1;}