@charset "UTF-8"; 
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
 
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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	height: 100%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 
/* remember to define focus styles! */
:focus {
	outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
 
.clearer {
	clear: both;
}

@font-face {
	font-family: 'Lane-NarrowRegular';
	src: url('LANENAR_.eot');
	src: local('Lane - Narrow Regular'), local('Lane-Narrow'), url('LANENAR_.ttf') format('truetype');
}

a {
	text-decoration: none;
}

.hr {
	height: 1px;
	width: 100%;
	background: #ddd;
}

/*****************************************
			MAIN CSS
*****************************************/

#wrap {
	width: 960px;
	margin: 0 auto;
	font-family: Century Gothic, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing: 1px;
	background: #fff;
	height: 100%;
}

#top {
	width: 960px;
	height: 160px;
	position: relative;
}

	#search {
		position: absolute;
		width: 200px;
		height: 20px;
		top: 10px;
		right: 0;
		background: url(../images/search_bg.jpg) no-repeat;
	}
	
		#ajaxSearch_form {
			border: none;
			background: transparent;
			width: 200px;
			height: 20px;
			position: absolute;
			top: 0;
			right: 0;
		}
		
		#ajaxSearch_form input {
			padding: 0;
			margin: 0;
			background: none;
		}
		
		#ajaxSearch_form input label {
			padding: 0;
			margin: 0;
		}
		
		input#ajaxSearch_input {
			color: #ccc;
			border: none;
			width: 175px;
			height: 20px;
			font: 12px/20px Century Gothic, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
			text-indent: 5px;
		}
		
		input#ajaxSearch_submit {
			position: absolute;
			top: 0;
			right: 0;
			border: none;
			width: 20px;
			height: 20px;
			background: transparent;
			background: none;
			color: #999;
		}
		
		input#ajaxSearch_submit:hover {
			cursor: pointer;
		}
		
		#searchClose {
			position: absolute;
			top: 0;
			right: 30px;
			height: 20px;
			width: 20px;
		}
		
		#indicator {
			position: absolute;
			top: 0;
			right: 50px;
			height: 20px;
			width: 20px;
		}
		
			#ajaxSearch_output {
				position: absolute;
				top: 25px;
				left: 0;
				width: 200px;
				z-index: 1000;
			}
			
			.AS_ajax_result {
				font-size: 10px;
				line-height: 16px;
				color: #666;
				padding: 7px;
				background: #f4f4f4;
				border: 1px solid #ddd;
				margin: 3px 0;
			}
			
			.AS_ajax_result a {
				color: #c60;
				font-size: 10px;
			}
			
			.AS_ajax_result a:hover {
				color: #222;
				font-size: 10px;
			}
			
		#logo {
		width: 118px;
		height: 71px;
		position: absolute;
		top: 77px;
		left: 0;
		background: url(../images/logo.png) no-repeat;
	}
	
	#logo a {
		width: 118px;
		height: 71px;
		display: block;
	}

	/* LAVALAMP */
	
	#nav {
		width: 800px;
		height: 24px;
		position: absolute;
		bottom: 4px;
		right: 0px;
	}
	
	#nav ul {
		position: relative;
		height: 24px;
		background: #fff;
		overflow: hidden;
		float: right;
	}
		
	#nav ul li {
		float: left;
	}
		
	#nav ul li.active {
		background: url(../images/active.png) bottom center no-repeat;
	}
	
	#nav ul li.active a {
		color: #c60;
	}
		
	#nav ul li a {
		font: 12px/24px  Century Gothic, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		text-decoration: none;
		letter-spacing: 1px;
		color: #999;
		text-align: center;
		padding: 0 20px;
		text-transform: uppercase;
		z-index: 10;
		display: block;
		float: left;
	}
	
	#nav ul li a:hover {
		background: url(../images/active_gray.png) bottom center no-repeat;
		color: #c60;
	}


#main {
	position: relative;
	margin: 10px 0 80px 0;
}

