/* ______________________________________________________________________________
 *
 * STYLE
 * 
 * 	@project VOID
 * 	@version 0.2 - 11.04.2010
 * 	@author VOID (www.void.pt)
 *
 * ------------------------------------------------------------------------------
 *	TABLE OF CONTENTS
 * ------------------------------------------------------------------------------
 *		1. NAVIGATIONS
 *			1.1. Language menu
 *		2. TYPOGRAPHY
 *			2.1. Fancy
 *			2.2. Colors
 *		3. CONTENT
 *			3.1. Footer
 *			3.2. Case Studies
 *			3.3. Case Study
 *		4. GALLERY
 *			4.1. Gallery
 *			4.2. Controls
 *			4.3. Image
 *			4.4. Misc
 * ___________________________________________________________________________ */

/* [1. NAVIGATIONS] __________________________________________________________ */

/* 1.1. Language menu */

ul#langlist ul { 
	display: 					none;
}

ul#langlist li:hover > ul {
	display: 					block;
}

ul#langlist ul {
	position:					absolute;
	left:						0px;
	top:						20px;
}

ul#langlist ul ul {
	position:					absolute;
	left:						100%;
	top:						0px;
}

ul#langlist table { 
	border-collapse: 			collapse; 
}

ul#langlist {
	display:					block;
	float: 						left;
	margin:						0px;
	padding:					0px;
	list-style:					none;
	background:					none;
	border:						none;
	zoom:						1;
	z-index:					201;
}

ul#langlist li {
	display:					block;
	float:						left;
	margin:						0px;
	padding:					0px;
}

ul#langlist li:hover {
	position:					relative;
}

ul#langlist a.mainbutton {
	display:					block;
	width:						65px;
	height:						20px;
	padding:					0px 25px 0px 10px;
	vertical-align:				middle;
	background:					#0b0a0b url(../images/language-arrow.gif) no-repeat right top;
	border:						none;
	text-align:					left;
	text-decoration:			none;
	font:						11px/18px Verdana, Helvetica, Arial, sans-serif;
	font-weight:				normal;
	color:						#3d3d3d;
	cursor:						default;
}

ul#langlist li a.mainbutton:hover {
	position:					relative;
	background:					#0b0a0b url(../images/language-arrow.gif) no-repeat right -20px;
	border:						none;
	font:						11px/18px Verdana, Helvetica, Arial, sans-serif;
	font-weight:				normal;
	color:						#686768;
	text-decoration:			none;
}

ul#langlist li:hover > a.mainbutton {
	background:					#0b0a0b url(../images/language-arrow.gif) no-repeat right -20px;
	border:						none;
	font:						11px/18px Verdana, Helvetica, Arial, sans-serif;
	font-weight:				normal;
	color:						#686768;
	text-decoration:			none;
}

ul#langlist ul {
	width:						100px;
	margin:						0px;
	padding:					0px;
	list-style:					none;
	background:					#0b0a0b;
	border:						none;
}

ul#langlist ul li {
	float:						none;
	height:						20px;
	background:					none;
	font:						11px/18px Verdana, Helvetica, Arial, sans-serif;
	color:						#3d3d3d;
	text-transform:				none;
}

ul#langlist ul li:hover {
	background:					none;
	font:						11px/18px Verdana, Helvetica, Arial, sans-serif;
	color:						#686768;
	text-transform:				none;
}

ul#langlist ul a {
	width:						90px;
	height:						20px;
	padding:					0px 0px 0px 10px;
	background:					none;
	font:						11px/18px Verdana, Helvetica, Arial, sans-serif;
	color:						#3d3d3d;
	text-align:					left;
	text-decoration:			none;
	white-space:				nowrap;
}

ul#langlist ul a:hover {
	width:						90px;
	height:						20px;
	padding:					0px 0px 0px 10px;
	background:					none;
	font:						11px/18px Verdana, Helvetica, Arial, sans-serif;
	color:						#686768;
	text-decoration:			none;
}

/* [2. TYPOGRAPHY] ___________________________________________________________ */

/* 2.1. Fancy */

.indent {
	padding:					0px 20px 0px 20px;
	text-align:					justify;
	text-indent: 				2em;
}

.indent-1 { padding-left: 10px; }
.indent-2 { padding-left: 20px; }
.indent-3 { padding-left: 30px; }
.indent-4 { padding-left: 40px; }

blockquote span {
	font:						0.75em "Times New Roman", Times, serif;
	font-weight:				normal;
	color:						#484848;
}

p.linespace {
	line-height:				1.5;
}

.alt {
	font-family:				"Times New Roman", Times, serif;
	font-weight: 				normal;
}

.dquo { 
	margin-left: 				-.5em;
}

p.incr, .incr p {
	font-size: 					10px;
	line-height: 				1.44em;
	margin-bottom: 				1.5em;
}

.caps {
	font-variant: 				small-caps;
	text-transform: 			lowercase;
}

/* 2.2. Colors */

.blue {
	color:						#5f92a8;
}

.orange {
	color:						#faa61a;
}

.white {
	color:						#ffffff;
}

.dirtywhite {
	color:						#b5b5b5; /* e.g. blockquote */
}

.lightgrey {
	color:						#8b8b8b; /* e.g. body */
}

.grey {
	color:						#636363; /* e.g. about us */
}

.darkgrey {
	color:						#484848; /* e.g. footer */
}

.black {
	color:						#000000;
}

