/* CSS Document */

html{ margin:0; padding:0; }
body{ background:#eae3bc; font-size:62.5%;  font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; position:relative; }

h1{ color:#f8dbb1; font-size:1.8em; }
h2{ color:#f8dbb1; }
h3{ color:#f8dbb1; }
p{ font-size:1.2em; line-height:1.4; font-family:Verdana, Arial, Helvetica, sans-serif; color:#302517; margin:0; padding:0; }

a{ text-decoration:none; border:none; color:#302517; outline: none; }
a:hover{ text-decoration:underline; }
a.button{ background:#29231b; border:#0e0a06 solid 1px; padding:3px 5px; color:#f8dbb1 !important; }
a.button:hover{ background:#c83413; border:#612a0d solid 1px; text-decoration:none; }

a img{ border:none; }

.right{ float:right; margin-left:10px; }
.left{ float:left; margin-right:10px; }
.clear-both{ clear:both; }
.hidden{ visibility:hidden; display:none; }

.red{ color:#e63e12; }

#wrapper{ background:#f1e7c1 url(images/bg.jpg) top center no-repeat; margin:0 auto; padding:0; height:838px; position:relative; }
#wrapper2{ background:url(images/header.jpg) top center no-repeat; width:790px; margin:0 auto; padding:0; position:relative; }

#contact-panel{ height:330px; width:100%; background:url(images/contact_bg_tile.jpg) repeat-x top center; margin:0; padding:0; position:relative; }
#contact-panel-inner{ height:330px; background:url(images/contact_bg.jpg) no-repeat top center; margin:0; padding:0; }
#contact-panel-wrapper{ width:790px; height:310px; margin:0 auto; padding:20px 0 0; }
#contact-form{ width:790px; margin:0 auto; padding:0; position:relative; }
#contact-submit{ background:url(images/contact-button.jpg) no-repeat; width:255px; height:50px; padding:10px; border:none; color:#FFF; font-weight:bold; font-size:1.3em; position:absolute; top:215px; right:139px; cursor:pointer; }
#contact-submit:hover{ background-position:-255px 0; }
#contact-panel p.success{ background:#009933; color:#FFF; padding:10px; border:#009900 1px solid; width:300px; }
#contact-panel p.loading{ background:#009933; color:#FFF; padding:10px; border:#009900 1px solid; width:300px; }
#contact-panel p.error{ background:#CC3300; color:#FFF; padding:10px; border:#FFF 1px solid; width:300px; }
#contact-close{ position:absolute; top:10px; right:10px; color:#FFF; }
label{ color:#FFF; }
label.error { background:#CC3300; color:#FFF; padding:5px; border:#FFF 1px solid; float:none; vertical-align:top; z-index:10; }

.arrow-r, .arrow-l{ position:absolute; top:165px; width:44px; height:33px; z-index:10; }
.arrow-r:hover, .arrow-l:hover{ background-position:-44px 0; }
.arrow-l{ left:0; background:url(images/arrow-l.gif); }
.arrow-r{ right:0; background:url(images/arrow-r.gif); }

#header{ width:790px; height:220px; padding:0; margin:0 auto; position:relative; }
a#contactus{ background:url(images/contactus.jpg) no-repeat; width:200px; height:65px; margin:0; padding:0; position:absolute; top:0; right:0; }
a#contactus:hover{ background-position:-200px 0; }

#panel-bot{ width:790px; height:35px; padding:10px 0 0; text-align:center; background:url(images/panel-bot.png) top center no-repeat; z-index:10; position:absolute; color:#f8dbb1; top:770px; left:0; }
#footer-hang{ width:790px; height:100px; padding:33px 0 0; text-align:center; background:url(images/footer-hang.jpg) top center no-repeat; z-index:10; position:absolute; line-height:2.4; color:#faeddc; top:804px; left:0; }
#valid-html{ position:absolute; top:83px; left:284px; width:88px; height:24px; margin:0; padding:0; }
#valid-css{ position:absolute; top:83px; right:278px; width:88px; height:24px; margin:0; padding:0; }
#footer{ width:100%; height:240px; background:#272119 url(images/footer-tile.jpg) top center repeat-x; padding:0; margin:0; }
#footer-inner{ width:100%; height:100px; padding-top:90px; background:url(images/footerbg.jpg) top center no-repeat; }
#footer p{ width:680px; margin:0 auto; color:#faeddc; }
#footer a{ color:#faeddc; }
#footer-col1, #footer-col2, #footer-col3, #footer-col4{ width:145px; height:150px; float:left; padding:0 10px; }
#footer-col1{ border-right:#7c6e59 solid 1px; }
#footer-col2{ border-right:#7c6e59 solid 1px; }
#footer-col3{ border-right:#7c6e59 solid 1px; }

.main-heading{ width:790px; height:60px; color:#f8dbb1; padding:0; margin:-20px 0 0; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:1.5em; border:none; position:relative; }
.main-heading a{ display:block; width:100%; height:100%; }
.panel{ margin:-5px auto 0; padding:0; width:790px; height:415px; position:relative; }

.scrollcont{ width:740px; height:100%; padding:0; margin:0 auto; position:relative; }

.hpfxScroll{ width:740px; height:100%; padding:0; margin:0; }
.scroll1, .scroll2{  width:740px; height:100%; position:absolute; top:0; padding:0; margin:0; }
.scroll1{ left:0; }
.scroll2{ left:740px; }

.heading1 a{ background:url(images/heading1.png) no-repeat top left; }
.heading2 a{ background:url(images/heading2.png) no-repeat top left; }
.heading3 a{ background:url(images/heading3.png) no-repeat top left; }
.heading4 a{ background:url(images/heading4.png) no-repeat top left; }
.heading1 a:hover, .heading2 a:hover, .heading3 a:hover, .heading4 a:hover{ background-position:-790px 0; }

.panel1{ background:url(images/panel1.jpg) no-repeat top center; }
.panel2{ background:url(images/panel2.jpg) no-repeat top center; }
.panel3{ background:url(images/panel3.jpg) no-repeat top center; }
.panel4{ background:url(images/panel4.jpg) no-repeat top center; }

/* Panel 1 */
.panel1 .inner{ width:350px; height:360px; background:url(images/panel1-inner.jpg); position:absolute; top:20px; left:20px; }
.panel1 h3{ color:#FFF; font-size:1.6em; padding:0; margin:0; }
.panel1 h4{ font-size:1.3em; font-weight:bold; margin:0; padding:0; line-height:1.6; }
.panel1 p{ line-height:1.6; color:#302517; padding:0 20px; }
#intro1{  }
#intro2{  }
#promo1{ padding-top:5px; }
#promo2{ padding-top:5px; margin-top:10px; }
#promo1 p, #promo2 p{ width:210px; position:relative; padding:0; margin-left:100px; }

/* Panel 2 */
.panel2 .portrow1{ width:705px; height:170px; position:absolute; top:20px; left:20px; margin:0; padding:0; }
.panel2 .portrow2{ width:705px; height:170px; position:absolute; top:210px; left:20px; margin:0; padding:0; }
a.port-thumb{ margin:0; padding:0; display:block; float:left; }

/* Panel 3 */
.panel3 p{ color:#faeddc; }
.panel3 a{ color:#faeddc; }
p.poster1{ width:300px; height:250px; position:absolute; top:20px; left:20px; padding:90px 20px 20px; background:url(images/poster-web.jpg); }
p.poster2{ width:300px; height:95px; position:absolute; top:20px; right:20px; padding:60px 20px 20px; color:#29231b; background:url(images/poster-dev.jpg); }
p.poster3{ width:300px; height:95px; position:absolute; top:205px; right:20px; padding:60px 20px 20px; color:#29231b; background:url(images/poster-3d.jpg); }
p.poster4{ width:300px; height:280px; position:absolute; top:20px; left:20px; padding:60px 20px 20px; background:url(images/poster-hosting.jpg); }
p.poster5{ width:300px; height:95px; position:absolute; top:20px; right:20px; padding:60px 20px 20px; color:#29231b; background:url(images/poster-domains.jpg); }
p.poster6{ width:300px; height:95px; position:absolute; top:205px; right:20px; padding:60px 20px 20px; color:#29231b; background:url(images/poster-consult.jpg); }
a.flash-link{ width:190px; height:20px; position:absolute; top:345px; left:190px; /*background:red;*/ font-size:1.2em; color:#FFF; font-weight:bold; }

/* Panel 4 */
p.frame1{ width:200px; height:30px; padding:10px; position:absolute; top:310px; left:45px; }
p.frame2{ width:200px; height:30px; padding:10px; position:absolute; top:310px; left:285px; }
p.frame3{ width:200px; height:30px; padding:10px; position:absolute; top:310px; left:525px; }

/*Modal Windows*/
div.readmore{ padding:10px 20px; height:560px; margin:0; background-position:30px 30px; }
div.readmore p{ line-height:1.8; color:#302517; }
div.readmore a{ color:#842a15; }
div.readmore h1{ color:#302517; }
div.port-prev{ background:#eae3bc; padding:10px 20px; height:560px; margin:0; }
div.port-prev p{ color:#302517; }
div.port-prev a{ color:#842a15; }
div.port-prev h1{ color:#302517; }
.modal-flash{ background:#eae3bc url(images/modal-flash.jpg) no-repeat; }
.modal-web{ background:#eae3bc url(images/modal-web.jpg) no-repeat; }
.modal-3d{ background:#eae3bc url(images/modal-3d.jpg) no-repeat; }
.modal-dev{ background:#eae3bc url(images/modal-dev.jpg) no-repeat; }
p.modal-thin{ width:260px; }
div.doc{ background:#eae3bc; padding:10px 20px;  }
div.doc p{ line-height:1.8; color:#302517; }
div.doc a{ color:#842a15; }
div.doc h1{ color:#302517; }
div.doc h2{ color:#302517; }
div.doc h3{ color:#302517; }
div.doc ul{ line-height:1.8; color:#302517; font-size:1.2em; }