#main h1 {
	width: 920px;
	background: #eee;
	color: #fff;
	padding: 0 20px;
	margin-bottom: 20px;
	text-align: right;
	text-transform: uppercase;
	letter-spacing: 2px;
	height: 20px;
	font: bold 28px/20px Arial, Helvetica, sans-serif;
}

#main p {
	color: #999;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 20px;
}

.left_half, .right_half {
	width: 465px;
	float: left;
	padding-bottom: 30px;
}

.left_half {
	float: left;
}

.right_half {
	float: right;
}

.right_half p, .left_half p {	
	color: #999;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 20px;
}

.right_half h4 {
	color: #c60;
	font: bold 12px/20px Century Gothic, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#contact_form {
	width: 200px;
	float: left;
}

#contact_form label {
	width: 250px;
	font: 12px/24px Century Gothic, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #999;
	height: 24px;
}

#contact_form input {
	height: 20px;
	line-height: 20px;
	width: 250px;
	border: 1px solid #ccc;
	margin-bottom: 7px;
	background: #f5f5f5;
	color: #999;
	text-indent: 4px;
}

#contact_form textarea {
	width: 250px;
	height: 100px;
	overflow: hidden;
	border: 1px solid #ccc;
	background: #f5f5f5;
	color: #999;
}

#contact_form button {
	width: 95px;
	height: 20px;
	color: #888;
	background: #fff;
	float: left;
	border: none;
	margin-left: 15px;
	float: right;
	text-align: right;
	cursor: pointer;
}

#contact_form span {
	color: #c60;
}

.btns {
	margin: 15px 0;
	width: 250px;
	height: 20px;
	
}

#address {
	width: 200px;
	float: right;
	text-align: right;
	padding-top: 20px;
}
	

/* BIOGRAPHIES */


#biography {
	border-bottom: 1px solid #ddd;
	width: 960px;
	float: left;
}

#biography p.employee {
	color: #c60;
	font-size: 20px;
	line-height: 20px;
	margin: 30px 0;
}

#biography p.employee a {
	color: #c60;
	font: 12px/18px Century Gothic, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-decoration: none;
}

#biography p {
	color: #999;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 20px;
}

#studio p {
	color: #999;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 0px;
}

#studio a {
	color: #c60;
}

.temporary-content-div {
	display: block;
	width: 960px;
	margin: 40px 0 0 0;
}

.temporary-content-div a {
	color: #c60;
	text-decoration: none;
}

.temporary-content-div a:hover {
	color: #666;
	text-decoration: underline;
}

	.frame{
    	position: absolute;
		z-index: 2;
	}
	
	#bio {
		height: 531px;
		width: 494px;
		float: left;
	}
	
   	img.loadpic{
		margin: 0;
	}
	
    #biocontainer {
    	position: relative;
		overflow: hidden;
		height: 531px;
		width: 494px;
		background: #fff;
	}
	
	#biooverlay {
		top: -150px;
		position: absolute;
		z-index: 1;
	}
	
	#bioblock{	
		height: 531px;
		width: 494px;
		background: #fff;
	}
	
	#bioedge{
		height: 150px;
		width: 494px;	
		background: url(../images/slice.png);
	}
	
	/* TOOLBAR */
	
	#toolbar {
		z-index: 2000;
	}
	
	.jx-bar {
		background: url(../images/toolbar_bg.png) repeat;
		height: 40px;
		width: 100%;
	}
	
	.jx-bar-inner {
		background: url(../images/logo_white.png) left no-repeat;
		width: 960px;
		height: 40px;
		margin: 0 auto;
		font: 12px/40px Century Gothic, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		color: #999;
		letter-spacing: 1px;
		z-index: 1000;
		
	}
		
	.jx-bar-button-tooltip {
		height:auto;
		padding:5px 10px 5px 10px;
		color:#FFFFFF;
		background-color:#36393D;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	
	#fileupload {
		width: 150px;
		height: 40px;
		float: left;
		margin-left: 100px;
	}
	
	#fileupload a, #fileupload a:visited {
		color: #999;
		text-decoration: none;
	}
	
	#fileupload a:hover {
		color: #c60;
	}
	
	#social {
		width: 230px;
		float: right;
		height: 40px;
	}
		
		a#rss, a#twitter, a#facebook, a#delicious {
			background-position: 0 0;
			float: right;
			margin: 10px 0 10px 10px; 
			display: block;
			width: 20px;
			height: 20px;
		}
		
		a#rss:hover, a#twitter:hover, a#facebook:hover, a#delicious:hover {
			background-position: 0 20px;
		}
		
		
		a#rss {
			background-image: url(../images/rss.png);
		}
		
		a#twitter {
			background-image: url(../images/twitter.png);
		}
		
		a#facebook {
			background-image: url(../images/facebook.png);
		}
		
		a#delicious {
			background-image: url(../images/delicious.png);
		}
	

