body { margin: 0; padding: 0; background: #CCC url(images/background.gif) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size: 12px; }

#header, #nav, #content, #footer { width: 760px; margin: 0 auto; }
#nav, #content, #footer {  background: #FFF url(images/outline.gif) repeat-y; }
#footer { border-bottom: 3px solid #33C; clear: both; }
#footer p { font-weight: bold; }
#nav, #footer #wrap {  background: url(images/nav_bg.gif) repeat-x; }
#nav ul, #footer ul { height: 40px; margin: 0 auto; padding: 0; list-style-type: none; }
#nav ul { width: 756px; }
#footer ul { width: 324px; }
#nav ul li, #footer ul li{ float: left; text-align: center; padding: 0; margin: 0; border: 1px solid #4350ca; text-transform: uppercase; }
#nav ul li a, #footer ul li a{ width: 106px; height: 18px; padding: 10px 0px; background: #33C url(images/nav_bg.gif) repeat-x; display:block; text-decoration: none; color: #FFF; font-weight: bold; font-size: 11px; }
#nav ul li a:hover, #footer ul li a:hover { background-image: none; }

a { color: #33C; text-decoration: none; }

#content { width: 740px; padding: 10px; display: block; }
#home #content { width: 760px; padding: 10px 0 0 0; }

#types a { margin: 0 auto; width: 200px; height: 50px; display: block; }
#types a span { display: none; }
#types a:hover { background-position: 0px -50px; }
#movies { background: url(images/front_movies.gif) no-repeat; }
#music { background: url(images/front_music.gif) no-repeat; }
#publishers { background: url(images/front_publishers.gif) no-repeat; }
#churches { background: url(images/front_churches.gif) no-repeat; }
#business { background: url(images/front_business.gif) no-repeat; }

#replication_box, #duplication_box, #usb_box { width: 250px; height: 225px; }
#replication_box { background: url(images/index_replication.gif) no-repeat; }
#duplication_box { background: url(images/index_duplication.gif) no-repeat; }
#usb_box { background: url(images/index_usb.gif) no-repeat; }

.box_holder h1 { height: 20px; padding: 4px 0; margin: 0; color: #FFF; font-size: 15px; text-transform: uppercase; text-align:center; }
.box_holder p { font-size: 14px; text-align: center; padding: 5px; margin: 0; color: #F00; font-weight: bold; }
.box_holder ul { font-size: 12px; font-weight: bold; margin: 0; padding: 0 0 0 125px; }
.box_holder li { margin: 11px 0; }
.box_holder strong { display:block; margin: 2px 0; }
.box_holder strong.price { color: #F00; font-size: 18px; }
.box_holder .start { width: 70px; height: 70px; background: url(images/index_start.gif) no-repeat; display:block; color: #000; font-size: 18px; margin: 0 auto; }

#replication_box ul { background: url(images/example_dvd.gif) no-repeat left center; }
#duplication_box ul { background: url(images/example_cd.gif) no-repeat left center; }
#usb_box ul { background: url(images/example_usb3.gif) no-repeat left center; }


#mission, #news { width: 375px; }
#mission div, #news div { margin: 0 auto; }
#mission_top, #news_top { height: 25px; margin: 0 auto; }
#mission_bottom, #news_bottom { height: 4px;  margin: 0 auto;}
#mission_content p { padding: 10px 15px; margin: 0; }
#news_content p { padding: 9px 15px; margin: 0; }

#mission { background: url(images/index_mission_bg.gif) repeat-y; }
#mission_top { background: url(images/index_mission.gif) no-repeat; }
#mission_content { background: url(images/index_dream_team.jpg) no-repeat center bottom; }
#mission_bottom { background: url(images/index_mission_bottom.gif) no-repeat; }

#news_top { background: url(images/index_news.gif) no-repeat; }
#news_content { background: url(images/index_news_bg.gif) repeat-y; }
#news_content ul { margin: 0 inherit; }
#news_bottom { background: url(images/index_news_bottom.gif) no-repeat; }

h1, h2 { font-size: 18px; color: #33C; padding: 5px 0; margin: 0;  }
h1 { padding: 0; }
.red { color: #F00; }
.purple, hr { color: #33c; }
hr { clear: both; }

.faq { margin: 20px 0; }
#faq ul.topics { list-style-type: none; width: 740px; margin: 0 auto; padding: 0; background: #33C; }
#faq ul.topics li { float: left; margin: 0; padding: 0; }
#faq ul.topics li a { font-size: 12px; text-decoration: none; border: 1px solid #FF0; padding: 5px; background: #33C; color: #FFF; display:block; }
#faq ul.topics li a:hover { color: #33c; background: #FFFF00; }

#letter { width: 675px; background: url(images/letter_side.gif) repeat-y;  margin: 0px auto; font-size: 14px; }
#lettertop { height: 50px; background: url(images/letter_top.gif) no-repeat; }
#lettercontent { line-height: 150%; }
#lettercontent p, #lettercontent h2 { padding: 5px 10px; }
#lettersig { padding: 0px 0 35px 25px; background: url(images/letter_bottom.gif) no-repeat bottom; }

#dream_it, #create_it { width: 675px; background: url(images/dream_it_bg.gif) repeat-y;  margin: 0px auto; font-size: 14px; }
#dream_it_top { height: 75px; background: url(images/dream_it_top.gif) no-repeat; }
#dream_it_content { line-height: 150%; }
#dream_it_content p { padding: 0 10px; }
#dream_it_bottom { padding: 0px 0 25px 0; background: url(images/dream_it_bottom.gif) no-repeat bottom; }

#create_it_top { height: 75px; background: url(images/create_it_top.gif) no-repeat; }
#make_it_top { height: 75px; background: url(images/make_it_top.gif) no-repeat; }

.buttons img { margin: 5px; }

fieldset { border: 0; padding: 5px; }
label { cursor: pointer; }
th { background: url(images/25_purple.gif) repeat-x; color: #FFF; text-align: left; }
.sameButton { font-size: 9px; padding: 0px; background: #FC3; border:1px solid #33C; cursor:pointer; }

#complete, #print_order, #download, #contactUs, #sendEmail { display: block; width:180px; height:50px; border:0; cursor:pointer; }
#continue:hover, #complete:hover, #print_order:hover, #download:hover, #contactUs:hover, #reset:hover, #sendEmail:hover { background-position: 0 -50px; }

#continue, #reset, #button_cd_rep, #button_dvd_rep, #button_cd_dup, #button_dvd_dup{ display: block; width: 100px; height: 100px; border:0; cursor:pointer; }
#continue, #reset, #complete { margin: 0 auto; }
#continue:hover, #reset:hover, #button_cd_rep:hover, #button_dvd_rep:hover, #button_cd_dup:hover, #button_dvd_dup:hover { background-position: 0 -100px; }

#sendEmail { background: url(images/button_send_email.gif) no-repeat; }
#reset { background: url(images/button_start_over.gif) no-repeat; }
#continue { background: url(images/button_place_order.gif) no-repeat; }
#continue span, #button_cd_rep span, #button_dvd_rep span, #button_cd_dup span, #button_dvd_dup span { display: none; }
#complete { background: url(images/button_complete_project.gif) no-repeat; }
#print_order { background: url(images/button_print_order.gif) no-repeat; }
#download { background: url(images/button_download_templates.gif) no-repeat; }
#contactUs { background: url(images/button_contact_us.gif) no-repeat; }
#contactUs span { display: none; }
#button_cd_rep { background: url(images/button_cd_rep.gif) no-repeat; }
#button_dvd_rep { background: url(images/button_dvd_rep.gif) no-repeat; }
#button_cd_dup { background: url(images/button_cd_dup.gif) no-repeat; }
#button_dvd_dup { background: url(images/button_dvd_dup.gif) no-repeat; }

#artTable, #contactTable { border: 1px solid #33C; }
#artTable td, #contactTable td { padding: 10px; border-bottom: 1px solid #CCC; }
#contactTable tbody td { padding: 5px; border: 0px; }
#artTable .price { font-size: 18px; font-weight: bold; color: #F00; text-align: right;}

.indexSection { margin: 0 auto; }

.line { border-top: 1px solid #000; height: 1px; margin: 2px 0; display: block; }

a.help_index { position: relative; }
a:hover.help_index table { right: 0; }
a.help_index table h3 { padding: 0; margin: 0; }