@charset "UTF-8";

body { margin: 0; padding: 0; border: 0; background: #2d2f35 url(../_images/rainbowLG.jpg) center 72px no-repeat; }

a img { border: 0; }

/* Navigation */

#topStripe { width: 100%; height: 72px; background: url(../_images/stripeBG.jpg) top left repeat-x; }

#mainNav { width: 800px; height: 72px; margin: 0 auto; }

#mainNav ul { margin: 0; padding: 0; list-style-type: none; float: right; }

#mainNav ul li { display: block; float: left; height: 30px; padding: 10px 20px 0 20px; border-right: 1px solid #999; color: #eee; font: bold 14px Helvetica, Arial, sans-serif;}

#mainNav ul li a { color: #999; text-decoration: none; }

#mainNav ul li a:hover { color: #fff; }

#mainNav ul li a span, #mainNav ul li span { font-size: 11px; font-weight: normal; }

#mainNav h1 {display: block; margin: 4px 0 0 50px; width: 170px; height: 55px; text-indent: -9999px; overflow: none; background:url(../_images/pixelmagic_logo.gif); float: left; }

/* Home Banner */

#bannerLG { width: 860px; height: 350px; margin: 0 auto; background: url(../_images/browsers.png) top right no-repeat; }

#bannerLG h2 { position: relative; top: 85px; width: 315px; height: 85px; display: block; margin: 0 0 0 45px; padding: 0; text-indent: -9999px; overflow: none; background:url(../_images/banner_type.png); }

#bannerLG p { color: #eee; font: 20px 'Arial Narrow', Arial, Helvetica, sans-serif; margin: 89px 0 0 48px; line-height: 1.4em; }

/* Content Wrap Home */

#contentHome { width: 800px; margin: -50px auto 0 auto; padding: 0; border-bottom: 1px solid #474a51; }

/* Home Page Content */

#leftColHome { width: 530px; float: left; }

#leftColHome h3 { font: 30px 'Trebuchet MS', Helvetica, sans-serif; color: #cded36; margin: 0 0 10px 0; padding: 8px 0 0 0; }

#leftColHome p { font: 13px Verdana, Arial, Helvetica, sans-serif; color: #eee; padding: 0 20px 1em 0; margin: 0; text-align: justify; line-height: 1.7em; }

#rightColHome { width: 268px; height: 302px; float: right; border-left: 1px solid #474a51; margin-top: 55px; text-align: center; }

#rightColHome img { margin: 0; display: block; padding: 0; }

#rightColHome h4 { color: #99ccff; font: 18px 'Trebuchet MS', Helvetica, sans-serif; margin: 0; padding: .25em 0 15px 15px; margin: 0; text-align: left; }

/* Home Page 3-Boxes */

#trioBoxes { width: 800px; height: 220px; margin: 10px auto; padding-bottom: 60px; }

#trioBoxLeft { width: 266px; height: 220px; border-top: 1px solid #474a51; float: left; background: url(../_images/1.gif) 50% center no-repeat; }

#trioBoxMiddle { width: 266px; height: 220px; border-top: 1px solid #474a51; border-right: 1px solid #474a51; border-left: 1px solid #474a51; float: left; background: url(../_images/2.gif) 50% center no-repeat; }

#trioBoxRight { width: 266px; height: 220px; border-top: 1px solid #474a51; float: left; background: url(../_images/3.gif) 50% center no-repeat; }

#trioBoxes h4 { font: 30px 'Trebuchet MS', Helvetica, sans-serif; color: #cded36; margin: 0 0 10px 0; padding: 0 0 0 0; }

#trioBoxes h5 { font: 14px 'Trebuchet MS', Helvetica, sans-serif; color: #99ccff; margin: 0; padding: 5px 0 0 20px ; }

#trioBoxes p { font: 11px Verdana, Arial, Helvetica, sans-serif; text-align: justify; color: #ccc; margin: 10px 20px; line-height: 1.6em; }

/* Content  Inner */

#content { width: 800px; min-height: 600px; margin: 140px auto 60px auto; padding: 0; }

#rightCol { width: 530px; float: right; }

#rightCol a, #leftColHome a, #portfolio a { color: #99ccff; }

#rightCol a:hover, #leftColHome a:hover, #portfolio a:hover { color: #cded36; }

#rightCol h3, h3.right { font: 30px 'Trebuchet MS', Helvetica, sans-serif; color: #cded36; margin: 0 0 10px 0; padding: 8px 0 0 0; text-align: right; }

#rightCol h4.price { font: 18px 'Trebuchet MS', Helvetica, sans-serif; text-align: left; color: #99ccff; margin: 0 0 .5em 20px; padding: 15px 0 0 0; }

#rightCol p, #portfolio p { font: 13px Verdana, Arial, Helvetica, sans-serif; color: #eee; padding: 0 0 1em 20px; margin: 0; text-align: justify; line-height: 1.7em; }

#leftCol { width: 266px; float: left; border-right: 1px solid #474a51; margin-top: 55px; text-align: center; }

#leftCol img { margin: 0; padding: 0 0 15px 0; }

#leftCol h4 { color: #99ccff; font: 18px 'Trebuchet MS', Helvetica, sans-serif; margin: 0; padding: .25em 0 15px 15px; margin: 0; text-align: left;  border-top: 1px solid #474a51; }

#leftCol p { color: #999; font: 15px Helvetica, Arial, sans-serif; text-align: left; margin: 0 20px; }

#leftCol p span { font-size: 16px; color: #eee; }

#special { width: 490px; margin: 20px 0 20px 20px; background-color: #414141; padding: 0 10px 20px 10px; border: 1px solid #474a51; }

#priceTag { width: 100px; height: 50px; float: right; margin: -17px 75px 0 0; display: inline; position: relative; zoom: 1; }

/* Portfolio */

#portfolio { margin: 0 auto; padding: 0; text-align: center; }

.work { width: 380px; float: left; margin: 20px 0 20px 13px; text-align: center; background-color: #474a51; padding: 10px 0; }

.work img { border: 3px solid #999; margin: 0 auto; text-align: center; padding: 0; }

h6{ font: bold 16px 'Trebuchet MS', Helvetica, sans-serif; color: #99ccff; text-align: center; padding: 0; margin: 5px 0; }

.work p { padding: 0; margin: 0; color: #33FF00; }

.work a { color: #999; }

.work a:hover { color: #ececec; }

.enlarge { background: url(../_images/icon_enlarge.gif) left 50% no-repeat; padding: 5px 40px 5px 25px; color:#999; line-height: 20px; margin: 0; font: 13px Verdana, Arial, Helvetica, sans-serif; }

.visit { background: url(../_images/icon_visit.gif) left 50% no-repeat; padding: 5px 0 5px 25px; color:#999; line-height: 20px; margin: 0; font: 13px Verdana, Arial, Helvetica, sans-serif; }

.dev { background: url(../_images/icon_dev.gif) left 50% no-repeat; padding: 5px 0 5px 25px; color:#999; line-height: 20px; margin: 0; font: 13px Verdana, Arial, Helvetica, sans-serif; }



/* Services List */

ul.services  { margin: 0 0 0 20px; padding: 0; list-style-type: none; }

ul.services li  { text-align: left; color: #999; font: 13px Verdana, Arial, Helvetica, sans-serif; padding: .5em 0 .5em 25px; background:url(../_images/icon_check.gif) left 50% no-repeat; }

/* Price Lists */

ul.priceLeft { margin: 0 0 0 20px; padding: 0; list-style-type: none; float: left; }

ul.priceRight { margin: 0 0 0 20px; padding: 0; list-style-type: none; float: right; }

ul.priceLeft li, ul.priceRight li { text-align: left; color: #999; font: 13px Verdana, Arial, Helvetica, sans-serif; padding: .5em 0 .5em 25px; background:url(../_images/icon_check.gif) left 50% no-repeat; }


/* Footer */

#footerStripe { width: 100%; border-top: 2px solid #474a51; background-color:#272727; }

#footer { width: 800px; margin: 0 auto; }

#footer p { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #474a51; margin: 0; padding: 2em 0; text-align: center; }

/* Contact Form */

fieldset { width: 470px; border: 1px solid #474a51; margin: 0 0 0 20px; padding: 20px 0 20px 40px; font: 13px Verdana, Arial, Helvetica, sans-serif; color: #ccc; display: inline; }

fieldset input { margin: 0; padding: 0; line-height: 1.5em; }


/* Classes */

.clear { clear: both; }