/* style.css */

a {color:#9E9E5E;text-decoration:none}
a:hover {color:#FEFBA5}
body {background:#342C19 url('../images/bg_bodies.gif');color:#B5AC9B;font-family:Arial,Helvetica,sans-serif;font-size:12px}
big {font-size:14px;font-weight:bold;text-transform:uppercase}
blockquote {font-family:Georgia;font-size:13px;line-height:150%}
h1 {color:#FFF;font-size:48px;letter-spacing:-2px;line-height:100%;margin:0;text-transform:uppercase}
h2 {color:#FFF;font-size:18px;line-height:normal;margin:12px 0;text-transform:uppercase}
h3 {color:#FFF;font-size:24px;margin:16px 0}
h4 {color:#FFF;font-size:14px;margin:0 0 6px 0;text-shadow:#000 0 -1px}
h5 {color:#FFF;font-size:14px;margin:10px 0}
h6 {font-size:10px;font-weight:normal;margin:0 0 4px 0;padding:0;text-transform:uppercase}
i {font-family:Georgia}
input, select, option, textarea {font-family:Arial,Helvetica,sans-serif;font-size:12px !important;padding:2px}
input[type="file"] {background:none !important;color:#AAA;font-family:Arial;font-size:12px !important}
legend {color:#FFF;font-size:18px;font-weight:bold;padding:12px 0 24px 0;text-shadow:#000 0 -1px}
p {margin:12px 0}
small {font-size:11px;font-weight:normal;line-height:140% !important}
strong {color:#F3F1DC}


/* FORM */
form label {text-align:right !important}
form label.error {color:#CF7272;display:inline-block;font-size:11px;line-height:140% !important;padding:4px 0 0 2px;text-align:left;vertical-align:top}
form input.error, form textarea.error {background:#FFF url('../images/icon_exclam.png') top right no-repeat !important}
form span {padding:1px 0}


/* ALIGNMENT */
.left {float:left}
.right {float:right}

.alignleft {float:left;margin:0 12px 0 0}
.alignright {float:right;margin:0 0 0 12px}

.align_left {text-align:left}
.align_center {text-align:center}
.align_right {text-align:right}

.btn {margin:0 auto}
.btn span {visibility:hidden}


/* BUTTONS */
ul.buttons {display:inline}
ul.buttons li {display:block;float:left;margin-right:4px}

.learnmore {}
.learnmore a {background:url('../images/buttons.png') top left no-repeat;background-position:0 -62px;color:#FFF;display:block;width:120px;height:31px}
.learnmore a span {visibility:hidden}
.learnmore a:hover {background-position:0 -93px}

.ordernow {}
.ordernow a {background:url('../images/buttons.png') top left no-repeat;color:#FFF;display:block;width:120px;height:31px}
.ordernow a span {visibility:hidden}
.ordernow a:hover {background-position:0 -31px}


/* HEADER */
#wrapper {background:url('../images/bg_wrapper.png') top left repeat-x}
#header {background:url('../images/bg_header.png') bottom center no-repeat;margin:0 auto;padding:32px 0 8px 0;width:940px}

#header .left {width:260px}

#header .right {padding:0;width:650px}
#header .right p {font-size:11px;margin:0 0 16px 0;padding:0}
#header .right p a:hover {color:#FFF}
#header .right p b {color:#4D4737;font-weight:normal;margin:0 8px}

#header ul#menu {float:right;list-style:none;margin:12px 0 0 0;padding:0}
#header ul#menu li {display:block;float:left;font-size:14px;font-weight:bold;margin:0 0 0 8px;padding:0 0 0 6px;text-transform:uppercase}
#header ul#menu li a {color:#FFF;display:block;float:left;padding:0 6px 0 0;text-align:center}
#header ul#menu li a:hover {color:#FEFBA5 !important}
#header ul#menu li a b {display:block;height:24px;padding:6px 8px 0 8px}
#header ul#menu li.active {background:url('../images/bg_menu_left.png') top left no-repeat}
#header ul#menu li.active a {background:url('../images/bg_menu_right.png') top right no-repeat;color:#FFF!important}
#header ul#menu li.active a b {background:url('../images/bg_menu_item.png') top left repeat-x}


/* SPLASH */
#splash {background:url('../images/bg_separator.png') bottom center no-repeat;line-height:0;padding:12px 0}
#splash h4 {color:#EAA;font-family:Georgia;font-style:italic;font-weight:normal;line-height:160%;margin:24px 0 0 0;text-shadow:#000 0 -1px}

#splash #spot {padding:12px 0}
#splash #spot h4 {margin:8px 0 16px 0}

#splash ul#slide {margin:8px 0}
#splash ul#slide li a {display:block}
#splash ul#slide li img {background:url('../images/bg_overlay.png');padding:8px}

#splash ul#slide_navi {display:block;margin:0 auto;width:192px}
#splash ul#slide_navi li a {background:url('../images/icon_small.png') no-repeat;background-position:0 -256px;display:block;float:left;margin:0 2px;width:16px;height:16px}
#splash ul#slide_navi li a span {visibility:hidden}
#splash ul#slide_navi li a.activeSlide {background-position:0 -272px}

#splash #slide_nav {margin:0 auto 16px 8px;position:absolute;z-index:100;bottom:0;height:32px;width:620px}
#splash #slide_nav a {background:#DDD;color:#444;display:block;float:left;line-height:100%;margin:4px 0 4px 4px;padding:6px 12px;text-shadow:#FFF 0 1px}
#splash #slide_nav a.activeSlide {color:#777}


/* CONTENT */
#content {padding:0 0 32px 0}

#content .column {margin-bottom:16px}
#content .section {background:url('../images/bg_content.png') top center no-repeat;line-height:150%;margin:0;padding:16px 0}
#content .wait {background:url('../images/loader.gif') center center no-repeat !important}

/* INDEX */
#content #index {background:url('../images/bg_separator.png') bottom center no-repeat}
#content #index .intro {line-height:170%}

#content ul.reason li {background:url('../images/bg_overlay.png');line-height:160%;margin:0 0 4px 0;padding:8px}
#content ul.reason li h4 {font-family:Georgia;font-size:16px;font-weight:normal;font-style:italic;margin:0 0 4px 0}
#content ul.reason li p {margin:0}
#content ul.reason li div{display:block;padding:0 0 0 50px}
#content ul.reason li .fast {background:url('../images/icon_fast.png') top left no-repeat}
#content ul.reason li .revs {background:url('../images/icon_revs.png') top left no-repeat}
#content ul.reason li .easy {background:url('../images/icon_easy.png') top left no-repeat}

/* PORTFOLIO */
#content .image-wrapper {background:url('../images/bg_overlay.png');display:block;line-height:0%;padding:4px;text-align:center}
#content .loader {background:url('../images/loader.gif') center center no-repeat;width:620px;height:480px;position:absolute !important}

#content #caption {clear:both;padding:12px 0}
#content #caption p {margin:0}

#content ul.thumbs {margin:0 0 12px 0}
#content ul.thumbs li {display:block;float:left;line-height:0;margin:0 1px 1px 0}
#content ul.thumbs li img {border:2px solid #AAA}
#content ul.thumbs li img:hover, #content ul.thumbs li.selected img {border:2px solid #FFF}
#content ul.thumbs li .caption h4 {font-size:18px;margin:0}

#content #recent_shot img {background:url('../images/bg_recent.png') top center no-repeat;padding:20px 20px 30px 20px;text-align:center}

/* TWITTER */
#content #twitter {background:url('../images/bg_twitter.png') top center no-repeat;padding:4px 12px;height:120px}
#content #twitter ul {}
#content #twitter ul li {padding:4px 0}

#content .desc {font-size:12px;line-height:160%;margin:16px 0 0 0}

/* PACKAGES */
#content ol#pack li {background:url('../images/bg_pack.png') top center no-repeat;display:block;float:left;margin:0 2px;padding:20px;width:190px}
#content ol#pack ul li {background:url('../images/icon_small.png') no-repeat;background-position:0 -188px;border-bottom:1px solid #EEF1E7;color:#626237;font-size:11px;margin:0;
padding:2px 0 2px 20px;width:168px}
#content ol#pack li.best {background:url('../images/bg_pack_best.png') top center no-repeat}
#content ol#pack h3 {color:#9E9E61;margin:0 0 16px 0;text-align:center}
#content ol#pack h3 a {color:#9E9E61}
#content ol#pack h3 a:hover, #content ol#pack h5 a:hover {color:#660}
#content ol#pack h5 {color:#880;display:block;font-size:20px;line-height:100%;padding:4px 0 0 0;text-align:center}
#content ol#pack h5 a {color:#880}
#content ol#pack p {text-align:center}

/* GET STARTED */
#content #start h2 {text-align:center}
#content #start h4 {font-size:12px;margin:16px 0 0 0 !important}
#content #start ul#step {margin:0;padding:0}
#content #start ul#step li {border-bottom:1px dashed #4D4737;display:block;float:left;line-height:150%;padding:8px 0}
#content #start ul#step li h5 {color:#FFF;text-transform:uppercase}
#content #start ul#step li p {margin:8px 0}
#content #start ul#step li .grid_1 {text-align:center}
#content #start .spacer {padding:16px 0}
#content #start .spacer p.ordernow {margin:12px auto;width:120px}

/* ABOUT */
#content #about blockquote {border-top:2px solid #4D4737;border-bottom:2px solid #4D4737;font-size:15px;line-height:170%}
#content #about .section {line-height:180% !important;padding:24px 0}

/* TOS */
#content ul#tos li ol {list-style-type:decimal;margin:12px 0 12px 24px}
#content ul#tos li ol li {margin:0 0 12px 0}
#content ul#tos li ol li ol {list-style-type:lower-roman}
#content ul#tos li ol li ol li {margin:0}

#content ul#tos li .grid_2 {text-align:right}

#content #result {margin:0 0 24px 0}
#content #result p {margin:0}
#content #result .notify {background:#FFF6BF;color:#514721;border:2px solid #FFD324;padding:4px 8px}
#content #loader {background:url('../images/loader_small.gif') center left no-repeat;display:block;padding:8px 8px 8px 24px;position:absolute;right:0;display:none}

#content .notice {background:url('../images/bg_notice.png') top center no-repeat;color:#4E453C;height:300px;padding:32px 16px 0 16px;text-shadow:#FFF 0 1px}
#content .notice a {color:#9E9E5E}
#content .notice a:hover {text-decoration:underline}


/* SIDEBAR */
.sidebar {font-size:11px;line-height:150%}
.sidebar blockquote {background:url('../images/bg_blockquote.png') top left no-repeat;padding-left:48px}
.sidebar h4 {font-size:12px;margin:16px 0 8px 0}
.sidebar strong {color:#F3F1EC !important}


/* FOOTER */
#footer_container {background:url('../images/bg_overlay.png');border-top:1px solid #231F16;padding:16px 0 32px 0;text-shadow:#000 0 -1px}
#footer {color:#999;line-height:150%}
#footer a {color:#999}
#footer a:hover {color:#FEFBA5}
#footer b {color:#444;font-weight:normal;margin:0 8px}
#footer h5 {margin:0;text-transform:uppercase}
#footer ul > li > ul {margin:10px 0 0 0}
#footer ul > li > ul > li {margin:2px 0}

#footer ul#payment {float:right}
#footer ul#payment li {display:block;float:left}
#footer ul#payment li a {background:url('../images/icon_payment.png') no-repeat;display:block;float:left;height:24px;margin:0 0 0 4px;width:48px}
#footer ul#payment li a.pp {background-position:0 0}
#footer ul#payment li a.mb {background-position:0 -24px}
#footer ul#payment li a.ap {background-position:0 -48px}
#footer ul#payment li a.vi {background-position:0 -72px}
#footer ul#payment li a.mc {background-position:0 -96px}
#footer ul#payment li a span {visibility:hidden}

#footer ul#seen li a {background:url('../images/banner_seen.png') no-repeat;display:block;width:90px;height:30px}
#footer ul#seen li a span {visibility:hidden}
#footer ul#seen li a.ds {background-position:0 0}
#footer ul#seen li a.ds:hover {background-position:0 -30px}
#footer ul#seen li a.cs {background-position:0 -60px}
#footer ul#seen li a.cs:hover {background-position:0 -90px}

#footer ul#social a {background:url('../images/icon_small.png') no-repeat;display:block;height:16px;line-height:140%;padding:0 0 0 24px}
#footer ul#social a.fb {background-position:0 -288px}
#footer ul#social a.fb:hover {background-position:0 -304px}
#footer ul#social a.tw {background-position:0 -320px}
#footer ul#social a.tw:hover {background-position:0 -336px}
#footer ul#social li {display:block;margin:2px 0 4px 0}

#footer #info {padding:0 0 24px 0}

#footer #copyright {font-size:11px}
#footer #copyright p {margin:0}
#footer #copyright ul {display:block;float:right}
#footer #copyright ul li {display:block;float:left;margin:0 0 0 16px}


/* UL STYLING */
ul.spread li {border-bottom:1px solid #453C29;padding:4px 0 !important}
ul.tick li {background:url('../images/icon_small.png') no-repeat;background-position:0 -186px;font-family:Georgia;font-size:13px;padding:4px 0 4px 20px !important}
ul.kind {margin:0 0 10px 0}
ul.kind li {background:url('../images/icon_bullet.png') center left no-repeat;padding:0 0 0 20px}
ul.category li {background:url('../images/icon_arrow.png') center left no-repeat;border-bottom:1px solid #333;padding:4px 0 4px 20px}


/* ICON */
.icon {background:url('../images/icon_small.png') no-repeat;padding:0 0 2px 24px}
.icon.clie {background-position:0 0}
.icon.clie:hover {background-position:0 -16px}
.icon.blog {background-position:0 -32px}
.icon.blog:hover {background-position:0 -48px}
.icon.twit {background-position:0 -64px}
.icon.twit:hover {background-position:0 -80px}
.icon.mark {background-position:0 -112px}
.icon.cale {background-position:0 -96px}
.icon.http {background-position:0 -128px}
.icon.task {background-position:0 -160px}


.role {background:url('../images/icon_star.png') center left no-repeat;border-bottom:1px solid #111;display:block;padding:2px 0 4px 20px}


/* FAKE BUTTON */
a.drop {background:url('../images/btn_drop.png') top center no-repeat;display:block;width:160px;height:117px}
a.drop:hover {background-position:0 -117px}
a.order {background:url('../images/btn_order.png') top center no-repeat;display:block;margin:0 auto;height:30px;width:133px}
a.order:hover {background-position:0 -31px}

a.button {background:url('../images/buttons.png');display:block;width:120px;height:31px}
a.button span {visibility:hidden}
a.button.port {background-position:0 -124px}
a.button.port:hover {background-position:0 -155px}

/* FORM ORDER */
#form_order ol {background:url('../images/bg_overlay.png');display:block;margin:0 0 12px 0;padding:24px 32px}
#form_order ol li em {display:block}
#form_order ol li .label {display:block;float:left;text-align:right;padding:6px 0;width:200px}
#form_order ol li .field {display:block;float:right;text-align:left;padding:4px 0;width:640px}
#form_order ol li .field input, #form_order ol li .field textarea {background:#FFF;border:0;padding:4px}
#form_order ol li .field.checkbox label.error {background:url('../images/icon_exclam.png') center left no-repeat;display:block;float:right;line-height:160% !important;padding:2px 0 0 20px;text-align:left !important;width:400px}

#form_order ol li #send {background:url('../images/buttons.png') no-repeat;background-position:0 -186px;color:#FFF;cursor:pointer;font-weight:bold;padding:0 10px 0 0;
text-align:center;text-shadow:#000 0 1px;height:31px;width:120px}
#form_order ol li #send:hover {background-position:0 -217px}

#form_order ol li #total {background:url('../images/bg_summary.png') top right no-repeat;font-size:16px;font-weight:bold;line-height:160%;padding:16px 24px 20px 16px;
text-shadow:#FFF 0 1px;width:250px}
#form_order ol li #total .col_1 {border-bottom:1px solid #E5E3CF;float:left;font-weight:normal;width:120px}
#form_order ol li #total .col_2 {border-bottom:1px solid #E5E3CF;color:#695A42;float:right;width:120px}

#form_order ol li .payment div {background:url('../images/icon_payment.png') no-repeat;display:block;float:left;width:100px;height:24px}
#form_order ol li .payment label {visibility:hidden}
#form_order ol li .payment input {}
#form_order ol li .payment .pp {background-position:32px 0}
#form_order ol li .payment .mb {background-position:32px -24px}
#form_order ol li .payment .ap {background-position:32px -48px}

/* FORM CONTACT */
#form_contact ol {}
#form_contact ol li.spacer {padding:0 0 12px 0}
#form_contact ol li .label {display:block;float:left;line-height:140%;padding:8px 0 4px 0;text-align:right;width:140px}
#form_contact ol li .field {display:block;float:right;text-align:left;padding:4px 0;width:460px}
#form_contact ol li .field input, #form_contact ol li .field textarea {background:#FFF;border:none;padding:4px}
#form_contact ol li #send {background:url('../images/buttons.png') no-repeat;background-position:0 -186px;color:#FFF;cursor:pointer;font-weight:bold;padding:0 10px 0 0;
text-align:center;text-shadow:#000 0 1px;height:31px;width:120px}
#form_contact ol li #sesnd:hover {background-position:0 -217px}