/* clean */

* 
	{ margin: 0; padding: 0; font-family: Tahoma, Arial, FreeSans, Helvetica, sans-serif; font-size: 1em; }
a 
	{ outline: none; color: #fff; font-weight: bold; background: transparent; }
a:hover
	{ color: #7AC67C; text-decoration: underline; }
#testimonials a:hover, 
#footer #footer_content p a:hover 
	{ color: #fff; }
strong 
	{ color: #fff; font-weight: bold; }
#submain a.stronga 
	{ color: #fff; font-weight: bold; }
#submain a.stronga:hover, #submain a:hover 
	{ color: #282E4D; }
ul,li 
	{ list-style-type: none; }

/* body */

body 
	{ background: #26464d url("images/back.png") repeat-x center top; color: #e2e2e2; }
#header 
	{ width: 990px; height: 148px; background: transparent url("images/header.png") no-repeat center top; margin: 0 auto; }
#header #logo 
	{ float: left; display: block; width: 340px; height: 65px; margin: 15px 0 0 32px; text-indent: -5000px; display: inline; }
#menu_wrapper 
	{ height: 40px; background: #000; }
ul#menu 
	{ width: 926px; margin: 0 auto; padding: 7px 0 0 0; clear: both; }
ul#menu li 
	{ float: left; }
#header a:hover, #menu_wrapper a:hover 
	{ background: transparent; }
ul#menu li a,ul#menu li a:hover 
	{ display: block; height: 27px; text-indent: -5000px; border-right: 20px solid #000; background-image: url("images/topMenu.png"); }
a#menu_home 
	{ width: 71px; background-position: 0 0; }
a#menu_order
	{ width: 70px; background-position: -71px 0; }
a#menu_showcase
	{ width: 103px; background-position: -141px 0; }
a#menu_contact
	{ width: 86px; background-position: -244px 0; }
a#menu_blog
	{ width: 63px; background-position: -330px 0; }
a#menu_home:hover 
	{ background-position: 0 -27px; }
a#menu_order:hover 
	{ background-position: -71px -27px; }
a#menu_showcase:hover 
	{ background-position: -141px -27px; }
a#menu_contact:hover 
	{ background-position: -244px -27px; }
a#menu_blog:hover 
	{ background-position: -330px -27px; }
.active a#menu_home 
	{ background-position: 0 -54px; }
.active a#menu_order 
	{ background-position: -71px -54px; }
.active a#menu_showcase 
	{ background-position: -141px -54px; }
.active a#menu_contact 
	{ background-position: -244px -54px; }
.active a#menu_blog 
	{ background-position: -330px -54px; }
#content 
	{ width: 934px; margin: 0 auto; padding: 0 30px 10px 30px; font-size: .8em; overflow: auto; clear: both; }
#main 
	{ float: left; width: 520px; padding-right: 30px; }
#main p 
	{ margin: 0 0 15px 2px; }
.new 
	{ padding: 10px; margin: 0 0 15px 2px; background: #1b3136; }
.new span 
	{ font-weight: bold; color: #6bc67c; }
.new .ja
	{ width: 100%; overflow: auto; }
.new .ja span
	{ width: 155px; display: block; float: left; margin-right: 14px; text-align: center; }
.new .ja span.last
	{ margin-right: 0; }
.new .ja span img
	{ display: block; margin-bottom: 5px; border: 2px solid #fff; }
.new .ja span a:hover img
	{ border-color: #6bc67c; }
#main .new p 
	{ margin: 0 0 10px 2px; }
#main ul 
	{ margin: 5px 0 15px 15px; }
#main ul li 
	{ background: transparent url("images/bullet.gif") no-repeat top left; padding: 0 0 0 25px; margin-bottom: 2px; line-height: 1.4em; }
#submain ul 
	{ margin: 5px 0 15px 15px; }
#submain ul li 
	{ background: transparent url("images/bullet.gif") no-repeat top left; padding: 0 0 0 25px; margin-bottom: 2px; line-height: 1.4em; }
#submain a 
	{ color: #d2c0ff; text-decoration: none; font-weight: normal; }
#main h2, #order_here h2, #examples h2 
	{ height: 27px; margin: 30px 0 10px 0; text-indent: -5000px; }
h2#xhtmlmagic 
	{ height: 39px; background: transparent url("images/xhtmlmagic_h2.png") no-repeat left top; margin-top: 18px; }
h2#you_send 
	{ background: transparent url("images/you_send_h2.png") no-repeat left top; }
h2#you_get 
	{ background: transparent url("images/what_can_you_get_h2.png") no-repeat left top; }
#submain 
	{ float: right; width: 364px; padding-bottom: 50px; }
#submain p 
	{ color: #beffcc; margin: 5px 10px 10px 10px; }
#submain h3 
	{ width: 306px; height: 29px; margin: 15px 0 10px 0; padding-left: 10px; text-indent: -5000px; }
#submain #four_hours h3, #submain #how h3 
	{ margin-top: 35px; }
#submain #customer_service h3 
	{ margin-top: 65px; }
#submain #four_hours 
	{ background: transparent url("images/four_little.png") no-repeat top left; }
#submain #money_back 
	{ background: transparent url("images/dollar_little.png") no-repeat top left; }
#submain #nda 
	{ background: transparent url("images/nda_little.png") no-repeat top left; }
#submain #four_hours h3 
	{ background: transparent url("images/four_title.png") no-repeat top left; }
#submain #money_back h3 
	{ background: transparent url("images/dollar_title.png") no-repeat top left; }
#submain #nda h3 
	{ background: transparent url("images/nda_title.png") no-repeat top left; }
#submain #four_hours, #money_back, #nda, #customer_service, #media, #how, #submain_prices, #preferred, #payment 
	{ padding: 0 0 5px 65px; }
#submain #order 
	{ width: 240px; margin: 5px 0; padding: 10px 0 5px 65px; }
#submain #order a 
	{ display: block; width: 230px; height: 68px; background: transparent url("images/order_button.png") no-repeat top left; text-indent: -5000px; }
#submain #order p 
	{ margin-top: 15px; font-size: 1.1em; line-height: 1.4em; color: #fff; }
#submain #order p strong 
	{ font-size: 1.6em; }
#submain .bookmark_us 
	{ margin: 15px 0 0 70px; }
#submain #info 
	{ width: 297px; background: #1b3136 url("images/info_background.png") no-repeat top left; margin: 5px 0 10px 65px; padding-top: 10px; font-size: .9em; line-height: 1.6em; font-weight: bold; clear: both; }
#submain #info p 
	{ margin: 10px; }
#submain #info p 
	{ width: 239px; background: #1b3136 url("images/info_background_bottom.png") no-repeat bottom left; margin: 0; padding: 10px 20px 20px 38px; line-height: 1.4em; font-weight: normal; color: #d2c0ff; }
#submain #info p strong 
	{ color: #7ac67c; }

/* order page */

#content .order_page 
	{ width: 550px; padding-right: 0; }
#order_here h2 
	{ background: transparent url("images/order_here_h2.png") no-repeat left top; }
#submain #how 
	{ background: transparent url("images/how.png") no-repeat top left; }
#submain #submain_prices 
	{ background: transparent url("images/dollar_little.png") no-repeat top left; }
#submain #preferred 
	{ background: transparent url("images/preferred.png") no-repeat top left; }
#submain #payment 
	{ background: transparent url("images/payment.png") no-repeat top left; }
#submain #how h3 
	{ background: transparent url("images/how_title.png") no-repeat top left; }
#submain #submain_prices h3 
	{ background: transparent url("images/prices_title.png") no-repeat top left; }
#submain #preferred h3 
	{ background: transparent url("images/preferred_title.png") no-repeat top left; }
#submain #payment h3 
	{ background: transparent url("images/payment_title.png") no-repeat top left; }
#link_2checkout 
	{ float: right; width: 97px; height: 149px; padding: 0; margin: 7px 0 20px 20px; background: transparent url("images/2coccs.jpg") no-repeat left top; text-indent: -5000px; }

/* order form on order page */

#main .form 
	{ float: left; width: 550px; background: #1b3136 url("images/form_box_top.gif") no-repeat center top; overflow: auto; margin: 35px 0 0 0; padding: 0; display:inline; }
.form form 
	{ width: 500px; background: transparent url("images/form_box_bottom.gif") no-repeat left bottom; overflow: auto; padding: 15px 25px 25px 25px; color: #26464d; }
.form form h2 
	{ display: none; }
#main .form form p 
	{ margin: 0; padding: 0; font-size: 1.1em; color: #fff; }
.order_page .form form .one_of_two 
	{ float: left; }
.form form a:hover 
	{ float: none; display: inline; }
label 
	{ display: block; padding: 5px 0px 3px 0px; color: #fff; }
label span 
	{ color: #fff; }
form span 
	{ color: #6c896d; }
.input 
	{ width: 225px; background: #6c896d; border: 1px solid #26464d; margin: 0px 0 5px 0px; padding: 5px 3px; font-size: 1.1em; color: #fff; }
#main .form form .first 
	{ padding-right: 33px; width: 233px; }
#case_link 
	{ width: 233px; }
#case_upload 
	{ width: 233px; }
.input_file 
	{ width: 225px; background: #6c896d; border: 1px solid #26464d; margin: 0px 0 10px 0px; padding: 5px 3px; font-size: 1.1em; color: #fff; }
#case_upload div 
	{ cursor: pointer !important; }
#case_upload div:hover 
	{ background: transparent url("images/upload_button.png") no-repeat right top !important; }
.select 
	{ width: 234px; background: #6c896d; border: 1px solid #26464d; margin: 0px 0px 10px 0px; padding: 5px 3px; font-size: 1.1em; color: #fff; }
.select option 
	{ padding: 0 5px 0 5px; font-style: normal; background: #6c896d; color: #fff; }
.select_pages 
	{ background: #6c896d; border: 1px solid #26464d; margin: 0px 0px 10px 0px; padding: 5px 3px; font-size: 1.1em; color: #fff; }
.form form textarea 
	{ width: 492px; height: 60px; background: #6c896d; border: 1px solid #26464d; margin: 0px; padding: 5px 3px; font-size: 1.1em; color: #fff; overflow: auto; }
.form_additional_textarea 
	{ clear: both; }
#main .form form p.allow_showcase 
	{ padding: 10px 0 0 0; }
.form form .allow_showcase input 
	{ vertical-align: middle; }
.form form .allow_showcase label 
	{ display: inline; padding: 0 0 0 5px; vertical-align: middle; }
.form form .allow_showcase label strong 
	{ color: #fff; }
#main .form form p.need_wordpress 
	{ padding: 10px 0 0 0; }
.form form .need_wordpress input 
	{ vertical-align: middle; }
.form form .need_wordpress label 
	{ display: inline; padding: 0 0 0 5px; vertical-align: middle; }
.form form .need_wordpress label strong 
	{ color: #fff; }
#send 
	{ display: block; width: 125px; height: 67px; background: transparent url("images/send.png") no-repeat left top; border: 0; margin: 30px 0 10px 0; padding: 0; text-indent: -5000px; cursor: pointer; }
#send:hover 
	{ background: transparent url("images/send.png") no-repeat right top; }
#calculated_price 
	{ float: right; width: 200px; margin: 25px 10px 0 0; padding: 0px; font-size: 1.4em; font-weight: normal; text-align: center; color: #fff; }
#calculated_price strong 
	{ display: block; margin: 0; color: #fff; font-size: 2.4em; font-weight: bold; }
#how_many_pages 
	{ width: 233px; margin: 5px 0 0 0; overflow: auto; }
.form form .one_of_two span 
	{ display: block; padding: 2px 0 3px 0; white-space: nowrap; }
#main_pages 
	{ float: left; }
#main_pages label, #subpages label 
	{ padding: 3px 0 0 0; }
#main_pages select 
	{ width: 113px; margin-right: 7px; }
#subpages 
	{ float: left; }
.form form #form_design_upload 
	{ font-size: 14px; }
#subpages select 
	{ width: 113px; }

/* ordering */

#main .message, #main .error_message 
	{ display: inline; float: left; width: 550px; background: #1b3136 url("images/form_box_top.gif") no-repeat center top; margin: 35px 0 0 0; padding: 0; overflow: auto; }
.ordered_message, .not_ordered_message, .contacted_message, .not_contacted_message 
	{ width: 500px; background: transparent url("images/form_box_bottom.gif") no-repeat left bottom; padding: 15px 25px 25px 25px; overflow: auto; color: #D2C0FF; }
#content #main .contacted 
	{ margin-top: 65px; }
.error_message strong 
	{ font-size: 1.6em; font-weight: bold; color: #D2C0FF; }
#main .message p, #main .error_message p 
	{ margin: 20px 0px 10px 0px; }
#main .error_message .not_ordered_message ul.text li, #main .error_message .not_contacted_message ul.text li 
	{ background: transparent url("images/bullet2.gif") no-repeat 2px 2px; }

/* about us */

#more_questions h2 
	{ background: transparent url("images/contact_us_h2.png") no-repeat left top; }
#submain #customer_service 
	{ background: transparent url("images/support.png") no-repeat top left; }
#submain #media 
	{ background: transparent url("images/ads.png") no-repeat top left; }
#customer_service h3 
	{ background: transparent url("images/customer_title.png") no-repeat left top; }
#media h3 
	{ background: transparent url("images/media_title.png") no-repeat left top; }
#media span, #customer_service span 
	{ font-weight: bold; color: #fff; }

/* examples */

#examples h2 
	{ background: transparent url("images/client_showcase_h2.png") no-repeat left top; }
#examples_subtitle 
	{ margin: 20px 0; padding: 0 0 0 0; 
/*border-bottom: 1px dashed #435053; */

}

/* showcase scroll */

#eHolder
	{ width: 934px; height: 300px; position: relative; overflow: hidden; padding: 25px 0; background: transparent url("images/showcase_bg.png") no-repeat 0 0; }
#eScroller 
	{ width: 934px; height: 300px; padding: 0 0 0 28px; }
#ePrev
	{ position: absolute; top: 25px; left: 0; width: 43px; height: 296px; border: 0; text-indent: -5000px; background: transparent url("images/left_inner.png") no-repeat left top; }
#ePrev:hover
	{ background: transparent url("images/left_inner_hover.png") no-repeat left top; }
#eNext
	{ position: absolute; top: 25px; right: 0; width: 43px; height: 296px; border: 0; text-indent: -5000px; background: transparent url("images/right_inner.png") no-repeat right top; }
#eNext:hover
	{ background: transparent url("images/right_inner_hover.png") no-repeat right top; }
.exampleHolder 
	{ float: left; position: relative; width: 302px; height: 300px; overflow: hidden; }
.exampleScroller
	{ width: 302px; height: 300px; }
.eHidden
	{ display: none; }
.example 
	{ padding: 0; width: 302px; height: 310px; }
.example h3 
	{ padding: 24px 28px 4px 28px; height: 20px; text-align: left; background: transparent url("images/showcase_title_bg.png") no-repeat 14px 18px; }
.example h3 a 
	{ color: #7f7f7f; font-size: 1.2em; text-decoration: none; font-family: Arial; letter-spacing: -1px; font-weight: normal; font-size: 16px; }
.example h3 a:hover 
	{ color: #7AC67C; background: transparent; }
.example p.code_links 
	{ text-align: right; padding: 6px 56px 0 28px; height: 29px; background: transparent url("images/showcase_title_bg.png") no-repeat 14px bottom; color: #7f7f7f; }
.example p.code_links a 
	{ padding: 0 2px; font-size: 14px; color: #7f7f7f; text-decoration: none; font-weight: normal; }
.example p.code_links a:hover 
	{ color: #7AC67C; text-decoration: none; }
.example p.code_links span
	{ color: #7f7f7f; float: left; display: block; height: 18px; padding-right: 45px; background: transparent url("images/subpages_bg.gif") no-repeat right top; position: relative; }
.eScroll
	{ position: absolute; display: block; width: 20px; height: 18px; background: transparent url("images/subpages_arrows.gif") no-repeat 0 0; text-indent: -5000px; text-align: left; padding: 0 !important; }
.example .eDown
	{ top: 0; right: 18px; background-position: 3px -15px; }
.example .eUp
	{ top: 0; right: 0px; background-position: -15px -15px; }
.example .eDownNot
	{ background-position: 3px -35px; }
.example .eUpNot
	{ background-position: -15px -35px; }
.example .eDown:hover
	{ background-position: 3px 5px; }
.example .eUp:hover
	{ background-position: -15px 5px; }
.example .eDownNot:hover
	{ background-position: 3px -35px; cursor: default; }
.example .eUpNot:hover
	{ background-position: -15px -35px; cursor: default; }
.example a.example_image, .example_small a.example_image 
	{ font-size: 0; }
.example a img 
	{ border: 2px solid #000; font-size: 0; width: 270px; height: 198px; display: block; }
.example a:hover img 
	{ border: 2px solid #7AC67C; }

.example a.online
	{ position: absolute; top: 12px; left: 220px; display: block; text-indent: -5000px; width: 25px; height: 31px; background: transparent url('images/online.png') no-repeat 0 0; }
.example a.online:hover
	{ top: 10px; background-position: 0 -31px; }

/* privacy policy */

#privacy_policy h2 
	{ background: transparent url("images/privacy_h2.png") no-repeat left top; }
#non_disclosure_agreement h2 
	{ background: transparent url("images/nda_h2.png") no-repeat left top; }
#money_back_policy h2 
	{ background: transparent url("images/money_back_h2.png") no-repeat left top; }

/* browsers and valids */

#browsers_valids 
	{ width: 580px; height: 148px; background: #26464d url("images/satisfaction.png") no-repeat top left; margin-top: 20px; padding-right: 348px; clear: both; }
#browsers_valids p 
	{ padding: 30px 0 0 5px; font-weight: bold; color: #7ac67c; }
#browsers_valids ul 
	{ margin: 10px 0 0 0; padding: 0; }
#browsers 
	{ float: left; margin: 0 auto; overflow: auto; width: 320px; }
#browsers a 
	{ display: block; width: 38px; height: 38px; padding: 0 7px; text-indent: -5000px; }
#valids 
	{ float: right; margin: 0 auto; overflow: auto; width: 210px; }
#valids a 
	{ display: block; width: 91px; height: 35px; margin: 0; padding: 0 14px 0 0; text-indent: -5000px; }
#link_firefox, #link_ie7, #link_ie6, #link_safari, #link_opera, #link_chrome, #link_xhtml, #link_css 
	{ display: inline; float: left; }
#link_firefox a 
	{ background: transparent url("images/firefox.gif") no-repeat left top; }
#link_ie7 a 
	{ background: transparent url("images/ie7.gif") no-repeat left top; }
#link_ie6 a 
	{ background: transparent url("images/ie6.gif") no-repeat left top; }
#link_safari a 
	{ background: transparent url("images/safari.gif") no-repeat left top; }
#link_opera a 
	{ background: transparent url("images/opera.gif") no-repeat left top; }
#link_chrome a 
	{ background: transparent url("images/chrome.gif") no-repeat left top; }
#link_xhtml a 
	{ background: transparent url("images/valid_xhtml.gif") no-repeat left top; }
#link_css a 
	{ background: transparent url("images/valid_css.gif") no-repeat left top; }

/* testimonials */

#testimonials 
	{ width: 878px; background: #282e4d url("images/testimonials_bottom.png") no-repeat left bottom; padding: 15px 35px 25px 15px; clear: both; }
#testimonials ul li 
	{ background: #282e4d url("images/quotes.png") no-repeat left 2px; padding: 0 0 15px 50px; }
#testimonials ul li span 
	{ font-weight: normal; font-style: italic; color: #7ac67c; }
#testimonials ul li a 
	{ font-weight: normal; color: #7ac67c; }

/* footer */

#footer 
	{ min-width: 995px; background-color: #263a48; margin-top: 30px; clear: both; }
#footer #footer_content 
	{ width: 935px; margin: 0 auto; padding: 20px 30px 50px 30px; font-size: .7em; font-weight: bold; color: #7b9094; }
#footer #footer_content a 
	{ color: #68aa70; }
#legal_information 
	{ float: left; width: 310px; }
#company_information 
	{ float: left; width: 315px; text-align: center; }
#validate_this_site 
	{ float: left; width: 310px; text-align: right; }