/* ---------------------------------
Style #1 for CC Websites
For use with TYPE #1 (California Cafe)
All rights reserved, do not copy!
Murphy Magic Web Design
------------------------------------
variables:

text color = #281082 
body background color = #b4acdd
#branding height = 125px
------------------------------------*/

body{
	font-family: Arial, Verdana, sans-serif;
	font-size: small;
	margin: 0; /* initialize */
	padding: 0; /* initialize */
	background: #e5e2db /* =variable */ url(../images/style1/wrapper.jpg) repeat-y center top;
	text-align: center;
}


/* =INIT */

h1, h2, h3, h4, h5, h6, p, ul, ol, dl {margin: 0; padding: 0;}
a img {border: none;}

/* =LAYOUT */

#wrapper{
	width: 760px;
	margin: 0 auto;
	border-right: 2px solid black;
	border-left: 2px solid black;
	background: #FFFFFF repeat-y right top;
	text-align: left;
	position: relative;
}

#branding{
	background: url(../images/style1/branding.jpg) no-repeat right top;
	height: 125px; /* =variable */
	border-bottom: 1px solid black;
}

#description {display: none;}

#content {
	display: inline; /* for IE */
	float: left;
	width: 450px;
	margin-left: 85px;
	padding-left: 10px;
}

#secondary {
	float: right;
	width: 160px;
}

#siteInfo {
	clear: both;
	margin-right: 100px;
	margin-left: 0;
	padding: 30px 100px 20px 20px;
	padding-bottom: 30%;
	font-size: 100%;
	border-top: 1px dashed #999;
	font-weight: bold;
	color: #bbb;
}

#siteInfo a:link,
#siteInfo a:visited,
#siteInfo a:hover,
#siteInfo a:active{ /* Murphy Magic Web Design */
	color: #bbb;
	text-decoration: underline;
}

#news {display: none;}

/* =NAVIGATION */

#nav li{
	list-style: none;
	display: inline; 
}

#nav h2 a{	/* Contact Us Link (was "sitetools") */
	font-size: small;
	text-decoration: none;
	color: white;
	line-height: 2em;
	background-color: #281082; /* =variable */
	padding: 5px;
	height: 2em;
	border: none;
	font-weight: bold;
} 

#nav h2 a:hover{
	color: #281082; /* =variable */
	background: white;
	padding: 5px;
}

#nav a{
	text-decoration: none;
	color: #666;
	font-size: 100%;
	text-transform: uppercase; 
	border-bottom: 1px dashed #999;
	display: block;
	padding: 7px 5px 7px 30px;
	background-color: #e7e7e7;
}

#nav ul{
	border-top: 1px dashed #999;
	margin-top: 20px;
	margin-bottom: 20px;
}

#nav a:hover {
	background-color: #281082; /* =variable */
	padding-right: 15px;
	padding-left: 30px;
	font-weight: bold;
	color: white;
}

#nav .phone {
	font-size: 140%;
	font-weight: bold;
	color: #281082; /* =variable */
	padding-top: 12px; 
}

#home #nav a#homeLink,
#links #nav a#linksLink,
#promos #nav a#promoLink,
#services #nav a#servicesLink,
#care #nav a#careLink,
#testimonials #nav a#testimLink,
#about #nav a#aboutLink,
#faq #nav a#faqLink,
#contact #nav a#contactLink,
#newsletter #nav a#newsLink {
	background: #fff url(../images/style1/bg_here.gif) no-repeat center left;
	padding-right: 15px;
	padding-left: 30px;
	font-weight: bold;
	color: black;
	cursor: crosshair;
}

/* =MAIN */

#certs p {
	color: #281082; /* =variable */
	font-size: 100%;
	padding: 10px;
	padding-left: 0;
}

#mainContent p {
	font-size: 140%;
	margin-bottom: 10px;
	margin-left: 50px;
}

#mainContent h1 {
	color: #281082; /* =variable */
	margin-top: 20px;
	margin-bottom: 15px;
	margin-left: 0;
	padding-bottom: 5px;
	padding-left: 0;
	font: bold 200% "Arial Narrow", sans-serif;
}

#mainContent h2 {
	color: #281082; /* =variable */
	margin-bottom: 3px;
	margin-top: 30px;
	margin-left: 20px;
	font: normal 160% Georgia, "Times New Roman", Times, serif;
	padding-top: 2px;
	padding-left: 10px;
	border-bottom: 1px dotted #b4acdd;
	z-index: 20;
}

#mainContent a {
	text-decoration: none;
	border-bottom: 1px dashed #b2f511;
	color: #152d6a;
}

#mainContent li { /* where are the lists? */
	list-style: none;
	font-size: 120%;
	background: url(../images/style1/bullet_gray.png) no-repeat 0px 2px;
	padding-left: 15px;
	margin-left: 35px; 
	margin-bottom: 6px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#home #extraDiv1 {
	background-image: url(../images/style1/josephandson_2.jpg);
	background-repeat: no-repeat;
	position: absolute; left: 25px; top: 300px;
	height: 225px;
	width: 216px;
}

#home #extraDiv2 {
	background-image: url(../images/style1/josephandson_2.jpg);
	background-repeat: no-repeat;
	position: absolute; left: 25px; top: 545px;
	height: 225px;
	width: 216px;
}

#services #extraDiv1 {
	background-image: url(../images/wand.jpg);
	background-repeat: no-repeat;
	position: absolute; left: 75px; top: 210px;
	height: 188px;
	width: 250px;

}
#services #intro p {
	padding-left: 200px;
	padding-top: 15px;
}
#home #intro p {
	padding-left: 120px;
	padding-top: 5px;
}

h2#headFirst {
	padding-top: 20px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img#expert,
img#newsletter {
	float: right;
	padding: 10px;
	padding-right: 0;
	width: 164px;
	height: 198px;
}
img#newsletter {
	width: 247px;
	height: 142px;
}
#home #wrapper #mainContent h1 {
	margin-top: 28px;
}

/* =CERTS */

div#certs img {
	text-align: center;
	margin: 30px;
	font-weight: bold;
}

p.certImgs, p#payMethod {
	margin-bottom: 25px;
	color: #454545;
	text-align: center;
	font-weight: normal;
}

/* =SPECIFIC page only */

/* =Testimonials Page */

#testimonials #main p{
	padding: 10px;
	font-weight: bold;
}
#testimonials #main em.quoter{
	padding-top: 40px;
	color: #ed6733;
	text-indent: 3em;
	font-weight: normal;
}

#newsletter #content #mainContent p{
	margin-left: -20px;

}


* html body {
	font-size: x-small; /* IE5 */
	f\ont-size: small; /* other IE */
}
* html #content {
	display: inline;
	width: 430px;
	w\idth: 419px;
}