body {
	background: #eef6fb url('images/bg-top.gif') repeat-x top left;
	margin: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 30px;
	font-size: 11px;
	}

h1, h2, h3 {font-family: "Century Gothic", Verdana, sans-serif;}

a {color: #007fc7; text-decoration: none; font-weight: bold;}
a:hover {color: #000099;}
a img {border: 0;}

.hide {display: none;}

ul {list-style-image: url('images/li-1.gif'); margin-left: 18px; padding-left: 0; font-size: 11px;}
li {margin-bottom: 14px;}

.left {float: left;} 
.right {float: right;}

#container1 {background: url('images/bg2.jpg') no-repeat top center;}
#container2 {width: 780px; margin: 0 auto; position: relative; padding-top: 300px;}

#menu {
	position: absolute; 
	top: 81px; 
	right: 0px; 
	width: 540px; 
	background: url('images/menu-bg.gif') no-repeat top left; 
	height: 29px; 
	text-align: left;
	}
	#menu a img {filter:alpha(opacity=100);-moz-opacity:0.999999; opacity:0.999999; -khtml-opacity:0.999999;}
	#menu a.here img {filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; -khtml-opacity:0.3;}
	#menu a:hover img {filter:alpha(opacity=0); -moz-opacity:0.0; opacity:0.0; -khtml-opacity:0.0;}
		
#header-photo {
	position: absolute; 
	top: 121px;
	left: 0; 
	width: 317px;
	height: 149px;
	}
	
#header-content {
	position: absolute; 
	top: 149px;
	right: 20px; 
	width: 426px;
	height: 120px;
	text-align: left;
	color: #666666;
	font-size: 12px;
	}
	#header-content h1 {
	margin-top: 0;
	color: #0145A4;
	font-size: 18px;
	font-weight: bold;
	}
	
#main-content {
	width: 440px;
	text-align: left;
	color: #666666;
	margin-left: 34px;
	font-size: 11px;
	line-height: 18px;
	}
	#main-content b {font-size: 12px;}
	#main-content h2,
	#main-content2 h2 {
	margin-top: 0;
	color: #0145A4;
	font-size: 16px;
	font-weight: bold;
	}


/* ============= CONTENT WITH LEFT MENU ============= */

#main-content2-menu {
	float: left;
	padding-left: 42px;
	width: 120px;
	text-align: left;
	}
	
#main-content2-menu a {
	display: block; 
	font-size: 12px; 
	color: #007fc7;
	margin-bottom: 0px; 
	padding-left: 9px; 
	background: url('images/arrow.gif') no-repeat left top;
	}
	
	
	
	
#main-content2-menu a.here {color: #000099;}
#main-content2-menu a:hover {
	color: #000099;
	}
	
#main-content2 {
	width: 395px;
	text-align: left;
	color: #666666;
	font-size: 11px;
	line-height: 18px;
	margin-left: 165px;
	}
	#main-content2 b {font-size: 12px;}

/* ============= */


#photo-right {position: absolute; top: 275px; right: 0; width: 270px; padding: 30px 20px 0 0; text-align: right;}
#photo-right a {color: #007fc7;}
#photo-right a:hover {color: #000099;}

#copyright {
	margin: 0 auto;
	width: 760px;
	color: #c4cbce;
	font-size: 10px;
	font-family: "Century Gothic", Verdana, sans-serif;
	}
	#copyright a {color: #007fc7;}
	#copyright a:hover {color: #000099;}
	

/* ============= ABOUT PAGE STYLES ============= */
	
#container2-about {width: 780px; margin: 0 auto; position: relative; padding-top: 331px;}
	
#about-menu {
	position: absolute;
	top: 270px;
	left: 0;
	width: 215px;
	height: 38px;
	background: url('images/about-menu-bg.gif') no-repeat top left;
	}	
	#about-menu a img {filter:alpha(opacity=100);-moz-opacity:0.999999; opacity:0.999999; -khtml-opacity:0.999999;}
	#about-menu a.here img {filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; -khtml-opacity:0.3;}
	#about-menu a:hover img {filter:alpha(opacity=0); -moz-opacity:0.0; opacity:0.0; -khtml-opacity:0.0;}
	

/* ============= HOME PAGE STYLES ============= */

#container1-home {background: url('images/bg-home.jpg') no-repeat top center; height: 504px;}
#container2-home {width: 780px; margin: 0 auto; position: relative; height: 484px;}
#container1-home h2 {
	margin-top: 0;
	color: #0145A4;
	font-size: 16px;
	font-weight: bold;
	}

#news {width: 201px; padding: 10px 12px 0px 12px; margin-top: 312px; text-align: left; float: left; height: 160px;}

#upcoming-events {width: 202px; padding: 10px 12px 0px 12px; margin-top: 312px; text-align: left; float: left; height: 160px;}

#newest-products {background: url('images/home-newest.gif') no-repeat top left; width: 290px; padding: 10px 12px 0px 12px; margin-top: 312px; text-align: left; float: left; height: 160px;}
	#newest-left {width: 70px; float: left; padding: 15px 0 0 75px;}
	#newest-right {width: 56px; float: left; padding: 15px 0 0 89px;}
	
#flashbanner {
	position: absolute;
	top: 121px;
	left: 0px;
	width: 426px;
	height: 120px;
	}
	
#news ul,
#upcoming-events ul,
#newest-products ul {margin-bottom: 0;}