* { margin: 0; padding: 0; }
html { width: 100%; height: 100%; }
body { font-family: Helvetica, Arial; color: #4e4e4e; background: #f3f3f3; padding: 0; }
a { color: blue; cursor: pointer; }
.wrapper { width: 980px; margin: 0 auto; }
.clear { clear: both; }

div#header { width: 100%; height: 120px; background: #fff; z-index: 150; position: relative; }
div#logo { height: 60px; text-align: center; }
div#nav { width: 100%; max-width: 980px; height: 35px; }
div#nav ul { float: right; list-style: none; margin-top: 18px; }
div#nav li { float: right; }
div#nav a { display: block; text-decoration: none; margin: 0 8px; color: #4e4e4e; font-family: 'Advent Pro', sans-serif; font-weight: 500; letter-spacing: 1px; font-size: 14px; }
div#nav div.submenu { display: none; position: absolute; text-align: center; margin-left: 0px; }
div#nav div.submenu a { display: block; margin: 2px 0; font-weight: 300; letter-spacing: 1px; }

div#background_image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden; }
div#background_image img { border: 0; width: 100%; height: 100%; }

div.box { width: 217px; float: left; margin: 0px 14px 0px 14px; cursor: pointer; }
/* div.box img { filter: url(filters.svg#grayscale); / * Firefox 3.5+ * / filter: gray; / * IE6-9 * / -webkit-filter: grayscale(1); / * Google Chrome & Safari 6+ * / width: 217px; } */
/* div.box img { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); / * Firefox 10+, Firefox on Android * / filter: gray; / * IE6-9 * / -webkit-filter: grayscale(100%); / * Chrome 19+, Safari 6+, Safari 6+ iOS * / } ++++não funciona+++ */ 
div.box img { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ } /*+++++++não funciona+++++ */
div.box div.project_name { width: 217px; min-height: 28px; text-align: center; text-transform: uppercase; font-family: "Advent Pro"; color: #f3f3f3; font-size: 10pt; font-weight: 600; letter-spacing: 0px; }
div.box:hover img { filter: none; -webkit-filter: grayscale(0); }
div.box:hover div.project_name { color: #4e4e4e; }

div#container { text-align: center; padding: 28px 0 0 0; }

#cycle-1 {display:inline-block;}
#cycle-1 div { width:100%; }
#cycle-2 .cycle-slide { border:3px solid #f3f3f3; }
#cycle-2 .cycle-slide-active { border:3px solid #004; }

#slideshow-1 { }
#slideshow-1 { width: 100%; margin: auto; display: inline-block; }
#slideshow-1 img.proj_image { height: 500px; }
/*#slideshow-2 { width: 405px; margin: auto; float: left; margin-top: 10px; }*/
#slideshow-2 { max-width: 405px; margin: auto; margin-top: 10px; display:inline-block; }
#slideshow-2 img { width: 75px; height: 75px; }
.cycle-slideshow img { height: auto; display: block; margin: 0 auto; }
/*.cycle-carousel-wrap { margin-left: 162px !important}*/
#scroller_container { max-width: 505px; margin: 0 auto; }
a#scroller_close { z-index: 50; font-weight: bold; text-decoration: none; color: #4e4e4e; vertical-align: top; display:inline-block;position:relative;top:3px;left:8px;}
a#scroller_close img { display: inline-block; vertical-align: top; }
a#scroller_details { z-index: 50; font-weight: bold; text-decoration: none; color: #4e4e4e; vertical-align: bottom; display:inline-block;position:relative;top:-8px;left:-8px;}
a#scroller_details img { display: inline-block; vertical-align: bottom; }
a#scroller_prev { background: url(../../images/left_arrow.png) center center no-repeat; margin: 0 10px 0 0; width: 35px; height: 50px; position: relative; top: -32px;}
a#scroller_next{ background: url(../../images/right_arrow.png) center center no-repeat; margin: 0 0 0 10px; width: 35px; height: 50px; position: relative; top: -32px; }
/*a#scroller_prev { background: url(../../images/left_arrow.png) center center no-repeat;float : left; margin: 22px 10px 0 0; width: 35px; height: 50px; }
a#scroller_next{ background: url(../../images/right_arrow.png) center center no-repeat; float: left; margin: 22px 0 0 10px; width: 35px; height: 50px; }*/

div#project_details { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 100; }
div#project_details div#details_content { margin: 0 auto; margin-top: 160px; border 1px solid red; width: 500px; z-index: 160; position: relative; text-align: left; }
div#project_details div#details_shadow { position: absolute; width: 100%; height: 100%; top: 0; left: 0;  background: #ddd; opacity: 0.9; z-index: 150; }
div#project_details div#details_content h2 { float: left; font-family: "Advent Pro"; text-transform: uppercase; font-weight: normal; margin: 20px 0 10px 0; width: 470px; }
div#project_details div#details_content div#desc { float: left; width: 290px; font-size: 9pt; margin: 0 20px 0 0; line-height: 18px; }
div#project_details div#details_content div#specs { float: left; width: 190px; font-size: 9pt; }
div#project_details div#details_content div#specs div.value { font-weight: bold; }
div#project_details div#details_content div#specs div.label { margin: 0 0 20px 0; }
a#details_close { display: block; width: 29px; float: left; }

div.news_entry h2{ font-family: "Advent Pro"; font-weight: 500; font-size: 16pt; margin: 28px 0 0 0; cursor: pointer; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; }
div.news_entry div.content { width: 980px; margin: 0 auto; padding: 20px 0 0 0; display: none; font-size: 9pt; text-align: left; line-height: 18px; }
div.news_entry div.content .left { width: 440px; float: left; text-align: left; }
div.news_entry div.content .right { width: 440px; float: left; margin: 0 0 0 30px; }
div.news_entry div.content img { max-width: 440px; }
div.news_entry div.content iframe { max-width: 440px; }

div.studio_entry h2{ font-family: "Advent Pro"; font-weight: 500; font-size: 16pt; margin: 28px 0 0 0; cursor: pointer; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; }
div.studio_entry div.content { padding: 20px 0 20px 0; display: none; font-size: 9pt; line-height: 18px; }

div#contact_map { width: 980px; height: 547px; }
div#contact_details_container { width: 980px; margin: 0 auto; margin-top: 10px; }
div.contact_details { float: left; width: 25%; text-align: left; font-size: 8pt; }
div.contact_details h3 { margin: 0 0 3px 0; }
div.contact_details p { margin: 2px 0 0 0; }

div#under_construction { position: absolute; top: 220px; font-family: Arial, sans-serif; font-size: 20pt; line-height: 30px; text-align: center; width: 100%;}
div#under_construction_footer { position: absolute; bottom: 50px; text-align: center; width: 100%; font-family: Arial, sans-serif; }
img.under_construction_image { opacity: 0.3;}