/*****************************************************************************
//-> CSS RESET
*****************************************************************************/
/* 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, input {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%; }
 
body { line-height: 1.4em; }
 
a:focus { outline: 1px dotted invert; }
 
a { text-decoration: none; }
 
ol, ul { list-style: none; }
 
blockquote, q {  }
 
blockquote:before, blockquote:after,
q:before, q:after { float: left; }
 
/* 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; }
 
/*****************************************************************************
//-> CORE ELEMENTS
*****************************************************************************/
html, body {
	height: 100%;
	width: 100%;
	margin: 0 auto;
	padding: 0; }
 
body {
	font-size: 14px;
	color: #fff;
	background: #000;
	font-family: Arial, Helvetica, sans-serif; }
  
#wrapper {
	position: relative;
	margin: 0 auto;
	min-height:100%;
	width: 1280px;
	text-align: center; }
 
.msie6 #wrapper {
	height: 100%;
	width: 1280px; }
	
#wrapper.hp { min-height:720px; }
.msie6 #wrapper.hp { height: 720px; }
 
/*****************************************************************************
//-> GENERAL ELEMENTS
*****************************************************************************/
a {
	color: #fff;
	text-decoration: none; }
 
	a:hover { text-decoration: underline; color: #b19153; }
 
p {
	padding: 5px 0px;
	line-height: 18px; }
 
strong { font-weight: bold; }
 
pre {
	background-color: #DFF7FF;
	border: 1px dotted #88BECF;
	display: block;
	padding: 5px; }
 
h1 {
	font-size: 22px;
	font-weight: bold;
	color: #666; }
h1.big {
	font-size: 32px; }
 
h2 {
	font-size: 14px;
	font-weight: bold;
	color: #666; }
 
h3 {
	font-size: 14px;
	font-weight: normal;
	color: #666; }
 
h4 {
	font-size: 14px;
	font-weight: normal;
	color: #666; }
 
h5 {
	font-size: 12px;
	font-weight: normal;
	color: #666; }
 
h6 {
	font-size: 12px;
	font-weight: normal;
	color: #666; }
 
blockquote {
	border: 1px dotted #DDDDDD;
	color: #474747;
	font-style: italic;
	margin: 1em 25% 1em 0;
	min-height: 40px;
	padding: 1em 1em 1em 7em; }
 
cite {
	font-size: 12px;
	float: right;
	margin: 0px 0px 20px 0px; }
 
address {
	margin: 0px 20px 0px 0px;
	display: block;
	float: left; }
 
em { font-style: italic; }
 
script {
	visibility: hidden;
	overflow: hidden;
	display: none;
	width: 0;
	height: 0;
	outline: none; }
 
object, a { outline: none; }
 
object {
	margin: 0;
	padding: 0; }
 
a:active { outline: none; }
 
.msie6 br {
	height: 15px;
	line-height: 10px; }
 
/*****************************************************************************
//-> PAGE ELEMENTS
*****************************************************************************/
#header {
	position: relative;
	top:0;
	margin: 0 0 -39px;
	width: 100%;
	height: 21px;
	overflow:hidden;
	z-index: 1000; }
 
	#header:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; }
 
	#header-content {
		position: relative;
		margin: 0 auto;
		padding:0 165px;
		width: 950px;
		color: #fff;
		height: 21px;
		line-height: 21px;
		background:#231f20;
		text-align: center; }
	 
#content {
	position: relative;
	width: 750px;
	margin: 0 auto; }
	#content:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; }
 
#main {
	position: relative;
	width: 950px;
	font-size:12px;
	color:#aeaeae;
	padding:85px 0 0 0;
	margin: 0 auto;
	z-index:100; }
	#main:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; }
	
#content h1,
#content h2,
#content h3 {
	font-size:13px;
	margin:10px 0;
	color:#ddd; }
	
#content h1.noMargin {
	margin:0; }
	
#content h3 {
	font-weight:bold;
	margin:0; }
	
#col_a { width: 460px; }

#col_b { width: 259px; }
 
#col_c { width: 259px; }
 
#col_d { width: 460px; }
 
#FooterTop {
	margin: 0 auto;
	padding: 0;
	font-size: 40px;
	line-height: 40px;
	height: 40px;
	width: 100%; }
 
#Footer {
	position: relative;
	bottom: -18px;
	width: 100%;
	height: 21px;
	margin: -21px 0 0;
	text-align: center;
	font-size:12px;
	color:#9c9a9a;
	z-index:1000; }
 
