/*
	ZacZacZac 
	Global CSS file	
*/

@import url(reset.css); /* RESET CSS */
@import url(fonts.css); /* FONTS CSS */

/* 1.BODY
---------------------------------------------------------------------- */
body{font-family:'DroidSansRegular', Lucida-gande, Verdana, Sans-serif;background:#FFFFFF /*url(../img/site/bg_body_e.jpg)*/; color:#333;}
a{color:#999;}
a:hover{color:#333;}

/* 2.TEXT
---------------------------------------------------------------------- */
p{
	font-size:1.3em;
	line-height:21px;
}
h1, h2, h4, h5{font-family:Georgia, Times New Roman;}


/* 3.LAYOUT
---------------------------------------------------------------------- */
#wrap{width:960px;margin:0 auto;}


/* 4.HEADER
---------------------------------------------------------------------- */
#header{width:100%;height:155px;position:relative;top:0px;display:block;border-bottom:1px solid #888;margin-top:20px;}
	#logo{background:url(../img/site/logo.png);text-indent:-9999px;}
		#logo a{display:block;width:960px;height:130px;}

/* 5.NAVIGATION
---------------------------------------------------------------------- */
nav{height:65px;}
#list_topnav{margin:0px;padding:0px;list-style:none;width:100%;z-index:10}
#list_topnav>li{float:left;position:relative; margin:0px 2px 0px 2px}
#list_topnav>li>a{display:block;font-family:'DroidSansBold', Lucida-gande, Verdana, Sans-serif;font-size:18px; text-decoration:none;padding:20px 110px 10px 110px;width:80px;}
#list_topnav_active{display:block;position:absolute;top:100%;left:48%;width:4px;height:10px}
#list_topnav>li>ul{left:-1px}


/* 6.CONTENT
---------------------------------------------------------------------- */
/* global sections */
.section{width:100%;float:left;padding:0 0 0px 0;}
	.section_title{width:100%;height:65px;}
		.section_title h3{line-height:60px;font-family:'DroidSansBold', Lucida-gande, Verdana, Sans-serif;}
.section{border-top:1px solid #888888;}
	.section_title{border-bottom:1px solid #888888;border-top:1px solid #888888;}
		.section_title h3{
	color:#999;
}

/* section projects */
#projects_wrap{padding:30px 0 0 0;border-bottom:none;}
	.project{margin-right:17px;float:left;margin-bottom:18px;width:960px;height:540px;}
		.last_project{margin-right:0px;}
			.project_inner{display:block;position:relative;width:960px;height:540px;overflow:hidden;}
				.project img{position:relative;bottom:0px;width:960px;height:540px;border:none;color:#FFF;}

/* section project */
#sec_project{width:100%;float:left;position:relative;}
	#loading {width:100%;height:637px;float:left;display:none;}
	.project_wrap{float:left;}
		#slide_project{width:960px;height:680px;overflow:hidden;}
			#slide_project img{float:left;}
			#nav_slide_project{z-index:50;position:absolute; top: 520px; right:20px;}
			#nav_slide_project a{height:10px;width:10px;float:left;margin-right:5px;background:url(../img/site/ico_project_slider.png) bottom;text-indent:-9999px;}
			#nav_slide_project a.activeSlide{background-position:top;}
			#nav_slide_project a:focus {outline: none;}
		.project_description{width:930px;padding:15px;overflow:auto;background:#ccc;}
			.project_description_txt{width:600px;float:left;}
				.project_description h3{padding-bottom:10px;font-family:'DroidSansBold', Lucida-gande, Verdana, Sans-serif;text-transform:uppercase;}
				
				.pro_link_wrap{float:right;text-align:right;}
					#project_description .link_project{float:right;}

/* text sections */
#content_wrap{width:100%;float:left;padding-bottom:30px;padding-top:30px;}
			
				
/* 7.FOOTER
---------------------------------------------------------------------- */			
#copyright{height:70px;padding:10px 0 0 0;text-align:center;}
	#copyright h2{font-size:2.5em;line-height:34px;font-family:'DollyRegular', Georgia, Times New Roman;line-height:70px;color:#999;}
		#copyright a{margin-left:5px;color:#999;}
        #copyright a:hover{color:#ccc;}