/* html5doctor.com Reset Stylesheet v1.4.1 2010-03-01 Author: Richard Clark - http://richclarkdesign.com */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body { line-height:1; }
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary { display:block;}
nav ul { list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after { content:'';}a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;} a:focus{outline:none;} ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; } input, select { vertical-align:middle;}

/*********** import font @font-face ***********/
/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
@font-face {font-family: 'MuseoSlab500'; src: url('../font/museo_slab_500-webfont.eot'); src: local('☺'), url('../font/museo_slab_500-webfont.woff') format('woff'), url('../font/museo_slab_500-webfont.ttf') format('truetype'), url('../font/museo_slab_500-webfont.svg#webfontlUkVJoMG') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'Museo300'; src: url('../font/museo300-regular-webfont.eot'); src: local('☺'), url('../font/museo300-regular-webfont.woff') format('woff'), url('../font/museo300-regular-webfont.ttf') format('truetype'), url('../font/museo300-regular-webfont.svg#webfontB5Kwd1OR') format('svg'); font-weight: normal; font-style: normal;}


/*********** -------------------- - global - -------------------------------- ***********/
body{ line-height: 1.4em; background-image: url(background.jpg); color: #4c4a3d; font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;}
section#page{text-align: center; margin-right: auto; margin-left: auto; background: url(footerBigimage.jpg) no-repeat center bottom; padding-bottom: 120px;}
header#first{margin-right: auto; margin-left: auto; background-image: url(topbanner.jpg); background-repeat: repeat-x; background-position: center top;}
section#media, section#about-us, section#urustaff, section#portfolio, section#contact-us, section#single{margin:25px auto; width: 602px; background: url(section-body.jpg) repeat-y left top;}
section#media header, section#about-us header, section#urustaff header, section#portfolio header, section#contact-us header, section#single header{margin:0 0 20px 0; padding:15px 0 0 0 ;background: url(section-top.jpg) no-repeat left top;}
section#media footer, section#about-us footer, section#urustaff footer, section#portfolio footer, section#contact-us footer, section#single footer{margin:5px 0 0 0; padding: 0 0 15px 0; background: url(section-bottom.jpg) no-repeat left bottom; clear: both;}
section#media header{margin-bottom: 5px;}
section#media footer{margin-top: 0px;}
section#contact-us header{margin-bottom: 45px;}

/***** ---------------------------- page header ----------------------------- *****/
header#first hgroup{height: 175px; position: relative;margin-right: auto; margin-left: auto; width: 602px; }
header#first hgroup h1{ color: #eae8d5; top: 45px; position: absolute; background-image: url(logo.png); background-repeat: no-repeat; height: 66px; width: 185px; font-size: 1px; text-indent: -9999px;}
hgroup h1 a{display:block;height: 66px; width: 185px;}
header#first hgroup h3{display: none;}
header#first nav{margin-left: auto; margin-bottom: 0; margin-right: auto; background-image: url(menu1.png); background-position: left; background-repeat: no-repeat; margin-top: 15px; width: 602px; height: 78px ;}
header#first nav ul{font-family: 'Museo300'; line-height: 1.2em;}
header#first nav ul li{width: 200px; float: left; text-align: left; }
header#first nav ul li a{color: #4c4a3d; text-decoration: none; padding: 20px 0 0 70px; text-align: left; display: block; height: 60px;}
header#first nav ul li a span{display: block; font-size: 13px;}
header#first nav ul li a.about{background: url(menu1-about.jpg) no-repeat left center;}
header#first nav ul li a.portfolio{background: url(menu1-portfolio.jpg) no-repeat left center;}
header#first nav ul li a.contact{background: url(menu1-contact.jpg) no-repeat left center;}
/*********** twitter news ***********/
div.tweet{ position: relative; width: 602px; color:#999783; margin: 0 auto; font-size: 12px; line-height: 1.4em;}
div.tweet ul{ position: absolute; top:-128px; right: 0px; width: 302px; background: url(twitter1.png) no-repeat left top; list-style: none; height: 70px; overflow: hidden;}
div.tweet ul li{padding: 14px 10px 0 10px; margin-bottom: 40px;}
div.tweet a{color:#999783; text-decoration: underline;}
span.tweet_time{display: none;}
a.followus{position: absolute; top:-40px; right: 135px;}

/***** --------------- sub navigation -------------- *****/
div.menu{width: 602px; display: block; margin: 10px auto; font-family: 'Museo300'; position: relative;}
div.menu a{color: #4c4a3d; text-decoration: none;}
div#about-us-detail{background: url(menu2.jpg) no-repeat left center; height: 136px;}
div#portfolio-detail{background: url(menu3.jpg) no-repeat left center; height: 139px;}
div#contact-us-detail{background: url(menu4.jpg) no-repeat left center; height: 128px;}
/*********** sub nav about ***********/
div#about-us-detail a.portfolio, div#about-us-detail a.contact-us{ text-align: left; display: block; text-transform: uppercase; font-size: 12px; width: 120px; height: 30px; padding-left: 40px;}
div#about-us-detail a.page-top{display: none;}
div#about-us-detail:hover a.page-top{ display: block; font-size: 12px; margin-left: 500px; position: absolute; top:-5px; padding-left: 15px; background: url(backtotop.png) no-repeat left 4px;}
div#about-us-detail a.portfolio{background: url(menu-mini.jpg) no-repeat left -15px; position: absolute; right: 0px; top:30px; padding-top: 8px;}
div#about-us-detail a.contact-us{background: url(menu-mini.jpg) no-repeat left -74px; position: absolute; right: 0px; top:77px; padding-top: 8px;}
/*********** sub nav portfolio ***********/
div#portfolio-detail a.about-us, div#portfolio-detail a.contact-us{ display: block;  width: 120px;}
div#portfolio-detail a.page-top{display: none;}
div#portfolio-detail:hover a.page-top{ display: block; font-size: 12px; margin-left: 500px; position: absolute; top:10px; padding-left: 15px; background: url(backtotop.png) no-repeat left 4px;}
div#portfolio-detail a.about-us{background: url(menu1-about.jpg) no-repeat center top; position: absolute; left: 0px; top:45px; padding-top: 60px;}
div#portfolio-detail a.contact-us{background: url(menu1-contact.jpg) no-repeat center top; position: absolute; right: 0px; top:45px; padding-top: 60px;}
/*********** sub nav contact ***********/
div#contact-us-detail a.about-us, div#contact-us-detail a.portfolio{ text-align: left; display: block; text-transform: uppercase; font-size: 12px; width: 120px; height: 30px; padding-left: 40px;}
div#contact-us-detail a.page-top{display: none;}
div#contact-us-detail:hover a.page-top{ display: block; font-size: 12px; margin-left: 500px; position: absolute; top:-16px; padding-left: 15px; background: url(backtotop.png) no-repeat left 4px;}
div#contact-us-detail a.about-us{background: url(menu-mini.jpg) no-repeat left -133px; position: absolute; left: 10px; top:20px; padding-top: 8px;}
div#contact-us-detail a.portfolio{background: url(menu-mini.jpg) no-repeat left -15px; position: absolute; left: 10px; top:67px; padding-top: 8px;}

/*********** ribbon title ***********/
section#about-us header h2{font-size: 1px; text-indent: -9999px; background: url(about-title.jpg) no-repeat left bottom; height: 43px; margin: 0 0 0 -8px;}
section#urustaff header h2{font-size: 1px; text-indent: -9999px; background: url(staff-title.jpg) no-repeat left bottom; height: 43px; margin: 0 0 0 -8px;}
section#portfolio header h2{font-size: 1px; text-indent: -9999px; background: url(portfolio-title.jpg) no-repeat left bottom; height: 43px; margin: 0 0 0 -8px;}
section#contact-us header h2{font-size: 1px; text-indent: -9999px; background: url(contact-title.jpg) no-repeat left bottom; height: 43px; margin: 0 0 0 -8px;}

/***********-------------- sections --------------***********/
section header h6, section footer h6{font-size: 1px; text-indent: -9999px; line-height: 1px;}

/*********** video ***********/
section#media div.media-content{text-align: center; padding: 6px 0 6px 26px; background: url(video.jpg) no-repeat top center;}

/*********** about us ***********/
section#about-us article{overflow: hidden;}
section#about-us article.one{background: url(about-article-top.jpg) no-repeat left top; width: 402px; margin-left: 20px; padding:20px 0 0 0;}
section#about-us article.dos{background: url(about-article-bottom.jpg) no-repeat left bottom; width: 402px; margin-left: 20px; padding:0 0 20px 0;}
section#about-us article.one h3, section#about-us article.dos h3, section#about-us article.one p, section#about-us article.dos p{text-shadow: 1px 1px #ecebe2; text-align:left; margin:0 20px; color:#626053;}
section#about-us article.one h3, section#about-us article.dos h3{font-family: 'Museo300'; font-size: 18px; margin-bottom: 15px;}
section#about-us article.one p{padding-bottom: 15px; border-bottom-color: #c7c5b1; border-bottom-width: 1px; border-bottom-style: solid;}
section#about-us article.dos h3{padding-top: 15px; border-top-color: #e6e5dd; border-top-width: 1px; border-top-style: solid;}
section#about-us aside{ float:right; width: 145px; margin-right: 20px; color: #747263; text-shadow: 1px 1px #ecebe2;}
section#about-us aside h3{font-size: 1px; text-indent: -9999px; background: url(need-help.jpg) no-repeat center top; height: 93px;}
section#about-us aside p{font-size: 13px; margin-top: 15px; line-height: 1.4em;}
section#about-us aside p a{text-transform: uppercase; color: #4e9288; }

/*********** urustaff ***********/
ul.urustaff{ list-style: none; margin: 0; padding: 0; color: #939286; font-size: 14px; text-align: left;}
ul.urustaff li{ float: left; padding: 20px; display: block; margin-right: 10px;}
ul.urustaff li.dot{background: url(verticaldot.jpg) no-repeat right center;}
ul.urustaff li strong{font-family: 'Museo300'; color: #6e6d61;}
ul.urustaff li p.act{ display: block; overflow: hidden; width: 75px; text-shadow: 1px 1px #ecebe2;}
#a1{ width: 300px;}
ul.urustaff li img.avatar{ position: absolute; border: none;}
ul.urustaff li span{ margin: 0 0 10px 85px; padding: 0; width: 210px; display: block; text-align: left;}
span.sprite{margin-top: 10px;}
p.act a{color: #4e9288;}
/*ul.urustaff a.skype{float:right;}*/

/*********** portfolio ***********/
section#portfolio div.content{background: url(background-portfolio.jpg) no-repeat left top; padding: 6px; margin:0 0 0 20px;}
.slides1_wrap { position: relative; padding: 0; width:549px;}
#slides1 li {list-style: none;}
#slides1 li a{text-decoration: none;}
#slides1 li span{display: none;}
#slides1 li:hover span{display: block; position: absolute; top:130px; padding:10px 10px 10px 65px; color: #dbdacc; background: rgb(41, 40, 34); background: rgba(41, 40, 34, 0.8) url(zoom.png) no-repeat 10px 10px;  text-align: left; line-height: 1.3em; color: white; width: 480px;}
#slides1 li:hover span strong{display: block; color: #4e9288; font-weight: normal;}
.slides1_wrap .prev, .slides1_wrap .next{display: none;}
.slides1_wrap div.bx_pager{position: absolute; top:-50px; right: 0px; list-style: none;}
div.bx_pager a{background: url(portfolio-sprite.jpg) no-repeat left bottom; width: 25px; height: 26px; display: block; float: left; margin-left: 5px; font-size: 1px; text-indent: -9999px;}
div.bx_pager a.active{background-position: left top;}
div.bx_pager a:focus{outline:none;}
div.auto_controls{position: absolute; top:-48px; right: 0px; list-style: none; font-family: 'Museo300'; font-size: 12px;}
div.auto_controls a{color: #747263; text-shadow: 1px 1px #ecebe2; text-decoration: none; font-variant: small-caps;}		

/*********** contact us ***********/
section#contact-us div.content{min-height: 300px;}
div.idTabs{background: url(contact-form-bottom.jpg) no-repeat center bottom; width: 332px; display: block; padding-bottom: 10px; margin: 0 0 0 20px; text-align: left; position: relative;}
div.idTabs div.items{background: url(contact-form-top.jpg) no-repeat center top;  min-height: 80px; padding: 20px; clear: both;}
div.idTabs ul{list-style-type: none; margin-left: 10px; font-family: 'Museo300'; font-size: 13px; position: absolute; top:-29px; z-index: 100;}
div.idTabs ul li{float: left; margin-right: 10px;}
div.idTabs ul li a{display: block; width: 102px; text-align: center; color: #4c4a3d; text-decoration: none; background: url(contact-form-passive.jpg) no-repeat center top; height: 30px; padding-top: 5px;}
div.idTabs ul li a.selected{background: url(contact-form-active.jpg) no-repeat center top;}
section#contact-us{position: relative;}
section#contact-us aside{width: 210px; position: absolute; right: 20px; top:78px; text-align: left; color: #747263; text-shadow: 1px 1px #ecebe2; font-size: 13px; line-height: 1.4em;}
section#contact-us aside h3{font-style: normal; font-weight: normal; font-family: 'Museo300'; background: url(sideline.jpg) no-repeat left bottom; padding-top: 5px; padding-bottom: 5px; margin-bottom: 15px;color: #4c4a3d;}
section#contact-us aside article{background: url(icon-home.jpg) no-repeat left top;}
section#contact-us aside h1{padding-left: 30px; font-weight: normal;}
section#contact-us aside p{padding-left: 30px;}
section#contact-us aside p a{color: #4e9288;}
section#contact-us aside p.hq{margin-top:8px;}
section#contact-us aside p.tel{background: url(icon-phone.jpg) no-repeat left 5px; padding-top: 5px; padding-bottom: 5px; margin: 10px 0;}
section#contact-us aside p.skype{background: url(icon-skype.jpg) no-repeat left 5px; padding-top: 5px; padding-bottom: 5px; margin: 10px 0;}

/*** web form ***/
form#write ol, form#subscribe ol{list-style: none;}
form#write legend{ display: none;}
form#write label, form#subscribe label{display: block; font-size: 12px; color: #9a9885; text-shadow: 1px 1px #e3e3da;}
form#write input:not([type=submit]), form#write textarea, form#subscribe input:not([type=submit]){border:none; width: 275px; padding: 10px 5px;font-size: 13px; margin-bottom: 5px; font-family: Helvetica, Arial;}
form#write input:not([type=submit]):focus, form#write textarea:focus, form#subscribe input:not([type=submit]):focus {text-shadow: 0px 0px 0px white; background: #f6f2bf; border: none;}
form#write button, form#subscribe button{color: #4c4a3d; border: none; background: url(form-button.jpg) no-repeat left center; width: 146px; padding: 10px 0; display: block; margin: 10px 0 0 145px; text-shadow: 1px 1px #ecebe2;}
form#write button:hover, form#subscribe button:hover{background: url(form-button.jpg) no-repeat right center;}
li.radio{margin: 5px 0;}
li.radio label{display: inline !important; margin: 0 20px 0 0;}
input#MERGE3-0, input#MERGE3-1{display: inline !important; width: 20px !important;}
p.message{font-size: 12px; font-weight: normal; margin: 5px 0;}

#disclaimer {
text-align: left; color: #747263; text-shadow: 1px 1px #ecebe2; font-size: 13px; line-height: 1.4em;
	margin-top: 8px;
	}


/*********** social network button sprite ***********/
p.sprite{padding-left: 0px !important;}
.sprite a{background: url(SNsprite.jpg) no-repeat; display: block; width: 28px; height: 28px; float:left; font-size: 1px; text-indent: -9999px; margin:0 6px 6px 0;}
a.twitter{background-position: left top;}
a.twitter:hover{background-position: left -30px;}
a.flickr{background-position: -30px top;}
a.flickr:hover{background-position: -30px -30px;}
a.slideshare{background-position: -60px top;}
a.slideshare:hover{background-position: -60px -30px;}
a.youtube{ background-position: -90px top;}
a.youtube:hover{ background-position: -90px -30px;}
a.vimeo{background-position: -120px top;}
a.vimeo:hover{background-position: -120px -30px;}
a.friendfeed{background-position: -150px top;}
a.friendfeed:hover{background-position: -150px -30px;}
a.rss{background-position: -180px top;}
a.rss:hover{background-position: -180px -30px;}
a.email{background-position: -210px top;}
a.email:hover{background-position: -210px -30px;}
a.tumblr{background-position: -240px top;}
a.tumblr:hover{background-position: -240px -30px;}
a.skype{background-position: -270px top}
a.skype:hover{background-position: -270px -30px}
/*li.federico a.skype{background: url(http://mystatus.skype.com/smallicon/kurainisei) no-repeat !important;}
li.marina a.skype{background: url(http://mystatus.skype.com/smallicon/marina-rossi) no-repeat !important;}
li.alessandra a.skype{background: url(http://mystatus.skype.com/smallicon/bacara70) no-repeat !important;}
*/
a.linkedin{background-position: -300px top;}
a.linkedin:hover{background-position: -300px -30px;}
a.delicious{background-position: -330px top;}
a.delicious:hover{background-position: -330px -30px;}
a.facebook{background-position: -360px top;}
a.facebook:hover{background-position: -360px -30px;}
a.brightkite{background-position: -390px top;}
a.brightkite:hover{background-position: -390px -30px;}
.sprite a.text{font-size: 14px; text-indent: 0px; background-image: none; width: auto !important; margin-left: 10px;}

/***********-------------- single page --------------***********/
div.page-title{width: 602px; margin: 20px auto; border-bottom: 1px dotted #969279; border-top: 1px dotted #969279;}
div.page-title h2{font-family: 'MuseoSlab500'; line-height: 1.4em; font-size: 30px; padding: 8px 0;}
#single div.content{padding: 0 20px; text-shadow: 1px 1px #ecebe2; text-align:left; color:#626053;}
#single div.content p, #single h3, #single h4, #single h5, #single h6, #single blockquote, #single ul, #single ol{margin: 0 0 15px 0;}
#single .left{float: left; margin:0 15px 5px 0;}
#single .right{float: right; margin: 0 0 5px 15px;}
#single div.content img{padding: 1px; background-color: white;border: 1px solid #c6c2a4;}
#single h3{font-size: 22px;}
#single h4{font-size: 18px;}
#single h5{font-size: 16px;}
#single h6{font-size: 14px;}
#single blockquote, #single cite{border-left-color: #c6c2a4; border-left-width: 2px; border-left-style: solid; padding-right: 15px; padding-left: 15px; font-style: italic;}
#single ul, #single ol{margin-left: 15px;}
#single .infobox{border: 1px solid #c6c2a4; background-color: #fff9cf; padding:5px 10px; }
#single .sidebar{width: 180px; float:right; margin-left: 20px; padding-left: 20px;}
#single .middle{font-size: 18px;}
#single .big{font-size: 22px;}
#single div.content a{color: #4e9288;}

/***********-------------- footer --------------***********/
footer.page{background: url(footer.jpg) repeat-x left top; height: 80px; margin: 0 auto;}
footer.page p{width: 602px; margin: 0 auto; color: #aeab91; font-size: 13px; padding-top: 30px; text-align: center;}