@charset "UTF-8";
/* CSS Document */

body  {
	font: 100% Helvetica, Arial, sans-serif;
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

<!--
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;	
}
a:active {
	text-decoration: none;
}
-->

/****************Divs *****************/


#container 					{width: 1082px; height:auto; margin: 0 auto; overflow:auto;}
#container ul {list-style-image: url(../images/bullet.png); list-style-position: inside;}

#header						{background:url(../images/header.jpg) no-repeat; width:1082px; height:136px; }
#header_circle				{left:393px; top:-26px; position:relative; text-align:center;}
#header_text				{left:450px; top:60px; position:relative}
#header_buttons				{background:url(../images/button_back.jpg) no-repeat; width:1082px; height:32px; }
#header_buttons_sep			{left:65px; position:relative;}
#polaroid_pics				{width: 600px; float:right;}
#staff_info					{width: 700px; float:right; right:100px;}
#staff_pic					{width: 350px;; float:right; right:100px;}
#boby_content				{width: 450px; float:left}
body_content				{width: 900px; float:left}
#orange_button 				{background:url(../images/page_button.jpg) no-repeat; width:157px; height:30px;}
#list_right					{width:750px; float:right; top:-230px; position:relative;}
#image_right				{width:750px; left:270px; top:75px; position:relative;}

#footer						{background:url(../images/footer.jpg) no-repeat; width:1082px; height:300px; margin-bottom:0px; position:absolute;}
#footer_index				{background:url(../images/footer.jpg) no-repeat; width:1082px; height:300px; margin-bottom:0px; position:absolute; top:750px;}
#footer_services			{background:url(../images/footer.jpg) no-repeat; width:1082px; height:300px; margin-bottom:0px; position:absolute; top:600px;}
#footer_items_left			{top:20px; left:115px; position:relative; width:180px;}
#footer_items_center		{top:-75px; left:300px; position:relative; width:180px;}
#footer_items_right			{top:-170px; left:460px; position:relative; width:180px;}
#footer_where				{top:-320px; left:630px; position:relative; width:210px;}

#staff 						{width:300px; float:right; position:relative;}
#staff_picture 				{width:300px; float:left; position:relative;}

/****************Contact Box Style*****************/

#contact #email_form input, #contact #email_form textarea { padding: 5px; width: 250px; font-family: Helvetica, sans-serif; font-size: 1em; margin: 0px 0px 5px 0px; border: 2px solid #ccc;}
#contact #email_form textarea {height: 90px;}
#contact #email_form textarea:focus, #contact #email_form input:focus {	border: 2px solid #900;}
#contact #email_form input.submit-button {width: 80px; float: right; margin-right: 45px;}
#contact #email_form label {float: left; text-align: right; margin-right: 15px; width: 75px; padding-top: 5px; font-size: 1em;}
#contact #email_form {padding: 10px 10px 30px 10px; width: 400px; display: block; margin: auto;}


/****************Span Classes*****************/

.BigOrange {
	color: #e8832f;
	font-weight: bold;
	font-size:30px;
}

.MediumOrange {
	color: #e8832f;
	font-weight: bold;
	font-size:20px;
}

.BigBlack {
	color: #000000;
	font-weight: bold;
	font-size:30px;
}

.MediumBlack {
	color: #000000;
	font-weight: bold;
	font-size:20px;
}

.BigWhite {
	color: #ffffff;
	font-weight: bold;
	font-size:27px;
}

.MediumWhite {
	color: #ffffff;
	font-weight: bold;
	font-size:14px;
}

.headerWhite {
	color: #ffffff;
	font-size:16px;
}

.headerOrange {
	color: #e8832f;
	font-weight:bold;
	font-size:16px;
}

.SmallGrey {
	color: #8f8d80;
	font-size:14px;
}

.BigGrey {
	color: #62605d;
	font-size:28px;
}


