@charset "utf-8";
/* CSS Document */

html { height:100% }
body { height:100%; background:#282E3C url(../images/body_Fill.jpg) center repeat; font:normal 11px/16px Arial, Helvetica, sans-serif; color:#FFFFFF }

div#bdy { width:100%; height:100%; background:url(../images/body_Background.jpg) center top no-repeat; cursor:default }
#nav, #hdr, #page, #ftr { width:960px; margin:0 auto }

html>/**/body h1 strong { background:url(../FillB20.png) }

div.info { float:left; margin-right:20px; padding:6px 16px 6px 30px }
html>/**/body div.info { background:url(../FillB10.png) }

div.back { clear:both; overflow:hidden; width:160px; margin-bottom:20px; padding:6px 16px 6px 30px }
html>/**/body div.back { background:url(../FillB10.png) }
div.back a { float:left; width:100%; text-decoration:none; color:#FFFFFF; opacity:.2 }
div.back a:hover { opacity:.4 }

div#nav { height:160px; background:url(../images/nav_Background.jpg) bottom right no-repeat }
div#nav a.logo { float:left; margin-top:80px}
div#nav ol { overflow:hidden; height:160px; width:400px; float:right; padding-right:20px }
div#nav ol li { float:right; overflow:hidden }
div#nav ol a { float:left; padding:126px 10px 10px 10px; font:bold 11px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#FFFFFF; text-decoration:none }
div#nav ol a:hover { background:#000; opacity:.2 }
div#nav ol li strong { float:left; text-transform:uppercase; padding:126px 10px 24px 10px; background:#000; opacity:.4 }
div#nav a img { display:block }



div#hdr { height:270px; margin-bottom:40px }
div#hdr div.separator { clear:both; font-size:1px; line-height:1px; height:20px; width:750px; background:#000000; position:relative; top:260px; opacity:.2 }
.hdr-services { background:url(../images/hdr_1.jpg) top center no-repeat }
.hdr-agency { background:url(../images/hdr_6.jpg) top center no-repeat }
.hdr-solutions { background:url(../images/hdr_2.jpg) top center no-repeat }
.hdr-contact { background:url(../images/hdr_3.jpg) top center no-repeat }
.hdr-faq { background:url(../images/hdr_5.jpg) top center no-repeat }
.hdr-how-we-work { background:url(../images/hdr_5.jpg) top center no-repeat }
.hdr-portfolio { background:url(../images/hdr_4.jpg) top center no-repeat }
.hdr-magento { background:url(../images/hdr_magento.jpg) top center no-repeat }

.hdr-portfolio-cybasumo { background:url(../images/hdr_cybasumo.jpg) top center no-repeat }
.hdr-portfolio-debo { background:url(../images/hdr_Debo.jpg) top center no-repeat }
.hdr-portfolio-fessebook { background:url(../images/hdr_Fessebook.jpg) top center no-repeat }
.hdr-portfolio-vector-fessebook { background:url(../images/hdr_Fessebook.jpg) top center no-repeat }
.hdr-portfolio-hungryandlazy { background:url(../images/hdr_HungryLazy.jpg) top center no-repeat }
.hdr-portfolio-keepem { background:url(../images/hdr_KeepEm4Life.jpg) top center no-repeat }
.hdr-portfolio-youseeme { background:url(../images/hdr_YouSeeMe.jpg) top center no-repeat }
.hdr-portfolio-todaycomponents { background:url(../images/hdr_TodayComponents.jpg) top center no-repeat }
.hdr-portfolio-ichica { background:url(../images/hdr_iChica.jpg) top center no-repeat }
.hdr-portfolio-maybelfire { background:url(../images/hdr_maybelfire.jpg) top center no-repeat }
.hdr-portfolio-bookthatvibe { background:url(../images/hdr_bookthatvibe.jpg) top center no-repeat }
.hdr-portfolio-spartacus { background:url(../images/hdr_spartacus.jpg) top center no-repeat }
.hdr-portfolio-adultwholesaledirect { background:url(../images/hdr_adultwholesaledirect.jpg) top center no-repeat }
.hdr-portfolio-musicus { background:url(../images/hdr_musicus.jpg) top center no-repeat }
.hdr-portfolio-clivir { background:url(../images/hdr_clivir.jpg) top center no-repeat }
.hdr-portfolio-fuseboxgifts { background:url(../images/hdr_fuseboxgifts.jpg) top center no-repeat }
.hdr-portfolio-collugo { background:url(../images/hdr_collugo.jpg) top center no-repeat }

div#page { padding-bottom:10px }
div.page-left { float:left }
div.page-right { float:right }
.page-left, .page-right { width:480px }
div.page-element { padding:24px 30px 30px 30px; clear:both }
div.page-element-slideshow { padding:20px; overflow:hidden; margin-bottom:20px }
html>/**/body div.page-element-slideshow { background:url(../Fill20.png) }
div.page-element-slideshow img { padding:10px }
html>/**/body div.page-element-slideshow img { background:url(../FillW50.png) }

.element-clear { padding-top:0 !important }

ol.page-element-nav { font:normal 25px Arial; letter-spacing:-2px; padding-bottom:20px }
ol.page-element-nav li { margin-bottom:10px; overflow:hidden }
ol.page-element-nav li span { width:100%; float:left; color:#FFFFFF; overflow:hidden }
html>/**/body ol.page-element-nav li span { background:url(../FillB20.png) }
ol.page-element-nav li span strong { font-weight:normal; display:block; margin:8px 12px 8px 30px }
ol.page-element-nav li a { width:90%; float:left; color:#555555; text-decoration:none; background:#000000; opacity:.2; overflow:hidden }
ol.page-element-nav li a:hover { width:100%; color:#FFFFFF; opacity:.2; }
ol.page-element-nav li a strong { font-weight:normal; display:block; margin:8px 12px 8px 30px }

ul.page-element-nav { font:normal 25px Arial; letter-spacing:-2px; overflow:hidden }
ul.page-element-nav li { float:left; width:310px; overflow:hidden }
ul.page-element-nav li span { width:100%; float:left; color:#FFFFFF; overflow:hidden }
html>/**/body ul.page-element-nav li span { background:url(../FillB40.png) }
ul.page-element-nav li span strong { font-weight:normal; display:block; margin:8px 12px 8px 30px }
ul.page-element-nav li a { float:left; width:100%; color:#555555; text-decoration:none; background:#000000; opacity:.2; overflow:hidden }
ul.page-element-nav li a:hover { color:#FFFFFF; opacity:.2; }
ul.page-element-nav li a strong { font-weight:normal; display:block; margin:8px 12px 8px 30px }

div#ftr { clear:both; width:960px; color:#666666; margin-bottom:30px; border-top:1px solid #555555; overflow:hidden; opacity:.25 }
div#ftr strong { float:left; font-weight:normal; margin:30px }
div#ftr div { width:450px; padding:21px 30px 0 0; border-top:9px solid #555555; float:right; text-align:right }
div#ftr span { padding:0 6px }
div#ftr a { color:#FFFFFF }
div#ftr a:hover { text-decoration:none }

div.element-black { overflow:hidden; margin-bottom:20px }
html>/**/body div.element-black { background:url(../Fill20.png) }

div.separator-black { width:960px; overflow:hidden; margin-bottom:10px }
html>/**/body div.separator-black { background:url(../FillB40.png) }

html>/**/body div.element-work p { background:url(../Fill35.png) }

div.work { overflow:hidden }
div.work div { width:300px; float:left; margin-right:20px }