/*
*** Coded with loving care by Mat at Demotive ***
***	"Toiling since '75" | September 2009      ***
*** .......... www.demotive.com ............. ***
*/

/* Meyer zero out */
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* End Meyer zero out */

/* Specific focus styles */
*:focus {
	outline: 0;
}
/* End specific focus styles */

/* selected text styles */
*::selection {
	color:#000;
	background: #dfdfdf; /* Safari */
}
*::-moz-selection {
	color:#000;
	background: #dfdfdf; /* Firefox */
}
/* End selected text styles */

/* Overall structures */
body {
	font-family: Verdana, sans-serif;
	font-size: 62.5%;	/* 10px root */
	line-height: 1.4;
	color:#575757;
	background: #ECEDE6;
}
#container {
	padding:20px 0 30px 28px;
	width:880px;
	margin:0 auto;
	background:#fff url(../images/structural/bg_container_shadow.png) right top repeat-y;
}
.section {
	display:block;
	clear:both;
	overflow:auto;
}

/* Basic type */
h1, h2, h3, h4, h5, h6 {
	font-family:"Times New Roman", Times, serif;
	color:#015773;
	font-weight:normal;
}
a {
	color:#575757;
	text-decoration:none;
}

/* specific elements */
#header {
	min-height:217px;
}
	#logotype {
		float:left;
		width:104px;
		white-space:nowrap;
		font-size:1.1em;
		color:#616161;
		font-family:"Times New Roman", Times, serif;
	}
		#logotype span {
			display:block;
			width:72px;
			height:72px;
			margin:0 auto 10px auto;
			text-indent:-999em;
			background:url(../images/structural/logotype.png) no-repeat;
		}
	#navigation {
		float:right;
		padding-right:34px;
		list-style:none;
	}
		#navigation li {
			float:left;
			width:9.9em;
			margin-left:6px;
			padding-bottom:3px;
			background:url(../images/structural/bg_moire.gif);
		}
			#navigation li a,
			#navigation li h1 {
				display:block;
				font-family:"Times New Roman", Times, serif;
				font-size:1.4em;
				text-transform:uppercase;
				color:#606060;
				background:#fff;
			}
			#navigation li.selected {
				padding-bottom:12px;
			}
			#navigation li.selected a {
				color:#015773;
			}
	#header p {
		font-family:"Times New Roman", Times, serif;
		font-size:1.8em;
		font-style:italic;
		color:#a1a1a1;
		line-height:1.3;
		width:18.611em;	/* 335px */
		padding-top:20px;
		clear:left;
	}
		#header p strong {
			color:#015773;
		}
/* display elements */
.work_display {
	list-style:none;
}
	.work_display li {
		float:left;
		width:272px;
		margin-right:13px;
	}
	#leader li {
		width:414px;
		margin:0 15px 12px 0;
	}
		.work_display .leader a {
			border-top:0;
			padding-top:17px;
			background:url(../images/structural/bg_moire_general.gif) repeat-x;
		}
		.work_display a {
			display:block;
			padding:12px 0 14px 0;
			background-color:#ffffff;
			border-top:1px solid #dfdfdf;
		}
			.work_display a:hover {
				background:url(../images/structural/bg_moire_rollover.gif);
			}
			.work_display .leader a:hover {
				border-top:5px solid #ccc;
				padding-top:12px;
			}
				.work_display img {
					display:block;
					padding:3px;
					border:3px solid #dfdfdf;
					background:#fff;
				}
					.work_display a:hover img {
						margin:3px;
						border:0;
					}
			.work_display strong {
				display:block;
				padding:5px 0 3px 6px;
				font-family:"Times New Roman", Times, serif;
				font-size:1.2em;
				font-weight:normal;
				text-transform:uppercase;
				color:#015773;
			}
			.work_display span {
				display:block;
				padding:0 0 9px 6px;
			}
				.work_display strong span {
					display:inline;
					padding:0;
				}
/* prj */
#project { margin-right:37px; }
#project .work_display {
	margin-bottom:12px;
}
#project h1 {
	width:558px;
	margin-bottom:6px;
	font-size:1.8em;
	text-transform:uppercase;
}
.article {
	width:558px;
	padding-bottom:50px;
}
.work_views {
	float:right;
	list-style:none;
	position:relative;
	top:-3px;
}
	.work_views li {
		float:left;
		width:2.5em;
		margin-left:6px;
		padding-bottom:3px;
		background:url(../images/structural/bg_moire.gif);
	}
		.work_views li a {
			display:block;
			font-family:"Times New Roman", Times, serif;
			font-size:1.4em;
			text-transform:uppercase;
			color:#606060;
			background:#fff;
		}
/* footer */
#footer {
	padding-bottom:17px;
	margin-right:37px;
	background:url(../images/structural/bg_moire_general.gif) left bottom repeat-x;
}
	#footer .section {
		margin-top:25px;
		padding:0 0 36px 0;
		overflow:auto;
		background:url(../images/structural/footer_bg_all.gif) no-repeat;
	}
		#footer h4, #footer h5 {
			font-size:1.4em;
			text-transform:uppercase;
			margin:0 13px 23px 13px;
		}
		#footer h5 {
			margin-bottom:18px;
		}
		#about, #brands {
			float:left;
			padding-top:28px;
		}
			#about ul, #brands ul {
				list-style:none;
			}
			#about p {
				width:252px;
				margin:0 13px 16px 13px;
				padding-top:10px;
				border-top:1px solid #dfdfdf;
				line-height:1.5;
			}
			#about ul {
				font-family:"Times New Roman", Times, serif;
				text-transform:uppercase;
				padding-left:13px;
				width:258px;
			}
				#about li {
					float:left;
					width:115px;
					margin:-1px 6px 0 0;
					padding:12px 4px;
					border:1px solid #dfdfdf;
					border-left:none;
					border-right:none;
					letter-spacing:-0.05px;
				}
			#brands ul {
				width:545px;
				margin-left:13px;
				overflow:auto;
				background:url(../images/structural/bg_brands_item.gif);
			}
				#brands li {
					float:left;
					width:100px;
					height:100px;
					margin:0 7px 7px 0;
					padding:1px;
				}
					#brands img {
						display:block;
					}
					
/* "article" wysiwyg styles */
.article p, .article div {
	margin-bottom:6px;
}


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}