/*DEFAULTS*/

body 
{
    background-color:#2F2F2F;
    margin:0;
    padding:0;
    color:#CCC;
    font-family: BankGothicLtBTLight, Arial, Sans-Serif;
}

h1,h2
{
    font-size:16px;
    font-weight:normal;
}

h2
{
    text-decoration:underline;
}

img
{
    border:0;
}

.cufon-loading 
{ 
	visibility: hidden !important;
}

a:hover, a
{
    text-decoration:none;
    color:#FFF;
}

/*FONT*/
@font-face {
    font-family: 'BankGothicLtBTLight';
    src: url('../fonts/bnkgothl-webfont.eot');
    src: url('../fonts/bnkgothl-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bnkgothl-webfont.woff') format('woff'),
         url('../fonts/bnkgothl-webfont.ttf') format('truetype'),
         url('../fonts/bnkgothl-webfont.svg#BankGothicLtBTLight') format('svg');
    font-weight: normal;
    font-style: normal;
} 


/*WELCOME*/

#welcome_screen
{
    position:absolute;
    top:50%;
    margin-top:-18px;
    right:50px;
}

/*GENERAL LAYOUT*/

#wrapper
{
    position:absolute;
    height:100%;
    width:100%;
    min-height:640px;
    min-width:1000px;
}

#menu
{
    position:absolute;
    bottom:35px;
    height:25px;
    width:100%;
    color:#FFF;
}

#content
{
    position:absolute;
    height:100%;  
    width:100%;
}

#logo
{
    position:relative;
    width:92%;
    text-align:right;
    padding:4%;
}

#blocks
{
   position:relative;
   float:left;
   height:325px;
   width:110px;
   margin-right:50px;
}


#block_up
{
    position:absolute;
    width:100%;
    height:35px;
    top:30px;
}

#block_down
{
    position:absolute;
    width:100%;
    height:35px;
    bottom:0;
}


/*MENU*/
#menu p
{
    padding-left:5px;
    line-height:25px;
    margin:0;
    font-size:14px;
}

#menu a:hover, #menu a
{
    color:#FFF;
    text-decoration:none;
}

#home_bottom
{
    position:relative;
    float:left;
    width:3%;
    height:25px;
    text-align:center;
}

#menu1
{
    position:relative;
    float:left;
    width:20%;
    height:25px;
    background:url(../images/menu_separator.png) repeat-y right #BA4C54;
    
}


#projects
{
    position:absolute;
    bottom:0px;
    width:100%;
    height:25px;
    background:url(../images/menu_separator.png) repeat-y right #BA4C54;
    z-index:4;
}

#ev_residential
{
    position:absolute;
    width:100%;
    height:25px;
    background:url(../images/menu_separator_transparent.png) repeat-y right #8E373E;
    z-index:1;
}

#magaza_retail
{
    position:absolute;
    width:100%;
    height:25px;
    background:url(../images/menu_separator_transparent.png) repeat-y right #8E373E;
    z-index:2;
    
}

#urun_product
{
    position:absolute;
    width:100%;
    height:25px;
    background:url(../images/menu_separator_transparent.png) repeat-y right #8E373E;
    z-index:3;
}

#ev_residential p,#magaza_retail p,#urun_product p
{
    font-size:13px;
}

#menu2
{
    position:relative;
    float:left;
    width:20%;
    height:25px;
    background:url(../images/menu_separator.png) repeat-y right #7B793E;    
}

#menu3
{
    position:relative;
    float:left;
    width:20%;
    height:25px;
    background:url(../images/menu_separator.png) repeat-y right #5785BC;
}

#menu4
{
    position:relative;
    float:left;
    width:20%;
    height:25px;
    background:url(../images/menu_separator.png) repeat-y right #CCB249;
}

#menu5
{
    position:relative;
    float:left;
    width:17%;
    height:25px;
    background-color:#A3ADA2;
}

body.home #menu5
{
    width:20%;
}

#projects:hover
{
    background-color:#CD7C83;
}


#ev_residential:hover,#magaza_retail:hover,#urun_product:hover
{
    background-color:#BA4C54;
}


#menu2:hover
{
    background-color:#9F9D51;
}

#menu3:hover
{
    background-color:#6F96C6;
}

#menu4:hover
{
    background-color:#DAC778;
}

#menu5:hover
{
    background-color:#BEC6BD;
}

#home_menu
{
    position:absolute;
    top:5%;
    left:5%;
    font-size:14px;
    color:#FFF;   
    z-index:3;
}




/*CONTENTS*/

/*ENTRY*/

#entry_text
{
    position:relative;
    width:80%;
    top:5%;
    margin:0 auto;
    line-height:25px;       
}

#entry_text p
{
    text-align:justify;
    text-justify:inter-word; 
}

/*REFERENCES*/
#references ul
{
    padding:0;
}

#references ul li
{
    font-size:14px;
    list-style:none;
    margin-bottom:7px;
    margin-left:0;
}

#ref1
{
    position:relative;
    float:left;
    width:32%;
    margin-right:2%;
    text-align:left
}