/* JQ TOOLS */

.images {
	background:#fff;
	position:relative;	
	height:424px;
	width:960px;
	float:left;
	cursor:pointer;
}

.images div {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	height: 424px;
	font-size: 12px;
}

.images div a {
	position: absolute;
	top: 412px;
	left: 0;
	height: 12px;
	font: 12px/12px Century Gothic, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #999;
	text-decoration: none;
}

a span.link_home {
	padding-right: 15px;	
	background: #fff url(../images/link.png) right no-repeat;
}

a span.link {
	padding-right: 15px;	
	background: url(../images/link.png) right no-repeat;
}

.bio_pane {
	background:#fff;
	position:relative;	
	height:531px;
	width:960px;
	float:left;
	cursor:pointer;
}

.bio_pane div {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	height: 531px;
	font-size: 12px;
}

.tabs {
	position: absolute;
	top: 412px;
	right: 0;
	width: 96px;
}

.tabs a {
	width: 12px;
	height:12px;
	float: left;
	margin-left: 12px;
	background: #999;
	display: block;
	font-size: 1px;		
}

.tabs a:hover {
	background: #666;      
}

.tabs a.current {
	background: #c60;     
}

/* AJAX TABS */

ul.css-tabs {
	position: absolute;
	top: 32px;
	right: 0;	
}
 
ul.css-tabs li {  
	float: left;
	height: 16px;
	margin-left: 12px;
}
 
ul.css-tabs a { 
	float:left;
	font-size:10px;
	display:block;	
	text-decoration:none;	
	height:16px;
	color:#999;
}
	
ul.css-tabs a.current {
	color:#c60;	
	cursor:default;
}

div.css-panes div {
	height: 531px;
	width: 960px;	
}


/* STUDIO PAGE */

div.studio-tabs {
	position: absolute;
	top: 327px;
	left: 0;
	height: 40px;
	width: 725px;
	
}
 
div.studio-tabs a { 
	float:left;
	font-size:10px;
	display:block;	
	text-decoration:none;	
	height:40px;
	width: 91px;
	color:#999;
	margin-right: 12px;
}
	
ul.studio-tabs a.current {
	color:#c60;	
	cursor:default;
}

div.studio-panes {
	height: 377px;
	width: 715px;	
}

div.studio-panes div.images {
	margin-top: 12px;
}

/* PACKAGES PAGE */

div.packages-tabs {
	position: absolute;
	top: 350px;
	left: 0;
	height: 40px;
	width: 725px;
	
}
 
div.packages-tabs a { 
	float:left;
	font-size:10px;
	display:block;	
	text-decoration:none;	
	height:40px;
	width: 91px;
	color:#999;
	margin-right: 12px;
}
	
ul.packages-tabs a.current {
	color:#c60;	
	cursor:default;
}

div.packages-panes {
	height: 377px;
	width: 715px;	
}

body .gallery_overlay .galleryWrap div#packages_gallery div.images {
	margin-top: 12px;
	width: 715px;
	height: 377px;
}

#packages_gallery {
	width: 715px;
	float: left;
	position: relative;
}

/* GALLERY PAGE */

ul.gallery-tabs {
	position: absolute;
	top: 546px;
	left: 0;
	
}
 
