@charset "utf-8";
/*------------------------------------------------------

Theme Name: Studio 8 - version 1.0
Type: Core css

CSS overview: 

	1. Resets
	2. Backgorund
	3. Main Elements
		i.gobal wrapper
		ii.sidebar +content
	4. Menu
	5. Page elements
		i.cols
		ii.team list
		iii. portfolio
		iv.blog
		v.form
		vi.button
		vii.pagination
	6. Hover containers
	7. Footer
	8. Links
	9. Typography
		

---------------------------------------------------------*/

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

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

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


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


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

	/*i.---global wrapper*/
	#wrapper{width:100%; height:100%; overflow:auto;}
	
	/*ii.---sidebar + main content*/
	#sideBar2{height: 100%; left: 40px; overflow: hidden; padding: 50px 20px 20px; position: fixed; z-index: 4; background: url("../images/transp.png") repeat scroll 0 0 transparent; width: 217px;}
	
	#sideBar{width:180px;height:auto;overflow:hidden; position:absolute; z-index:4;left:90px; top:0; margin-right:20px;}
	#sideBar #inner{width:180px; height:auto; overflow:hidden;}
	#sideBar #logo{width:130px; height:auto; margin:150px 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:560px; height:auto; overflow:hidden;left:220px; margin-top:40px;}
	.content{width:500px; height:auto; overflow:hidden; margin:30px auto 20px auto;}
	#launch-but{width:110px;height:110px;position:absolute; left:120px;top:160px;cursor:pointer;}
	#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{position:relative;line-height:110px;width:100%; z-index:5;}
	

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

	#navContainer{margin-left: 20px; overflow: hidden; padding-top: 9px; width: 169px;}
	#nav{float: left; height: auto; list-style: none outside none; width: 100%;}
	#nav li{width:130px;position:relative;display:block; width:100%; margin-bottom:9px; text-align:center; border-bottom: 1px dotted #9e9e9e; }
	#nav li a{height:15px;display:block;background:none;margin-bottom: 9px;}
	/*#nav li a:hover{}*/
	/*#nav li a.active {}*/


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


.media_holder.alignLeft {
    float: left;
    margin-right: 20px;
}

.media_holder.last {
    margin-right: 0;
}

.media_holder {
    margin-bottom: 30px;
}


._wh {
    background: url("images/hover_white.png") no-repeat scroll center -160px transparent;
}

._imageThumb, ._videoThumb {
    border: medium none;
    position: absolute;
    z-index: 3;
}

._w {
    background-image: url("images/transparent.png");
    background-repeat: repeat;
    border: medium none;
    opacity: 0;
    position: absolute;
    z-index: 2;
}

._rollover {
    background: url("images/transparent.png") repeat scroll 0 0 transparent;
    border: medium none;
    opacity: 0;
    position: absolute;
    z-index: 2;
}
._original {
    display: block;
    position: relative;
}

._originalclip {
    display: block;
    position: relative;
}

._rolloverclip {
    background: url("images/transparent.png") repeat scroll 0 0 transparent;
    border: medium none;
    opacity: 0;
    position: absolute;
    z-index: 2;
}


.tit1 {float: left; font-size: 14px; font-weight: bold; padding-top: 5px; width: 100%;}

	/*i.---cols*/
	.colFull{width:500px; height:auto; float:left;}
	.colHalf{width:230px; 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{cursor: pointer; float: left; height: 203px; margin-bottom: 15px; width: 135px;}
	.thumb_holderclip{float: left; height: 128px; margin-bottom: 70px; width: 213px;}
	._logoThumb{width:135px; height:203px;position:absolute;border:none;z-index:3; }
	._logoThumbclip{width:213px; height:128px;position:absolute;border:none;z-index:3; }
	
	/*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/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/logo_hover2.png) 0 -160px no-repeat;}
	
	/*v.---form*/
	.field{width:313px; height:30px;border:none; padding:0 5px;margin:0 0 10px 0; }
	.field:focus{outline:none;border:none;}
	.tarea{width:233px; 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:435px;float: left;margin:0px;padding:0px;}
	.containerclip{width:441px;float: left;margin:0px;padding:0px;}
	#folioContainer{color: #ad9475}
	.page_navigation , .alt_page_navigation{ bottom: 0;
    float: left;
    letter-spacing: 35px;
    line-height: 12px;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    width: 435px;}
	.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/page_sel.png) 0 0  no-repeat;display: inline-block; vertical-align: middle;  }
	.active_page{background:url(../images/page_sel.png) 0px -10px  no-repeat !important;text-decoration:none;}	
	ul.contentPaginate li{list-style:none;}

/*--------------------------------------------------------
	HOVER CONTAINERS
--------------------------------------------------------*/
	
	

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

	#footer{width:500px; height:50px; line-height:50px; border-top:1px solid #333333;margin:auto;}
	.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
--------------------------------------------------------*/



	p{font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:left; overflow:auto;}
	p.slogan{ width:100%; font-family: Arial, Helvetica, sans-serif;  font-size:12px; margin:0px;text-transform:uppercase;text-align:center; letter-spacing:3.5px; margin-bottom:15px;}
	blockquote{width:420px;margin:30px 40px 0px 40px;background: url(../images/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;}

#lojastxt {float:left; margin-bottom:30px; width: 100%;}
.iconvideo {
    float: left;
    width: 100%;
}

#logo {float: left; padding-bottom: 40px; z-index: 11;} 
#conteudo {height: 100%; left: 330px; margin-top: 0px; overflow: hidden; position: relative; width: 505px; background: url("../images/metin1.png") repeat scroll 0 0 transparent; z-index: 11; } 

.titulo {color:#fff; font-family: "Walkway SemiBold"; font-size:60px; float:left; line-height: 80px; margin-bottom: 10px; float:left; /*ie fix*/position:relative; z-index:10; width:435px;/**/}

#ted {
bottom: 0;
    margin-bottom: 30%;
    margin-left: 20px;
    position: absolute;
    text-align: center;
    width: 169px;
}


.conteudotxt {height: auto; margin: 110px auto 20px; overflow: hidden; width: 435px; color: #fff; font-family: arial; font-size: 13px;}
.conteudoclip {height: auto; margin: 130px auto 20px; overflow: hidden; width: 441px; color: #fff; font-family: arial; font-size: 11px;}
.icloja {margin-top:15px; float:left; margin-bottom:10px}
.icicones {float:left; text-align: center; width: 169px;}
.icicones img {padding-right:10px}