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

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

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

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

html { font-family: Arial, Helvetica, sans-serif; font-size: small; line-height:1.3em; background:#bdbdbd url(../images/bg_main.jpg) top left repeat-x;}
body { color:#8f8f8f; }

p { margin: 16px 0;}
img, div { border: 0;}
ul, li, ol { list-style: none;}
strong { color: #615d4f;}

img.framed { padding:5px; border:1px solid #e8e3d7; background:#ffffff; }

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

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

a.arrow { text-decoration:underline; background: transparent url(../images/arrow_blue_white.jpg) left 50% no-repeat; padding:0 0 0 16px; font-weight: bold; }
a.arrow:hover { color:#000000; text-decoration:underline; }



/*----------------- HOME -------------------*/

#container { width:800px; margin:0 auto; overflow:hidden; }

#header {width:800px; overflow:hidden; margin-bottom:18px; margin-top:4px; }

#header h1 a { width:152px; height:65px; float:left; background: transparent url(../images/how_logo.gif) top left no-repeat; text-indent:-9999px; margin:20px 74px 0 20px; display:inline; }
#header ul.header_menu { float:left; width:534px; margin-right:20px; margin-top:14px; margin-bottom:13px; }
#header ul.header_menu li { float:right; margin-left:20px; text-transform:uppercase; font-size:90%; }
#header ul.header_menu li a { color:#a8a6a6; text-decoration:none;}
#header ul.header_menu li a:hover { color:#d32027; }
#header h3.enewsletter a { width:554px; height:38px; float:left; background: transparent url(../images/btn_enewsletter.jpg) top left no-repeat; text-indent:-9999px;}


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


#content {width:798px; overflow:hidden; border:1px solid #dfdcdc; background:#fff url(../images/bg_content.jpg) top left repeat-y; }


/*----------------- CONTENT: Left Panel -------------------*/


#left_panel {width:226px; overflow:hidden; float:left; background: transparent url(../images/bg_menu.jpg) top left repeat-y; padding-left:19px;}

#left_panel ul.menu_navigation { width:226px; overflow:hidden; }
#left_panel ul.menu_navigation li { line-height:1.2em; width:225px; border-right:1px solid #d3cfcf; cursor:pointer;}
#left_panel ul.menu_navigation li:hover { background: transparent url(../images/bg_menu_hover.jpg) top right repeat-y;}

div.menu_list { border-bottom:1px solid #d3cfcf; padding:13px 0; width:226px;}
div.menu_list h2 { font-size:100%; margin-bottom:6px;}
div.menu_list h2 a { color:#686868; padding-right:18px;  background: transparent url(../images/arrow_red.jpg) right 55% no-repeat;}
div.menu_list h2 a:hover { color:#d32027;}
div.menu_list p { margin:0 0;}

div.menu_list_last { padding:13px 0 17px 0; width:226px;}
div.menu_list_last h2 { font-size:100%; margin-bottom:6px;}
div.menu_list_last h2 a { color:#686868; padding-right:18px;  background: transparent url(../images/arrow_red.jpg) right 55% no-repeat;}
div.menu_list_last h2 a:hover { color:#d32027;}
div.menu_list_last p { margin:0 0;}


/*----------------- CONTENT: Right Panel -------------------*/


#right_panel { width:553px; overflow:hidden; float:left; }

.right_panel_content { width:513px; margin: 20px 20px; }

h2.page_title { width:489px; padding:8px 12px; background:#d32027; color:#fff; font-size:130%; }
ul.normal_list { list-style:square; }
ul.normal_list li { list-style:square; margin-left:36px; }

.show_me_how_box { height: 72px; width:513px; background: transparent url(../images/bg_button.jpg) top left no-repeat; overflow:hidden; }
.show_me_how_box h2 a { width:228px; height:38px; background: transparent url(../images/btn_show_me_how.jpg) top left no-repeat; text-indent:-9999px; display:block; margin-left:142px; margin-top:17px; }
.show_me_how_box h2 a:hover { background: transparent url(../images/btn_show_me_how.jpg) top right no-repeat; }

ul.client_logo_list { width:513px; overflow:hidden; margin-bottom:20px; }
ul.client_logo_list li { float:left;border-right:1px solid #e3dfdf; border-bottom:1px solid #e3dfdf; }

ul.client_logo_list li a { display:block; overflow:hidden; padding:16px 26px; }
ul.client_logo_list li a:hover { filter:alpha(opacity=25);-moz-opacity:.5;opacity:.5;}


/*----------------- FOOTER -------------------*/


#footer { width:760px; overflow:hidden; margin:10px 20px 20px 20px; font-size:90%; }

#footer p { margin:0; }

#footer h2.cmg a { width:138px; height:13px; float:right; background: transparent url(../images/btn_cmg.jpg) top left no-repeat; text-indent:-9999px; margin-top:2px;}
#footer h2.cmg a:hover { ; background: transparent url(../images/btn_cmg.jpg) top right no-repeat; }


/*----------------- BODY: Navigation Active Tab -------------------*/


body.marketing li#marketing,
body.product li#product,
body.sales li#sales,
body.advertising li#advertising,
body.web li#web { background:#ffffff; border:0; width:226px;}

body.marketing li#marketing:hover,
body.product li#product:hover,
body.sales li#sales:hover,
body.advertising li#advertising:hover,
body.web li#web:hover { background:#ffffff; border:0; width:226px;}

body.web li#web div.menu_list_last { border-bottom:1px solid #d3cfcf;}