ul.gallery-tabs li {  
	float: left;
	height: 16px;
	margin-right: 10px;
}
 
ul.gallery-tabs a { 
	float:left;
	font-size:10px;
	display:block;	
	text-decoration:none;	
	height:16px;
	color:#999;
}
	
ul.gallery-tabs a.current {
	color:#c60;	
	cursor:default;
}

div.gallery-panes {
	height: 521px;
	width: 960px;	
}

div.gallery-panes div.images {
	margin-top: 12px;
}

#projects {
	float:left;
	width: 960px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

h3 { 
	margin: 14px 10px 0 10px;
	color:#fff;
	font: 14px/14px Century Gothic, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing: 1px;
}
			
.boxgrid { 
	width: 220px; 
	height: 100px; 
	margin: 10px; 
	float:left; 
	background:#303030;
	overflow: hidden; 
	position: relative; 
}

.boxgrid_last {
	margin-right: 0;
}

.boxgrid img { 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
.boxgrid p { 
	padding: 0 10px; 
	color:#c60; 
	font-weight:bold; 
	font: 10px/18px Century Gothic, "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
}
				
.boxcaption { 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 60px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 }
.captionfull .boxcaption {
 	top: 100px;
 	left: 0;
}
 
.boxgrid a {
	color: #fff;
	text-decoration: none;
}
 
.boxgrid a:hover {
	color: #c60; }
		
.half_col {
	width: 460px;
	margin-top: 20px;
}


.half_col a, .half_col a:visited {
	color: #c60;
	text-decoration: none;
}

.half_col h2 {
	font: 18px/28px Century Gothic, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform: uppercase;
	padding: 0 0 5px;
	color: #c60;
}

.half_col p {
	font: 12px/18px Century Gothic, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #999;
	padding-bottom: 16px;
}

.f_left {
	float: left;
}

.f_right {
	float: right;
}

#project_sub {
	width: 960px;
	float: left;
	display: none;
}

a#slider {
	width: 69px;
	height: 12px;
	float: right;
	margin-top: 10px;
	background: url(../images/toggle.png);
}

/* STUDIO */

#studio {
	width: 960px;
	border-bottom: 1px solid #ccc;
	position: relative;
	padding-bottom: 20px;
}

#studio h2 {
	width: 225px;
	color: #c60;
	font: 18px/28px Century Gothic, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform: uppercase;
}

.left_col_small {
	width: 225px;
	float: left;
}

.left_col_small p {
	font: 12px/18px Century Gothic, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #999;
	padding-bottom: 16px;
	text-align: justify;
}

#studio_gallery {
	width: 715px;
	float: left;
	margin-left: 20px;
	position: relative;
}

#image_wrap {
	width:715px;
	margin: 0 0 20px;
	text-align:center;
}

.scrollable {
	position:relative;
	overflow:hidden;
	width: 715px;
	height:60px;
}

.scrollable .items {
	width:3000em;
	position:absolute;
	clear:both;
}
 
.scrollable img {
	float:left;
	background-color:#fff;
	padding: 0 5px 0 0;
	cursor:pointer;
	width:140px;
	height:60px;
}
 
.scrollable .active {
	z-index:9999;
	position:relative;
}

.scrollable {
	float:left;	
}

a.browse {
	background:url(../images/studio/navi_btn.png) no-repeat;
	display:block;
	width:60px;
	height:60px;
	float:left;
	cursor:pointer;
	font-size:1px;
	z-index: 10000;
}

a.right {
	background-position: -60px 0;
	clear:right;
	margin-right: 0px;
	position: absolute;
	top: 0;
	right: 0;
}
 
a.left {
	margin-left: 0px;
	position: absolute;
	top: 0;
	left: 0;
}
  
 
/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	
 
 
/* the thumbnail scrollable */
#thumbnails {
	position:relative;
	overflow:hidden;	 	
	float:left;	
	width: 715px;	
	height:60px;
	background:#fff;
	margin: 20px 0;
}
 
#thumbnails div.items div {
	padding: 0 5px;
	float:left;		
}

