div.bgDesign { background: url(img-design/bg-Design.gif) center top no-repeat; width:980px; height:1200px;}
div.boxSxTop { z-index:50; }

#designtemplate { padding-top:100px; }
#designsxcolumn { float:left; padding:220px 0 0 22px; }
#designcontent { width:738px; margin-left:230px; padding-left:10px; font-family:futura-thin; }

.designclear { clear:both; }

#designsxcolumn .leftbox { width:208px; }
#designsxcolumn #boxtwitter { margin-top:40px; height:187px; width:188px; padding:10px; background-color:#CBCBCD; font-family:futura-thin; position:relative; }
#boxtwitter.boxtwitterindex { padding:10px; height:188px; width:188px; background-color:#CBCBCD; font-family:futura-thin; }
#boxtwitter h3 { color:#087dc4; margin:0; font-weight:normal; font-size:18px; }
#boxtwitter a.twit { color:#FFF; font-size:12px; }
#boxtwitter a.twitterlink { position:absolute; bottom:8px; color:#087dc4; font-size:17px; text-decoration:none; }
#boxtwitter ul { margin:0; padding:0; list-style:none; }
#boxtwitter li { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#boxtwitter .showtweet { margin-top:25px; text-indent:38px; color:#FFF; font-size:14px; }
#boxtwitter #tweetbird { position:absolute; left:5px; }
#boxbanner { margin-top:32px; }

.designmenu { list-style:none; padding:80px 0 0 16px; margin:0; color:#FFF; font-size:23px; }
.designmenu li { margin:0; padding:0 0 22px 30px; }
.designmenu li a { color:#FFF; text-decoration:none; }
.designmenu li.active { font-size:25px; padding-left:4px; }

.contentheader { width:533px; height:83px; background:url(img-design/bg-content-header.gif) top left no-repeat; color:#FFF; }
.contentheaderbig { width:533px; height:428px; background:url(img-design/bg-content-header-big.gif) top left no-repeat; color:#FFF; }
.contentheader h2,
.contentheaderbig h2 { margin:0px; padding:10px 0 5px 10px; font-size:30px; font-weight:normal; }
.contentheader p,
.contentheaderbig p { margin:0px; padding-left:10px; font-size:16px; }

.contentplayer { width:533px; height:345px; background:#000; text-align:center; }
.contentplayerimg { width:533px; height:345px; position:relative; }

.contentplayerimg img { display:none; }
.contentplayerimg img.active { display:block; }

.slidecontrol { position:absolute; height:34px; text-align:center; bottom:1px; }
.slidecontrol a { display:block; height:34px; float:left; cursor:pointer; }
.slidecontrol .leftarrow { margin-right:16px; width:23px; background:url(../../design_images/sliderimg/leftarrow.png) top left no-repeat; }
.slidecontrol .slidelink { margin-right:8px; width:18px; background:url(../../design_images/sliderimg/emptybox.png) top left no-repeat; }
.slidecontrol .slidelink.active { background:url(../../design_images/sliderimg/fullbox.png) top left no-repeat; }
.slidecontrol .rightarrow { margin-left:8px; width:23px; background:url(../../design_images/sliderimg/rightarrow.png) top left no-repeat; }


.contentmenu { float:right; width:205px; height:428px; background:url(img-design/bg-content-menu.gif) top left no-repeat; }

.firstrowbox { margin-top:40px; }
.designbox { float:left; width:166px; height:207px; margin-right:8px; background:url(img-design/bg-box.jpg) top left no-repeat; position:relative; }
.designbox:hover,
.firstrowbox .activebox { background-position: 0 -207px; }
.designbox h3 { padding:10px; margin:0; font-size:16px; line-height:15px; font-weight:normal; color:#FFF; position:absolute; }
.designbox img {  margin:50px 0 5px 22px; }
.designbox a { border:0; }
.designbox img:hover,
.designbox img.active { border:5px solid #EDE000; margin:45px 0 0 17px; }
.designbox p { padding:10px 8px; margin:0; font-size:15px; line-height:14px; color:#FFF; }

.lastbox { width:205px; margin-left:11px; margin-right:0; background:#6C008A; text-transform:uppercase; }
.lastbox h3 { font-size:20px; line-height:18px; width:170px; }

.lastboxwhite { width:205px; margin-left:11px; margin-right:0; background:#FFF; }
.lastboxwhite h3 { color:#b5b5b7; }
.lastboxwhite img.collabimg { margin-top:23px; }
.lastboxwhite img.collabimg:hover { border:none; margin:23px 0 0 22px; }
.lastboxwhite img:hover { border:none; margin:50px 0 5px 22px; }

.secondrowbox { margin-top:279px; }
.designtextbox { width:438px; height:376px; padding:24px 40px 50px 36px; margin-right:8px; float:left; background:url(img-design/bg-text-box.jpg) top left no-repeat; color:#423d3d; }
.projecttextbox { background:url(img-design/bg-text-box_progetto.jpg) top left no-repeat; }
.concepttextbox { background:url(img-design/bg-text-box_concept.jpg) top left no-repeat; }

.designtextbox p { font-size:16px; }
.designtextbox h3 { font-size:22px; font-weight:normal; margin-top:0; margin-bottom:10px; }

.designphotobox { width:514px; height:673px; padding:24px 0 50px 0; margin-right:8px; float:left; background:url(img-design/bg-photo-box.gif) top left no-repeat; color:#423d3d; }

.thirdrowbox { margin-top:10px; }
.designbgbox { width:514px; height:213px; background:url(img-design/bg-bottom-box.jpg) top left no-repeat; }
.designbgbox02 { width:514px; height:213px; background:url(img-design/bg-bottom-box_02.jpg) top left no-repeat; }
.designbgbox03 { width:514px; height:213px; background:url(img-design/bg-bottom-box_03.jpg) top left no-repeat; }

.photocanvastop { margin:48px 0 0 18px; }
.photocanvasbottom { margin:20px 0 0 18px; }
.photocanvasbottom .spacer { height:40px; clear:both; }

.photobox { float:left; width:237px; margin-right:11px; }
.photobox img { border:4px solid #EDE000; }
.photobox h3 { font-weight:normal; font-size:16px; margin:24px 0 5px; color:#FFF; }
.photobox p { padding-left:0; font-size:16px; color:#FFF; }
.photolightbox { cursor:pointer; }