.mac.opera10 #Footer { bottom: -22px; }
 
#links {
	position: relative;
	margin: 0 auto;
	padding:0 165px;
	width: 950px;
	color: #666;
	height: 21px;
	line-height: 21px;
	background:#231f20;
	text-align: center; }
 
	#links a {
		color:#9c9a9a;
		font-weight: normal;
		text-decoration: none; }
 
		#links a:hover,
		#links a.selected { color:#FFF; text-decoration: none; }
 
	#links a span{
		color:#88ce00; }
		
	#links div.fr{
		width:150px; }
 
	#links div.fc{
		letter-spacing:1px;
		width:680px;
		text-align:center; }
 
	#links div.fl{
		width:116px; }
 
/*****************************************************************************
//-> LOGO
*****************************************************************************/
h2.logo {
	position: relative;
	background: transparent url(../../images/logo.gif) no-repeat center center;
	margin:0;
	padding:0;
	width: 78px;
	height: 21px; }
 
	h2.logo a {
		position: relative;
		width: 78px;
		height: 21px;
		text-decoration:none; 
		display: block;
		overflow: hidden; }
 
/*****************************************************************************
//-> HP SLIDE
*****************************************************************************/
div#slide {
	position: absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width: 1280px;
	height: 720px;
	overflow:hidden;
	z-index:1; }
/*****************************************************************************
//-> PROJECT2
*****************************************************************************/
div#image-slider {
	position: absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width: 1280px;
	height: 720px;
	overflow:hidden;
	z-index:1; }

a#next {
	position: absolute;
	top:300px;
	margin:0;
	padding:0;
	width: 80px;
	height: 80px;
	text-decoration:none;
	overflow:hidden;
	z-index:1000; }
a#prev {
	position: absolute;
	top:300px;
	margin:0;
	padding:0;
	width: 80px;
	height: 80px;
	overflow:hidden;
	text-decoration:none;
	z-index:1000; }
	
div#title {
	position: absolute;
	top:50px;
	margin:0;
	padding:0;
	width: 367px;
	height: 49px;
	line-height: 49px;
	overflow:hidden;
	z-index:1000; }
	
div#title div {
	text-align:right;
	padding:0 20px;
	width: 327px;
	display:block;}
div#title div a{
	font-size:12px;
	color:#FFF;}
	
/*****************************************************************************
//-> MAIN MENU
*****************************************************************************/
ul#menu {
	font-size: 18px;
	color:#FFF;	
	width:177px; }
	ul#menu:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; }
		ul#menu li {
			margin: 0 0 10px 0;
			padding: 0 0 10px 0;
			position: relative; }
			ul#menu li a {
				padding: 0px;
				color: #fff;
				display: block;
				text-decoration: none; }
				ul#menu li a:hover { color: #b19153; }
				ul#menu li a.selected { font-weight:bold; }
					ul#menu li ul{ width:100px; position:absolute; bottom:-1px; font-size: 14px; margin-top:20px; z-index:1000; }
						ul#menu li ul:after {
							content: ".";
							display: block;
							height: 0;
							clear: both;
							visibility: hidden; }
						ul#menu li ul li { background:none; }
						ul#menu li ul li a{ padding:0; }
						ul#menu li ul li a:hover,
						ul#menu li ul li a.selected{  }
/*****************************************************************************
//-> HP ITEMS
*****************************************************************************/
div.items {
	position: absolute;
	bottom:50px;
	width:462px;
	height:63px;
	overflow:hidden;
	background:transparent url(../../images/hp-items.png) no-repeat center center;
	z-index:1000; }
 
	div.items div.item{
		position: relative;
		width:92px;
		height:63px;
		overflow:hidden; }
	 
	div.items div.item:hover{
		background:#b19153; }
	 
	div.items div.item:hover h2{
		color:#443720; }
	 
	div.items div.item div.image{
		width:84px;
		height: 47px;
		margin:4px;
		background:transparent url(../../images/pic_holder.png) no-repeat center center; }
	 
	div.items div.item h2{
		font-size:10px;
		color:#757474;
		line-height: 4px;
		font-weight:normal; }
	 
/*****************************************************************************
//-> ITEMS PROJECT PAGE
*****************************************************************************/
div#bottom-section div.items-p {
	width:462px;
	height:93px;
	overflow:hidden;
	z-index:1000; }
 
	div#bottom-section div.items-p div.item{
		position: relative;
		width:92px;
		height:63px;
		overflow:hidden; }
	 
	div#bottom-section div.items-p div.item:hover{
		background:#b19153; }
	 
	div#bottom-section div.items-p div.item:hover h2{
		color:#443720; }
	 
	div#bottom-section div.items-p div.item div.image{
		width:84px;
		height: 47px;
		margin:4px;
		background:transparent url(../../images/pic_holder.png) no-repeat center center; }
	 
	div#bottom-section div.items-p div.item h2{
		font-size:10px;
		color:#757474;
		line-height: 4px;
		font-weight:normal;
		width:auto;
		padding-bottom:0;
		margin:0;
		border:0 none; }
	 