#tooltip { 
    display:none; 
    background: #333; 
    font-size:12px; 
    height:70px; 
    width:160px; 
    padding:20px; 
    color:#fff; 
}

.items div p {
	display: none;
}

.prevnext {
	background: transparent;
	padding: 0;
	margin: 0;
	width: 350px;
	height: 18px;
	position: absolute;
	top: 27px;
	right: 0;
	z-index: 10001;
	text-transform: uppercase;
	color: #999;
	font-size: 10px;
	line-height: 18px;
	text-align: right;
}

.prevnext button {
	background: transparent;
	padding: 0;
	margin: 0;
	border: none;
	color: #999;
	cursor: pointer;
	font: 10px/18px Century Gothic, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing: 1px;
}

.prevnext a {
	font: 10px/18px Century Gothic, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #999;
}

/* NEWS */

#news {
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

.news_item {
	width: 225px;
	float: left;
	margin-right: 20px;
}

.news_item .headline {
	height: 72px;
	overflow: hidden;
}

.news_item h2 {
	padding: 12px 0;
}

.news_item h2 a {
	font: 18px/24px Century Gothic, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #c60;
}

.news_item h2 a:hover {
	color: #666;
}

.news_item img {
	width: 225px;
	height: 85px;
	margin: 15px 0;
}

p.date {
	font: 10px/10px Century Gothic, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #999;
	width: 225px;
}

p.date .author {
	float: right;
	text-align: right;
}

p.post {
	font: 12px/18px Century Gothic, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #888;
	text-align: justify;
	height: 150px;
}

.keywords {
	margin: 20px 0 0 0;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background: #ddd;
	padding: 11px 15px;
	font: 10px/18px Century Gothic, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform: uppercase;
	color: #999;
}

a.more {
	color: #c60;
	float: right;
	text-align: right;
	display: block;
	font-size: 12px;
}

a.more:hover {
	color: #333;
}

.no_marg {
	margin: 0;
}

/* PROCESS */

#process {
	width: 960px;
	clear: both;
	position: relative;
	border-bottom: 1px solid #ccc;
}

#process span a {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 200px;
	height: 30px;
	font: 12px/30px Century Gothic, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #999;
}

#process span a:hover {
	color: #c60;
	text-decoration: none;
}

#process #panes {
	height: 450px;
}

#process h2 {
	font: 18px/24px Century Gothic, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #777;
}

#process h2 span {
	color: #c60;
}

#process p {
	font: 12px/18px Century Gothic, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #777;
	padding-bottom: 16px;
	width: 465px;
	margin: 0 30px 0 0;
	float: left;
	text-align: justify;
}

.left_side {
	float: left;
	width: 465px;
	padding-bottom: 20px;
}

.right_side {
	float: right;
	width: 465px;
	padding-bottom: 20px;
}

#tab_bar {
	height: 30px;
	width: 960px;
	line-height: 30px;
	margin-bottom: 10px;
	
}

.tab_nav {
	height: 30px;
	width: 960px;
}

.tab_nav li {
	color: #777;
	float: left;
}

.tab_nav li a {
	font-size: 20px;
	line-height: 30px;
	color: #999;
	text-transform: uppercase;
	float: left;
}

.tab_nav li a:hover {
	color: #c60;
}

.tab_nav li a.current {
	color: #c60;
}

.pane {
	clear: both;
	display:none;
	margin: 20px 0;
}

/* CASE STUDIES */

#case_studies {
	width: 960px;
	float: left;
	clear: both;
	position: relative;
	border-bottom: 1px solid #ccc;
}

#ba_images h2 {
	color: #c60;
	font: 18px/30px Century Gothic, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#case_studies p {
	font: 12px/18px Century Gothic, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #777;
	padding-bottom: 16px;
	text-align: justify;
	margin-bottom: 0px;
}

#accordion {
	background:#fff;
	width: 310px;
	margin-bottom: 20px;
	float: left;
}
 
