/*  
Description: CM Business Services 
Version: 2.0
Author: Karen Rubado
Author URI: http://www.karebou.com/
*/

/* -- reset all elements to a common value ----------------------------------------------------- */
* {
	padding:0;
	margin:0;
}

h1, h2, h3, h4, h5, h6 {
	margin:0 0 0.3em 0;
}

p, pre, blockquote, label, ul, ol, dl, fieldset, address {
	margin:0;
}

li, dd, blockquote, address { margin-left:2.5em; }


/* -- default classes -------------------------------------------------------------------------- */
.center { text-align: center; }
.right { text-align: right !important; }
.left { text-align: left !important; }
.small { font-size: 0.9em; }
.smaller { font-size: 0.8em !important; }
.bold { font-weight: bold !important; }
.floatRight { float: right; }
.floatLeft { float: left;}
.clear { clear: both; }
.italic { font-style:italic;}


/* -- accessibility ---------------------------------------------------------------------------- */
.aural {
	position: absolute;
	left: -9999px;
	font-size: small;
}

.hide { display: none; }


/* -- Default Styles --------------------------------------------------------------------------- */
/* colours, sizes, etc of elements */
body {
	font: 62.5%/1.6  Verdana, Arial, sans-serif; /* set font size to 11px */
	background: #7c226f;
	text-align: center;
	color: #333;
}
	
h1, h2.businesses { 
	color: #710f63;
	font: 1.7em Verdana, Arial, sans-serif;
	font-weight: normal;
	border-bottom: 1px dotted #710f63;
}

h2 {
	font: 1.4em Verdana, Arial, sans-serif;
	color: #a4187c;
	font-weight: normal;
	padding-left:10px;
}

h3 {
	font: 1.4em Verdana, Arial, sans-serif;
	color: #333;
	font-weight: normal;
}

h4 { font-size: 1em; }

a { 
	color: #911d81;
	text-decoration: none;
}

a:hover, a:active { border-bottom: 1px dotted #911d81; }
a img { border: 0; } /* no borders on linked images */

li {
	list-style-image: url(../img/bullet.png);
}

.call {
	font-size:1.2em;
	}


/* -- Layout Styles ---------------------------------------------------------------------------- */
#container { /* keep the layout together and centered */
	width: 782px;
	background: url(../img/background.png) repeat-y;
	overflow: hidden;
	text-align: left;
	margin: 10px auto 0 auto;
	position: relative;
}

#header { /* header */
	float: left;
	width: 782px;
	background: url(../img/header.png) no-repeat bottom;
	height: 84px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}

	#logo { /* clickable logo */
		width: 344px;
		text-indent: -9000px;
		background: url(../img/logo.png) no-repeat;
		margin:5px 0 0 10px;
		position:absolute;
		z-index:3;
	}
	
		#logo a {
			display:block;
			height:83px;
			background:url(../img/logo.png) no-repeat;
			}
	
#login {
	float:right;
	margin:10px 10px 0 0px;
	background:url(../img/lock.png) no-repeat left;
	display:inline;
	padding-left:15px;
	}
	
	#login a {
		color:#666;
		font-size:1.0em;
		
		}

