@charset "UTF-8";
/* CSS Document */
/*Design by Lizzie Dickerson, Purple Planet Web Design, www.lizziedickerson.com. All rights reserved.*/

*html { font-size: 100%;
display: inline; /* IE hack */ 
}
body {
	
	font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	background-color: #EBEBEB;
	background-image:url(images/purple_background4.jpg);
	background-repeat: repeat x
	background-position: left top;
	text-align: center;
	
	}
#wrapper {
	width: 800px;
	margin: 15px auto 15px auto;
	background: #FFF;
	border:inset;
	border-color: #CCC;
	text-align: left;
	
}
#logo	{
float: right ;
}

/* NAVIGATION */

#mainNav ul {
background-color:#CCCC99;

margin: 0;
padding: 0;
list-style-type: none;
display: block;
float: left;
width:800px;
}

ul.mainNav a
{
	
	cursor: pointer;
	background-color: #CCCC99;
	padding: 0.5em 0.75em;
	color: #333;
	text-decoration: none;
}


#mainNav li {
	float: left;
	padding: 0;
	margin: 0;
	
}

#mainNav li a, #mainNav li a:link {
	
	color:#444444;
	text-decoration: none;
	display: block;
	padding: .5em 1em;
	border-right: 1px solid #555;

	font: bold 1.2em "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
}

#mainNav li a:hover{
background-color:#EEE;
	color:#BB0000;
}

/* IE 6 hack to make entire button clickable */
* html #mainNav a { width: 1px; }


/* IE Fixes */

/* force hover on entire width of  link */
* html #mainNav a {
	height: 1px;
}