#accordion h2 {
	background: #ddd;
	margin: 0;
	color: #666;
	padding: 5px 15px;
	font-size: 15px;
	font-weight: normal;
	border-bottom: 2px solid #fff;
	border-top: 2px solid #fff;
	cursor: pointer;		
}
 
#accordion h2.current {
	cursor: default;
	background: #ddd;
	color: #fff;
}
 
#accordion div.panes {
	display: none;
	padding: 16px 5px 0 5px;
	color: #999;
	height: 388px;
}
 
#accordion div.panes h3 {
	font-size:16px;
	color:#999;
}

#ba_images {
	margin-left: 30px;
	width: 620px;
	float: right;
}

.bagrid { 
	width: 300px; 
	height: 140px; 
	float:left; 
	background:#303030;
	overflow: hidden; 
	position: relative; 
	margin: 0 20px 20px 0;
}

.even {
	margin-right: 0;
}

.bagrid img { 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
.bagrid p { 
	padding: 0 10px; 
	color:#c60; 
	font-weight:bold; 
	font: 10px/18px Century Gothic, "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
}
				
.bacaption { 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 140px; 
	width: 100%;
 }

.bacaption {
 	top: 0;
 	left: 0;
}

#accordion_packages p {
	padding-bottom: 12px;
	font: 14px/20px Century Gothic, Arial, Helvetica, sans-serif;
}

#accordion_packages {
	background: #eee;
	width: 960px;
	margin-bottom: 20px;
	float: left;
}

#accordion_packages h2 {
	background: #eee;
	margin: 0;
	color: #999;
	padding: 5px 10px;
	font: bold 20px Century Gothic, Arial, Helvetica, sans-serif;
	border-bottom: 2px solid #fff;
	border-top: 2px solid #fff;
	cursor: pointer;
	width: 940px;
}
 
#accordion_packages h2.current {
	cursor: default;
	background: #c60;
	color: #fff;
}
 
#accordion_packages div.panes {
	display: none;
	padding: 16px 0 0;
	color: #999;
	height: 300px;
	background: #fff;
}
 
#accordion_packages div.panes h3 {
	font-size:16px;
	color:#999;
}

.pricing {
	float: right;
	text-align: right;
}

ul.package_list {
	width: 460px;
	margin: 12px 0 0 20px;
	float: left;
	color: #c60;
	list-style-type: disc;
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
} 

	

.two_thirds {
	width: 960px;
	margin-bottom: 20px;
	position: relative;
	height: 38px;
}

.two_thirds p {
	float: left;
	display: block;
	width: 630px;
}

.two_thirds a {
	width: 200px;
	height: 38px;
	background: url(../images/pdf.png) no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	text-indent: -9999px;
}

#gallery {
	width: 960px;
	border-bottom: 1px solid #ccc;
	position: relative;
	padding: 20px 0;
}

#gallery_wrap {
	width:960px;
	margin: 0 0 20px;
	text-align:center;
}

.gallery_scrollable {
	position:relative;
	overflow:hidden;
	width: 960px;
	height:71px;
}

.gallery_scrollable .items {
	width:3000em;
	position:absolute;
	clear:both;
}
 
.gallery_scrollable img {
	float:left;
	background-color:#fff;
	padding: 0 5px 0 0;
	cursor:pointer;
	width:91px;
	height:40px;
}
 
.gallery_scrollable .active {
	z-index:9999;
	position:relative;
}

.gallery_scrollable {
	float:left;	
} 

#back_to_index {
	float: right;
	padding: 6px 0;
	font-size: 12px;
}

#back_to_index a {
	color: #c60;
	text-decoration: none;
}

#back_to_index a:hover {
	color: #999;
}

#breadcrumbs {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	font: 12px/20px Century Gothic, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #999;
	padding-left: 20px;
}

#breadcrumbs li {
	float: left;
	line-height: 20px;
	margin-right: 20px;
}

#breadcrumbs a {
	color: #c60;
}

#breadcrumbs a:hover {
	color: #666;
}

/* CASE STUDIES */

#container {
	position:relative;
	overflow:hidden;
	height: 450px;
}

#pages {
	position:absolute;
	height:20000em;
}

