/* Start of CMSMS style sheet 'global' */
/* CSS Document */

/************************************************************************

	Site:		communicationpowerinc.com

	Author:		eROI		[www.eroi.com]  

	Client:		Communication Power		[http://communicationpowerinc.com]

	Listing Order:
	==============

	1 - Global
	2 - Structure/Layout
	3 - Bottom/Footer Styles
	4 - Callout Specific Styles
	5 - Footer Navigation
	

************************************************************************/

/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/

body {
	background: #c1cbcf url(uploads/images/bg_page.gif) repeat-x top left;
	font: 70%/1.6em Arial, Helvetica, Verdana, sans-serif;
	color: #444;
	text-align: center;
}

*, html, * html { 
	margin: 0; 
	padding: 0; 
}

a:link, a:visited {
	text-decoration	: none;
}

a:hover, a:active {
	text-decoration	: underline;
}

h2 {
	color: #53657a;
	font-size: 120%;
	text-align: left;
	line-height: 1.2em;
	font-variant: small-caps;
}

h3 {
	color: #53657a;
	font-size: 110%;
	text-align: left;
	line-height: 1.2em;
	font-variant: small-caps;
}

p {
	margin-bottom: 1.1em;
	text-align: left;
}

/***********************************************************************
	2 - STRUCTURE/LAYOUT STYLES
************************************************************************/

div#container, div#content, div#topcap, div#botcap, div#bottom, div#maincontent, div#footer {
	width: 867px;
	margin: 0 auto;
	text-align: left;
}

div#container {
	margin-top: 30px;
}

div#content {
	background: #fff url(uploads/images/bg_middle.gif) repeat-y top;
}

div#contentwrap {
	width: 867px;
	margin: 0 auto;
	text-align: left;
}

div#topcap {
	background: #fff url(uploads/images/bg_topcap.gif) no-repeat bottom;
	height: 38px;
}

div#logo {
	padding: 42px 0 0 40px;
	float: left;
}

body#body_ppc div#logo {
        padding: 22px 0 0 40px;
}

div#logo h1 a { 
	background: #fff url(uploads/images/logo_communicationPower.gif) no-repeat top left;
	display: block;
	width: 204px;
	height: 58px;
	padding: 15px 0 0 0;
}

div#logo h1 a span { display: none; }

div#banner, body#body_general div#banner {
	width: 780px;
	background: #fff url(uploads/images/bg_banner.jpg) no-repeat top left;
	height: 154px;
	padding-bottom: 30px;
	margin: 0 auto;
}

body#body_classes div#banner  {
	background: #fff url(uploads/images/bg_banner_classes.jpg) no-repeat top left;
}

body#body_about div#banner {
	background: #fff url(uploads/images/bg_banner_aboutus.jpg) no-repeat top left;
}

body#body_coaching div#banner {
	background: #fff url(uploads/images/bg_banner_coaching.jpg) no-repeat top left;
}

body#body_reference div#banner {
	background: #fff url(uploads/images/bg_banner_reference.jpg) no-repeat top left;
}

body#body_ppc div#banner {
	background: #fff url(uploads/images/ppc_banner.gif) no-repeat top left;
        height: 73px;
        padding-bottom: 7px;
}

div#banner p {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	width: 410px;
	padding: 70px 0 0 60px;
line-height: 1.2em;
}

body#body_ppc div#banner p {
        color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	width: 650px;
        text-align: center;
        font-variant: small-caps;
padding: 25px 0 0 0;
margin: 0 auto;
font-weight: bold;
letter-spacing: 1px;
}

div#subcontent {
	float: left;
	width: 555px;
	padding: 0 30px 10px 10px;
        margin-bottom: 20px;
        text-align: left;
        color: #444;
        font-family: Arial, Helvetica, Verdana, sans-serif;
        background: url(uploads/images/sub_divider_alt.gif) repeat-y top right;
}

div#subcontent p {
        width: 575px;
}