div#bottom-section div.items-p h2.heading {
    border-bottom: 1px dotted #666666;
    color: #757474;
    font-weight: normal;
    margin: 0 0 5px;
    padding-bottom: 0px;
    width: 315px;
}/*****************************************************************************
//-> SOCIAL
*****************************************************************************/
div.social{
	padding:2px 0 0;
	width:100px;
 }
	div.social:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; }
		
	div.social a{
		display:block;
		overflow:hidden;
		opacity:0.7;filter: alpha(opacity = 70); }
		
		div.social a:hover{
		 opacity:1;filter: alpha(opacity = 100); }
		
/*****************************************************************************
//-> LANG
*****************************************************************************/
div.lang{
	padding: 0;
 }
div.lang a{
	color:#FFF;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
 }
div.lang a:hover{
	text-decoration:underline;
 }
/*****************************************************************************
//-> CATEGORY VIDEO
*****************************************************************************/
div.category-video{
	width:676px;
 }
	div.category-video:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; }
		
	div.category-video div.item{
		width:165px;
		background:transparent;
		overflow:hidden;
	 }
	div.category-video div.item.last{
		margin-right:0;
		margin-left:0;
	 }
	div.category-video div.item div.image{
		width:165px;
		height:92px;
		overflow:hidden;
	 }
	div.category-video div.item div.image img{
		width:165px;
		height:92px;
	 }
	div.category-video div.item div.text{
		width:165px;
		padding-top:0px;
		color:#aeaeae;
		font-size:12px;
	 }
	div.category-video div.item div.text h2{
		color:#fff;
		font-size:13px;
	 }
	div.category-video div.item div.text p{
		padding-top:0px;
	 }
/*****************************************************************************
//-> CATEGORY IMAGES
*****************************************************************************/
div.category-images{
	width:676px;
 }
	div.category-images:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; }
		
	div.category-images div.item{
		width:165px;
		height:92px;
		background:#FFF;
		overflow:hidden;
	 }
	div.category-images div.item.last{
		margin-right:0;
		margin-left:0;
	 }
	div.category-images div.item div.image{
		width:165px;
		height:92px;
		overflow:hidden;
	 }
	div.category-images div.item div.image img{
		width:165px;
		height:92px;
	 }
	div.category-images div.item div.text{
		width:196px;
		height:108px;
		padding-top:0px;
		color:#aeaeae;
		font-size:12px;
		overflow:hidden;
	 }
	div.category-images div.item div.text h2{
		color:#fff;
		font-size:13px;
		font-weight:normal;
		padding-bottom:0px;
		margin:0;
		width:auto;
		border-bottom:0px none;
	 }

/*****************************************************************************
//-> VIDEO
*****************************************************************************/
div.video{
	width:774px;
	height:477px;
	background:transparent url(../../images/thumb-video-big.png) no-repeat 0px 0px;
 }
	div.video:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; }
		
	div.video div.player{
		width:599px;
		height:356px;
		overflow:hidden;
	 }
	div.video div.player embed{
		width:599px;
		height:339px;
		border:0 none;
	 }
	div.video div.text{
		position:relative;
		width:774px;
		height:116px;
		padding-top:5px;
		color:#aeaeae;
		font-size:12px;
		overflow:hidden;
	 }
	div.video div.text h1{
		color:#fff;
		font-size:13px;
	 }
	div.video div.text div#fb{
		position:absolute;
		top:0px;
	 }
	div.video div.text div#fb a.back{
		position:relative;
		top:-3px;
		width:64px;
		height:24px;
		line-height:24px;
		color:#FFF;
		display:block;
		text-align:center;
		text-decoration:none;
		background:transparent url(../../images/button.png) no-repeat 0px 0px;
	 }
	div.video div.text div#fb a.back:hover{
		text-decoration:none;
		background:transparent url(../../images/button.png) no-repeat 0px -24px;
	 }
