/* CSS File for EZ Games (www.ezgamesinc.com) */
/*

Title: master.css
Browsers: All
Author: Sakchai Siripanyawuth (artellectual.com)
*/


/* Tell the browser to render HTML 5 elements as block */  
header, footer, aside, nav, article {  
    display: block;  
}

/* Basic Settings */  
body { font: 12px/22px "Lucida Sans", Lucida, Verdana, sans-serif; padding: 0px; margin: 0px;}
h2 { font-size: 28px; line-height: 44px; padding: 22px 0; }  
h3 { font-size: 18px; line-height: 22px; padding: 11px 0; }  
p {  }
a { text-decoration: none; color: #fff;	}

/* Commonly Used Classes */
.center{ width: 960px; 	margin: 0 auto; }
.clearer { clear: both; }
.shadow { -webkit-box-shadow: 0px 0px 21px #646464; -moz-box-shadow: 0px 0px 21px #646464; box-shadow: 0px 0px 21px #646464;  }
.rounded { -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.engrave { text-shadow: 0px 1px 0px #fff ; }  

/* Background for Different Sections */
div#header { background: #d0cfd0; height: 160px; border-bottom: 10px solid #626264; }
div#section-1 { background: #add141 url(i/section-1-bg.gif) repeat-x; height: 307px; border-top: 1px solid #daff6c; border-bottom: 1px solid #c0c0c0; }
div#section-2 { background: #eaeaea url(i/section-2-bg.gif) repeat-x; height: 518px; border-top: 10px solid #626264; border-bottom: 1px solid #c5c5c5; }
div#section-3 { background: #272727 url(i/section-3-bg.gif) repeat-x; height: 530px; border-top: 10px solid #626264; border-bottom: 1px solid #000; }
div#footer { background: #414141 url(i/section-4-bg.png) repeat-x; height: 733px; border-top: 1px solid #818181; }
a.scrollTop-2 { float: right; font-size: 14px; color: #626264; font-style: italic; margin-top: 15px; font-weight: bold; margin-left: 5px; margin-right:  5px; }
a.scrollTop-3 { float: right; font-size: 14px; color: #fff; font-style: italic; margin-top: -5px; font-weight: bold; margin-left: 5px; margin-right:  5px;  }
a.scrollTop-4 { float: right; font-size: 14px; color: #fff; font-style: italic; margin-top: -5px; font-weight: bold; }
/* Here comes the content! */

	/* Header Area */
	div#logo { background: url(i/top-hilite.gif) top left no-repeat; height: 160px;}
	img.logo { margin-top: 15px; margin-left: 10px; float: left;	}
	ul.navigation {	float: right; margin-right: 10px; margin-top: 60px; background: #626264; padding: 12px;	}
	ul.navigation li { display: inline; margin-left: 10px; margin-right: 10px; padding: 7px; }
	ul.navigation li:hover { background: #fff; } ul.navigation li:hover a { color: #626264; }
	ul.navigation li a { font-weight: bold;	}
	
	/* Section 1 */
	div#section-1-content { background: url(i/section-1-hilite.png) top center no-repeat; height: 307px; padding-top: 25px; }
	div.slideshow { background: transparent; width: 620px; height: 192px; float: left; margin-left: 10px; }
	div.side-text { float: right; width: 290px; margin-right: 10px; color: #6d7c3f; font-size: 16px; font-style: italic; font-weight: bold; padding-left: 30px; padding-top: 20px;	}
	p.mission {  text-align: center; font-size: 16px; font-weight: bold; color:#516517; padding: 10px 40px; margin: 10px 50px; font-style:italic; }
	
	/* Section 2 */
	div#section-2-content { background: url(i/section-2-bg-patt.png) top right no-repeat; height: 518px; padding: 0px 10px; color: #fff; }
	div#section-2-content h2{ font-style: italic; color: #333333; font-size: 48px; }
	div#section-2-content div.product-box, div.product-box-first, div.product-box-last { text-align: center; background: #333 url(i/product-box-bg.png) repeat-x; width: 300px; height: 370px; float: left; margin-right: 15px; margin-left: 15px; }
	div.product-box-first { margin-left: 0px; } div.product-box-last { margin-right: 0px; }
	div#section-2-content h3 { color: #add141; font-size: 36px; margin-top: 15px; font-style: italic; text-align: center; }
	ul.console-list { text-align: center; color: #fff; margin-top: 40px; font-size: 14px;	}
	div#section-2-content img{ margin-left: 10px; margin-top: 20px; 	}
	div#section-2-content p.software, p.accessories { font-size: 14px; margin-top: 10px; padding: 0px 80px; 	}
	div#section-2-content p.accessories { padding: 0 30px;}
	div#section-2-content img.accessories-img { margin-top: 50px;	}
	
	/* Section 3 */
	div#section-3-content { background: url(i/section-3-header-bg.png) top left no-repeat; height: 530px; padding: 0px 10px;	}
	div#section-3-content h2 { color: #add141; font-size: 48px; font-style: italic;	}
	div#section-3-content div.who { width: 620px; float:  left; color: #fff; }
	div#section-3-content div.who p, div.why p { font-size: 14px; margin-top: 20px; margin-bottom: 20px; }
	div#section-3-content div.who h3, div.why h3 { font-size: 30px; font-style: italic; color: #fff; font-weight: normal;	}
	div#section-3-content div.why { width: 300px; float: right; color: #add144; }
	
	/* Footer Area */
	div#footer-content { background: url(i/section-4-bottom-patt.png) bottom right no-repeat; height: 733px; padding: 0px 10px;	}
	div#footer-content h2 { color: #add141; font-size: 48px; font-style: italic; }
	div#footer-content div.footer-1 { width: 300px;	float: left; }
	div#footer-content div.footer-2 { width: 280px; float: left; margin-left: 20px; margin-right: 20px; padding: 0px 20px;}
	div#footer-content div.footer-3 { width: 300px; float: left; }
	form#contact-us label.error { font-size:  12px; color: red;	}
	form#contact-us label {	color:#fff; font-size: 18px; font-style:italic; }
	form#contact-us input, form#mc-embedded-subscribe-form input { width: 280px; padding: 10px; font-size:  16px; margin-top: 5px; margin-bottom: 5px; background: #eaffae; border: none; color: #414141;	}
	form#contact-us textarea { width: 280px; padding: 10px; font-size: 16px; margin-top: 5px; margin-bottom:  15px; background: #eaffae; border: none; color: #414141; height: 200px;	}
	form#contact-us input#submit { width: 300px; padding: 10px;	 background:#2c2c2c; border: 1px solid #add141; color: #add141; font-style:italic; }
	div.footer-2 h3, div.footer-3 h3 { font-size: 24px; color: #add141; font-style: italic; }
	div.footer-2 p { font-size:  18px; color: #fff; font-style: italic; margin-bottom: 15px; line-height: 1.2; margin-top: 10px;	}
	div.footer-2 p.tel, p.fax { margin-bottom: 0px; font-size: 20px;	}
	div.footer-2 p a { color: #add141; }
	div.footer-2 a.map-link { color: #fff;	}
	div.footer-2 div.map iframe { border: 5px solid #add144; }
	div.footer-3 p, div.footer-3 div#mc_embed_signup { font-size: 14px; color: #fff; font-style: italic; margin: 10px 0px ; }
	div.footer-3 a { color: #add144; }
	div.footer-3 input#mc-embedded-subscribe {  width: 150px; float: right; background: #2c2c2c; border: 1px solid #add141; color: #add141; font-style: italic;	} 
	
	div.disclaimer { text-align: center; margin-top:  10px; color: #fff; font-style: italic; 	}
	/* Contact Form Response */
	div#response { padding: 10px; color: #fff;}
	div#response img#checkmark { float: left; margin-right: 10px;	}
	div#response h2{ font-size:  14px; color:  #fff; font-style: italic; padding: 5px; margin: 0px; line-height: 18px;	}