/*******************************************
	BOHIO STYLSHEET
	------------------------
	Created : 10/7/10
	Designer : EAMejia
	Coder : QwibbleDesigns
*******************************************/

/*******************************
			RESET
*******************************/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, 
, 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;
}

 

blockquote, q{
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after{
	content: '';
	content: none;
}

:focus{
	outline: 0;
}

ins{
	text-decoration: none;
}

del{
	text-decoration: line-through;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
}


.pressli img {border:2px solid #000;}
.pressli img:hover {border: 2px solid #a5ff57;-webkit-box-shadow: 0 8px 20px -6px #fff;
   -moz-box-shadow: 0 8px 20px -6px #fff;
        box-shadow: 0 8px 20px -6px #fff;}
 
.pressli {float: left;
padding-right: 10px;
padding-bottom: 5px;}
 
textarea{
	font-family: 'Poiret One', cursive;
}

/*******************************
	  BASIC TEXT STYLES
*******************************/

/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/** Basic HTML **/

body{
	font-family: 'Poiret One', cursive;
	color:#565556;
}


b {font-weight:bold;}

a{
	color:#2a3d48;
	text-decoration:none;
}

a:hover,
a:focus{
	text-decoration:underline;
}

a:focus{
	outline: 1px dotted;
}

hr{
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

 
 
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{
	margin-bottom: 20px;
}

blockquote{
	padding: 5px 25px 5px 0; font-style:italic;
}

blockquote p{
	border-left: 2px solid #eee; padding-left: 25px;
}

dt{
	margin: 0;
	padding: 0;
	font-weight: bold;
}

dd{
	padding: 0;
}
 
 

h1, h2, h3, h4, h5, h6{
font-family: 'Poiret One', cursive;
	   font-weight: 300;
	font-weight:bold;
}

h1{
	font-size: 30px;
}

h2{
	font-size: 50px;
}

h3{
	font-size: 50px; 
}

h4{
	font-size: 30px;
}

h5{
	font-size: 17px;
}

h6{
	font-size: 15px;
}

/** Clearfix **/

.clearfix:after{
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}

* html .clearfix,
*:first-child
+html .clearfix{
	zoom:1
}

/*******************************
		CUSTOM CSS
*******************************/



div#wrapper{
	width:960px;
	margin:0 auto;
}

/** Header **/

div#header {
width: 94%;
margin: 9px 26px;
height: 98px;
color: white;
background: transparent url('../images/blue/header_bg.png') no-repeat top center;
z-index: 1;
}
	div#header h1{
		display:inline-block;
		height:56px;
		line-height:56px;
		padding:0 20px 0 0;
		margin:50px 0 0 0;
		background: url('../images/blue/header_divider.png') no-repeat top right;
		zoom: 1;
		*display:inline;
	}

	div#header p{
		display:inline;
		padding:0 0 0 20px;
	}

/** Content **/

