﻿body   
{
    width:100%;
	margin: 0px auto 0px 0;
	padding: 0px auto 0px auto;
	background: white;
    font-size: .82em;
    font-family: Arial,"Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    color: black;
}

#page
{
	width:97%;
	border: 0px solid red;
	margin1: 1px auto 1px auto;
	padding: 0px 0px 0px 0px;
    background-color:#fff;
    border: 0px solid #D8D8D8;
	color: #404040;
}

#section-header
{
    position: relative;
	width:100%;
    margin: 0px auto 1px auto;
	padding: 0px 5px 0px 0px;
    background-color: #F8F8F8;
    border: 0px solid #D8D8D8;
	color: #404040;
}

#header
{
    width: 100%;
	min-height: 35px;
    margin: 0px auto 1px auto;
	padding: 0px 0px 0px 7px;
    border-bottom: 0px solid #F0F0F0;
	color: #404040;
}

#logo
{
    padding-top: 5px;
	font-size: 1.8em;
	float: left;
	color: #0099FF;
}

#header-menu, #header-demo
{
    display: none; 
}

#section-slider
{
 	width: 100%;
	min-height1: 400px;
	margin: 0px auto 1px auto;
	padding: 0px 0px 0px 0px;
    background-color1: #F2F2F2;
	background-color1: #0099FF;
    border: 0px solid green;
	color: #404040;
}

#slider
{
    width: 100%;
	min-height1: 325px;
	margin: 1px auto 1px auto;
	padding: 0px 5px 0px 0px;
	background-color: #F0F0F0; 
}

#slideshow { 
	background-color: #F0F0F0;
	margin: 0px auto; 
	margin-left: 0px;
	position: relative; 
	width: auto; 
	height: 325px; 
	padding: 0px; 
}

#slideshow > div { 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	right: 10px; 
	bottom: 10px; 
}
		
.link-button { margin-right: 10px; padding: 3px; color: black; background-color: #F2F2F2;  text-decoration: none; border: 1px solid #0099FF; }

#slideshow .slide { position: relative; }

#slide1-header { font-size: 20px; color: black; display: block; margin: 10px 0px 10px 0px; border1: 1px solid white;}
#slide1-detail { font-size: 14px; color: black; display: block; margin: 10px 0px 10px 0px; border1: 1px solid white; }
#slide1-link { display: block; margin: 25px 0px 10px 0px; border1: 1px solid white; }
#slide1-image { display:none; width: 400px; height: 325px; float: right;}

#slide2-header { font-size: 20px; color: black; display: block; margin: 10px 0px 10px 0px; border1: 1px solid white;}
#slide2-detail { font-size: 14px; color: black; display: block; margin: 10px 0px 10px 0px; border1: 1px solid white; }
#slide2-link { display: block; margin: 25px 0px 10px 0px; border1: 1px solid white; }
#slide2-image { display:none; width: 450px; height: 325px; float: right;}

#slide3-header { font-size: 20px; color: black; display: block; margin: 10px 0px 10px 0px; border1: 1px solid white;}
#slide3-detail { font-size: 14px; color: black; display: block; margin: 10px 0px 10px 0px; border1: 1px solid white; }
#slide3-link { display: block; margin: 25px 0px 10px 0px; border1: 1px solid white; }
#slide3-image { display:none; width: 1000px; height: 325px; }

#slide4-header { font-size: 20px; color: black; display: block; margin: 10px 0px 10px 0px; border1: 1px solid white;}
#slide4-detail { font-size: 14px; color: black; display: block; margin: 10px 0px 10px 0px; border1: 1px solid white; }
#slide4-link { display: block; margin: 25px 0px 10px 0px; border1: 1px solid white; }
#slide4-image { display:none; width: 1000px; height: 325px; }


#section-banner
{
    width: 100%;
    margin: 1px auto 1px auto;
	padding: 0px 0px 0px 5px;
    background-color: #F0F0F0;
    border: 0px solid #D8D8D8;
	color: #404040;
}

#banner { width: 100%; margin: 0px auto 1px auto; padding: 0px 0px 0px 0px; background-image: url("banner.jpg"); }
#banner-div { position: relative; height: 110px; width: 100%; background-color: #F0F0F0; border-bottom: 1px solid #F0F0F0; }
#banner-title { position: absolute; top: 30px; left: 4px; font-size: 20px; color1: #0099FF; display: block; margin: 10px 0px 10px 0px; border1: 1px solid white;}
#banner-pagepath { position: absolute; top: 7px; left: 4px; font-size: 0.90em; color1: #0099FF; }
#banner-image { display:none; width: 300px; height: 110px; float: right;}

#slide1
{
    width: 100%;
	height: 100px;
    margin: 1px auto 1px auto;
	padding: 0px 0px 0px 5px;
    background-color:#fff;
    border-bottom: 1px solid #D8D8D8;
	color: #404040;
}

#section-details
{
    width: 100%;
	min-height: 100px;
	margin: 0px auto 1px auto;
	padding: 0px 0px 0px 5px;
    background-color: #fff;
    border: 0px solid green;
	color: #404040;
}

#details
{
    width: 100%;
	min-height: 100px;
	margin: 1px auto 1px auto;
	padding: 0px 0px 0px 5px;
    background-color:#fff;
	color: #404040;
}

#section-details h1 { padding-left: 3px; }
#details-left { width: 90%; min-height: 130px; float: left; margin: 5px 0px 10px 0px; padding: 0px 5px 5px 5px; background-color: #F5F5F5;  border: 1px solid #E8E8E8; border-radius: 5px;}
#details-menu { width: 90%; background-color: #F5F5F5; }
#details-right { width: 90%; margin: 10px 0px 0px 0px; padding: 10px 5px 5px 5px; }

#menu-details
{
    float: right;
	font-size: 1.2em;
}


#section-footer
{
	width: 100%;
	bottom:0;
   	height1: 50px;
    margin: 1px auto 1px auto;
	padding: 5px 0px 0px 5px;
    background-color: #F0F0F0;
    border-top: 0px solid #F0F0F0;
	color: #404040;
}

#footer
{
	width: 100%;
	margin: 1px auto 1px auto;
	padding: 5px 0px 0px 5px;
    background-color: #F0F0F0;
	border-top: 0px solid #F0F0F0;
    color: #404040;
}

#footer .column1, .column2, .column3, .column4
{ 
	padding: 5px;
	text-align: left;
	float: left;
}

#footer .column1 { width: 95%; }
#footer .column2 { width: 95%; }
#footer .column3 { width: 95%; }
#footer .column4 { width: 95%; }

.column2 #quick-link {
	text-decoration: none; color: black;
}

.column2 #quick-link:hover {
		color: #337DFF;
}

.column3 #social-link {
	text-decoration: none; color: grey;
}

.column3 #social-link:hover {
		color: #337DFF;
}

