/* Global Properties */

* { margin:0; padding:0; }
body { font-family:"Courier New", Courier, monospace; letter-spacing: 1.2px; font-size:18px; color:#DFDFDF; text-align:center; background:#e4e4e4; padding:0 0 30px 0; }
ul { list-style:none; }
img, fieldset { border:none; }
input, select, textarea, option { font-size:12px; font-family:"Courier New", Courier, monospace; color:#DFDFDF; border:0; padding:1px 5px; }
a {
	color:#DFDFDF;
	outline:none;
	text-decoration: underline;
}
a:hover { color:#FFFFFF; text-decoration:none; }
a:active, a:focus {
    background:none;
}
h2 { font-size:30px; font-weight:normal; color:#FFFFFF; margin:0 0 5px 0; }
p { line-height:22px; padding:0 0 20px 0; }
.clear { clear:both; line-height:1px; }

/* End Global Properties */


/* STRUCTURE SITE */
#main { width: 100%; background: #1a1a1a; padding-bottom:10px;  }
	#header { width: 980px; height: 200px; margin: auto; overflow: hidden; background: url("../images/bgd_header.jpg") no-repeat; position: relative; }
	#header h1 { position: absolute; left: 14px; top: 17px; width: 321px; height: 155px; }
	#header h1 a { display: block; width: 321px; height: 155px; text-indent: -999999px; background: url("../images/logo.png") no-repeat; }
	#header ul { float: right; width: 620px; overflow: hidden; padding:88px 0 0 0; }
	#header ul li { display: inline;  }
	#header ul li a { background-image: url("../images/navigation.png"); float: left; height: 83px; display: block; text-indent: -999999px; }	
	#header ul li:first-child a { margin-left: 0; }

	.satays-nav a { background-position: 0 0; width: 106px; }
	.satays-nav a:hover, .satays-nav.active a { background-position:0 -83px; }

	.menu-nav a { background-position: -106px 0; width: 110px; }
	.menu-nav a:hover, .menu-nav.active a { background-position:-106px -83px; }
	
	.story-nav a { background-position: -217px 0; width: 113px; }
	.story-nav a:hover, .story-nav.active a { background-position:-217px -83px; }

	.testimonials-nav a { background-position: -329px 0; width: 188px; }
	.testimonials-nav a:hover, .testimonials-nav.active a { background-position:-329px -83px; }

	.contact-nav a { background-position: -518px 0; width: 102px; }
	.contact-nav a:hover, .contact-nav.active a { background-position:-518px -83px; }
	
	.special-section { background:#f8ba41; border:1px solid #ec871f; padding:15px 13px 0 13px; color:#1a1917; font-size: 17px; line-height:18px; }
	.special-section strong { font-size:20px; }
	.special-section a, .special-section a:hover { color:#1a1917; }

	#landing-page { font-size: 20px; width: 980px; margin: auto; text-align: left; }
		#landing-page .introduction { padding:20px; width:940px; overflow:hidden; }
		#landing-page .introduction p { text-align: center; padding-bottom:15px; }
		#landing-page .introduction span { display: block; margin:auto; text-align:center; font-style: italic; }
		#landing-page .introduction-content { width:535px; float:left; margin-top:14px; }
		#landing-page .introduction-content p { line-height:26px; }
		#landing-page .special-section  { width:310px; float:right; }

	#content { width: 980px; overflow: hidden; margin: auto; text-align: left; }
		#content-left { width: 335px; float: left; overflow: hidden; }
		#content-left h2 { text-indent: -99999px; float: right; }

		#content-right { width: 580px; float: right; padding:65px 30px 0 0; }
		.story-content #content-right strong { font-size: 22px; }
		#content-right .testimonial-name { display: block; text-align: right; font-style: italic; font-size: 14px; }
		#content-right .contact-details { line-height: 28px; padding-bottom:40px; }
		#content-right .special-section  { width:552px; margin-bottom:20px;  }

		.satays-content h2 { width: 236px; height: 261px; background: url("../images/title_satays.png") no-repeat; }
		.menu-content h2 { width: 212px; height: 261px; background: url("../images/title_menu.png") no-repeat; }
		.story-content h2 { width: 222px; height: 261px; background: url("../images/title_story.png") no-repeat; }
		.testimonials-content h2 { width: 318px; height: 261px; background: url("../images/title_testimonials.png") no-repeat; }
		.contact-content h2 { width: 242px; height: 261px; background: url("../images/title_order.png") no-repeat; }
		.error-content h2 { width: 242px; height: 255px; background: url("../images/title_error.png") no-repeat; }

	#footer { width: 100%; background:#e4e4e4 url("../images/bgd_footer.gif") top repeat-x; }
		#footerContent { width: 847px; height: 120px; padding: 0 103px 0 30px; margin: auto; overflow: hidden;;  background:url("../images/bgd_footerContent.png") no-repeat; }
		#footerContent .footer-left {  font-family:Arial, Helvetica, sans-serif; letter-spacing: 0; padding-top: 40px; font-size: 12px; color: #333333; float: left; }
		#footerContent .footer-left ul { width:100%; overflow:hidden; padding-bottom:5px; }
		#footerContent .footer-left li { display:inline; }
		#footerContent .footer-left li a { float:left; width:34px; height:34px; display:block; text-indent:-999999px; margin-right:5px; }
		
		#footerContent .footer-left li.facebook-icon a { background:url(../images/icon_facebook.png) left top no-repeat; }
		#footerContent .footer-left li.twitter-icon a { background:url(../images/icon_twitter.png) left top no-repeat; }
		#footerContent .footer-left li a:hover { background-position:bottom; }
		
		#footerContent > ul { float: right; width: 540px; overflow: hidden; padding-top:34px; }
		#footerContent > ul li { display: inline;  }
		#footerContent > ul li a { background-image: url("../images/navigation_footer.png"); float: left; height: 70px; display: block; text-indent: -999999px; }	
		#footerContent > ul li:first-child a { margin-left: 0; }

		#footerContent .satays-nav a { background-position: 0 0; width: 88px; }
		#footerContent .menu-nav a { background-position: -88px 0; width: 97px; }
		#footerContent .story-nav a { background-position: -184px 0; width: 93px; }
		#footerContent .testimonials-nav a { background-position: -277px 0; width: 158px; }
		#footerContent .contact-nav a { background-position: -435px 0; width: 105x; }
		#footerContent .guavaart a { color:#64A826; text-decoration:none; }
		#footerContent .guavaart a:hover { text-decoration:underline; }
		#footerContent .blackink a { color:#000000; text-decoration:none; }
		#footerContent .blackink a:hover { text-decoration:underline; }