div#content{
	margin: 1px 0 0 0;
	background: transparent url('../images/title_bg.png') no-repeat top center;
	width: 900px;
	margin: 0 auto;
	
}

	/** Title **/

	div#title{
		text-align:center;
		height:379px;
		margin:0 0 10px 0;
	}

		div#title img{
			margin-top:-40px;
			z-index:9999;
		}

		div#title h2{
			color:#565556;
			margin:30px 0 10px 0;
			line-height:50px;
		}

		div#title h3{
			color:#1e2730;
			text-shadow:1px 2px 2px rgba(255,250,250,0.4);
			line-height:50px;
		}

	/** Main Content **/

	div#content h4{
		 
		margin:40px 0 15px 0;
	}

	div#content p{
	}

		/** Left Column **/

		div#left{
			width:460px;
			margin:0 10px;
			display:inline;
			float:left;
			background:transparent url('../images/content_divider.png') no-repeat center right;
			padding:0 0 40px 0;
		}

			/** Countdown **/

			.hasCountdown {
				margin:0 0 30px 0;
				overflow:auto;
			}

			.countdown_holding span {

			}

			.countdown_row {
				clear: both;
				width: 100%;
				text-align: center;
			}

			.countdown_section {
				display: block;
				float: left;
				text-align: center;
				color:#FFFFFF;
				background: url('../images/blue/countdown_bg.png') no-repeat;
				width:86px;
				height:86px;
				margin:0 20px 0 0;
				font-size:13px;
				line-height:20px;
			}

			.countdown_amount {
				font-size:50px;
				font-family: 'Poiret One', cursive;
				font-weight:bold;
				letter-spacing:3px;
				line-height:61px;
			}

			.countdown_descr{
				display: block;
				font-size:20px;
			}


			/** Newsletter **/

			form#newsletter{
				background: transparent url('../images/newsletter_bg.png') no-repeat top left;
				height:38px;
				width:420px;
				position:relative;
				margin:0 0 20px 0;
			}

				form#newsletter input[type=text]{
					background:none;
					border:0;
					color:#FFFFFF;
					width:360px;
					height:38px;
					line-height:38px;
					position:absolute;
					top:0;
					left:0;
					padding:0 10px;
					font-size:15px;
				}

				form#newsletter input[type=image]{
					position:absolute;
					top:0;
					right:0;
				}

		/** Right Column **/

		div#right{
			width:430px;
			margin:0 10px 0 40px;
			display:inline;
			float:left;
			padding:0 0 40px 0;
		}

			/** Twitter **/

			div#twitter{

			}

				p.date{
					font-weight:bold;
					margin:0;
				}

			/** Connect **/

			ul#social{
				list-style:none;
				margin:0 0 20px 0;
			}

				ul#social li{
					display:inline;
					margin:0 20px 0 0;
				}

/**New About Page**/
#grouppic{
	width:50%;
}

.biopics{
	width: 120px;
	height: 183px;
	border-color: #ffffff;
	border-width: 5px;
	border-style: solid;
	margin: 15px
}
#aboutback{
	text-decoration: none;
	color: #ffffff;
}
#aboutback:hover{
	color:#a0ff53;
	text-decoration: underline;
} 
#aboutback:hover span{
	color:#ffffff;
	text-decoration: underline;
} 

.aboutpics li{
	display:inline;
	list-style-type: none;
	/** margin-right: 1%;**/
}
#biosolo{
	float: left;
	clear:both;
}
/** Footer **/

div#footer{

	text-align:center;
	background:transparent url('../images/footer_bg.png') no-repeat top center;
	padding:50px 0 0 0;
}


	div#footer p{
	}

body { color:#fff;margin: 0; font-size: 1em; line-height: 1.4; background: #000 url(http://www.presentdev.com/blinkpr/img/bg2.png) repeat-y  center fixed;font-family: 'Poiret One', cursive;}
 

/* ===== Primary Styles ========================================================
   Author:
   ========================================================================== */
 
			#page-wrap { width: 960px;		 height:100%;  margin: 0px auto; background: transparent;  }
			p {  
			margin: 0 0 30px 0;
			text-indent: 0px;}
 
.showcase-button-wrapper {display:none;}
.contactleft {float:left;width:550px;}
.contactright h4 {color:#fff;border-bottom:1px solid #fff;}

.contactright {float:right;width:400px;}


#nav {
float: right;
padding: 0;
margin: 0;
}
#nav li {
float: left;
list-style-type: none;
padding-right: 5px;
background: url(http://solange.co.uk/themes/solange/img/top_menu_border.gif) right bottom no-repeat;
padding: 14px 11px 0px 11px;
margin: 0 0px 0 0px;
letter-spacing: -0.4px;
height: 18px;
}
#nav li:hover {color:#ff0000;
}
#nav a {font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   font-weight: 300;
color: white;
text-decoration: none;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;}
#header {margin:0 auto;width:960px;}

#footer {position: relative; height:100px;width:100%;margin:0 auto; border-top:5px solid #333;}
#footercontainer {
width: 100%;
background: url('http://www.presentdev.com/blinkpr/images/demask.png');
}
#wrapper { height:600px;}

.contentwrap { }
/* Showcase
-------------*/