/*****************************************************************************
//-> IMAGES
*****************************************************************************/
div.images{
	width:770px;
	height:433px;
 }
	div.images:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; }
		
	div.images div.image{
		width:770px;
		height:433px;
		overflow:hidden;
	 }
	div.images div.image img{
		width:770px;
		height:433px;
		border:0 none;
		display:none;
	 }
/*****************************************************************************
//-> BOTTOM SECTION
*****************************************************************************/
div#bottom-section{
	padding:40px 0 0;
	width:950px;
 }
	div#bottom-section:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; }
		
	div#bottom-section h2{
		font-weight:normal;
		color:#FFF;
		padding-bottom:5px;
		margin:0 0 30px 0;
		width:196px;
		border-bottom:1px dotted #666;
	 }
div#bottom-section div.col_right{
	width:196px;
	
}
	div#bottom-section div.img-item div.item{
		width:196px;
		height:210px;
		margin-top:-12px;
		background:transparent url(../../images/thumb-image.png) no-repeat 0px 0px;
		overflow:hidden;
	 }
	div#bottom-section div.img-item div.item div.image{
		width:149px;
		height:84px;
		overflow:hidden;
	 }
	div#bottom-section div.img-item div.item div.image img{
		width:149px;
		height:84px;
	 }
	div#bottom-section div.img-item div.item div.text{
		width:196px;
		height:108px;
		padding-top:0px;
		color:#aeaeae;
		font-size:12px;
		overflow:hidden;
	 }
	div#bottom-section div.img-item div.item div.text h2{
		color:#fff;
		font-size:13px;
		font-weight:normal;
		padding-bottom:0px;
		margin:0;
		width:auto;
		border-bottom:0px none;
	 }


		 
div#bottom-section div.col_left2{
	width:auto;
 }
.msie7 div#bottom-section div.col_left2{
	width:100%;
 }
div#bottom-section div.col_left{
	width:726px;
 }
	div#bottom-section div.vid-item div.item{
		width:196px;
		height:210px;
		background:transparent url(../../images/thumb-video-bottom.png) no-repeat 0px 0px;
		overflow:hidden;
	 }
	div#bottom-section div.vid-item div.item div.image{
		width:149px;
		height:84px;
		overflow:hidden;
	 }
	div#bottom-section div.vid-item div.item div.image img{
		width:149px;
		height:84px;
	 }
	div#bottom-section div.vid-item div.item div.text{
		width:196px;
		height:108px;
		padding-top:5px;
		color:#aeaeae;
		font-size:12px;
		overflow:hidden;
	 }
	div#bottom-section div.vid-item div.item div.text h2{
		color:#fff;
		font-size:13px;
		font-weight:normal;
		padding-bottom:0px;
		margin:0;
		width:auto;
		border-bottom:0px none;
	 }
div#bottom-section div#project-right{
	position:relative;
	width:462px;
	height:273px;
	color:#aeaeae;
	font-size:12px;
	overflow:hidden;
 }

div#bottom-section div#project-left{
	position:relative;
	width:470px;
	height:273px;
	color:#aeaeae;
	font-size:12px;
	overflow:hidden;
 }
div#bottom-section div.text{
	position:relative;
	width:462px;
	height:140px;
	color:#aeaeae;
	font-size:12px;
	overflow:hidden;
 }
	div#bottom-section div.text h1{
		color:#fff;
		font-size:13px;
	 }
	div#bottom-section div#fb{
		position: relative;
		width:462px;
		height:43px;
		overflow:hidden;
	 }
/*****************************************************************************
//-> ABOUT
*****************************************************************************/
div.member{
	position:relative;
	width:259px;
	margin-bottom:15px;
 }
	div.member:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; }
		div.member div.image{
			position:relative;
			width:82px;
			height:82px;
			float:right;
			margin-left:20px;
		 }
		div.member div.text{
			position:relative;
			width:157px;
			float:right;
		 }
