/*-----------------------------------------

Copyright 2008 Church Media Group, Inc. www.churchmedia.cc
Author: Ismael Burciaga Jr
Version: 1.0.0
Created on 03/17/2008

-----------------------------------------*/


html, body, table, thead, tbody, tfoot, tr, th, td, p, h1, h2, h3, h4, h5, h6, div, ul, li, a, form, textarea, input, select, img, hr, span, strong, fieldset, blockquotes { margin: 0; padding: 0; outline:none;}

html { background: #fff; font-family:Arial, Helvetica, sans-serif; font-size: small; line-height:1.6em; color: #333; }
body { }
p { margin: 12px 0; font-size: 100%;}
img, div { border: 0; margin:0; padding:0;}
ul, li, ol { list-style: none; }

h1, h2, h3, h4, h5, h6 { font-size: 1em; line-height:1em; }

address { font-style: normal; }

a {font-weight: bold; outline:none;}

a:link { color:#000; text-decoration:none; font-weight: bold;}
a:visited { color:#000; text-decoration:none; font-weight: bold;}
a:hover { color:#000; text-decoration:underline; font-weight: bold;}
a:active { color:#000; text-decoration:none; font-weight: bold;}

img.float_right { float: right; margin: 4px -20px 0 10px; }


/*--------------- HEADER ---------------*/


#header_box { background:#000; color:#fff; border-bottom:6px solid #22c1f5;}
#header { width:960px; padding:0 0; margin:0 auto; overflow:hidden; }
#header h1 { float:left; display:inline; margin:24px 0;}
#header h1 a { display:block; width:295px; height:18px; text-indent:-9999px; background: transparent url(../images/logo_cmg.gif) top left no-repeat;}

.push {clear:both; }

.main_navigation { float:right; overflow:hidden; display:inline; width:50%; margin-top:18px;}
.main_navigation li { float:right; display:inline; margin-left:12px; font-size:.875em; text-transform:uppercase; }
.main_navigation li a:link, .main_navigation li a:visited, .main_navigation li a:active { display:block; padding:4px 6px; color:#ffffff;}
.main_navigation li a:hover { background:#1a1a1a; text-decoration:none;}

/*--------------- LEVEL PLANS ---------------*/


#level_plans_box { background:#22c1f5 url(../images/bg/bg_nav_blue.gif) bottom left repeat-x; color:#fff;}
#level_plans { width:960px; padding:0 0; margin:0 auto; overflow:hidden; }
#level_plans ul { width:960px; overflow:hidden; height:71px; } 
#level_plans ul li { float:left; display:inline;}

#level_plans ul li a { display:block; width:190px; height:71px; text-indent:-9999px; outline:none;}
#level_plans ul li a#level_one { background: transparent url(../images/btn/btn_nav_menu.gif) 0 0 no-repeat; }
#level_plans ul li a#level_two { background: transparent url(../images/btn/btn_nav_menu.gif) -190px 0 no-repeat; }
#level_plans ul li a#level_three { background: transparent url(../images/btn/btn_nav_menu.gif) -380px 0 no-repeat; }
#level_plans ul li a#level_four { background: transparent url(../images/btn/btn_nav_menu.gif) -570px 0 no-repeat; }
#level_plans ul li a#level_five { background: transparent url(../images/btn/btn_nav_menu.gif) -760px 0 no-repeat; }

#level_plans ul li a#level_one:hover { background-position: 0 -142px;  }
#level_plans ul li a#level_two:hover { background-position: -190px -142px; }
#level_plans ul li a#level_three:hover { background-position: -380px -142px; }
#level_plans ul li a#level_four:hover { background-position: -570px -142px; }
#level_plans ul li a#level_five:hover { background-position: -760px -142px; }

body.level_one #level_plans ul li a#level_one { background: transparent url(../images/btn/btn_nav_menu.gif) 0 -71px no-repeat; }
body.level_two #level_plans ul li a#level_two { background: transparent url(../images/btn/btn_nav_menu.gif) -190px -71px no-repeat; }
body.level_three #level_plans ul li a#level_three { background: transparent url(../images/btn/btn_nav_menu.gif) -380px -71px no-repeat; }
body.level_four #level_plans ul li a#level_four { background: transparent url(../images/btn/btn_nav_menu.gif) -570px -71px no-repeat; }
body.level_five #level_plans ul li a#level_five { background: transparent url(../images/btn/btn_nav_menu.gif) -760px -71px no-repeat; }

body.level_one #level_plans ul li a#level_one:hover { background: transparent url(../images/btn/btn_nav_menu.gif) 0 -71px no-repeat;  }
body.level_two #level_plans ul li a#level_two:hover { background: transparent url(../images/btn/btn_nav_menu.gif) -190px -71px no-repeat; }
body.level_three #level_plans ul li a#level_three:hover { background: transparent url(../images/btn/btn_nav_menu.gif) -380px -71px no-repeat; }
body.level_four #level_plans ul li a#level_four:hover { background: transparent url(../images/btn/btn_nav_menu.gif) -570px -71px no-repeat; }
body.level_five #level_plans ul li a#level_five:hover { background: transparent url(../images/btn/btn_nav_menu.gif) -760px -71px no-repeat; }


body.level_one #hosting_tab,
body.level_two #hosting_tab,
body.level_three #hosting_tab,
body.level_four #hosting_tab,
body.level_five #hosting_tab,
body.about_tab #about_tab,
body.support_tab #support_tab,
body.home #home { color:#22c1f5; background:#000000; }


h1.homepage_banner { float:left; margin-bottom:20px; display:inline;}
h1.homepage_banner a { display:block; width:760px; height:287px; text-indent:-9999px; background:transparent url(../images/banners/main.jpg) top left no-repeat; }
h2.hosting_ad { float:left; margin:0 11px 10px 0; display:inline;}
h2.hosting_ad a { display:block; width:246px; height:154px; text-indent:-9999px; background:transparent url(../images/btn/btn_hosting_plans.jpg) top left no-repeat; }
h2.support_ad { float:left; margin:0 11px 10px 0; display:inline;}
h2.support_ad a { display:block; width:246px; height:154px; text-indent:-9999px; background:transparent url(../images/btn/btn_support.jpg) top left no-repeat; }
div.testimony_box { float:left; display:inline; width:246px; height:154px; margin:0 0 10px 0; }

/*--------------- CONTENT ---------------*/


#content_box { background:#fff; }
#content { width:960px; padding:40px 0 30px 0; margin:0 auto; overflow:hidden; }

h3 { font-size:140%; color:#000; margin:16px 0;}

.main { width:640px; margin-right:20px; display:inline; float:left;}
.sidebar { width:280px; display:inline; float:right;}
.sidebar_content { width:255px; padding-left:24px; border-left:1px solid #e8e8e8; overflow:hidden; }

.main h2 { font-size:1.8em; font-weight:normal; color:#22c1f5; margin: 8px 0 20px 0;}
.border_top { padding-top:20px; border-top: 8px solid #e8e8e8; width:100%;}

h2.page_title { font-size:160%; color:#22c1f5; margin-bottom:16px; }

.plan_includes { margin-top:20px; }
.plan_includes li { padding:12px 0; border-top:1px solid #d4ebf1; line-height:1em; padding-left:90px; font-size:1.5em;}
.plan_includes li span { font-size:80%; color:#22c1f5;}
.plan_includes li.disc { background: transparent url(../images/icons/icon_disc.gif) 14px 50% no-repeat;}
.plan_includes li.bandwidth { background: #f1fcff url(../images/icons/icon_bandwidth.gif) 22px 50% no-repeat;}
.plan_includes li.domain { background: transparent url(../images/icons/icon_domain.gif) 18px 50% no-repeat;}
.plan_includes li.email { background: #f1fcff url(../images/icons/icon_email.gif) 22px 50% no-repeat;}
.plan_includes li.ftp { background: transparent url(../images/icons/icon_ftp.gif) 22px 50% no-repeat;}

.hosting_order_box { background:#5b5b5b; }
.hosting_order { background: transparent url(../images/bg/bg_sidebar_bottom.gif) left bottom no-repeat; padding:0 20px 10px 20px; width:240px; color:#a5a5a5; }
.hosting_order h3 { color:#ffffff; font-size:120%; }

.hosting_order ul { width:240px; border-bottom:6px solid #717171; padding-bottom:10px; margin-bottom:20px; }
.hosting_order ul li { margin-left:16px; padding-left:4px; list-style:disc; display:list-item; line-height:1.3em; margin-bottom:8px;} 

.form_text ul li { list-style:disc; display:list-item; margin-left:16px; padding-left:4px; line-height:1.3em; margin-bottom:6px; font-weight:bold; }
.form_text ul li small { line-height:1.2em; font-weight:normal;}

.sidebar h4 { font-size:130%; color:#000; margin:0 0 12px 0;}
.sidebar h4.border_top { padding-top:16px; border-top: 8px solid #e8e8e8; width:100%; margin-top:16px;}
.sidebar p { margin:8px 0; }


/*--------------- Footer ---------------*/


#footer { width:960px; padding:20px 0; margin:0 auto; overflow:hidden; border-top: 4px solid #e8e8e8; text-align: center; }
#footer p { font-size:.875em; margin:0; line-height:1em;}


/*--------------- Special DIV Messages ---------------*/


.alert_note { width:569px; padding:4px 12px; margin-right:0; border:1px solid #f1acaa; color:#c52622; overflow:hidden; text-align:center; background: #fdeded url(../images/icons/icon_alert.gif) 2% 50% no-repeat; margin:16px 0; line-height:1.2em;}
.alert_note p { margin: 8px 0; }

.warning_note { width:569px; padding:4px 12px; margin-right:0; border:1px solid #edd538; color:#000; overflow:hidden; text-align:center; background: #fef9d1 url(../images/icons/icon_warning.gif) 2% 50% no-repeat; margin:16px 0;  }
.warning_note p { margin: 8px 0; }