#awOnePageButton .view-slide
{
	display: none;
}

/* This class is removed after the showcase is loaded */
/* Assign the correct showcase height to prevent loading jumps in IE */
.showcase-load
{
	height: 700px; /* Same as showcase javascript option */
	overflow: hidden;
}

/* Container when content is shown as one page */
.showcase-onepage
{
	/**/
}

/* Container when content is shown in slider */
.showcase
{
	width:960px;
	position: relative;
	margin: auto;
}

	.showcase-content-container
	{
		background-color: #000;
	}
	
	/* Navigation arrows */
	.showcase-arrow-previous, .showcase-arrow-next
	{
		position: absolute;
		background: url('../images/arrows.png');
		width: 33px;
		height: 33px;
		top: 220px;
		cursor: pointer;
	}
	
	.showcase-arrow-previous
	{
		left: -60px;
	}
	
	.showcase-arrow-previous:hover
	{
		background-position: 0px -34px;
	}
	
	.showcase-arrow-next
	{
		right: -56px;
		background-position: -34px 0;
	}
	
	.showcase-arrow-next:hover
	{
		background-position: -34px -34px;
	}
	
	/* Content */
	.showcase-content
	{
		background-color: #000;
		text-align: center;
	}
		
		.showcase-content-wrapper
		{
			text-align: center;
			height: 700px;
			width: 960px;
			display: table-cell;
			vertical-align: middle;
		}
		
		/* Styling the tooltips */
		.showcase-plus-anchor
		{
			background-image: url('../images/plus.png');
			background-repeat: no-repeat;
		}
		
		.showcase-plus-anchor:hover
		{
			background-position: -32px 0;
		}
		
		div.showcase-tooltip
		{
			background-color: #fff;
			color: #000;
			text-align: left;
			padding: 5px 8px;
			background-image: url(../images/white-opacity-80.png);
		}
		
		/* Styling the caption */
		.showcase-caption
		{
			color: #000;
			padding: 8px 15px;
			text-align: left;
			position: absolute;
			bottom: 10px; left: 10px; right: 10px;
			display: none;
			background-image: url(../images/white-opacity-80.png);
		}
		
		
		#lefttopclient {width:450px;height:650px;float:left;background:#fff;border:1px solid #000;-moz-box-shadow: inset  0 0 40px 0px #888;
		-webkit-box-shadow: inset  0 0 40px 0px #888;
		margin-bottom:5px;
	box-shadow: inset 0 0 40px 0px #888;}
		#righttopclient {width: 450px;
		height: 650px;
		float: right;
		color:#000;
		background: white;
		border: 1px solid black;
		-moz-box-shadow: inset 0 0 40px 0px #888;
		-webkit-box-shadow: inset 0 0 40px 0px #888;
		margin-bottom: 5px;
		box-shadow: inset 0 0 40px 0px #888;}
 
		
		
		#rightbottomclient {width:450px;height:450px;float:right; ;border:1px solid #fff;}
		#rightbottomclient:hover {-moz-box-shadow: inset  0 0 40px 0px #95ff49;
		-webkit-box-shadow: inset  0 0 40px 0px #95ff49;
	box-shadow: inset 0 0 40px 0px #95ff49;}
	
		
		
			#leftbottomclient {width:450px;height:450px;float:left; border:1px solid #fff;}
	#leftbottomclient:hover{		-moz-box-shadow: inset  0 0 40px 0px #95ff49;
			-webkit-box-shadow: inset  0 0 40px 0px #95ff49;
		box-shadow: inset 0 0 40px 0px #95ff49;}
	
	
		
		#clientbox {width:910px;height:530px;margin:0 auto;color:#fff;}
		#clientbox li {list-style-type:none;padding-top:3px;font-size:18px;
		#clientbox a {color:#fff;}
				#clientbox a:hover {color:#95ff49;}
		
				#clientbox h3 {
				color: #4A8523;
				padding: 0;
				line-height: 41px;
				font-size: 90px;
				text-shadow: 2px 2px #444;
				margin: 0;
				padding: 0;
				}
			#clientbox h4 {color:#4a8523;padding-bottom:5px;text-shadow: 2px 2px #444;		margin: 0;
					padding: 0;}
		
		
		
		
	.showcase-onepage .showcase-content
	{height:600px;
		margin-bottom: 10px;
	}
	
	/* Button Wrapper */
	.showcase-button-wrapper
	{
		clear: both;
		margin-top: 10px;
		text-align: center;
	}
	
		.showcase-button-wrapper span
		{
			margin-right: 3px;
			padding: 2px 5px 0px 5px;
			cursor: pointer;
			font-size: 12px;
			color: #444444;
		}
	
		.showcase-button-wrapper span.active
		{
			color: #fff;
		}
	
	/* Thumbnails */
	.showcase-thumbnail-container /* Used for backgrounds, no other styling!!! */
	{
		background-color: #000;
	}
	
	.showcase-thumbnail-wrapper
	{
		overflow: hidden;
	}
		
		.showcase-thumbnail
		{
			width: 120px;
			height: 90px;
			cursor: pointer;
			border: solid 1px #333;
			position: relative;
		}
		
			.showcase-thumbnail-caption
			{
				position: absolute;
				bottom: 2px;
				padding-left: 10px;
				padding-bottom: 5px;
			}
			
			.showcase-thumbnail-content
			{
				padding: 10px;
				text-align: center;
				padding-top: 25px;
			}
			
			.showcase-thumbnail-cover
			{
				background-image: url(../images/black-opacity-40.png);
				position: absolute;
				top: 0; bottom: 0; left: 0; right: 0;
			}
		
		.showcase-thumbnail:hover
		{
			border: solid 1px #999;
		}
		
			.showcase-thumbnail:hover .showcase-thumbnail-cover
			{
				display: none;
			}
		
		.showcase-thumbnail.active
		{
			border: solid 1px #999;
		}
		
			.showcase-thumbnail.active .showcase-thumbnail-cover
			{
				display: none;
			}
	
	.showcase-thumbnail-wrapper-horizontal
	{
		padding: 10px;
	}
	
		.showcase-thumbnail-wrapper-horizontal .showcase-thumbnail
		{
			margin-right: 10px;
			width: 116px;
		}
	
	.showcase-thumbnail-wrapper-vertical
	{
		padding: 10px;
	}
	
		.showcase-thumbnail-wrapper-vertical .showcase-thumbnail
		{
			margin-bottom: 10px;
		}
		
	.showcase-thumbnail-button-backward,
	.showcase-thumbnail-button-forward
	{
		padding: 7px;
		cursor: pointer;
	}
	
	.showcase-thumbnail-button-backward
	{
		padding-bottom: 0px;
		padding-right: 0px;
	}
	
		.showcase-thumbnail-button-backward .showcase-thumbnail-vertical,
		.showcase-thumbnail-button-forward .showcase-thumbnail-vertical,
		.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal,
		.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
		{
			background-image: url(../images/arrows-small.png);
			background-repeat: no-repeat;
			display: block;
			width: 17px;
			height: 17px;
		}
		
		.showcase-thumbnail-button-backward .showcase-thumbnail-vertical
		{
			background-position: 0 -51px;
			margin-left: 55px;
		}
		.showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical
		{
			background-position: -17px -51px;
		}
		
		.showcase-thumbnail-button-forward .showcase-thumbnail-vertical
		{
			background-position: 0 -34px;
			margin-left: 55px;
		}
		.showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical
		{
			background-position: -17px -34px;
		}
		
		.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
		{
			background-position: 0 -17px;
			margin-top: 40px;
			margin-bottom: 40px;
		}
		.showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal
		{
			background-position: -17px -17px;
		}
		
		.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal
		{
			background-position: 0 0;
			margin-top: 40px;
			margin-bottom: 40px;
		}
		.showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal
		{
			background-position: -17px 0;
		}
		
		/* Hide button text */
		.showcase-thumbnail-button-forward span span,
		.showcase-thumbnail-button-backward span span
		{
			display: none;
		}