@charset "utf-8";
* { margin:0; padding:0; outline:none; }
body { background:#8B9795; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; }
.clear { clear:both; height:0px; overflow:hidden; }
.holder { width:931px; margin:0 auto; }
.header { }
.header h2{ display:none}
.header h1 a { background:url(/image/global/header.jpg) top left no-repeat; width:931px; height:108px; display:block; text-indent:-9999px }
.header ul { list-style:none; width:497px; margin:0 auto; }
.header ul li { float:left }
.header ul li a { float:left; height:55px; }
.header ul li a:hover { background-position:0 -55px }
.header ul .nav1 a { background:url(/image/global/nav-home.jpg) top left no-repeat; width:76px; text-indent:-9999px }
.header ul .nav2 a { background:url(/image/global/nav-about.jpg) top left no-repeat; width:80px; text-indent:-9999px }
.header ul .nav3 a { background:url(/image/global/nav-portfolio.jpg) top left no-repeat; width:102px; text-indent:-9999px }
.header ul .nav4 a { background:url(/image/global/nav-agency.jpg) top left no-repeat; width:128px; text-indent:-9999px }
.header ul .nav5 a { background:url(/image/global/nav-contact.jpg) top left no-repeat; width:93px; text-indent:-9999px }
.header ul .nav-over { position:absolute; }
.header ul a.active { background-position:0 -55px }
.content-holder { border:1px solid #C2C9C8; clear:both; }
.content { border-top:1px solid #D1D7D6; background:#fff; }
.box-gray { background:url(/image/global/box-gray.jpg) top left repeat-x; width:929px; height:326px; overflow:hidden; }
.box-white { background:#fff; width:929px; height:326px; overflow:hidden; border-top:1px solid #D7DBDA; border-bottom:1px solid #D7DBDA }
.h2_text { text-indent:-9999px; display:block; }
.h2_featured { background:url(/image/home/title-featured.jpg) top left no-repeat; width:76px; height:16px; margin-bottom:20px }
.btn-view-website { background:url(/image/btn/view-website.jpg) top left no-repeat; display:block; text-indent:-9999px; width:90px; height:28px; }
.btn-view-agency { background:url(/image/btn/view-agency.jpg) top left no-repeat; display:block; text-indent:-9999px; width:90px; height:28px; }
.btn-contact-us { background:url(/image/btn/contact-us.jpg) top left no-repeat; display:block; text-indent:-9999px; width:90px; height:28px; float:right; margin:-25px 25px 25px 0 }
.featured-area .col-1 { width:369px; float:left; padding:42px 43px 0 23px; }
.featured-area .col-1 h3 { font-size:13px; }
.featured-area .col-1 a { color:#6699CC }
.featured-area .col-1 a:hover { color:#EE4C01 }
.featured-area .col-1 p { padding:10px 0 6px 0; line-height:20px; }
.featured-area .col-1 .btn-view-website { margin:0 0 0 273px; }
.featured-area .col-2 { width:485px; float:left; padding:30px 0 0 0 }
#homepage { background:url(/image/home/bg.jpg) top left repeat-y; padding-bottom:100px; }
#homepage .cell-1 { width:453px; float:left; padding:28px 100px 0 23px; line-height:20px; }
#homepage .cell-1 ul { float:left; list-style:none; padding:25px 0 32px 37px; }
#homepage .cell-1 ul li { border-left:1px solid #BABABA; padding:0 0 0 20px; }
#homepage .cell-1 ul li.li-first { font-weight:bold; font-size:14px; margin:0 0 0 0px; color:#606A68; padding:0 0 4px 0; border:none }
#homepage .cell-1 .indent { padding:0 0 0 38px; }
#homepage .cell-2 { width:300px; float:left; padding:29px 0 0 25px; }
#homepage .rss-icon { display:block; width:110px; color:#DD6A12; float:right; background:url(/image/home/rss-icon.gif) top right no-repeat; background-position:92px 3px; padding:3px 0 10px 0; margin:10px 0 0 0 }
.news-item { padding:10px 0 20px 0; border-bottom:1px solid #E3E5E4; }
.news-item strong { line-height:17px }
.news-item span { font-size:10px }
.news-item img { border:1px solid #ccc; padding:1px; margin:5px 0; float:right; }
.news-item h4 { padding:3px 0 0 0; font-size:12px; font-weight:bold; color:#333 }
.news-item p { line-height:15px; padding:2px 0 4px 0 }
.news-item a { color:#6699CC; }
.news-item a:hover { color:#EE4C01; }
.title-tuscano-studios { background:url(/image/home/title-tuscano-studios.jpg) top left no-repeat; width:150px; height:15px; text-indent:-9999px; float:left; }
.title-news { background:url(/image/home/title-news.jpg) top left no-repeat; width:46px; height:15px; text-indent:-9999px; }
.portfolio-display-img { background:url(/image/portfolio/display-holder.png) top left no-repeat; padding:4px 11px 9px 4px; }
.agency-display-img { background:url(/image/agency/display-holder.png) top left no-repeat; padding:3px 11px 9px 4px; }
#portfolio { background:url(/image/portfolio/bg.jpg) top left no-repeat #fff; }
#portfolio .col-1 { width:232px; float:left; padding:33px 0 0 32px; }
#portfolio .col-1 h3 { font-size:13px; padding:12px 0 8px 0; }
#portfolio .col-1 h3 a { display:block }
#portfolio .col-1 ul { padding:0 0 17px 9px; list-style:none }
#portfolio .col-1 ul li { padding-bottom:5px; }
#portfolio .col-1 .inactive { display:none }
#portfolio .col-1 .secondary { font-size:13px; display:block; padding:10px 0; }
#portfolio .col-1 .secondary1 { padding:40px 0 0 0; }
#portfolio .col-1 a { color:#6699CC; }
#portfolio .col-1 a:hover { color:#EE4C01 }
#portfolio .col-1 .linkactive { text-decoration:none; font-size:16px; color:#666 }
#portfolio .col-1 .linkactive:hover { color:#666; cursor:default }
#portfolio .col-1 .itemlinkactive { text-decoration:none; color:#666; background:#E1E3E2; padding:2px 8px; margin:0 0 0 -8px }
#portfolio .col-1 .itemlinkactive:hover { color:#666; cursor:default }
#portfolio .col-2 { width:469px; padding:46px 100px 0 95px; overflow:hidden; float:left; height:500px; }
#portfolio .col-2 .portfolio-display-img { margin-left:-2px; }
#portfolio .col-2 .image-area { width:460px; height:258px }
#portfolio .col-2 h3 { font-size:1px; color:#FAFAFA; padding-top:24px; }
#portfolio .col-2 span { color:#999 }
#portfolio .col-2 a { color:#6699CC }
#portfolio .col-2 a:hover { color:#EE4C01 }
#portfolio .col-2 p { padding:10px 0 6px 0; line-height:18px; }
#portfolio .col-2 .btn-view-website { margin:5px 0 0 0; }
#portfolio .additional-links { background:#fff; margin:130px 0 0 0; padding:30px 0 150px 40px; border-top:1px solid #E8EAE9; }
#portfolio .additional-links h4 { font-size:14px; }
#portfolio .additional-links a { color:#5A88B4 }
#portfolio .additional-links a:hover { color:#EE4C01 }
#portfolio .additional-links ul { list-style:none; margin:10px 0 0 0 }
#portfolio .additional-links ul li { padding:0 0 10px 0; width:200px; float:left }
#portfolio .additional-links .links-col { width:400px; float:left; }
#portfolio .additional-links .links-col-2{ border-left:1px solid #E8EAE9; margin:0 0 0 -30px; padding:0 0 90px 40px;  }
#portfolio .additional-links .odd-row { float:left }
#portfolio .additional-links .even-row { clear:both; }
#agency { padding-bottom:100px; }
#agency .infoarea { background:#BBC2C0; text-align:center; padding:35px 0 27px 0; color:#656565 }
.agency-item .col-1 { width:297px; float:left; padding:36px 43px 0 63px; }
.agency-item .col-2 { width:435px; float:left; padding:42px 0 0 0; }
.agency-item .col-2 h3 { font-size:1px; color:#FDFDFD }
.agency-item .col-2 span { color:#999 }
.agency-item .col-2 a { color:#6699CC }
.agency-item .col-2 a:hover { color:#EE4C01 }
.agency-item .col-2 ul { list-style:none; padding:6px 0; }
.agency-item .col-2 ul li { line-height:17px; }
.agency-item .col-2 p { padding:10px 0 12px 0; line-height:19px; }
.agency-item .col-2 .btn-view-website { float:left; margin:0 10px 0 0 }
.agency-item .col-2 .btn-view-agency { float:left; }
#about { padding:0 0 100px 0 }
#about .row-1 { background:url(/image/about/bg.jpg) top left no-repeat; width:929px; height:326px; }
#about .row-1 h2 { background:url(/image/about/title-about.jpg) top left no-repeat; width:54px; height:16px; text-indent:-9999px; padding:53px 0 9px 40px; background-position:40px 53px }
#about .row-1 p { padding:0 0 10px 40px; width:460px; line-height:19px; }
#about .row-2 .col-1 { padding:53px 0 0 40px; width:393px; float:left; line-height:16px; }
#about .row-2 .col-1 h2 { background:url(/image/about/title-background.jpg) top left no-repeat; width:102px; height:19px; text-indent:-9999px; padding:0 0 15px 0 }
#about .row-2 .col-2 { padding:53px 0 40px 40px; float:left; width:393px; line-height:16px; }
#about .row-2 .col-2 h2 { background:url(/image/about/title-knowledge.jpg) top left no-repeat; width:95px; height:19px; text-indent:-9999px; padding:0 0 15px 0 }
#about .row-2 .col-2 ul { list-style:none; float:left; width:190px; }
#about .row-2 .col-2 ul li { padding:2px 0 1px 0 }
#contact { padding:50px 0 0 42px; background:url(/image/contact/bg.jpg) top left repeat-x #DDE1E0; line-height:17px; height:600px }
#contact h2 { background:url(/image/contact/title-contact.jpg) top left no-repeat; width:67px; height:15px; text-indent:-9999px; margin:0 0 15px 0; }
#contact .form-area { margin:34px 0 0 80px; padding:26px 0 0 0px; border:1px solid #D4D9D8; width:688px; height:322px; }
#contact .form-area label { width:120px; display:block; float:left; text-align:right; padding:4px 10px 0 0; font-size:12px; }
#contact .form-area .input-1 { border:1px solid #A5ADAC; float:left; margin:0 0 15px 0; padding:4px; font-size:11px; width:205px; height:16px; }
#contact .form-area textarea { border:1px solid #A5ADAC; float:left; padding:4px; font-size:11px; font-family:Arial, Helvetica, sans-serif; width:333px; height:110px; }
#contact .form-area .indented { margin:20px 0 0 125px; width:300px; text-align:left; float:none; }
#contact .form-area select { border:1px solid #A5ADAC; margin:0 0 15px 125px; padding:4px; font-size:11px; width:205px; float:left; }
#contact .form-area .btn-submit { width:auto; margin:0 0 0 400px; }
#contact .form-area .focus { border:1px solid #C60 }
#contact .form-area #otherhear { float:left; margin:0 0 0 5px; display:none }
#contact .thankyou { text-align:center; font-size:14px; padding:120px 0 0 0 }
.footer { color:#999; clear:both; height:40px; background:#E4E6E5; padding:8px 0; margin-bottom:30px; }
.footer ul { list-style: none; margin:0 auto; text-align:center }
.footer ul li { display:inline; }
.footer ul li a { color:#999; margin:0 20px 0 0; text-decoration:none; }
.footer ul li a:hover { text-decoration:underline; }
.footer .copyright { font-size:11px; text-align:center; clear:both; padding:5px 16px 0 0 }