body#body_ppc div#subcontent {
     background-image: none;
     padding-top: 20px;
}
body#body_ppc div#subcontent ul {
	list-style-type: none;
}

body#body_ppc div#subcontent ul li {
	background: url(uploads/images/bullet.gif) no-repeat left;
	padding-left: 12px;
}

/***********************************************************************
	3 - CALLOUT SPECIFIC STYLES
************************************************************************/

div#maincontent div#calloutwrap {
	width: 810px;
	text-align: center;
	margin: 0 auto;
}

div#popular, div#newsletter, div#testimonials {
	width: 195px;
	float: left;
	text-align: left;
}

div#popular {
	background: #fff url(uploads/images/sub_divider_alt.gif) repeat-y top right;	
	margin-left: 17px;
	width: 180px;
	padding: 0 0 25px 0;
        margin-right: 2px;
}

body#body_ppc div#popular {
       width: 195px;
}


body#body_classes div#popular {
	background: #fff url(uploads/images/sub_divider_alt.gif) repeat-y top right;
}

/*body#body_sub div#popular h2 {
	background: #fff url(uploads/images/h_popularClasses.gif) no-repeat top left;	
	width: 132px;
	height: 26px;
}

body#body_classes div#popular h2 {
	background: #fff url(uploads/images/h_popularClasses.gif) no-repeat top left;	
	width: 132px;
	height: 26px;
}

body#body_classes div#popular h2 span {
	display: none;	
}*/

div#newsletter {
	width: 370px;	
	padding-left: 8px;
        padding-right: 10px;
}

div#newsletter p a {
        color: #444;
        text-decoration: underline;
}

div#newsletter p a:hover {
text-decoration: none;
}

div#testimonials {
	background: #fff url(uploads/images/sub_divider_alt.gif) repeat-y top left;
	padding-left: 10px;
}

div#popular p {
	width: 180px;
}

div#testimonials p cite {
	color: #aaa;
}

div#calloutlinks {
	width: 810px;
	text-align: center;
	margin: 0 auto; 
}

div#popularlink, div#newsletterlink, div#testimonialslink {  
	float: left;
	text-align: right;
	vertical-align: top;
	height: 20px;
}

div#popularlink { width: 180px; margin-left: 10px; }
div#newsletterlink { width: 390px; }
div#testimonialslink { width: 200px; }

div#popularlink a { 
	display: block; 
	width: 92px; 
	height: 16px; 
	background: #fff url(uploads/images/callout_viewmore.gif) no-repeat bottom right; 
	margin-left: 86px;
}

div#newsletterlink a { 
	display: block; 
	width: 193px; 
	height: 16px; 
	background: #fff url(uploads/images/callout_newsletter.gif) no-repeat bottom right; 
	margin-left: 196px;
}

div#testimonialslink a { 
	display: block; 
	width: 109px; 
	height: 16px; 
	background: #fff url(uploads/images/callout_testimonials.gif) no-repeat bottom right; 
	margin-left: 76px;
}

/***********************************************************************
	4 - SUBPAGE SIDENAV STYLES
************************************************************************/


ul#sidenav {
	list-style-type: none;
position: relative;
}
ul#sidenav li {
	border-bottom: 1px solid #eae9ed;
	padding: 3px 0;
background: url(uploads/images/bullet.gif) no-repeat;
background-position: 0 9px;
height: 1%;
position: relative;
}
ul#sidenav li.first {
	border-top: 1px solid #eae9ed;
}

ul#sidenav li a {
	display: block;	
	color: #333;
	width: 177px;

}

ul#sidenav li a:hover {
	display: block;
	background: #ee8753;
	color: #fff;
	text-decoration: none;
}

ul#sidenav li a span {
	position: relative;
	bottom: 0;
	left: 12px;
}

body#body_home div#popular ul#sidenav li a {
padding-left: 13px;
width: 164px;
}

/***********************************************************************
	4 - SUBPAGE CONTENT STYLES
************************************************************************/
div#subcontent ul {
        padding-left: 20px;
}

