/*
      grey: #636466
	  pink: #E31083
	  green: #8ABD3D
	  purple: #622D87
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 100%;
 color: #636466;
}
p {
 font-size: 0.8em;
 line-height: 1.2em;
 padding: 10px 0px 5px 5px;
}
h1 {
 font-size: 1.6em;
 color: #FFFFFF;
 padding: 0px 0px 20px 0px;
}
h2 {
 font-size: 1.5em;
 font-weight: normal;
 color: #FFFFFF;
 padding: 5px 5px 2px 5px;
}
.grey {
 background-color: #636466;
}
.pink {
 background-color: #E31083;
}
.green {
 background-color: #8ABD3D;
}
.purple {
 background-color: #622D87;
}
.power {
	float: right;
	top: 0px;
	right: 0px;
	position: absolute;
}
.phone {
 float: right;
 font-family: Arial, Helvetica, sans-serif;
 color: #E31083;
 font-size: 1.3em;
 top: 35px;
 right: 0px;
 position: absolute;
}
.logo {
 float: left;
 top: 20px;
 left: 5px;
 position: absolute;
}
.email {
 float: right;
 font-family: Arial, Helvetica, sans-serif;
 color: #8ABD3D;
 font-size: 1.3em;
 top: 60px;
 right: 0px;
 position: absolute;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#header {
 color: #333;
 width: 900px;
 float: left;
 padding: 10px;
 position: relative;
 height: 100px;
 margin: 10px 0px 0px 0px;
}
#bannerholder {
 background: #FFFFFF;
 float: left;
 padding: 0px;
 margin: 5px 0px 10px 0px;
 width: 920px;
}
#leftbanner {
 float: left;
 background-image: url(images/pinkbg.gif);
 display: inline;
 height: 280px;
 padding: 10px 10px 10px 10px;
 margin: 0px 0px 0px 0px;
 width: 539px;
 position: relative;
}
#leftbanner img {
 float: left;
 display: inline;
 bottom: 5px;
 left: 7px;
 margin: 0px 10px 0px 0px;
 position: absolute;
} 

.accordion {
 height: 130px;
 right: 30px;
 top: 70px;
 position: absolute;
 width: 290px;
}
.accordion h3 {
	padding: 4px;
	margin: 0;
	color: #E31083;;
	font-size: 1em;
	border-bottom: none;
	cursor: pointer;
}
.accordion h3:hover {
	background-color: #636466;
	color: #FFFFFF;
}
.accordion h3.active {
	background-position: right 5px;
}
.accordion p {
	background: #E31083;
	color: #FFFFFF;
	font-size: 0.8em;
	margin: 0;
	padding: 8px;
	display: none;
}

#leftbanner2 {
 float: left;
 background-image: url(images/purplebg.gif);
 display: inline;
 height: 150px;
 padding: 10px 20px 10px 10px;
 margin: 10px 0px 0px 0px;
 position: relative;
 width: 529px;
}
#leftbanner2 ul {
 font-size: 0.8em;
 list-style: square;
 margin-left: 0px;
 padding-left: 20px;
}
#leftbanner2 li {
 padding: 4px;
}
#rightbanner {
 float: right;
 background-image: url(images/greenbg.gif);
 display: inline;
 height: 460px;
 padding: 10px 10px 10px 10px;
 position: relative;
 margin: 0px 0px 0px 0px;
 width: 331px;
}
#rightbanner ul {
 color: #333333;
 font-size: 1.4em;
 list-style: square;
 margin-left: 0px;
 padding-left: 25px;
}
#rightbanner li {
 padding: 2px 3px 7px 7px;
}
#pinkbutton {
 bottom: 10px;
 background-image: url(images/pinkbutton.png);
 font-size: 1.5em;
 font-weight: bold;
 height: 60px;
 left: 40px;
 padding: 20px 10px 0px 10px;
 position: absolute;
 text-align: center;
 width: 255px;
}
#pinkbutton a:link, #pinkbutton a:visited {
 color: #FFFFFF;
}
#pinkbutton a:hover, #pinkbutton a:active {
 color: #E31083;
}
#navigation {
 float: left;
 width: 900px;
 color: #333;
 padding: 10px;
 border: 1px solid #ccc;
 margin: 0px 0px 0px 0px;
}
#leftcolumn { 
 margin: 0px 0px 20px 0px;
 padding: 10px;
 width: 350px;
 float: left;
 display: inline;
}
#leftmiddle { 
 margin: 0px 0px 0px 10px;
 padding: 10px;
 width: 520px;
 float: left;
 display:inline;
}
#leftmiddle ul {
 font-size: 0.8em;
 margin-left: 0px;
 padding: 0px 0px 10px 15px;
}
#leftmiddle li {
 padding: 3px 0px 0px 0px;
}

#rightmiddle { 
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 180px;
 width: 279px;
 float: left;
 display: inline;
}
#rightcolumn { 
 background-image: url(images/badge2.jpg);
 float: left;
 height: 110px;
 margin: 0px 0px 0px 0px;
 padding: 70px 10px 10px 10px;
 text-align: center;
 width: 204px;
}
#bottom { 
 background-image: url(images/bg-grey.gif);
 float: left;
 height: 130px;
 margin: 0px 0px 30px 0px;
 padding: 10px 10px 10px 10px;
 position: relative;
 text-align: left;
 width: 900px;
}
#bottom ul {
 font-size: 0.8em;
 list-style: square;
 margin-left: 0px;
 padding-left: 20px;
}
#bottom li {
 padding: 4px;
}
#greenbutton {
 bottom: 10px;
 background-image: url(images/pinkbutton.png);
 font-size: 1.5em;
 font-weight: bold;
 height: 60px;
 right: 40px;
 padding: 20px 10px 0px 10px;
 position: absolute;
 text-align: center;
 width: 255px;
}
#greenbutton a:link, #greenbutton a:visited {
 color: #FFFFFF;
}
#greenbutton a:hover, #greenbutton a:active {
 color: #E31083;
}
#purplebadge {
 background-image: url(images/purplebadge.png);
 bottom: 5px;
 float: right;
 font-size: 1em;
 font-weight: bold;
 height: 73px;
 padding: 27px 10px 10px 10px;
 position: absolute;
 right: 40px;
 text-align: center;
 width: 90px;
}
#purplebadge a:link, #purplebadge a:visited {
 color: #FFFFFF;
}
#purplebadge a:hover, #purplebadge a:active {
 color: #E31083;
}
.clear { float: left; width: 1px; /* http://www.positioniseverything.net/explorer/peekaboo.html */ }