/*****************************************************
  * DH Interactive Ltd:
  * Duncan Hart
  * http://www.dhinteractive.co.uk
  *
  * Client: Darran Rees
  * Client: http://www.darranrees.com
  *
  * Author: Duncan Hart
  * Author: http://www.dhinteractive.co.uk <support@dhinteractive.co.uk>
  *
  *Date 06/2012	- Created
  *
 *****************************************************
 */


/*****************************************************
* Global
/*****************************************************
*/

/* @license
 * MyFonts Webfont Build ID 2322567, 2012-07-11T05:01:02-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Geometric 415 Black by Bitstream
 * URL: http://www.myfonts.com/fonts/bitstream/geometric-415/black/
 * Copyright: Copyright 1990-2003 Bitstream Inc. All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2322567
 * 
 * © 2012 Bitstream Inc
*/

@font-face {
	font-family: 'Geometric415BT-BlackA';
	src: url('../_fonts/webfonts/237087_0_0.eot');
	src: url('../_fonts/webfonts/237087_0_0.eot?#iefix') format('embedded-opentype'), url('../_fonts/webfonts/237087_0_0.woff') format('woff'), url('../_fonts/webfonts/237087_0_0.ttf') format('truetype');
}
 
* {
	margin: 0;
}

html {
	height: 100%;
	background: #eaeaea;
	overflow-x: hidden;
	overflow-y: scroll;
}

body {
	margin: 0;
	background: #eaeaea;
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
 }


/*****************************************************
* Primary Content
/*****************************************************
*/

.Geometric415BT-BlackA { 
	font-family: Geometric415BT-BlackA;
	font-weight: normal;
	font-style: normal;
}

.container {
	position: relative;
	margin: 0 auto;
	width: 100%;
	padding-right: 6px;
	padding-left: 6px;
	height: 100%;
	font-family: Geometric415BT-BlackA;
	font-size: 14px;
	color: #696969;
}

.container a:link, .container a:visited {
	text-decoration: none;
	font-weight: normal; 
	font-style: normal;
	font-size: 14px;
	color: #000000;
}

.container a:hover {
	color: #696969;
}


.highlight {
	color: #000000;	
}

.lowlight {
	color: #bababa;	
}

.disabled {
	color: #d3d1d1;	
}

.title {
	font-size: 18px;	
}

.description {
	margin-top: 12px;
	float: left;
	font-size: 14px;
	line-height: 22px;
	color: #696969;
}

.sharing_window {
	margin: 0 auto;
	width: 350px;
	font-family: Geometric415BT-BlackA;
	font-size: 12px;
	color: #696969;
}

.sharing_window a:link, .sharing_window a:visited {
	color: #000000;
	text-decoration: none;
}

.sharing_window a:hover {
	color: #696969;
}

.sharing_form_1 {
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	margin: 0px;
	margin-bottom: 8px;
	font-family : Arial, Helvetica, Verdana, sans-serif;
	color:#333333;
	font-size: 14px;
	border: none;
	width: 344px;
}

.sharing_line {
	float: left;
	width: 350px;
	height: 1px;
	background: #bababa;
	margin-top: 24px;
	margin-bottom: 24px;
}



/*****************************************************
* Grid Content
/*****************************************************
*/

.content_column_1, .content_column_2, .content_column_3, .content_column_4, .content_column_5, .content_column_6, .content_column_7, .content_column_8, .content_column_9, .content_column_10, .content_column_11, .content_column_12 {
	position: relative;
	float: left;
	padding: 0px;
	margin: 0px;
}

.content_column_1 {
	margin: 0 auto;
	float: none;
	height: 68px;
	width: 948px;
	margin-top: 18px;

	margin-bottom: 18px;

}

.content_column_2 {
	margin: 0 auto;
	min-width: 68xp;
}

.content_column_3 {
	height: 460px;
	width: 960px;
}

.content_column_4 {
	width: 428px;
	min-height: 500px;
	margin-top: 18px;
	margin-right: 12px;
	padding-left: 10px;
	padding-right: 30px;
}