div#subcontent a {
        color: #111;
        text-decoration: underline;
}

div#subcontent a:hover {
        color: #111;
        text-decoration: none;
}

div#subcontent ul#articles li {
        padding-bottom: 10px;
}

div#subcontent dl#qna {
        padding-top: 15px;
}

div#subcontent dl#qna dt {
        font-weight: bold;
}

div#subcontent dl#qna dd {
        padding: 1px 0 22px 35px;
        width: 525px;
}

div#subcontent ul#reading {
        list-style-type: none;
        padding-top: 20px;
}

div#subcontent ul#reading li {
        font-style: italic;
        padding-bottom: 10px;
}
div#subcontent ul#reading li strong {
        font-style: normal;
        font-weight: bold;
}

div#subcontent p.indent {
        padding-left: 50px;
width: 450px;
}

div#subcontent div#whatclientssay cite {
       display: block;
       color: #53657a;
       padding: 0 0 13px 0;
}

.clearer {
      clear: both;
}

div#subcontent div.row {
      padding-bottom: 10px;
}

div#subcontent div.row div.left, div#subcontent div.row div.right {
       float: left;
       padding-right: 6px;
}

div#subcontent div.row div.left {
      width: 75px;
      text-align: right;
}

form#contactForm, form#newsletterForm {
	padding-top: 20px;	
}

form#contactForm *, form#newsletterForm * {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;		
}

form#contactForm input, form#newsletterForm input, form#contactForm textarea, form#newsletterForm textarea {
	padding-left: 3px;
	border: 1px solid #53657a;
}

form#contactForm input.textbox, form#newsletterForm input.textbox {
        display: block;
        height: 17px;
}

form#contactForm sup {font-size: 9px;}

form#contactForm textarea {
	width: 275px;
	height: 150px;
}

form#contactForm input#submit, form#newsletterForm input#submit {
	display: block;
        margin-top: 7px;
	padding: 1px 3px;
	background: #e5e5e5;
	text-align: center;
}

ol#termsofuse {
        padding-left: 20px;
        width: 555px;
}

ol#termsofuse li {
       padding: 0 0 10px 0;
}


table#aboutustable {
       width: 530px;
}

table#aboutustable td {
       padding: 10px 10px 15px 0;
       vertical-align: top;
}

table#aboutustable td p, table#aboutustable td ul, table#aboutustable td ol {
       width: 425px;
}

/***********************************************************************
	5 - BOTTOM/FOOTER STYLES
************************************************************************/

div#subBottom {
	width: 780px;
	height: 3px;
	border-top: 1px solid #b5b9c0;
	border-bottom: 1px solid #b5b9c0;
	margin: 0 auto;
	padding: 0;
	line-height: 3px;
}

div#bottomSubscribe {
	padding: 10px 0 30px 0;
}

div#bottomSubscribe div#newsletterlink a { 
	display: block; 
	width: 193px; 
	height: 14px; 
	background: #fff url(uploads/images/callout_newsletter.gif) no-repeat bottom right; 
	margin-left: 600px;
}

div#bottomSubscribe div#newsletterlink a span { 
	display: none;
}

div#bottom {
	background: #fff url(uploads/images/bg_bottom.gif) no-repeat top left;
	margin: 25px auto 0 auto;
	padding-bottom: 25px;
	width: 780px;
	height: 114px;
position: relative;
}

/*
div#bottom h2 {
	display: inline;
	text-align: left;
	margin: 0;
	padding: 0;
}

div#bottom p {
	width: 620px;
	padding: 5px 20px 0 0;
	text-align: left;
        height: 50px;
}

div#bottom a {	
	text-align: right;
	display: block;	
	width: 65px;
	height: 25px;
	position: absolute;
	bottom: 40px;
	right: 1px;
}
*/
div#bottom a span, div#calloutlinks a span { display: none; }

div#botcap {
	background: #fff url(uploads/images/bg_botcap.gif) no-repeat top;
	height: 29px;
}




div#why {
	width: 780px;
	margin: 0 auto;
