/********************************************************************************
Basic Styles
*******************************************************************************/

body,p,ul,h1,h2,li,div,span,address {
	margin:0; 
	padding: 0; 
	list-style-position:inside;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:black;
	background-color: #000000;
	text-align:center;
	padding:0;
	margin:0;
}
#contentcontainer {
	width:980px; 
	margin:0 auto; 
	text-align:left;

}
.cf:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
* html .cf {
	height: 1%;
}

/********************************************************************************
Top Bar Styles
*******************************************************************************/

#topbar {
	width:980px;
	height:139px;
	background-image: url(images/top.gif);
	background-repeat: no-repeat;
	background-color: #FFF;
}
#topbar h1 {
	float:left;
	padding:0;
	margin:15px 0 0 0;
}
#topbar .phonenumber a {
	float:right;
	font-size:12px;
	color:#ffffff;
	padding:0 0 0 0;
	margin:99px 20px 0 0;
}
#topbar .phonenumber a:hover {
	border-top:solid 3px #F60 ;
	color:white;
	text-decoration:none;
}
#dropmenudiv{
	position:absolute;
	border:1px solid #cccccc;
	z-index:100;
	text-align:left;
}
#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 5px;
	padding:5px 0 5px 0;
	text-decoration: none;
	font-size:10px;
	background-color: white;
	color:#666;
}

#dropmenudiv a:hover{ /*hover background color*/
	background-color:#ccc;
}


/********************************************************************************
body Styles
*******************************************************************************/

#contentarea {
	width:980px;

}
#toparea {
	width:980px;
	height:335px;
	padding-top:5px;
	background-image: url(images/flash.jpg);
	background-repeat: no-repeat;
}
#welcome {
	width:300px;
	padding:20px;
	margin:40px 0 0 60px;
	border: solid white 1px;
	background-color:#FFF;
	filter:alpha(opacity=90);
	opacity: 0.8;
	-moz-opacity:0.5;
	line-height: 17px;
}
#welcome h1 {
	font-size:20px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color: #F60;
}
#midarea {
	float:right;
	padding:10px 0 0 0;
	width:980px;
	height:auto;
	background-repeat: no-repeat;
}
#bodytext {
	width:700px;
	padding:20px;
	margin:0 0 0 28px;
	border: solid white 1px;
	line-height: 17px;
	color: #FFF;
}
#bodytext h1 {
	font-size:20px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color: #F60;
}
#otherbodytext {
	width:885px;
	padding:20px;
	margin:0 0 0 28px;
	border: solid white 1px;
	line-height: 17px;
	color: #FFF;
}
#otherbodytext h1 {
	font-size:20px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color: #F60;
}
#midarea p {
	padding:55px 15px 0 680px;
}
#bottomarea {
	float:left;
	width:980px;
	height:511px;
	background-image: url(images/bottom.gif);
	background-repeat: no-repeat;
}
#bottomarea p {
	padding:55px 10px 0 18px;
}
#conarea {
	float:left;
	width:980px;
	height:186px;
	background-image: url(images/under.jpg);
	background-repeat: no-repeat;
}
#conarea p {
	padding:55px 10px 0 18px;
}
#aniarea {
	float:left;
	width:980px;
	height:500px;
	background-image: url(images/animation.jpg);
	background-repeat: no-repeat;
}
#aniarea p {
	padding:55px 10px 0 18px;
}
#footer {
	float:left;
	width:980px;
	height:auto;
	padding: 20px 0 10px 30px;
	color:#FFF;
	text-align:left;
}
#footer p {
	padding:55px 10px 0 18px;
}

#topareasub {
	width:980px;
	height:208px;
}
#bottomareasub {
	float:left;
	width:980px;
	background-color:#FFF;
	padding:0 0 20px 0;
}
#bottomareasub p {
	padding:10px 10px 0 18px;
}