body {color:#383838;margin:0;padding:0; font:13px/20px arial;text-align:center; background:#00326d url(image/bg.jpg) repeat;}
#topbg { background:url(image/topbg.png) repeat-x center 10px; }
#bottombg { background:url(image/foot.png) repeat-x center bottom;} 
#all { margin:0 auto; text-align:left; width:840px;}
#content_top { background:white url(image/content_top.png) no-repeat center top;}
#content_bottom { background:url(image/content_bottom.png) no-repeat center bottom; padding:20px 31px 15px; width:778px; position:relative;}

#top { padding:42px 0 0 10px; height:97px; position:relative;}
#top a img { float:left;}

#menu { padding:12px 0 0 0; position:absolute; left:340px; width:700px;}
#menu li { display:inline;}
#menu a { display:block; float:left; font:13px/26px Arial; height:34px; padding-left:11px; text-decoration:none; color:#fff; cursor:pointer; margin-left:10px; }
#menu a span{ display: block; padding: 4px 11px 4px 0; float:left;}
#menu a.select , #menu a:hover{ background:url(image/button_l.png) no-repeat left top; }
#menu a.select span , #menu a:hover span{ background:url(image/button_r.png) no-repeat right top; }

a.button , .form_button { background:url(image/btn_l.png) no-repeat top left; display:block; font:bold 11px/18px Tahoma; height:26px; padding-left:12px; color:#776f5c; text-decoration:none; float:left; cursor:pointer; outline:none;}
a.button span , .form_btn { background:url(image/btn_r.png) no-repeat top right; padding:4px 36px 4px 0; display:block; float:left; }
a.button:hover { background-position:bottom left; }
a.button:hover span { background-position:bottom right; color:#8d8674; }

#welcome { width:505px; float:left; padding-right:45px;}
#welcome p { line-height:21px; font-size:12px;}
#included { float:left; width:228px;}
#included li { background:url(image/tick.png) no-repeat left 50%; padding-left:29px; font:13px/31px Arial;}

.work { width:233px; float:left; padding:5px 0 0 0; margin:0 41px 10px 0;}
#last { width:230px; margin-right:0; }
.work .spacer { width:3px; height:10px; border:1px solid #fff; float:left;}
.work .art { padding:5px; border:1px solid #dddddd; width:216px; height:110px; display:block; float:left;}
.work .button { margin-bottom:7px;}
.work div.art_div { background:url(image/shadow_small.png) no-repeat right bottom; display:block; padding-bottom:17px;}

#how_it_works { clear:both; padding:15px 31px 25px;}
#how_it_works a img { display:block; margin:0 auto;}
#how_it_works h1 { color:#fff;}
#how_it_works .hr { background:url(image/hr_white.png) no-repeat center top;}

#contact .input {border:1px solid #d7d7d7; border-width:1px 0 0 1px; background:#f3f3f3 url(image/inputbg.png) repeat-x left top; width:160px;padding:4px 6px;color:#535353;height:15px;margin-bottom:8px; width:350px; font:12px Arial; display:block;}
#contact { margin:20px auto 15px; width:350px;}
#contact span {width:70px;text-align:right; line-height:normal; color:#334e69 ; margin-right:7px;padding-top:4px; }
#contact textarea.input {height:115px; padding:4px 6px;}
.form_btn { width:120px; height:26px; padding-top:0; padding-bottom:0; cursor:pointer; display:block; border:none;}
#contact p.ok { text-align:center; font-size:18px; color:#3b7a10; }
.error { text-align:center; font-size:18px; color:#dd0000; }
#contact span em { color:#dd0000; font-weight:bold; font-style:normal; font-size:15px;}
#contact strong { display:block; background:#fff2f2 url(image/warning.png) no-repeat 5px 50%; padding-left:30px; font:10px/20px Tahoma; border:1px solid #e2b2b2; width:331px; margin-top:5px; height:20px; margin-bottom:15px;}

#order { width:550px; margin:0 auto 20px;}
#order label , #order .boxes { display:block; padding:12px 0 0;}
#order .boxes label { padding:0 0 7px; font-size:12px;}
#order span.text { display:block; float:left; width:170px; text-align:right; padding-right:10px; clear:left; color:#01306b;}
#order span.field { display:block; width:370px; float:right;}
#order .input {border:1px solid #d7d7d7; border-width:1px 0 0 1px; background:#f3f3f3 url(image/inputbg.png) repeat-x left top; width:160px;padding:4px 6px;color:#535353;height:15px; font:12px Arial; display:block; width:230px;}
#order #select { padding:0; height:auto; padding:4px 4px 4px 2px; width:244px;}
#order #pages { width:17px;}
#order .checkbox { margin-right:5px; }
#order textarea.input { height:115px; padding:4px 6px;}
#order #file { display:block; margin-bottom:5px; padding:2px; }
#order span em { display:block; padding:0 0 7px; font-style:normal; font-size:12px;}
#order #price { display:block; float:left; width:57px; height:20px; text-align:center; padding:3px 3px 3px 45px; font:bold 15px/20px Tahoma; background:url(image/price.png) no-repeat; color:#fff; margin-right:5px;}
#order strong { display:block; background:#fff2f2 url(image/warning.png) no-repeat 5px top; padding-left:30px; font:10px/16px Tahoma; border:1px solid #e2b2b2; width:211px; margin-top:5px;}


#pricing { margin:10px 0 20px; border:3px double #d1d1d1; width:100%; border-collapse:collapse; font-size:15px;}
#pricing th { font:bold 15px/22px Arial; padding:6px; color:#fd7000; border:none; border:1px solid #d1d1d1;}
#pricing td { height:24px; line-height:24px; padding:6px; border:1px solid #d1d1d1;}
#pricing .price { width:55px; text-align:right;}
#pricing b { font-size:17px; text-align:right; display:block;}

#confirmation { margin:10px auto 10px; border:3px double #d1d1d1; width:100%; border-collapse:collapse; font-size:12px;}
#confirmation th { font:bold 16px/22px Arial; padding:6px; color:#fd7000; border:none; border:1px solid #d1d1d1; background-color:#f8f8f8;}
#confirmation td { height:24px; line-height:18px; padding:5px 12px; border:1px solid #d1d1d1;}
#confirmation .price { width:55px; text-align:right;}
#confirmation b { display:block;}
#confirmation strong { display:block; padding:8px 0 5px; font-size:14px; color:#fd7000;}

#confirm .form_button { float:right;}
#confirm p { float:left; font-style:italic; color:#999999; width:605px; font:11px/15px Tahoma;}

.advantages { margin-top:-10px; float:left; width:260px; padding-left:50px; margin-bottom:5px; }
.advantages li { background:url(image/tick.png) no-repeat left 50%; padding-left:29px; font:13px/27px Arial; color:#01306b; }
.right { margin-bottom:15px; }

#foot { padding:38px 20px 12px; background:url(image/foot_logo.png) no-repeat 600px 31px; position:relative; height:38px; margin-top:20px;}
#foot p {color:#79a1c5; position:absolute; top:110px; left:48px; margin:0; padding-bottom:25px;}
#foot ul {margin:0 0 0 12px;padding:0;list-style-type:none;}
#foot li {display:inline; padding:0 15px 0 18px; font:12px/23px Arial;}
#foot li a {color:#fff; text-decoration:none;}
#foot li a:hover { color:#8abcea;}
#foot .shadow { bottom:-30px;}

.success p { text-align:center; }
.success p.ok { font-size:18px; color:#3b7a10; padding-top:15px;}
.success img { position:absolute; top:65px;}

p { margin:3px 0 15px;}
p.info { border-top:1px dotted #d9d9d9; padding:5px 0 0; font-size:10px; color:#bbb;}
h1 { font:22px/22px Arial; color:#303030; }
h1 span { color:#fd7000; } 
.hr { height:18px; padding:0; background:url(image/hr.png) no-repeat center right; clear:left; }
.hr hr { display:none;}
.shadow { position:absolute; bottom:-26px; right:0;}
.space { height:28px;}
dt { font:16px Arial; margin:3px 0;}
dt span { color:#fd7000; }
dd { margin-bottom:20px; }
.step { float:left; padding:6px; border:1px solid #d8d8d8; margin:6px 9px 45px 0;} 
form, fieldset { border:none;}

* { margin:0; padding:0; list-style-type:none;}
.clear {clear:both;font-size:1px;line-height:0px;height:1px;overflow:hidden;}
a img {border-width:0;}
a {color:#e3691a;text-decoration:underline;}
a:hover { text-decoration:none;}