.content_column_5 {
	margin-top: 18px;
	height: 28px;
	width: 458px;
	padding-left: 10px;
	min-height: 500px;
	line-height: 22px;
}

.content_column_6 {
	margin-left: 240px;
	margin-top: 180px;
	height: 228px;
	width: 228px;
	background: url('../_img/_contact/logo.png') no-repeat;
}

.content_column_7 {
	padding-left: 18px;
	margin-top: 185px;
	height: 228px;
	width: 228px;
	vertical-align:text-top;
	font-size: 14px;
	line-height: 16px;
}

.content_column_8 {
	display: inline;
	margin-top: 10px;
	padding-top: 0px;
	padding-left: 0px;
	width: 458px;
	height: 500px;
	overflow: hidden;
}

.content_column_8_inner {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 18px;
	width: 440px;
	height: 500px;
	overflow: auto;
}

.content_column_9 {
	float: left;
	width: 440px;
	margin-bottom: 12px;
	margin-top: 18px;
}

.content_column_10 {
	float: left;
	width: 948px;
	margin-top: 18px;
}

.content_column_11 {
	margin-left: 354px;
	margin-top: 180px;
	height: 228px;
	width: 228px;
	background: url('../_img/_contact/logo.png') no-repeat;
}

.content_column_12 {
	margin-left: 354px;
	margin-top: 10px;
	height: 40px;
	width: 228px;
	text-align: center;
}

/*****************************************************
* Header Content
/*****************************************************
*/

.header {
	position: relative;
	margin: 0 auto;
	width: 948px;
	height: 48px;

	margin-bottom: 18px;

}

.header .logo {
	float: left;
	width: 148px;
	height: 48px;
	margin-right: 12px;
	background: url('../_img/_header/logo.png');
	background-repeat: no-repeat;
	background-position: 0px 31px;

}

.header .navigation {
	float: left;
	width: 788px;
	height: 48px;
	margin-top: 14px;

}

/*****************************************************
* Footer Content
/*****************************************************
*/

.footer {
	float: left;
	position: relative;
	margin-top: 6px;
	width: 100%;
	height: 20px;
	font-size: 10px;
	color: #999999;
	font-family : Arial, Verdana, sans-serif;
}


/*****************************************************
* Primary Area Content
/*****************************************************
*/

.content {
	margin: 0 auto;
	position: relative;
	width: 948px;
	min-height: 619px;
	margin-top: 0px;

}

.content .imagelogo {
	float: left;
	top: 46%;
	left: 50%;
	position: absolute;
	z-index: 1000;
	width: 221px;
	height: 221px;
	margin-left: -110px;
	margin-top: -110px;
	background: url('../_img/_global/watermark.png');
	background-repeat: no-repeat;
	background-position: center;
	display: none;
}


/*****************************************************
* Primary Navigation
/*****************************************************
*/

.menu_1 {
	position: absolute;
	margin: 0px;
	padding: 0px;
	z-index: 200;
}

.menu_1 > li {
	float: left;
	display: block;
	cursor: pointer;
	text-align: center;
	list-style-type: none;
	margin-right: 12px;
	margin-top: 21px;

}

.menu_1 > li a:link, .menu_1 > li a:visited {
	float: left;
	height: 20px;
	width: 148px;
	color: #000000;
	text-decoration: none;
	border-bottom: 6px solid #eaeaea;
}

.menu_1 > li a:hover {
	color: #000000;
	border-bottom: 6px solid #000000;
}

.menu_1 > li.current a {
	color: #000000;
	border-bottom: 6px solid #000000;
}


/*****************************************************
* Secondary Navigation
/*****************************************************
*/

.menu_1 > li:hover ul {
	margin: 0px;
	padding: 0px;
	display: block;
	width: 148px;
	height: 20px;
}

.menu_1 li ul {
	display: none;
	list-style-type: none;
}

