/* 	screen.css
 	Screen stylesheet for sandrasayeg.com.br
------------------------------------------------------------*/



/* 	ZERO BROWSER DEFAULTS 
------------------------------------*/

body * {margin:0; padding:0; border:none;text-indent:0;text-decoration: none;outline:none; }




/* 	BASICS 
------------------------------------*/

body {
	line-height:20px;
	font-family:"Helvetica Neue", helvetica, arial, sans-serif;
/*	background: url(grid.png) no-repeat 0 0 !important;*/
	}

/*no horizontal scrollbars*/
body {overflow-x: hidden;}


.caps {font-size:80%;letter-spacing:1px;}
p {margin-bottom:20px;}

a img {border:none;}
a, a:link, a:visited {color:#f34040;}
a:hover {color:#f98585;}




/* 	NAVIGATION 
------------------------------------*/


/* home logo */
div.logo {
	top:0px;
	left:180px;
	width:1030px;
	height:145px;
	position:fixed;
	background:transparent url(sst2.png) no-repeat 0 0;
	z-index:5;
}



/* logo */
ul#nav-home {
	list-style:none;
	position:absolute;
	top:75px;
	left:180px;
	z-index:4;
	}
	
ul#nav-home li a {
	text-indent:-9999px;
	width:1030px;
	height:70px;
	display:block;
	background:transparent url(sst.png) no-repeat 0 0;	
	}	
	
/* section nav */
ul#nav-section {
	list-style:none;
	position:absolute;
	top:240px;
	left:10px;
	z-index:4;
	}
	
#nav-section li {
	height:40px;
	width:140px;
	}
#nav-section li a {
	height:40px;	/* stupid ie */
	width:140px;	/* stupid ie */
	text-indent:-999px;
	display:block;
	background-repeat:no-repeat;
	background-color:transparent;
	background-image: url(navigation.png);
	}
	
#nav-section li2 {
	height:210px;
	width:140px;
	}
#nav-section li2 a {
	height:210px;	/* stupid ie */
	width:140px;	/* stupid ie */
	text-indent:-999px;
	display:block;
	background-repeat:no-repeat;
	background-color:transparent;
	background-image: url(navigation.png);
	}

/* section nav HOME */
ul#nav-section2 {
	list-style:none;
	position:fixed;
	top:240px;
	left:10px;
	z-index:4;
	}
	
#nav-section2 li {
	height:40px;
	width:140px;
	}
#nav-section2 li a {
	height:40px;	/* stupid ie */
	width:140px;	/* stupid ie */
	text-indent:-999px;
	display:block;
	background-repeat:no-repeat;
	background-color:transparent;
	background-image: url(navigation.png);
	}
	
#nav-section2 li2 {
	height:210px;
	width:140px;
	}
#nav-section2 li2 a {
	height:210px;	/* stupid ie */
	width:140px;	/* stupid ie */
	text-indent:-999px;
	display:block;
	background-repeat:no-repeat;
	background-color:transparent;
	background-image: url(navigation.png);
	}


#projetos a        {background-position:40px 0;}
#contato a   {background-position:40px -40px;}

#projetos:hover a, .book1 #n-book1 a {background-position:-160px 0 ;}
#contato:hover a, .book2 #n-book2 a {background-position:-360px -40px;}







/* previous | next */

ul#nav-local {
	list-style:none;
	position:absolute;
	top:185px;
	left:145px;
	z-index:4;
	width:950px;
	}
	
ul#nav-local li {
	float:left;
	height:10px;
	width:475px;
	}

ul#nav-local li a {
	display:block;
	text-indent:-9999px;
	height:10px; /* stupid ie */
	width:475x; /* stupid ie */
	}
	
li#n-prev a {background:url(prev-next2.png) no-repeat 0 0;}	
li#n-next a {background:url(prev-next2.png) no-repeat -475px 0;}
	

li#n-prev a:hover {background-position:0px -10px;}
li#n-next a:hover {background-position:-475px -10px;}




/* 	HOME 
------------------------------------*/

ul#fundo {
	list-style:none;
	position:absolute;
	top:0px;
	left:0px;
	z-index:3;
}


/* 	MENU PROJETOS 
------------------------------------*/


ul#menu {
	list-style:none;
	position:absolute;
	top:180px;
	left:180px;
	z-index:4;
	width:1030px;
	}
	
ul#menu li {
	float:left;
	height:250px;
	width:500px;
	}

ul#menu li a {
	display:block;
	text-indent:-9999px;
	height:250px; /* stupid ie */
	width:500x; /* stupid ie */
	}
	
	
	
ul#menu li2 {
	float:left;
	height:500px;
	width:250px;
	}

ul#menu li2 a {
	display:block;
	text-indent:-9999px;
	height:500px; /* stupid ie */
	width:250x; /* stupid ie */
	}
	
ul#menu li3 {
	float:left;
	height:250px;
	width:250px;
	}

ul#menu li3 a {
	display:block;
	text-indent:-9999px;
	height:250px; /* stupid ie */
	width:250x; /* stupid ie */
	}
	
ul#menu li4 {
	float:left;
	height:100px;
	width:1000px;
	}
	
