@charset "utf-8";


@font-face {
    font-family: 'EurostileRegular';
    src: url('eurostile-webfont.eot');
    src: url('eurostile-webfont.eot?#iefix') format('embedded-opentype'),
         url('eurostile-webfont.woff') format('woff'),
         url('eurostile-webfont.ttf') format('truetype'),
         url('eurostile-webfont.svg#EurostileRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*--------------------------------------------------------
	GALLERY
--------------------------------------------------------*/


	.content-gallery{color:#777;font:12px/1.4 "helvetica neue",arial,sans-serif;width:559px;margin:20px auto; border-left: 1px solid #000;}
    .cred{margin-top:20px;font-size:11px;}
    #galleria{height:450px;}


/*--------------------------------------------------------
	1.RESETS
--------------------------------------------------------*/

	*{margin:0px;padding:0px;}
	html, body, div, h1, h2, h3, ul, ol, li, dt, p, table, th, td ,img{ text-transform:lowercase; margin: 0; padding: 0;border:none }

/*--------------------------------------------------------
	2.BACKGROUND
--------------------------------------------------------*/


	html,body{width:100%;height:100%; overflow:hidden;}
	body{background:#000;}


/*--------------------------------------------------------
	3.MAIN ELEMENTS
--------------------------------------------------------*/

	.clear{ clear:both; }
	/*i.---global wrapper*/
	#wrapper{width:100%; height:100%; overflow:auto; margin:auto;}
	
	/*ii.---sidebar + main content - settting #sidebar & #content-wrapper to display:none hides content fully, will not be visible for non js users*/
	#sideBar{width:100%; margin:auto; height:120px; overflow:hidden; position:relative; background-color:#000000; z-index:99; top:0;/*display:none;*/}
	#sideBar #inner{width:900px; margin: auto; margin-bottom:10px; height:auto; overflow:hidden;}
	#sideBar #logo{float: left; width:255px; height:68px; margin:20px auto 0 auto;}
	#sideBar #close-but{width:180px; height:41px; margin:auto;text-align:center; padding-top:0px; cursor:pointer; position:relative;}
	#sideBar #close-but div{padding-top:4px;}
	#content-wrapper{ position:relative; width:700px; height:auto; min-height: 370px; overflow:hidden;margin:auto;/*display:none;*/}
	#padding { padding: 50px 0 0 0; }
	.content{ width:640px; height:auto; overflow:hidden; margin:50px auto 20px auto;}
	#launch-but{width:300px;height:110px;position:absolute; margin:auto;left:35%;top:40%;right:50%;cursor:pointer;display:none;}
	#launch-but #circle{ position:absolute;width:80px; height:80px;top:50%;left:50%;margin:-40px 0 0 -40px;-webkit-border-radius: 80px;-moz-border-radius: 80px; border-radius: 80px;}
	#launch-but #circle-overlay{ position:absolute;width:0px; height:0px;top:50%;left:50%;-webkit-border-radius: 80px;-moz-border-radius: 80px; border-radius: 80px;}
	#launch-but #label{ width:300px; height:94px; font-family: 'EurostileRegular';font-weight:bold;font-size: 17px;position:relative;line-height:110px;width:100%; z-index:5;text-indent:-999999px; background:url(../images/enter.png) no-repeat; }
	

/*--------------------------------------------------------
	4.MENU
--------------------------------------------------------*/

	#navContainer{width:600px; height:auto; overflow:hidden; margin:auto; padding-top:70px;}
	#nav{font-family: 'EurostileRegular'; float:right; width:600px; height:auto; list-style:none; text-transform:lowercase;}
	#nav li{ font-family: 'EurostileRegular'; padding: 0 20px 0 0; width:100px;position:relative;display: inline; width:100%; margin-bottom:15px; text-align:left;}
	#nav li a{height:15px;display:block;background:none;}
	/*#nav li a:hover{}*/
	/*#nav li a.active {}*/


/*--------------------------------------------------------
	5.PAGE ELEMENTS
--------------------------------------------------------*/

	/*i.---cols*/
	.colFull{width:600px; height:auto; float:left;}
	.colHalf{width:300px; height:auto; float:left;}
	.colHalf_contact{width:230px; height: auto; float: left; margin-right: 10px; }
	.colHalf_map { width: 355px; height: auto; float: left; }
	.colThird{width:140px; height:auto; float:left;}

	/*ii.---team list*/
	ul.listStyle{width:500px; list-style:none; float:left;}
	ul.listStyle li{width:500px;padding-bottom:15px; margin-bottom:15px; float:left; }
	ul.listStyle li p img{float:left; margin-right:20px;}
	ul.listStyle li p{float:left;text-align:left;}
	ul.listStyle li p span.title{padding:5px;}
	
	/*iii.---portfolio*/
	.thumb_holder{width:160px; height:100px; float:left; cursor:pointer; margin-bottom:10px;}
	._logoThumb{width:160px; height:100px;position:absolute;border:none;z-index:3; background:url(../images/black/logo_hover.png) 0 -160px no-repeat;}
	._videoThumb{width:160px; height:100px; position:absolute;z-index:5;}
	._thumb-ind{width:40px; height:40px;position:absolute; z-index:4; margin:60px 0 0 120px;}
	
	/*iv.---blog*/
	.post{width:500px;padding-bottom:30px; margin-bottom:30px; float:left;}
	.post .entrySpec{width:auto; float:left; margin-bottom:15px;}
	.comment{width:500px; height:45px; background: url(../images/black/comments_blog.png) center center no-repeat; position:absolute; z-index:1; text-align:center;margin-top:155px;}
	.comment div{ margin-top:20px;}
	._div{width:500px; height:1px;margin:30px auto; float:left;}
	.blogImg_holder{width:500px; height:200px; float:left; cursor:pointer; margin-bottom:20px;}
	._logoBlog{width:500px; height:200px;position:absolute;border:none;z-index:3; background:url(../images/black/logo_hover2.png) 0 -160px no-repeat;}
	
	/*v.---form*/
	.field{width:270px; height:30px;border:none; padding:0 5px;margin:0 0 10px 0; }
	.field:focus{outline:none;border:none;}
	.tarea{width:320px; height:101px;border:none;  padding:8px 5px 5px 5px;float:left; text-align:justify; overflow:auto;}
	.tarea:focus{border:none; outline:none;}
	.formProgress{float:left;margin-top:25px;}
	
	/*vi.---buttons*/
	.sendForm{width:auto; height:auto; background:none;border:none; outline:none; cursor:pointer; margin-top:15px; float:right; text-align:right;padding:10px 25px;}
	.sendForm:hover{background:none;}
	.sendForm:active{outline:none;}
	
	/*vii.---pagination*/
	.ellipse{float: left;}
	.container{width:500px;float: left;margin:0px;padding:0px;}
	#folioContainer{padding-bottom:25px;}
	.page_navigation , .alt_page_navigation{ width: 500px; height:40px;   text-align: center; letter-spacing: 35px;  white-space: nowrap;  line-height: 12px;  overflow: hidden;padding-top:15px; position:absolute; bottom:45px;}
	.page_navigation a, .alt_page_navigation a{margin:2px; width:10px;height:10px;color:white;text-decoration:none;font-family: Tahoma;font-size: 12px; background:url(../images/black/page_sel.png) 0 0  no-repeat;display: inline-block; vertical-align: middle;  }
	.active_page{background:url(../images/black/page_sel.png) 0px -10px  no-repeat !important;text-decoration:none;}	
	ul.contentPaginate li{list-style:none;}

/*--------------------------------------------------------
	HOVER CONTAINERS
--------------------------------------------------------*/
	
	._rollover {position:absolute;border:none;z-index:2; opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0);} 
	._original{position:absolute;}

/*--------------------------------------------------------
	FOOTER
--------------------------------------------------------*/

	#footer{font-family: 'EurostileRegular'; width:640px; height:50px; line-height:50px; border-top:1px solid #333333;margin:auto; position: relative; top: 50px; left: 4px; margin-bottom: 50px;}
	.icon_holder{width:16px; height:16px;float:right; margin-top:18px;}

/*--------------------------------------------------------
	LINKS
--------------------------------------------------------*/

	a,a:visited{text-decoration:none; outline:none; border:none;}
	a:hover{text-decoration:underline;}
	a.r-more,a:visited.r-more{text-decoration:none; outline:none; border:none; float:right;margin-top:15px;}
	a.r-more:hover{text-decoration:underline;}


/*--------------------------------------------------------
	TYPOGRAPHY
--------------------------------------------------------*/

	h1{font-family: 'EurostileRegular'; font-size:30px; float:left; line-height:40px; color:#a1c83a; padding-top:5px; float:left;/*ie fix*/position:relative;z-index:10;width:640px; text-transform:lowercase;/**/}
	h2,h3,h4,h5,h6{font-family: 'EurostileRegular';color:#cccccc; width:100%; width:100%; font-family:Ubuntu; float:left;/*ie fix*/position:relative;z-index:11;width:640px;text-transform:lowercase;/**/  }
	h2{font-size:14px;margin:10px 0 20px 0;font-family: 'EurostileRegular';}
	h3{font-size:20px;margin:0px 0 20px 0;}
	p{font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left; text-align:left;overflow:auto; padding-bottom: 15px; text-transform:none; margin-bottom: 10px;}
	p.slogan{ width:100%; font-family: Arial, Helvetica, sans-serif;  font-size:12px; margin:0px;text-transform:none;text-align:center; letter-spacing:3.5px; margin-bottom:15px;}
	blockquote{width:420px;margin:30px 40px 0px 40px;background: url(../images/black/open_quote.png)0 0 no-repeat; clear: both;font-size: 15px;line-height: 20px;font-style: italic;float:left;}
	blockquote p {float:left;font-size:15px;color:#cccccc;margin-left:45px;padding-top:3px;}
	blockquote p.clientRef {float:left; font-size:11px;margin:8px 0 0 45px;}
	p.form{float:left; overflow:hidden;}
	
	
/*--------------------------------------------------------
	TABS
--------------------------------------------------------*/
	.verticalslider { overflow: hidden; width: 640px; margin: 0 auto; height: 100%; }
	
	.verticalslider_tabs {float: left;width: 170px; margin-right: 15px;}
	.verticalslider_tabs, .verticalslider_tabs li{margin: 0px; padding: 0px;}
	.verticalslider_tabs li{list-style-type: none;}
	.verticalslider_tabs a:link, .verticalslider_tabs a:visited{display: block; text-transform: capitalize; font-size: 13px; width: 170px; padding: 0 10px 13px 0; color: #a4a4a4; text-decoration: none; font-weight: bold;}
	.verticalslider_tabs a:hover, .verticalslider_tabs a:active{ color:#99c83a; font-weight: bold; }
	.verticalslider_tabs li:first-child a:link, .verticalslider_tabs li:first-child a:visited{border-top: none; height: 15px; font-weight: bold;}
	.verticalslider_tabs .activeTab a:link, .verticalslider_tabs .activeTab a:visited{ color:#99c83a; font-weight: bold; }
	.verticalslider_tabs .activeTab a:hover, .verticalslider_tabs .activeTab a:active{ color:#99c83a; font-weight: bold; }
	.verticalslider .arrow {width: 27px; height: 60px; position: absolute; z-index: 1000; margin-left: 200px; margin-top: -55px; }
	
	.verticalslider_contents{ float: left;width: 415px;display: inline; margin: 0px; margin-left: 40px; padding: 0px; min-height: 425px; height:100%; }
	.verticalslider_contents li{ margin: 0px; padding: 0px;width: 415px;overflow: hidden; padding: 0px;display: none;position: relative;list-style-type: none; height: 100% auto; }
	.verticalslider_contents li h2{ padding: 0px; margin-top: 0px; }
	.verticalslider_contents .activeContent{ display: inline; }
	
	.verticalslider .playPause a{display:block;width: 60px;height: 60px;position:absolute;z-index:50;}
	.verticalslider .play a:link,.verticalslider .play a:visited{background: url(../images/plays.png) no-repeat 0 0;display: none;}
	.verticalslider .pause a:link,.verticalslider .pause a:visited{background: url(../images/pauses.png) no-repeat 0 0;}	
	.verticalslider .pause a:hover,.verticalslider .pause a:active,.verticalslider .play a:hover,.verticalslider  .play a:active{background-position:0px -60px;border-bottom: none;}


#wrapper{
	opacity:0;
}
#supersized{
	opacity:0;
}