.menu_1 li ul li a:link, .menu_1 li ul li a:visited {
	color: #FFF;
	text-decoration: none;
	border-bottom: none;
	margin-top: -1px;
	font-size: 11px;
	padding-top: 9px; 
	background-color: #000000;
	height: 20px;
}

.menu_1 li ul li:hover a {
	color: #000;
	background-color: #eaeaea;

}

.menu_1 > li ul li.current a {
	color: #000;
	background-color: #eaeaea;
}

.menu_1_bar {
	float: left;
	width: 148px;
	height: 6px;
	background: #000000;
	margin-top: -6px;
}

.menu_1_spacer {
	float: left;
	margin-top: 0px;
	width: 148px;
	height: 11px;
	background: url('../_img/_global/arrow.png');
	background-repeat: no-repeat;
	background-position: 70px 6px;
}

.menu_1_footer {
	float: left;
	width: 148px;
	height: 2px;
	background: #000000;
}


/*****************************************************
* Thumbnail Elements
/*****************************************************
*/

#thumbnail_scroll {
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-left: 80px;
	overflow: hidden;
	width: 788px;
}

#thumbnail_scroll_wrapper {
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 30000px;
	height: 68px;
}

.thumbnail_images {
	float: left;
	overflow: hidden;
}

#thumbnail_box {
	width: 788px;
	height: 86px;
	text-align: center;
}
#thumbnail_items {
	display:block;
	margin-left: 12px;
	width: 68px;
	height: 68px;
}

#thumbnail_highlight {
	position: absolute;
	display: block;
	width: 68px;
	height: 68px;
	background: url('../_img/_global/overlay.png');
	background-repeat: no-repeat;
	z-index: 1;
}

#thumbnail_items a:link, #thumbnail_items a:visited {
	display:block;
}

#thumbnail_items a:hover {
	color: #000000;
}

* html #thumbnail_items {
	display: inline
}

html>body #thumbnail_box {
	display: table;
}

html>body #thumbnail_items {
	display: table;
	float: left;
}

@media all and (min-width: 0px){
html>body #thumbnail_items {
	display: inline-block;
	float: none;
}
}

.thumbnail_description {
	text-align: center;
	margin-top: 2px;
	font-size: 12px;
	color: #bababa;
	background: url('../_img/_global/arrow_d.png') no-repeat;
	background-position: 55px 2px;
}

/* Button Container */
#thumbnail_buttons {
	position: absolute;
	float: left;
	margin-left: -px;
	
	height: 30px;
	width: 948px;
	
}

/* Next Arrows */
#thumbnail_next_button a {
	float: right;
	margin-top: 18px;
	margin-right: 24px;
	display: block;
	width: 19px;
	height: 30px;
	z-index: 1000;
}

#thumbnail_next_button_url a:link, #thumbnail_next_button_url a:visited {
	background: url('../_img/_global/arrow_r.png') no-repeat;
	background-position: 0 0px;
}
#thumbnail_next_button_url a:hover {
	background-position: -19px 0;
}


/* Previous Arrows */
#thumbnail_prev_button a {
	float: left;
	display: block;
	margin-top: 18px;
	margin-left: 24px;
	width: 19px;
	height: 30px;
	z-index: 1000;
}

#thumbnail_prev_button_url a:link, #thumbnail_prev_button_url a:visited {
	background: url('../_img/_global/arrow_l.png') no-repeat;
	background-position: 0 0px;
}
#thumbnail_prev_button_url a:hover {
	background-position: -19px 0;
}





/*****************************************************
* Viewer Elements
/*****************************************************
*/

.viewer {
	float: left;
	display:table;
	margin-top: 18px;

	margin-bottom: 36px;

	width: 100%;
	height: 90%;

	text-align: center;
	letter-spacing: 1px;
}

.viewer a:focus {
    outline: none;
}

.viewer_inner {
	display: table-cell;
	vertical-align: top;
}

.viewer_footer {
	margin: 0 auto;	
	width: 948px;
	height: 20px;
	text-align: center;
}

