/* MASTER STYLESHEET

Project:				www.acadetcamp.com
Version:			3.0
Last change:	13/05/09
Assigned to:		Academic Cadet Camp
Author:				Pathompong(www.3nbdesign.com)

-------------------------------------------------------------------*/

/* CONTENTS

1. Body
	2. Wrapper
		3. Header / #header
		4. Main Navigator / #main-nav
		5. Container / #container
			5.1 Main Content / #main-content
			5.2 Left Content / #content-left
			5.3 Right Content / #content-right
			5.4 News / .news
			5.5 Testimonial / .testimonial
				5.5.1 Testimonial Picture / .testimonial-left
				5.5.2 Testimonial Text / .testimonial-right
			5.6 Testimonial Hilight / .testimonial-hl
				5.6.1 Testimonial Hilight Picture / .testimonial-hl-left
				5.6.2 Testimonial Hilight Text / .testimonial-hl-right
			5.7 Hilight / #hilight
				5.7.1 Hilight Left / #hilight-left
				5.7.2 Hilight Center / #hilight-center
				5.7.3 Hilight Right / #hilight-right
	6. Footer Wrap / #footer-wrap
		6.1 Footer / #footer
			6.1.1 Footer Infomation / #footer-info
			6.1.2 Sub Navigator / #sub-nav
	
-------------------------------------------------------------------*/

/* RESETS */

* { margin: 0; padding: 0; }
body { background: #e2ebec url(../images/body-bg.jpg) repeat-x; color: #363636; font-family: Verdana, Tahoma; min-height: 100%; }
ol,ul { list-style: none; }
table { border-collapse:collapse; border-spacing:0; }
a { outline: none; }
a img { border: none; }


/* WRAPPER */
#wrapper {
	width: 900px;
}

/* HEADER */
#header {
	height: 205px;
}
#header h1 {
	padding: 0;
	width: 400px;
	height: 197px;
	overflow: hidden;
}
#header h1 span {
	background-image: url(../images/academic-cadet-camp-logo.jpg);
	display: block;
	width: 100%;
	height: 100%;
}

/* MAIN NAVIGATOR */
#main-nav {
	height: 85px;
}

/* CONTAINER */
#container {
	min-height: 100%;
	padding: 10px;
	padding-top: 30px;
}
html>/**/body #container {
	padding-top: 15px;
}
.main-content {
	margin-bottom: 30px;
}
.content-left {
	float: left;
}
.content-right {
	float: right;
}
.news {
	padding: 15px 10px 5px 10px;
	display: block;
}
.news:hover {
	background: #fff url(../images/news-bg.jpg) left bottom repeat-x;
}
.testimonial-hl {
	padding: 15px 10px 5px 10px;
	display: block;
}
.testimonial-hl-left {
	width: 103px;
}
.testimonial-hl-right {
	width: 272px;
}
.testimonial {
	padding: 20px 30px 5px 30px;
	display: block;
}
.testimonial-left {
	width: 129px;
}
.testimonial-right {
	width: 681px;
}
#hilight {
	width: 840px;
	height: 230px;
	background: #e2ebec url(../images/hilight-bg.jpg) top center no-repeat;
}
#hilight-left {
	float: left;
	margin: 55px 5px 0 80px!important;
	margin: 55px 5px 0 40px;
	padding: 10px;
	height: 150px;
	width: 200px;
}
#hilight-center {
	float: left;
	margin: 55px 5px 0 0;
	padding: 10px;
	height: 150px;
	width: 205px;
	display: inline;
}
#hilight-right {
	float: left;
	margin: 55px 0 0 0;
	padding: 10px;
	height: 150px;
	width: 205px;
	position: relative;
}

/* FOOTER */
#footer-wrap {
	height: 300px;
	background: #00305f url(../images/footer-wrap-bg.jpg) repeat-x;
}
#footer {
	margin: 0 auto;
	width: 900px;
	height: 300px;
	background: #00305f url(../images/footer-bg.jpg) top center no-repeat;
}
#footer-info {
	margin: 20px 0 0 90px;
	position: absolute;
}
#footer-left {
	float: left;
	width: 175px;
	padding-left: 5px;
}
#footer-right {
	float: left;
	width: 345px;
	padding-left: 10px;
}
#footer-info ul.info li {
	display: block;
}
#footer-info ul.info li.copyright {
	padding-top: 130px;
}
#footer-info ul.info li.credit {
}
#footer-info ul.info li.name {
	padding-top: 20px;
}
#footer-info ul.info li.address {
	padding-top: 7px;
}

/* SUB NAVIGATOR */
#sub-nav {
	float: right;
	width: 150px;
	margin: 40px 20px 0 0;
	display: block;
}
html>body #sub-nav {
	margin: 40px 35px 0 0;
}
html>/**/body #sub-nav {
	margin: 40px 35px 0 0;
}