body { font: 14px/20px 'Open Sans', sans-serif; color: #333; background-color: #fff; overflow: hidden; }

a { text-decoration: underline; font-style: bold; color: #000; }

.headcontainer { width: 100%; background-color: #fff; height: 100px; }

#header { position: relative; }

.header { height: 100px; width: 100%; }

#body { width: 100%; overflow: auto; overflow-x: hidden; }

.bodycontainer { width: 5000px; }

.mainsection { width: 100%; float: left; min-width: 990px; }

.sectionwall { background: transparent none no-repeat center top; width: 100%; min-width: 990px; }

.content { text-align: center; padding-top: 320px; }

.content a:hover, .wwdcontent a:hover, .contactinfo a:hover { background-color: #009ef4; }

.wwdcontent .sharebox a:hover { background-color: transparent; }

.section { position: relative; }

#page-home .content, #page-web .content, #page-desgin .content { padding-top: 400px; }

#page-home{background-image:url(../images/background/banner-first-home.jpg);}

#page-web{background-image:url(../images/background/banner-detudio.jpg);}

#page-desgin{background-image:url(../images/background/banner-design.jpg);}

#page-what-we-do{background-image:url(../images/background/bg-what-we-do.jpg);}

#page-news{background-image:url(../images/background/bg-news.jpg);}

#page-detudio{background-image:url(../images/background/bg-detudio.jpg);}

#page-contact{background-image:url(../images/background/bg-contact.jpg);}



.wwdcontent { text-align: left; padding-top: 60px; }

.wwdcontent h1 { font-size: 40px; line-height: 40px; font-weight: normal; color: #333; padding-bottom: 20px; }

.wwdimg {

  min-height: 150px;

  height: auto; !important

  height: 150px;

}

.logo{margin-top:18px;}

.logo a { float: left; margin-top: 20px; }

.logo .homehint { float: left; margin-top: 45px; margin-left: 22px; color: #000; display: none;  font-family: 'Open Sans', sans-serif; font-weight:bold; font-size:11px; text-transform:uppercase;}

.menu{font-family: 'Open Sans', sans-serif; font-size:11px; text-transform:uppercase; font-weight:bold; margin-left:25px;}

.more{ font-size:medium;}

.menu ul, .social ul { float: left; width: 100%; margin: 40px 0 0 0; padding: 0; line-height: 30px; list-style-type: none; }

.menu ul li, .social ul li { float: left; margin: 0; padding: 0; line-height: 30px; list-style-type: none; }

.menu ul li a { float: left; margin: 0 12px 0 0; padding: 0 7px; line-height: 30px; color: #000; text-decoration: none; font-style: normal; }

.menu ul li a.activ { background-color: #009ef4; color:#FFF; }

.social ul li a { float: left; margin: 0 20px 0 0; padding: 0; line-height: 30px; color: #999; text-decoration: none; font-style: bold; }

.navigation { padding-top: 47px; line-height: 17px; }

#nav_prev { float: right; width: 33px; height: 17px; background: transparent url(../images/buttons/nav-left.gif) no-repeat left top; cursor: pointer; margin-right: 22px; text-decoration: none; }

#nav_next { float: right; width: 33px; height: 17px; background: transparent url(../images/buttons/nav-right.gif) no-repeat left top; cursor: pointer; margin-right: 22px; text-decoration: none; }

#nav_prev.inactive { background: transparent url(../images/buttons/nav-left-i.gif) no-repeat left top; }

#nav_next.inactive { background: transparent url(../images/buttons/nav-right-i.gif) no-repeat left top; }



.nextpage { height: 80px; background: transparent url(../images/buttons/grey-dot.gif) repeat-x left 39px ; }

.ms-home .nextpage { margin: 40px 0; }

.nextpage a { float: right; clear: right; width: 45px; height: 39px; margin-right: 460px; margin-bottom: 1px; background: transparent url(../images/nav-home-banner.gif) no-repeat left top; text-decoration: none; }

.nextpage a.up { background: transparent url(../images/buttons/nav-up.gif) no-repeat left top; }

.nextpage a.down { background: transparent url(../images/buttons/nav-down.gif) no-repeat left top; }

.nextpage a.nobg { background: transparent none no-repeat left top; }



.footer { height: 195px; font-size: 14px;  color: #000; padding-top: 0; text-align: center; }

.footer a { font-style: normal; color: #000; text-decoration: underline; }

p.logo_detudio { margin-top: 15px; line-height: 40px; text-align: center; }

p.logo_detudio a { width: 40px; height: 40px; }

.footer a.link_detudio { font-style: bold; }



.newsitem { padding-top: 80px; padding-bottom: 60px; position: relative; }

.newsitem h1 { font-size: 40px; line-height: 40px; font-weight: normal; color: #333; }

.newsitem .newsbody, .newsitem .newsdate { padding-top: 20px; }

.newsitem .nextpage, #page-news .nextpage { margin-top: 40px; }

.newsitem .newsshare { position: relative; }

.sharebox { position: absolute; height: 80px; width: 122px; right: 0; top: -60px; padding: 80px 0; background: transparent url(../images/buttons/bg-share.gif) no-repeat left top; text-align: center; font-style: bold; }

.wwdcontent .sharebox { top: -60px; }

.wwdcontent{ padding-top:0px; padding-bottom:40px;}





.wwd1 { background: transparent url(../images/buttons/wwd-top-line.gif) no-repeat center top; padding-top: 6px; margin-top: 30px; }

.wwd2 { border-top: 1px solid #d0d0d0; margin-top: 40px; margin-bottom: 40px; }

.wwd1 div.grid_9, .wwd2 div.grid_9 { margin-top: 40px; background: transparent url(../images/buttons/vlines3.gif) repeat-y center top; }

.wwd2 div.grid_9 { margin-top: 40px; }

.wwd1 div.grid_3, .wwd2 div.grid_3 { text-align: center; }

.wwd1 a, .wwd2 a { display: block; width: 100%; height: 60px; padding-top: 180px; text-decoration: none; }

.wwd2 a { height: 60px; padding-top: 180px; }

.wwd1 a strong, .wwd2 a strong { font-size: 18px; }

div.web { background: transparent url(../images/buttons/icon-web.jpg) no-repeat center top; }

div.desgin { background: transparent url(../images/buttons/icon-desgin.jpg) no-repeat center top; }

div.copy { background: transparent url(../images/buttons/icon-copy.jpg) no-repeat center top; }

div.photo { background: transparent url(../images/buttons/icon-photo.jpg) no-repeat center -20px; }

div.media { background: transparent url(../images/buttons/icon-media.jpg) no-repeat center -20px; }

div.music { background: transparent url(../images/buttons/icon-music.jpg) no-repeat center -20px; }



.detudioinfo { padding-top: 45px; margin-top: 55px; border-top: 1px solid #d0d0d0; }

.detudioinfo .plus { font-style: bold; }

.detudioparttitle { border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; margin-top: 50px; }

.detudioparttitle h2 { color: #999; font-size: 40px; line-height: 100px; text-align: center; }

.detudiopart div.grid_3 { text-align: center; }

.detudiopart { background: transparent url(../images/buttons/vlines3.gif) repeat-y center top; margin-top: 20px; padding: 40px 0 60px 0; }

#detudiocontact { display: block; position: absolute; top: -6px; width: 100px; height: 20px; padding: 46px 0 54px 0; text-align: center; text-decoration: none; background: transparent  url(../images/buttons/bg-detudio-contact.gif) no-repeat left top; font-family:'Open Sans', sans-serif;}

.contactinfo { float: left; clear: left; padding: 80px 155px 50px 155px; margin: 0 10px; width: 660px; background: transparent url(../images/buttons/sep-contact.gif) no-repeat left 55px; }

.contactinfo .grid_2 { text-align: center; }

.contactinfo a { font-style: bold; text-decoration: underline; color: #000; }



#icebubble { position: absolute; top: 0; right: 0; width: 69px; height: 105px; display: block; }

/*Social Links------------------*/



 #socialLinks {

	right: 5px;	

	position:absolute; top:55%; height:20px; margin-top:-10px;

}



#socialLinks a {

	width: 20px;

	height: 20px;

	display: block;

	float: left;

	margin: 0 0 0 20px;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";	        

	filter: alpha(opacity=50);	        

	-moz-opacity:0.5;	        

	-khtml-opacity: 0.5;	        

	opacity: 0.5;		

}



#socialLinks a span {

	display: none;

}





#socialLinks a.twitter {

	background:	transparent  url(../images/buttons/icon_twitter.png) 0px 0 no-repeat;

	width: 28px;	

}



#socialLinks a.facebook {

	background:	transparent url(../images/buttons/icon_facebook.png) center 0 no-repeat;

	width: 20px;	

}