li2#proj1 a {background:url(proj_01.jpg) no-repeat 0px 0;}	
li3#proj3 a {background:url(proj_03.jpg) no-repeat 0px 0;}
li3#proj4 a {background:url(proj_04.jpg) no-repeat 0px 0;}
li#proj6 a {background:url(proj_06.jpg) no-repeat 0 0;}	
li#proj7 a {background:url(proj_07.jpg) no-repeat 0 0;}	
li3#proj8 a {background:url(proj_08.jpg) no-repeat 0px 0;}
li3#proj10 a {background:url(proj_10.jpg) no-repeat 0px 0;}
li3#proj11 a {background:url(proj_11.jpg) no-repeat 0px 0;}
li3#proj12 a {background:url(proj_12.jpg) no-repeat 0px 0;}
li2#proj13 a {background:url(proj_13.jpg) no-repeat 0px 0;}
li3#proj14 a {background:url(proj_14.jpg) no-repeat 0px 0;}
li2#proj15 a {background:url(proj_15.jpg) no-repeat 0px 0;}
li2#proj16 a {background:url(proj_16.jpg) no-repeat 0px 0;}	
li#proj17 a {background:url(proj_17.jpg) no-repeat 0 0;}
li#proj18 a {background:url(proj_18.jpg) no-repeat 0 0;}
li3#proj20 a {background:url(proj_20.jpg) no-repeat 0px 0;}
li#proj2 a {background:url(proj_02.jpg) no-repeat 0 0;}
li3#proj21 a {background:url(proj_21.jpg) no-repeat 0 0;}
li3#proj09 a {background:url(proj_09.jpg) no-repeat 0 0;}


	
li2#proj1 a:hover {background-position:0px -500px;}
li3#proj3 a:hover {background-position:0px -250px;}
li3#proj4 a:hover {background-position:0px -250px;}
li#proj6 a:hover {background-position:0px -250;}
li#proj7 a:hover {background-position:0px -250;}
li3#proj8 a:hover {background-position:0px -250px;}
li3#proj10 a:hover {background-position:0px -250px;}
li3#proj11 a:hover {background-position:0px -250px;}
li3#proj12 a:hover {background-position:0px -250px;}
li2#proj13 a:hover {background-position:0px -500px;}
li3#proj14 a:hover {background-position:0px -250px;}
li2#proj15 a:hover {background-position:0px -500px;}
li2#proj16 a:hover {background-position:0px -500px;}
li#proj17 a:hover {background-position:0px -250;}
li#proj18 a:hover {background-position:0px -250;}
li3#proj20 a:hover {background-position:0px -250px;}
li#proj2 a:hover {background-position:0px -250;}
li3#proj21 a:hover {background-position:0px -250px;}
li3#proj09 a:hover {background-position:0px -250px;}



	

/* 	CAROUSEL 
------------------------------------*/

.carousel {
	list-style:none;
	}
#carousel-prev {
	position:absolute;
	top:180px;
	left:-720px;
/*	z-index:-2;*/
	z-index:1;
	}

#carousel-current {
	position:absolute;
	top:180px;
	left:180px;
	z-index:3;
	}

#carousel-next {
	position:absolute;
	top:180px;
	left:1080px;
/*	z-index:-2;*/
	z-index:1;
	}


/* 	OVERLAYS (ghosted, clickable boxes positioned over images) 
------------------------------------*/
body .overlay      {background:transparent url(white-80.png) repeat 0 0;}

/*body.book1 .overlay       {background:transparent url(white-80.png) repeat 0 0;}*/
/*body.book2 .overlay  {background:transparent url(black-80.png) repeat 0 0;}*/

.overlay {
	position:absolute;
	top:180px;
	/*	z-index:-1;*/
	z-index:2;
	overflow:hidden;
	}
.o-prev {left:-720px;}	
.o-next {left:1080px;}
.overlay a {
	display:block;
	height:590px;
	width: 880px;
	overflow:hidden;
	}

	

/* 	CAPTION
------------------------------------*/
ul#caption {
	list-style:none;
	position:absolute;
	top:550px;
	left:10px;
	width:140px;
	z-index:15 !important;
	font-family:"Helvetica Neue", helvetica, arial, sans-serif;
	text-align:right;
}

ul#caption li {
	font-size:12px;
	line-height:20px;	
	color:#7A7A7A;
	padding-top:15px;
	font-weight:bold;
	letter-spacing: 3px;
}
ul#caption li2 {
	font-size:12px;
	line-height:20px;	
	color:#7A7A7A;
	padding-top:15px;
	font-weight:bold;
	letter-spacing: 2px;
}
ul#caption li3 {
	font-size:12px;
	line-height:14px;
	text-align:right;
	color:#7A7A7A;
	padding-top:15px;
}


.legenda {
	position:absolute;
	top:420px;
	left:-150px;
	width:120px;
	z-index:10 !important;
	font-family:"Helvetica Neue", helvetica, arial, sans-serif;
	font-size:12px;
	line-height:14px;
	color:#7A7A7A;
	padding-top:15px;
	text-align:right;
	}



/* 	book2 COLOR CHANGES
------------------------------------*/
/*body.book2 {background-color:#000;}*/
/*.book2 .caption, .book2 h2 {color:#fff;}*/
/*.book2 .caption {background: url(arrow-white.png) no-repeat 0 0;}*/