#ref2
{
    position:relative;
    float:left;
    width:32%;
    margin-right:2%;
    text-align:left
}

#ref3
{
    position:relative;
    float:left;
    width:32%;
    text-align:left
}

/*CONTACT*/
#contact
{
    position:relative;
    margin:0 auto;
    width:90%;
}

#contact1
{
    position:relative;
    float:left;
    width:25%;
    margin-right:2%;
    text-align:left;
}

#contact2
{
    position:relative;
    float:left;
    width:35%;
    margin-right:2%;
    text-align:left;
    line-height:20px;
}

#contact3
{
    position:relative;
    float:left;
    width:36%;
    text-align:center;
}

/*PRESS*/
body.press #block_up,body.press #block_down
{
    background-color:#CCB249;
}




/*PRODUCTS*/
body.products #block_up,body.products #block_down
{
    background-color:#E52230;
}

/*EV_RETAIL*/
#summaryWrapper
{
    position:absolute;
    height:400px;
    left:50%;
}

#summary_header
{
    text-align:left;
    width:100%;    
}

.projectTab
{
    width:110px;   
    height:343px; 
    overflow:hidden;
    float:left;
    cursor:pointer;
    position:relative;
    background-color:#FFF;
}

.projectTabContent
{
    position:absolute; 
    width:100%; 
    height:100%; 
}

.projectTab p
{
    font-size:13px;
    text-align:left;
    width:100%;   
    margin: 0 5px 0 5px;
    color:#555;
}

/*SLIDERS*/
#content_wrapper
{
    
    margin:0 auto;
    height:420px;
    width:90%;
}

#slider_header
{
    height:20px;
    padding-left:160px;
}

#slider_title
{
    height:20px;
    padding-left:160px;
    font-size:12px;
    color:#999;
}


body.products #scroll_wrapper
{
   float:left;
   height:340px;
   width:400px;
   overflow:hidden;
   position:relative;
   margin-top:30px;
}

body.press #scroll_wrapper
{
   float:left;
   height:400px;
   width:400px;
   overflow:hidden;
   position:relative;
   
}

#scroll_wrapper
{
   float:left;
   height:360px;
   width:400px;
   overflow:hidden;
   position:relative;
}

body.products #thumblist,body.press #thumblist
{
    margin:0;
    padding:0;
    list-style-image:none;
    overflow:hidden;
    height:400px;
    width:50000px;
}

#thumblist
{
    margin:0;
    padding:0;
    list-style-image:none;
    overflow:hidden;
    height:360px;
    width:50000px;
}

body.press #thumblist li
{
    float:left;
    margin: 0 10px 0 0;
    height:400px;
    display:inline;    
}

body.products #thumblist li
{
    float:left;
    margin: 0 10px 0 0;
    height:340px;
    display:inline;    
}


#thumblist li
{
    float:left;
    margin: 0 10px 0 0;
    height:360px;
    display:inline;    
}



.thumbcomment p
{
    margin:0;
    font-size:13px;
    color:#999;
}

#right_arrow_L2, #right_arrow_L1
{
    position:absolute;
    left:0;
    top:0;
    width:100px;
    height:360px;
    cursor:pointer;
    overflow:hidden;
    z-index:50;
}

#right_arrow_L1
{
    left: 100px;
}

#left_arrow_L2,#left_arrow_L1
{
    position:absolute;  
    right:0;
    top:0;
    width:100px;
    height:360px;
    cursor:pointer;
    z-index:5000;
    overflow:hidden;
}

#left_arrow_L1
{
    right:100px;
}

#left_arrow_L2
{
    background:url(../images/left_arrow.png) center center;
}

#right_arrow_L2
{
    background:url(../images/right_arrow.png) center center;
    display:none;
}


/*SOCIAL LINKS*/
#social
{
    position:absolute;
    right:7px;
    bottom:7px;
    height:20px;
}

#fb_like
{
    position:relative;
    float:right;
}

#fb_btn
{
    width:20px; 
    height:20px; 
    float:right; 
    margin: 0 5px 0 0; 
    background:url(../images/FB.png) 0 -20px;		
}

#fb_btn:hover
{
    background-position: 0 0;
}

#tw_btn
{
    width:20px; 
    height:20px; 
    float:right; 
    margin: 0 5px 0 0; 
    background:url(../images/TW.png) 0 -20px;		
}

#tw_btn:hover
{
    background-position: 0 0;
}      



/* Supersize plugin
-------------------------------------------------------------- */

#supersized-loader { display:none; position:absolute; top:50%; left:50%; z-index:10; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; 
                     background-color:#2f2f2f; background:rgba(0,0,0,0.8) url(../images/progress.gif) no-repeat center center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	
	#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; background-color:#FFF; }
		#supersized img{ position:relative; display:none; outline:none; border:none; }
			#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
			#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
		#supersized a { z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111;}
			#supersized a.prevslide { z-index:-20; }
			#supersized a.activeslide { z-index:-10; }
			#supersized a.prevslide img, #supersized a.activeslide img{ display:inline; }