/*****************************************************************************
//-> FORM ELEMENTS
*****************************************************************************/
.form label { display: inline-block; height: 35px; line-height: 35px; width: 60px; }
.form legend { display:none;font-size:24px;margin-bottom:10px;padding:10px 0;width:100%; }
.form label.sm { float: none; height: auto; line-height: normal; width: auto; }
.form label.error { visibility:hidden; width:0px; height:0px; position:absolute; overflow:hidden; right:1000px; }
.form input[type="text"], .form input[type="password"], .form textarea, .form select { font-family: Arial, Helvetica, sans-serif; width: 187px; margin: 0; padding: 5px; color: #999;border-color: #ffffff #ccc #ccc #ffffff; background-color: #efefef; border-style: solid; border-width: 1px; margin: 5px 0; }
.form input:focus, .form textarea:focus, .form select:focus {  background: #fff; border-color: #efefef #cdcdcd #cdcdcd #efefef; border-style: solid; border-width: 1px; color: #333; }
.form input[type="text"].error, .form textarea.error, .form select.error { border-color: #DF9999 #BF6B6B #BF6B6B #DF9999; background-color: #FCC; }
.form input.submit { display:block; width: 80px; height: 27px; margin-top:5px; line-height: 27px; cursor: pointer; border: 0px none;  }
.form textarea { overflow:auto;font-size:12px; height:61px; resize:none; }

.form span.required { font-size: 13px; color: #ff0000; }
.form input.clear { background: none; border: 0px none; padding: 0; margin: 0; width: auto; }
.form input#verify, .form input#newsletter_verify { width: 30px; }

.warning,
.warning2{
	position: relative;
	font-size: 14px;
	border: 1px solid #ccc;
	display: none; }
 
	.warning strong,
	.warning2 strong{
		font-weight: bold;
		font-size: 14px; }
 
	.warning img,
	.warning2 img{
		position: relative;
		top: 2px;
		display: inline; }

	.warning ol,
	.warning2 ol{ 
		list-style-type:disc ;
	}
 
/*****************************************************************************
//-> BREADCRUMBS
*****************************************************************************/
#Breadcrumbs {
	position: relative;
	display: block;
	margin-bottom: 15px;
	padding: 5px;
	background: transparent url(../../images/sep-dotted.gif) repeat-x scroll left bottom; }
 
	#Breadcrumbs:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; }
 
	#Breadcrumbs ul {
		width: 400px;
		display: block;
		position: relative;
		font-size: 14px; }
 
		#Breadcrumbs ul li {
			width: auto;
			display: block; }
 
			#Breadcrumbs ul li a {
				text-decoration: none;
				padding: 0px;
				font-size: 12px; }
 
				#Breadcrumbs ul li a:hover { text-decoration: underline; }
 
/*****************************************************************************
//-> GENERAL CLASSES
*****************************************************************************/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }
 
.clearboth {
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	clear: both; }
 
.clear {
	border: none;
	background: none; }
 
.left { float: left; }
 
.right { float: right; }
 
.rss { float: left; }
 
.Stamp {
	position: relative;
	font-size: 11px;
	top: 5px;
	margin: 0; }
 
.low {
	position: relative;
	top: 3px; }
 
.lower {
	position: relative;
	top: 5px; }
 
.lowest {
	position: relative;
	top: 7px; }
 
.blank {
	display: inline-block;
	width: 22px;
	height: 22px; }
 
 
.msg,
.msg2,
.msg3 {
	position: relative;
	padding: 5px;
	font-size: 12px;
	color:#333;
	border: 1px solid #ccc;
	background-color: #FFC;
	display: none; }
 
.msg strong,
	.msg2 strong,
	.msg3 strong {
	font-weight: bold;
	font-size: 14px; }
 
.msg img,
	.msg2 img,
	.msg3 img {
	position: relative;
	top: 2px;
	display: inline; }
 
.hide { display: none; }
 
.continue { display: block; }
.margin { margin:15px 0; }
 
.centered {
	display: block;
	text-align: center;
	margin: 0 auto; }
 
.seperation {
	display: block;
	text-align: center;
	margin: 15px auto;
	height: 2px;
	line-height: 2px;
	background: url(../../images/divider.gif) left bottom repeat-x; }
 
.optIcon {
	width: 16px;
	height: 16px; }
 
.client {
	width: 155px;
	height: 125px; }
 
.msie6 .optIcon,
.msie7 .optIcon {
	position: relative;
	top: -4px; }
	
.block { display: block; }
.c_logo { width:145px; }
a.lang { font-size:15px; font-weight:bold; }