.viewer_controls {
	margin: 0 auto;
	width: 948px;
	font-size: 12px;
	color: #bababa;
	text-align: center;
}

.viewer_controls a:link, .viewer_controls a:visited {
	color: #bababa;	
	font-size: 12px;
}

.viewer_controls a:hover {
	color: #000000;
}

.viewer_lightbox {
	display: table;
	padding: 0px;
	width: 948px;
}
.viewer_lightbox div {
	display: table-row;
}
			
.viewer_lightbox div div {
	display: table-cell;
	padding: 3px;
	padding-top: 0px;
	height: 18px;
	width: 200px;
}

.viewer_invisible_next, .viewer_invisible_prev {
	float: left;
	position: absolute;
	width: 470px;
	height: 90%;

	z-index: 100;
}

.viewer_invisible_next {
	right: 0;
}

.viewer_invisible_prev {
	left: 0;
}

.preloader {
	float: left;
	background: url('../_img/_global/loading.gif') center center no-repeat;
	top: 0;
	width: 100%;
	height: 100%;
}


/*****************************************************
* Viewer Next & Previous Elements
/*****************************************************
*/

#image_next_prev {
	margin: 0 auto;
	width: 948px;
	height: 30px;
	margin-top: -40px;
	z-index: 200;
}

/* Next */
#image_next_button a {
	float: right;
	margin-right: 170px;
	display: block;
	width: 19px;
	height: 30px;
	z-index: 60;
}

#image_next_button_url a:link, #image_next_button_url a:visited {
	background: url('../_img/_global/arrow_r.png') no-repeat;
	background-position: 0 0px;
}
#image_next_button_url a:hover {
	background-position: -19px 0 ;
}

/* Prev */
#image_prev_button a {
	float: left;
	margin-left: 170px;
	display: block;
	width: 19px;
	height: 30px;
	z-index: 60;
}

#image_prev_button_url a:link, #image_prev_button_url a:visited {
	background: url('../_img/_global/arrow_l.png') no-repeat;
	background-position: 0 0px;
}
#image_prev_button_url a:hover {
	background-position: -19px 0;
}

/*****************************************************
* Social Styles
/*****************************************************
*/

.social {
	float: left;
	/* margin-left: 280px; */
	margin-top: 10px;
	width: 250px;
	height: 29px;
}

.twitter {
	float: left;
	background: url('../_img/_social/twitter.png') no-repeat;
	width: 29px;
	height: 29px;
}

.facebook {
	float: left;
	background: url('../_img/_social/facebook.png') no-repeat;
	width: 29px;
	height: 29px;
	margin-left: 6px;
}

.tumblr {
	float: left;
	background: url('../_img/_social/tumblr.png') no-repeat;
	width: 29px;
	height: 29px;
	margin-left: 6px;
}

.branchout {
	float: left;
	background: url('../_img/_social/branchout.png') no-repeat;
	width: 29px;
	height: 29px;
	margin-left: 6px;
}

.instagram {
	float: left;
	background: url('../_img/_social/instagram.png') no-repeat;
	width: 29px;
	height: 29px;
	margin-left: 6px;
}

.behance {
	float: left;
	background: url('../_img/_social/behance.png') no-repeat;
	width: 29px;
	height: 29px;
	margin-left: 6px;
}



/*****************************************************
* Fullscreen Images 
/*****************************************************
*/


#main .detail-view {
	position: absolute;
	top: 146px; /* Top Fixed */
	left: 0;
	width: 100%;
	min-width: 960px;
}

#main .detail-view .images {
	display: block;
	overflow: hidden;
	text-align: center;
}

#main .detail-view .images .image {
	display: none;
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
}

#main .detail-view .images .image img {
	min-width: 270px;
	height: 90%;
	width: auto;
	min-height: 370px;
	max-height: 840px;
}

#main #start .wrapper {
	width: 100%;
	margin-top: 0;
}

#main .detail-view .actions {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 60px;
	margin-top: -40px;
	/* background: url('../img/footer.gif') no-repeat; */
}