.page {
	padding: 0 10px 10px;
	height: 460px;
	background: #fff;
	width: 600px;
}


.scroll {
	overflow:hidden;
	width: 600px;
	height: 430px;
	position: relative;
}

.scroll .items {
	width: 20000em;
	position: absolute;
	clear: both;
	height: 430px;
}

.item {
	float:left;
	cursor:pointer;
	width:600px;
	height:430px;
	background: #fff;
}


#main_navi {
	float:left;
	padding:0px !important;
	margin:0px !important;
	border-top: 1px solid #eee;
}

#main_navi li {
	background-color: #fff;
	clear: both;
	color: #ccc;
	font-size: 12px;
	height: 70px;
	list-style-type: none;
	padding: 10px;
	width: 320px;
	cursor: pointer;
	border-bottom: 1px solid #eee;
}

#main_navi li:hover {
	background-color:#ddd;
	color: #fff;
}

#main_navi li.active {
	background-color:#fff;
	color: #c60;
}

#main_navi img {
	float:left;
	margin-right:10px;
}

#main_navi strong {
	display:block;
}

.page img {
	width: 600px;
	height: 266px;
}

#container .page img {
	width: 600px;
	height: 266px;
}

#container .items p {
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #666;
	display: block;
}

 
div.navi {
	position: absolute;
	top: 276px;
	left: 0px;
	z-index: 10000;
	height: 40px;
	width: 600px;
} 
 

 
div.navi a {
	width:91px;
	height:40px;
	float:left;
	margin-right: 9px;
	background: #999;
	display:block;
}
 
div.navi a:hover {  
	cursor: pointer;
}
 
div.navi a.active {   
	border-bottom: 3px solid #c60;
} 

div.navi a#clawson1 {
	background: url(../images/gallery/clawson2_th.jpg);
}
div.navi a#clawson2 {
	background: url(../images/gallery/clawson3_th.jpg);
}
div.navi a#clawson3 {
	background: url(../images/gallery/clawson4_th.jpg);
}
div.navi a#clawson4 {
	background: url(../images/gallery/clawson5_th.jpg);
}
div.navi a#clawson5 {
	background: url(../images/gallery/clawson6_th.jpg);
}
div.navi a#clawson0 {
	background: url(../images/gallery/clawson1_th.jpg);
}

div.navi a#peterson1 {
	background: url(../images/gallery/peterson2_th.jpg);
}
div.navi a#peterson2 {
	background: url(../images/gallery/peterson3_th.jpg);
}
div.navi a#peterson3 {
	background: url(../images/gallery/peterson4_th.jpg);
}
div.navi a#peterson4 {
	background: url(../images/gallery/peterson5_th.jpg);
}
div.navi a#peterson5 {
	background: url(../images/gallery/peterson6_th.jpg);
}
div.navi a#peterson0 {
	background: url(../images/gallery/peterson1_th.jpg);
}

div.navi a#lovelands1 {
	background: url(../images/gallery/lovelands2_th.jpg);
}
div.navi a#lovelands2 {
	background: url(../images/gallery/lovelands3_th.jpg);
}
div.navi a#lovelands3 {
	background: url(../images/gallery/lovelands4_th.jpg);
}
div.navi a#lovelands4 {
	background: url(../images/gallery/lovelands5_th.jpg);
}
div.navi a#lovelands5 {
	background: url(../images/gallery/lovelands6_th.jpg);
}
div.navi a#lovelands0 {
	background: url(../images/gallery/lovelands1_th.jpg);
}

div.navi a#clyde1 {
	background: url(../images/gallery/clyde2_th.jpg);
}
div.navi a#clyde2 {
	background: url(../images/gallery/clyde3_th.jpg);
}
div.navi a#clyde3 {
	background: url(../images/gallery/clyde4_th.jpg);
}
div.navi a#clyde4 {
	background: url(../images/gallery/clyde5_th.jpg);
}
div.navi a#clyde5 {
	background: url(../images/gallery/clyde6_th.jpg);
}
div.navi a#clyde0 {
	background: url(../images/gallery/clyde1_th.jpg);
}