span.bizName {font-family:  Tahoma, Arial, "Gil Sans", "Comic Sans MS"; color:#990000;font-size: 1.5em; line-height:1.5em;}


br.clear	{
clear: both;
height: 0;
}

br.clear2	{
clear: left;
height: 0;
}
br.clear3	{
clear: right;
height: 0;
}


.intro	{

background-color:#EBEBEB;
font-size: 1.3em;
	line-height: 130%;
	margin-right:20px;
	text-indent: 10px;
}
.intro2	{
margin:10px 20px 10px 20px; 
background-color:#EBEBEB;
font-size: 1.3em;
	line-height: 130%;
	
	
}
 .intro img	{
	float: right;
	
	margin: 10px 10px 10px 10px;
	border:5px solid;
	border-color:#CCCCCC;
	background-color:#EBEBEB;
	padding: 5px;
	clear: right;
	
	}
  a:link {
 color:#990000;
 text-decoration: none;
 }	
  a:visited {
 color:#456B24;
 text-decoration: none;
 }
 a:hover {
 color:#990000;
 text-decoration: none;
 }
 a:active	{
 color:#FF6600;
 text-decoration: none;
 }

.content {display: inline; /* for IE */
	float: left;
	width: 60%;
	margin-top: 20px;
	margin-left: 20px;
	padding-left: 0px;
	border-left: 1px solid #E73A10;

	}

.content h2
{
font-size: 1.5em;
color: #990000;
margin-left:20px;
padding-top: 1em;

font-weight: normal;

}

 .content ul 	{
list-style:none;
font-size: 1.5em;
line-height: 1.75em;
margin: 5px 0 0 15px;
padding-bottom: 20px;



	
}
 .content a:hover {
 
 text-decoration: none;
 color: #5E9130;}


.content h2
{
font-size: 1.5em;
color: #990000;
margin-left:20px;
padding-top: 1em;

font-weight: bold;

}
.content h3{
color:#222222;
font-size: 1.5em;
margin-left:20px;
padding-top: 1em;

font-weight: bold;}

.content h1
{text-align: center;
font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
color:#222222;
font-size:2em;
font-weight:normal;


padding: 10px 0 0 10px;
}


 .content img	{
	float: right;
	margin:20px 10px 10px 10px;
	border:5px solid;
	border-color:#CCCCCC;
	background-color:#EBEBEB;
	padding: 5px;
	clear: both;
	
	}

.content p {
	font-size: 1.3em;
	line-height: 150%;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left:15px;
	
	
}

.bbb {
text-align:center;
}

.sidebar {
display: inline; /* for IE */
	float: right;
	width: 30%;
	margin: 20px;
	top: 0px;
	left: 0px;
	border: 1px solid #E73A10;
	
	
}


.sidebar h2 {
margin-top: 10px;
margin-right: 15px;
margin-bottom: 0px;
margin-left: 15px;
font-style:bold;
	font-size: 1.5em;
	line-height:1.2em;
	color:#990000;
	
	text-align: center;
	text-transform: uppercase;
	padding: 5px;
}

.sidebar h2 {
margin-top: 10px;
margin-right: 25px;
margin-bottom: 0px;
margin-left: 25px;

	font-size: 1.5em;
	line-height:1.2em;
	color:#990000;
	
	text-align: center;
	text-transform: uppercase;
	padding: 5px;
}
.sidebar h3 {
margin-top: 10px;
margin-right: 25px;
margin-bottom: 0px;
margin-left: 25px;

	font-size: 1.2em;
	line-height:1.2em;
	color:#333333;
	
	text-align: center;
	
	padding: 5px;
}


.sidebar ul {
	color: #000;
	font-size: 1.2em;
	margin: 20px;
	padding: 0 5px 0 5px;
	
	
}
.sidebar ul a	{
color:#000;
}

.sidebar li {
text-indent:1em;
list-style: none;
line-height:1.2em;

padding-left: 18px;
margin-bottom: 6px;
text-indent:0;
	
}



.subhead2 {

color:#000;
font-size:1.5em;
margin:20px;

}
.sidebar h3 {
margin-top: 10px;
margin-right: 25px;
margin-bottom: 0px;
margin-left: 25px;

	font-size: 1.2em;
	line-height:1.2em;
	color:#333333;
	
	text-align: center;
	
	
}	


 .mainContent {
	margin: 25px 20px 20px 20px;
	padding: 0 0 40px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color:#EBEBEB;	
}
.content2, .content3 {
	margin: 20px 20px 20px 20px;
	padding: 0 0 40px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color:#EBEBEB;	
}
 .testimonial	{
 font-size: 1.2em;
 font-style:italic;
 line-height: 1.5em;
 margin-left: 180px;
 margin-right:20px;
 }

.content4 { 
	margin: 20px 20px 20px 20px; 
	padding: 0 0 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color:#FFFFFF;
	font-size:1em;
}


 .mainContent img	{
	float: left;
	margin: 10px 10px 20px 0;
	
	border:5px solid;
	border-color:#CCCCCC;
	background-color:#EBEBEB;
	padding: 5px;
	clear: both;
	
	
	
	}
	.content2 img	{
	float: right;
	margin:20px 10px 10px 10px;
	border:5px solid;
	border-color:#CCCCCC;
	background-color:#EBEBEB;
	padding: 5px;
	clear: both;
	
	}

	.content3 img	{
	float: right;
	margin:10px 10px 10px 10px;
	border:5px solid;
	border-color:#CCCCCC;
	background-color:#EBEBEB;
	padding: 5px;
	
	clear: both;
	}
	.content4 img	{
	float: left;
	margin: 10px 20px 10px 10px;
	
	border:5px solid;
	border-color:#CCCCCC;
	background-color:#EBEBEB;
	padding: 5px;
	clear: both;
	
	}
	
	.content5 img	{
	
	margin: 20px 20px 10px 10px;
	

	padding: 5px;
	clear: both;
	
	}

	
.mainContent h2, .content2 h2, .content3 h2, .content4 h2	{
font-family: Tahoma, Arial, "Gil Sans", "Comic Sans MS";
color:#990000;
font-size:1.75em;
font-style:bold;


padding: 10px 0 0 10px;

}
.mainContent h3, .content2 h3, .content3 h3, .content4 h3	{
	font-family: Tahoma, Arial, "Gil Sans", "Comic Sans MS";
	color:#5E9130;
	font-size: 1.5em;
	font-style:bold;
	margin:0;
	padding:0;
	text-indent: 1.2em;
	line-height:1.2em;
	

}
.mainContent h4, .content2 h4, .content3 h4, .content4 h4 	{
font-family: Tahoma, Arial, "Gil Sans", "Comic Sans MS";
color:#000000;
font-size: 1.75em;
line-height:.2em;
margin:10px;
font-weight:normal;
}

 .content2 ul, .content3 ul, .content4 ul 	{
list-style:none;
font-size: 1.3em;
line-height: 1.75em;
margin: 5px 0 0 0;
padding-bottom: 20px;



	
}

.mainContent ul	
{
list-style:none;
font-size: 1.3em;
line-height: 1.75em;
margin-left: 10px; 

}

	


.address	{
text-align:center;
margin: 0 0 0 0;
padding: 0 0 0 0;
font-family:"Trebuchet MS", "Lucida Grande", Tahoma, Arial;
color:#456B24;
font-size: 1.5em;
line-height: 1.2em;
}

.blurb	{text-align: left;
margin: 10px 10px 10px 280px;
padding: 0 10px 10px 10px;
font-family:"Trebuchet MS", "Lucida Grande", Tahoma, Arial;
font-size: 1.5em;
line-height: 1.2em;
}
.blurb2	{text-align: left;
margin: 10px 260px 10px 20px;
padding: 0 10px 10px 10px;
font-family:"Trebuchet MS", "Lucida Grande", Tahoma, Arial;
font-size: 1.5em;
line-height: 1.2em;
}
#footer:	{
clear:both;



}
#footer a:link {color:#9900FF;}
#footer a:visited {color: #9900FF;}
#footer a:hover { color:#F33;}
#footer a:active {color:#9933CC;}