body {
background: #f5e20c;
margin: 0px; /* Always set margins to 0. Some browsers automatically apply them. */
padding: 0px; /* Always apply padding if you apply margins */}
		
/* This sets a default font for all of our tag selectors. We set the text align back to left so it won't center (based on the body tag to compensate for IE.) */
	
p, h1, h2, h3, h4, h5, h6, a, ul, li, ol, dt, dd, td {
font-family:Verdana, Arial, Helvetica, sans-serif;}

/* Redefines the p tag */
p { 	
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
margin:10px 20px 0 10px;
line-height:1.3;}
	p span{
	font-weight:bold;
	color:#ff0000;}
	
h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
color: #2398d2;
margin: 0 0 0 10px;
text-indent: 0px;
padding: 7px 0px 7px 0px;
text-transform: uppercase;}	

ul#listfloatleft {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
float: left;
margin: 0px 30px 35px 0px;
padding-left: 20px;
list-style-image:url(images/arrow.gif);
width:215px;}	

ul#listfloatright{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
float: right;
margin: 0px 30px 35px 0px;
padding-left: 20px;
list-style-image:url(images/arrow.gif);
width:225px;}	
	li {
	font-size:14px;}


/* Creates the general link style for the site. This is not the main navigation.  */
a:link {
color:#223560;
text-decoration: none;}
		
a:visited {
color: #223560;
text-decoration: none;}
		
a:hover {
color: #223560;
text-decoration: underline;}

a:active {
text-decoration: none;}
	
/* ----------------- PAGE LAYOUT ELEMENTS ----------------- */
div#wrapper{
width: 770px;
margin: 0px auto;}
	 
div#header { 
background: url(images/header.gif);
width: 770px;
height: 198px;
margin: 0px auto;
position: relative;}
	div#audio {
	position: absolute;
	left: 607px;
	top: 158px;
	width: 107px;
	height: 2px;}
	
div#container {
width:770px;
margin: 0px auto;
background: url(images/bg_pagetext.gif) top left repeat-y;}
	
div#left{
float: left;
width: 184px;}
	div#left table {
	width:177px;
	margin:0 0 0 7px;}
	div.apple {
	margin:10px 0 0 20px;}

div#right{
float: left;
width: 560px;}

div#addressbox{
width: 730px;
background: #ff9900;
border: #009900 1px solid;
margin: 10px auto 0 auto;}
	address{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 39px 0 0;
	float: right;
	color: #fff;
	font-style:normal;}

div#bottom{
background: url(images/bottom.gif) top left no-repeat;
width: 770px;
height: 35px;
margin: 0 auto;
clear: both;}

div#links {
width: 770px;
color: #fff;
text-align: center;
margin: 0 auto;
padding: 5px 0;
font-size: 11px;}
	div#links a:link,div#links a:visited {
	color: #990000;
	font-weight: bold;}
	 
div#copyright {
width: 770px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #990000;
font-size:9px;
margin: 0px auto;
text-align: center; 
padding: 10px 0px 10px 0px;}
	div#copyrightcopyright a:link{
	color: #990000;}
	div#copyrightcopyright a:visited{
	color: #fff;}

div#login{
width: 770px;
text-align: right;
margin: 0px auto;
clear: both; 
font-size: 10px;}
	 
div#logos{
margin: 10px;
width: 525px;}
	div#logos img{
	border: 1px solid #ccc;}

/* ----------------- IMAGE ELEMENTS ----------------- */
.right {
margin: 5px;
float: right;}
	.right img{
	border: 1px solid #ccc;
	padding: 4px;}
	
.left{
margin: 5px;
float: left;}
	.left img{
	border: 1px solid #ccc;
	padding: 4px;}

.images{
border: 2px solid #ff9900;
text-align:center;
margin-left: 10px;}
	
#imgright {
border: 1px solid #cbcbcb;
text-align:center;
float: right;
margin: 5px 5px 5px 10px;
padding: 5px 5px 5px 5px;}	
	
/* ----------------- NAVIGATION ----------------- */
#navigation {
text-align: center;
position: absolute;
left: 35px;
top: 161px;
width: 754px;}

#navigation ul {
font-family: Verdana;
font-weight: bold;
text-decoration: none;
margin: 0;
padding: 0;
list-style:none;}
	#navigation li {
	display: inline;
	background: url(../images/bgnav.gif) repeat-x center top;
	text-align: center;
	padding: 0;
	margin-right: 1px;	
	float: left;
	text-transform: uppercase;}
	#navigation a {
	color: #fff;
	background: url(../images/bgnav_left.gif) no-repeat left top;
	float: left;
	margin:	0;
	padding-left:7px;
	text-decoration: none;
	font-size: 11px;}
	#navigation a span {
	background: url(../images/bgnav_right.gif) no-repeat right top;
	display: block;
	padding:7px 10px 4px 5px;
	float: none;}
	#navigation a:hover {
	color: #FF9900;}
	#navigation .current {
	color: #ffff00;}


/*-----------CUSTOM STYLES------------*/
.clear{	clear: both;}

.center{text-align: center;}

.page8stack {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
float: left;
margin: 0 15px 15px 15px;
padding: 0;
list-style-image:url(images/arrow.gif);
width:225px;}

/*------Location----*/
.location1 {
margin-left: 30px;
float: right}
	.location1 img{
	border: 1px solid #ccc;
	padding: 4px;}
	
.location2{
width: 500px;
margin-right: 30px;}
	.location2 img{
	border: 1px solid #ccc;
	padding: 4px;}
	
.indexcenter {
padding-left: 75px;}

.services1{
width: 260px;
float: left;
height: 218px;
margin-left: 10px;
margin-bottom: 10px;
border: 1px solid #ccc;}
	.services1 p{
	color: #fff;}

.services2{
width: 260px;
height: 218px;
float: left;
margin-left: 10px;
margin-bottom: 10px;
border: 1px solid #ccc;}
	.services2 p{
	color: #fff;}

/* page 4 boxes*/
#red{background: #CC3300;}
#yellow{background: #CCFF33;}
#blue{background: #3366CC;}
#green{background: #00CC33;}
#orange{background: #ff9900;}
#purple{background: #990066;}
#brown{background: #996600;}
#black{background: #000;}