/* ----- MAIN -----  */

body {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color: #000000;
}

p {
	margin-top:5px;
	margin-bottom:10px;
	padding-left:15px;
	padding-right:15px;
}

li {
	list-style-image:url(images/liIcon.png);
}

/* ----- LINK ----- */
img {
	border: none;
}

a {
	color: #404040;
	text-decoration: none; 
}

a:hover {
	color: #caf05f;
}

* { margin: 0; padding: 0; }

#main-content { 
	padding-right: 14px;
}

#page-wrap { 
    width: 880px; 
	margin: 5% auto 5px;
	margin-top: 30px;
	margin-bottom: 0px;
	background-image: url(images/background_cont.jpg);
	background-repeat: repeat-y;
	overflow:hidden;
}

/* ----- LOGO -----  */
.head-container{
	width: 880px;
	height: 210px;
	margin: 0px auto; 
	background-image: url(images/background_head.jpg);
	background-repeat: repeat;
}

#logo-head {
	height: 12px;
	width:880px;
	background-color: #b8b8b8;
}
	  
#logo {
	margin-left: 0px;
	padding-bottom: 10px;
	height:165px;
	position:relative;
	text-align:center;
}

/* ----- MENU -----  */
.group:after { 
	visibility: hidden; 
	display: block; 
	font-size: 0; 
	clear: both; 
}

.group { 
	display: inline-block; 
	clear: both; 
	font-size: 14px;
	font-weight:600;
}

nav ul { 
    list-style: none; 
	background-color: #b8b8b8;
	width: 900px;
	height: 30px;
}
nav ul li { display: inline; }

nav ul li a {
	padding: 7px 37px 0px 37px;
	margin: 0px 12px 0px 12px;
	background-color: #b8b8b8;
	color: #000000;
	text-decoration: none;
	float:left;
}
nav ul li a:hover {
	background-color: #caf05f;
	color: #000000;
	padding-top: 6px;
	padding-bottom: 6px;

}	
nav ul li a:active, nav ul li a.current {
	background-color: #caf05f;
	padding-top: 6px;
	padding-bottom: 6px;
}

/* ----- CONTENT ----- */

#quote {
	font-style: italic;
	margin-left:20px;
}

#quote-sign {
	margin-left:175px;
}

.wrap-content {
	width: 680px;
	margin:	 20px 0px 0px 30px;	
	float:left;
	color:#000000;
}

.wrap-content li{
	margin-left:30px;
	margin-bottom:5px
}

.wrap-content p{
	margin-bottom:20px
}

.wrap-content h3{
	font-size: 16px;
	margin: 15px 0px 15px 15px;
	font-weight:700;
}

#help h4{
	font-size: 18px;
	font-weight: 700;
	text-decoration:underline;
	margin: 35px 0px 15px 15px;
}

#index h3 {
	margin: 60px 0px 20px 15px;
}

#about h3 {
	margin: 15px 0px 5px 15px;
}

#offer h3 {
	margin: 60px 0px 25px 15px;
}

#help h4{
	font-size: 18px;
	font-weight: 700;
	text-decoration:underline;
	margin: 35px 0px 15px 15px;
}

#contact h3 {
	margin: 15px 0px 5px 15px;
}

#announcement {
	width:140px;
	height: 480px;
	padding: 20px 30px 10px 0px;
	float:right;
	position:relative;
}

#announcement img{
	margin-top:5px;
	margin-bottom:10px;
}

#ann1 {
	position:absolute;
	margin-top:10px;
}

#ann2{
	position:absolute;
	margin-top:165px;
}

#ann3 {
	position:absolute;
	margin-top:320px;
}


#map-container {
	border:solid 0px black;    
    overflow:hidden;    
    -moz-border-radius: 12px;
    border-radius: 12px;
	-moz-box-shadow: -1px 3px 12px black;
	-webkit-box-shadow: -1px 3px 12px black;
	box-shadow: -1px 3px 12px black;	
    height: 240px;
    width: 240px; 
	margin-left:15px;
	margin-top:25px;
}


/* ----- FOOTER ----- */

.foot-container{
	padding-top:5px;
	width: 880px;
	height: 28px;
	margin: 0 auto; 
	background-color:  #b8b8b8;
}

footer {
	clear: both;
	text-align:right;
	font-size:12px;
}

footer a {
	font-weight:700;
}