padding: 15px 0 10px 0;
}

div#whytopcap {
	background: #fff url(uploads/images/why_topcap.gif) no-repeat top left;
	width: 780px;
	height: 18px;
}
div#whycontent {
	background: #fff url(uploads/images/why_bg.gif) no-repeat bottom left;
	text-align: left;
}

div#whypadding {
	width: 730px;
	padding-left: 20px;
}

div#whycontent p {
	padding: 0;
	margin: 0;
	min-height: 55px;
}

div#whycontent h2 {
	display: inline;
	text-align: left;
	margin: 0;
	padding: 0;
	color: #53657a;
	font-size: 120%;
	text-align: left;
	line-height: 1.2em;
	font-variant: small-caps;
}

div#whybotcap {
	background: url(uploads/images/why_botcap.gif) no-repeat top left;
	width: 780px;
	height: 35px;
}

div#whybotcap a {
	display: block; 
	width:70px; 
	height: 20px; 
	margin: 0 0 0 700px;
}

div#whybotcap a span {
	margin-left: -9999px;
}

div#extrabits {
width: 780px;
margin: 0 auto;
padding: 10px 0;
}

div#extrabits p {
margin: 0;
padding-bottom: 1.2em;
}

div#extrabits a {
color: #333;
text-decoration: underline;
}

div#extrabits a:hover {
/*color: #EE8753;*/
color: #333;
text-decoration: none;
}

.addpadding {
	padding: 15px 20px 0 20px;
	text-align: left;
}

/* FOOTER STYLES */

div#footer {
	font-size: 90%;
	text-align: center;
}

div#footer p {
	text-align: center;
	margin-top: 0;
	color: #73879a;
}

div#footer ul {
	margin-bottom: -5px;
}

div#footer ul li {
	border-left: 1px solid #989898;
	display: inline;
}
div#footer ul li.first {
	border: 0;
}

div#footer ul li a {
	color: #6b6960;
	padding: 0 .5em;
}

div#adwords {
display: none;
}
/* End of 'global' */

/* Start of CMSMS style sheet 'nav' */
/* NAVIGATION */

div#header ul#nav { 
	list-style-type: none; 
	float: left; 
	padding: 70px 0 0 20px;;
}

div#header ul#nav li {
	float: left;
	margin-left: 0;
}

div#header ul#nav li a span { display: none; }

div#header ul#nav li a {
	display: block;
	height: 31px;
}

/* BACKGROUNDS FOR LIST ITEMS */
div#header ul#nav li#coaching {
	width: 105px;
	background: #fff url(uploads/images/nav_coaching_over.gif) no-repeat top left;
}

div#header ul#nav li#classes{
	width: 94px;
	background: #fff url(uploads/images/nav_classes_over.gif) no-repeat top left;
}

div#header ul#nav li#reference{
	width: 185px;
	background: #fff url(uploads/images/nav_reference_over.gif) no-repeat top left;
}

div#header ul#nav li#about{
	width: 108px;
	background: #fff url(uploads/images/nav_about_over.gif) no-repeat top left;
}

/* BACKGROUNDS FOR LINKS */

div#header ul#nav li#coaching a {
	width: 105px;
	background: #fff url(uploads/images/nav_coaching.gif) no-repeat top left;
}

div#header ul#nav li#classes a {
	width: 94px;
	background: #fff url(uploads/images/nav_classes.gif) no-repeat top left;
}
div#header ul#nav li#reference a {
	width: 185px;
	background: #fff url(uploads/images/nav_reference.gif) no-repeat top left;
}


div#header ul#nav li#about a {
	width: 108px;
	background: #fff url(uploads/images/nav_about.gif) no-repeat top left;
}


/* BACKGROUND DISAPPEAR FOR A:HOVERS */
div#header ul#nav li#coaching a:hover, div#header ul#nav li#classes a:hover, div#header ul#nav li#reference a:hover, div#header ul#nav li#about a:hover { 
	background: none;
}


/* End of 'nav' */