/* ============================ common ============================== */

body { 
	color: #6c6e70; background: #fff;
	font: normal 69% Verdana, Tahoma, "Trebuchet MS", sans-serif; /* base font size => 11px */
}

a:link, a:visited { color: #5d9732; text-decoration: none; }
a:link:hover, a:visited:hover, a:active, a:focus { text-decoration: underline; }

img { display: block; }
a img { border: none; }
a span { cursor: pointer; }

h3{ font-size: 1.4em; font-weight: normal; color: #5d9732; line-height: 1.5em; }
h4{ font-size: 1.2em; font-weight: normal; color: #5d9732; line-height: 1.5em; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{ display: inline-table; }
.clearfix{ display: block; }
.clearfix{ height: 1%; }

/* ========================== common end ============================ */

/* ============================ layout ============================== */


.sub-header{ 
	min-width: 945px; width: auto !important; 
}

#content-home{ 
	min-width: 724px; width: auto !important; 
	margin: 7px 0; padding: 20px 10px 20px 211px;
	background: #e7e7e8;
}

#content{ 
	min-width: 945px; width: auto !important; 
	min-height: 405px; height: auto !important; height: 405px;
	margin: 7px 0; padding: 0 0 20px 0;
	background: #e7e7e8;
}
.courses #content{
	min-width: 945px; width: auto !important; 
	height: 385px;
	margin: 7px 0; padding: 20px 0 0 0;
	background: url(../img/bg-courses.jpg) repeat-x 0 0;
}
.gallery #content{
	min-width: 945px; width: auto !important; 
	height: 405px;
	margin: 7px 0; padding: 0 0 20px 0;
	background: #e7e7e8 url(../img/bg-gallery.gif) no-repeat 0 0;
}
.about-us #content{
	min-width: 945px; width: auto !important; 
	height: 405px;
	margin: 7px 0; padding: 0 0 20px 0;
	background: url(../img/bg-about-us.jpg) repeat-x 0 0;
}

#footer{ 
	min-width: 925px; width: auto !important; 
	padding: 10px;
	color: #fff; background: #5d9732;
	font-size: 1.1em;
	text-align: right;
}
/* ========================== layout end ============================ */

/* ============================ header ============================== */

#nav{
	min-width: 910px; width: auto !important; 
	padding: 20px 10px 10px 25px;
	background: #5d9732;
}
#nav li{
	display: inline;
	padding: 0 15px 0 18px;
	background: url(../img/bg-nav.gif) no-repeat 0 55%;
}
#nav li a{
	color: #fff;
	font-size: 1.1em;
}

/* ========================== header end ============================ */

/* ========================== sub-header ============================ */

#subheader-home{
	position: relative;
	min-width: 945px; width: auto !important; height: 242px;
	background: #d6e4cb;
}
#subheader-home span{
	position: absolute;
	width: 100%; height: 100%;
	background: url(../img/banner-home.jpg) no-repeat 0 0;
}

#subheader{
	height: 57px; min-width: 925px; width: auto !important; 
	padding: 80px 0 0 20px;
	font-size: 2.7em; font-weight: normal; 
	color: #fff; background: #d5e1c9 url(../img/bg-subheader.jpg) no-repeat 0 0;
}

/* ======================== sub-header end ========================== */

/* ============================ content ============================= */

#content-home h2{
	font-size: 1.7em; font-weight: normal;
	color: #5d9732;
}
#content-home p{
	width: 680px;
	margin: 1em 0;
	font-size: 1.2em;
	line-height: 1.5em;
}
#content-home strong{
	display: block;
	margin: 0.5em 0;
	font-size: 1.1em;
	color: #5d9732;
}

#main-links li{
	float: left;
	width: 210px; height: 144px;
	margin: 0 37px 0 0;
}
#main-links li a{
	display: block; position: relative;
	width: 100%; height: 100%;
}
#main-links li a span{
	position: absolute;
	width: 100%; height: 100%;
}
#main-links li a.advertises span{ background: url(../img/advert.jpg) no-repeat 0 0; }
#main-links li a.golf-courses span{ background: url(../img/golf-course.jpg) no-repeat 0 0; }

#content p{
	width: 760px;
	padding: 20px;
	font-size: 1.2em;
	line-height: 1.5em;
}
#content p.error{
	padding: 10px 20px;
	color: #f00;
}
#content p.thanks{
	padding: 10px 20px;
	color: #5d9732;
}

.block{
	margin: 0 0 17px 17px; padding: 10px;
	background: #e7eee1;
}
.block ul{
	margin: 0.5em 0;
	font-size: 1.1em;
	line-height: 1.3em;
}
.block li{
	padding: 0 0 0 10px;
	background: url(../img/bullet.gif) no-repeat 0 0.5em;
}

#why-advertise{
	float: left;
	width: 500px;
}

#more-reasons{
	float: left;
	width: 350px;
}

#courses{ width: 400px; }

.gallery #content p{
	padding: 20px;
	width: 300px;
	font-size: 1.2em;
	line-height: 1.5em;
}
.about-us #content p{
	width: 400px;
	padding-bottom: 0;
	color: #231f20;
}

.form-block{ 
	float: left; 
	width: 380px;
	margin: 0 10px 0 0;
}
.form-block h3{ 
	margin: 0 0 15px 0; padding: 0 0 0 116px;
}
.form-block fieldset{ font-size: 1.1em; }
.form-block div{
	width: 380px;
	margin: 0 0 15px 0;
}
.form-block label{
	float: left;
	width: 100px;
	text-align: right;
	padding: 3px;
}
.form-block input.text,
.form-block textarea{
	border: none;
	width: 260px;
	float: right;
	font: normal 1em Verdana, Tahoma, sans-serif;
	padding: 3px;
	color: #6c6e70;
}
.form-block input.submit{ margin: 0 0 0 116px; }

/* ========================== content end =========================== */

/* ============================= footer ============================= */

#contact-info{ 
	margin: 10px;
	font-size: 1.2em;
}
#contact-info dt{
	display: inline;
	padding: 0 5px 0 0;
}
#contact-info dd{
	display: inline;
	padding: 0 20px 0 0;
	color: #5d9732;
}


/* =========================== footer end =========================== */