/* [3. CONTENT] ______________________________________________________________ */

/* 3.1. Footer */

#footer a {
	color:						#484848;
}

#footer a:hover {
	color:						#5f92a8;
}

#footer .contactus a {
	text-decoration:			none;
	color:						#5f92a8;
}

#footer .contactus a:hover {
	text-decoration:			underline;
}

#footer .aboutus { 
	width: 						625px;
}

/* 3.1. Case Studies */

ul.casestudies {
	margin: 					0px;
	padding:	 				20px 0px 0px 0px;
	list-style-type: 			none;
}

ul.casestudies li {
	position:					relative;
	float:						left;
	width:						300px;
	height:						250px;
	margin:						25px 25px 0px 0px;
	background:					#1a1a1a url(../images/t-default.jpg) no-repeat top left;
}

ul.casestudies li.last {
	margin:						25px 0px 0px 0px;
}

ul.casestudies li .thumb {
	width:						290px;
	height:						190px;
	margin:						5px 5px 10px 5px;
}

ul.casestudies li h2 {
	margin-bottom: 				0em;
}

ul.casestudies li h2 a {
	display:					block;
	clear:						right;
	text-decoration:			none;
	margin-left:				10px;
	margin-bottom: 				3px;
	color: 						#5f92a8;
}

ul.casestudies li h2 a:hover {
	color:						#5f92a8;
}

ul.casestudies li span.link, 
ul.casestudies li a.link {
	margin-left:				10px;
	font-size:					10px;
	text-decoration:			none;
	color:						#4e4e4e;
}

ul.casestudies li a.link:hover {
	color:						#7b7b7b;
}

/* 4.3 Case Study */

a.backlink {
	margin:						0px;
	padding:					0px 0px 0px 20px;
	line-height:				15px;
	text-decoration:			none;
	text-transform:				uppercase;
	color:						#4e4e4e;
	background-image: 			url(../images/icon-back.png);
	background-repeat: 			no-repeat;
	background-position: 		left top;
}

a.backlink:hover {
	text-decoration:			none;
	color: 						#5f92a8;
	background-position: 		left -15px;
}

.casestudy span.link, 
.casestudy a.link {
	display:					block;
	margin-bottom:				20px;
	font-size:					11px;
	text-decoration:			none;
	color:						#4e4e4e;
}

.casestudy a.link:hover {
	color:						#7b7b7b;
}

.casestudy p {
	font-size:					1.25em;
}

.casestudy ul {
	position:					relative;
	margin:						0px;
	padding:					0px;
}

.casestudy ul li {
	position:					relative;
	display:					block;
	margin:						10px 0px 0px 10px;
	font-size:					1.2em;
	line-height:				1;
}

/* [4. SLIDESHOW] ____________________________________________________________ */

/* 4.1. Gallery */

#gallery {
	width:						590px;
	height:						470px;
	margin:						0px;
	padding:					0px;
	overflow:					hidden;
	background:					#1a1a1a url(../images/p-default.jpg) no-repeat top left;
}

#gallery a, 
#thumbs a {
	text-decoration: 			none;
}

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

/* 4.2. Controls */

#controls {
	display:					none;
	float: 						left;
	width:						50px;
	margin: 					5px 5px 5px 10px;
}

#controls a {
	text-decoration:			none;
}

#controls a:hover, 
#controls a:active, 
#controls a:focus {
	color: 						#5f92a8;
	text-decoration:			none;
}

#controls .ss-controls {}

#thumbs {
	display:					none;
	float:						right;
	margin: 					5px;
	padding: 					0px;
}

ul.thumbs {}

ul.thumbs li {
	float: 						left;
	padding: 					0px 5px 0px 5px;
	margin: 					0px;
	list-style: 				none;
}

a.thumb {
	padding: 					0px;
	display: 					inline;
	border: 					none;
}

ul.thumbs li.selected a.thumb {
	color: 						#5f92a8;
	font-weight: 				bold;
	text-decoration:			none;
}

a.thumb:hover, 
a.thumb:focus {
	text-decoration:			none;
	outline: 					none;
}

/* 4.3. Image */

#slideshow-container {
	position: 					relative;
	width:						580px;
	height: 					430px;
	margin:						5px;
	padding:					0px;
}

#loading {
	position: 					absolute;
	top: 						0;
	left: 						0;
	width: 						580px;
	height: 					430px;
	margin:						0px;
	padding:					0px;
	background-image: 			url('../images/slideshow-loader.gif');
	background-repeat: 			no-repeat;
	background-position: 		center;
}

#slideshow {
	margin:						0px;
	padding:					0px;
}

#slideshow span.image-wrapper {
	display: 					block;
	position: 					absolute;
	top: 						0;
	left: 						0;
	margin:						0px;
	padding:					0px;
}

#slideshow img {
	width:						580px;
	height:						430px;
	margin:						0px;
	padding:					0px;
	vertical-align: 			middle;
}

/* 4.4. Misc */

div.download {
	float: 						right;
}

div.caption-container {
	
}

span.image-caption {
	display: 					block;
	position: 					absolute;
}

div.caption {
	background-color: 			#000;
	padding: 					12px;
	color: 						#ccc;
}

div.caption a {
	color: 						#fff;
}

div.image-title {
	font-weight: 				bold;
	font-size: 					1.4em;
}

div.image-desc {
	line-height: 				1.3em;
	padding-top: 				12px;
}