.apple_overlay {
	display:none;
	background-image: url(../images/overlay.png);
	width:320px;
	padding:20px;	
	font-size:12px;
}
 
.apple_overlay div.close {
	background-image: url(../images/close.png);
	position:absolute; right:0px; top:0px;
	cursor:pointer;
	height:26px;
	width:26px;
}

#overlay {
	background: #fefefe;
	color:#666;
	padding: 20px;
}

.contentWrap {
	font: 12px/18px Century Gothic, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #666;
}

.contentWrap a {
	color: #c60;
}


.gallery_overlay {
	display:none;
	background-image: url(../images/overlay.png);
	width:715px;
	padding:20px;	
	font-size:12px;
}
 
.gallery_overlay div.close {
	background-image: url(../images/close.png);
	position:absolute; right:0px; top:0px;
	cursor:pointer;
	height:26px;
	width:26px;
}

#gallery-overlay {
	background: #fefefe;
	color:#666;
	padding: 20px;
}

.galleryWrap {
	font: 12px/18px Century Gothic, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #666;
}

.galleryWrap a {
	color: #c60;
}

p.alert_gray, p.alert {
	color: #666;
	font: 12px/18px Century Gothic, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

p.alert span {
	color: #C00;
}

p.alert_gray span {
	color: #060;
}

body p {
	font: 12px/18px Century Gothic, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing: 0px;
}

/* File Download */
div.file_download {
	display: block;
	padding: 6px 0;
}
div.file_download span {
	display: block;
}
div.file_download div.fd-file{
	border-bottom: 1px solid #ddd;
	padding: 5px;
	background: #f5f5f5;
	font-size: 14px;
}
div.file_download div.fd-alt {
	background: #fff;
}
div.file_download div.fd-firstfile {
	border-top: 1px solid #ddd;
}
div.file_download div.fd-file span.fdexp-info {
	margin-left: 30px;
	font-size: 10px;
	margin-top: 1px;
}
div.file_download img {
	vertical-align: middle;
	padding: 2px;
}

span.fd-path {
	font: 14px/30px Century Gothic, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #999;
}

/* Packages Gallery */

#packages_gallery {
	width: 715px;
	float: left;
	position: relative;
}

#image_wrap {
	width:715px;
	margin: 0 0 20px;
	text-align:center;
}

.packages_scrollable {
	position:relative;
	overflow:hidden;
	width: 715px;
	height:41px;
}

.packages_scrollable .items {
	width:3000em;
	position:absolute;
	clear:both;
}
 
.packages_scrollable img {
	float:left;
	background-color:#fff;
	padding: 0 5px 0 0;
	cursor:pointer;
	width:90px;
	height:41px;
}
 
.packages_scrollable .active {
	z-index:9999;
	position:relative;
}

.packages_scrollable {
	float:left;	
}

a.browse {
	background:url(../images/studio/navi_btn_small.png) no-repeat;
	display:block;
	width:41px;
	height:41px;
	float:left;
	cursor:pointer;
	font-size:1px;
	z-index: 10000;
}

a.right {
	background-position: -41px 0;
	clear:right;
	margin-right: 0px;
	position: absolute;
	top: 0;
	right: 0;
}
 
a.left {
	margin-left: 0px;
	position: absolute;
	top: 0;
	left: 0;
}
  
 
/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	
 
 
/* the thumbnail scrollable */
#thumbnails {
	position:relative;
	overflow:hidden;	 	
	float:left;	
	width: 715px;	
	height:41px;
	background:#fff;
	margin: 20px 0;
}
 
#thumbnails div.items div {
	padding: 0 5px;
	float:left;		
}

.doc_pass {
	padding: 59px;
	border: 1px solid #ddd;	
	width: 300px;
	margin: 0 269px;
}

.doc_pass strong {
	color: #888;
}

#main #studio .doc_pass p.orange {
	color: #cc6600;
}

.doc_pass input.pass {
	border: 1px solid #ddd;
}