#contentGroup { /* main content group*/
	float: left;
	width: 782px;
}

	#content { /* main content area (middle column) */
		float: right;
		width: 500px;
		margin: 0 8px 0 0;
		overflow: hidden;
		text-align:justify;
		font-size: 1.2em;
	}
	
	#content h1 {
		padding-top:10px;
		padding-left:10px;
		}
	
		#content p {
			line-height:1.8em;
			padding:0 10px 10px 10px;
			}
		
		#content h2.businesses {
			padding-left:10px;
			}
	
	
	#sidebar {
		float:left;
		width:265px;
		margin:0;
		overflow:hidden;
		}
		
			
		#nav { 
			float: left;
			background: #7f0f62 url(../img/nav-top.png) no-repeat 0 top;
			margin: 0 0 8px 8px;
			padding: 0;
			width: 257px;
		}

			#nav ul {
				background: #7f0f62 url(../img/nav-bg.png) no-repeat 0 bottom;
				padding: 10px 6px 10px 0px;
				margin-top:8px;
				font-size: 1.1em;
				font-weight: normal;
				width:257px;
			}
			
				#nav ul li {
					list-style: none;
					color:#FFF;
					line-height:2.0em;
					border-bottom: 1px dotted #ba9ab6;
					padding:5px 10px 5px 10px;
					margin:0px;
					}

				#nav li a {
					text-decoration: none;
					color: #FFF;
					}
			
				#nav-top li a:hover, #nav-top li a:active { color: #fff; }	
			
		#contact { 
			float: left;
			background: #b676ae url(../img/contact.png) no-repeat;
			margin: 0 0 15px 8px;
			padding: 0;
			width: 257px;
			height:167px;
			}
		
			#contact p {
				color:#FFF;
				line-height:1.8em;
				padding:10px 6px 10px 15px;
				font-size:1.0em;
				}
			
			#contact a {
				color:#FFF;
				}
				
		#tagline {
			margin: 0 0 0 14px;
			width:257px;
			text-align:center;
			height:16px;
			background:url(../img/tagline.png) no-repeat;
			float:left;
			}
				

#footer {
	float: left;
	width: 782px;
	height:22px;
	margin: 0 autox;
	font-size: 0.8em;
	background: #fff url(../img/footer.png) no-repeat;
	color: #666;
	font-size: .9em;
	text-align: left;
	padding-bottom:0px;
}

	#footer p {
		margin-left:20px;
	}
	
	#footer a {
		color: #666;
		text-decoration: none;
	}


/* Page related styles ------------------------------------------------------------------------- */
/* home page */
#intro {
	background:url(../img/intro.jpg) no-repeat top;
	width:480px;
	height:224px;
	margin:0 auto;
	padding:10px;
	}
	
	#intro h2 {
		color: #710f63;
		font: 1.6em Verdana, Arial, sans-serif;
		font-weight: normal;
		margin:0px 0 0 140px;
		line-height:1.4em;
		border:none;
		letter-spacing:-.05em;
		}
	
	#intro p {
		margin:0 0 0 151px;
		line-height:1.6em;
		}
	
	p.testimonial {
		color:#545454;
		font-style:italic;
		font-size:.9em;
		line-height:1.2em !important;
		padding-top:10px;
	}
	
	
/* benefits page */
#benefits {
	width:489px;
	margin:0 auto;
	padding-bottom:10px;
	}
	
	#benefits-top {
		background:url(../img/benefits-top.png) bottom no-repeat;
		height:8px;
		}
		
	#benefits-mid {
		background:url(../img/benefits-mid.png) repeat-y;
		}
		
	#benefits-btm {
		background:url(../img/benefits-btm.png) top no-repeat;
		height:8px;
		}
		
	#benefits h2 {
		color:#a4187c;
		font-size:1.4em;
		margin:0 10px 5px 10px;
		}
	
	#benefits p {
		margin:0 10px -5px 10px;
		}
		
		#benefits ul li {
			line-height:1.6em;
			padding-bottom:5px;
			}

/* testimonials page */
#clients {
	width:490px;
	}
	
	#clients-left {
		float:left;
		width:240px;
		padding-bottom:20px;
		}
		
	#clients-right {
		float:right;
		width:240px;
		padding-bottom:20px;
		}
		
/* about us page */
.about-img {
	float:right;
	margin-left:15px;
	width:100px;
	height:145px;
	}
	
#benefits-mid-145 {
	background:url(../img/benefits-mid.png) repeat-y;
	height:145px;
	}


/* contact us page */
#address {
	width:490px;
	}
	
	#address-left {
		float:left;
		width:100px;
		padding:0 0 10px 10px;
		}
		
	#address-right {
		float:left;
		width:360px;
		padding:0 0 10px 10px;
		clear:both;
		}
#sidebar .bbb {
	float:left;
}
.bbb img {
	margin-left:72px;
	display:block;
	padding-top:20px;
}