/* ----------------------------------------------------------------
Copyright (c) Demosphere International Inc.
No permission is granted for any purpose without prior
written consent from Demosphere International Inc.
-------------------------------------------------------------------*/

/* General Page Styles */
body#design-body { margin: 0; padding: 0; background: #a3a3a3; font: 14px Verdana, Arial, sans-serif; font-weight: normal; color: #000; }

#design-wrapper { margin: 0; width: 100%; }

/* Header */
header { margin: 0; width: 100%; height: 148px; background: #fff; }
header > div#design-header-inner { position: relative; margin: 0 auto; width: 100%; max-width: 980px; height: 148px; background-color: #fff; background-image: url('../images/headerBg.png'); background-position: bottom right; background-repeat: no-repeat; background-size: 100%; box-sizing: border-box; }
header > div#design-header-inner > div#design-logo { position: absolute; top: 0; left: -2px; }
header > div#design-header-inner > div#design-logo img { width: 100%; }
header > div#design-header-inner > nav { position: absolute; top: 105px; left: 150px; width: 100%; max-width: 830px; height: 47px; box-sizing: border-box; }
header #design-container-main-nav { margin: 0; padding: 0; width: 100%; height: 47px; }
header #design-container-main-nav #ww-btn-main-nav { padding: 10px; height: 47px; background: none; border: 0 none; font-family: 'Oswald', sans-serif; font-weight: 400; }

/* Main */
main { margin: 0; width: 100%; background: #a3a3a3 url('../images/mainBg.gif') top repeat-x; border-top: 3px solid #b40017; box-sizing: border-box; }
main > #design-main { margin: 0 auto; padding: 15px;  width: 100%; max-width: 980px; background: #e6e6e6; box-shadow: 10px 0px 10px -10px rgba(0,0,0,0.3), -10px 0px 10px -10px rgba(0,0,0,0.3); box-sizing: border-box; }
main > #design-main > div { padding: 0; box-sizing: border-box; }
main > #design-main div#design-container-main { width: 100%; background: #fff; -webkit-border-radius: 5px; border: 1px solid #d9d9d9; -moz-border-radius: 5px; border-radius: 5px; box-sizing: border-box; }

/* Footer */
footer { margin: 0 auto; padding: 0; width: 100%; max-width: 980px; height: 140px; background: #b40017; border-top: 4px solid #000; box-sizing: border-box; }
footer div#design-footer { margin: 0 10px; width: 100%; max-width: 960px; height: 100px; background: url('../images/line.png') repeat-x; }
footer div#design-footer-left { float: left; }
footer div#design-footer-right { float: right; width: 200px; }
footer div#design-footer-left #design-copyright { margin: 15px 0 0 10px; font-size: 10px; line-height: 14px; font-weight: bold; color: #fff; }
footer div#design-footer-left #design-copyrightDII { margin: 2px 0 0 10px; font-size: 10px; line-height: 14px; font-weight: normal; color: #fff; }
footer div#design-footer-left #design-copyrightDII a { font-size: 10px; color: #fff; text-decoration: none; }

footer #design-contact { padding: 10px; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: normal; color: #fff; text-align: center; }
footer #design-contact span { padding: 0 5px; }

/* Content Boxes */
.design-sectionContent {
	margin: 15px 0 0 0; 
	padding: 5px;
	width: 100%;
	background: #fff;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border: 1px solid #d9d9d9;
	box-sizing: border-box;
}
.design-sectionContent:first-child { margin-top: 0; }
.design-clear { clear: both; }

#design-bottomLogos { margin: 15px 0; padding: 25px 10px 10px 10px; width: 100%; background: url('../images/shadow.png') top center no-repeat; box-sizing: border-box; }

/* Responsive */

@media screen and (max-width: 800px) {

	header > div#design-header-inner > nav { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

}

@media screen and (max-width: 480px) {

	/* Header */
	header { margin: 0; width: 100%; height: 135px; background: #fff; }
	header > div#design-header-inner { position: relative; margin: 0 auto; width: 100%; height: 135px; background-position: 0 45%; box-sizing: border-box; }
	header > div#design-header-inner > div#design-logo { position: absolute; top: 0; left: 0; }
	header > div#design-header-inner > div#design-logo img { width: 65%; }
	
	/* Nav */
	header > div#design-header-inner > nav { position: absolute; top: 100px; left: 0; width: 100%; background: #fff; border-top: 3px solid #b40017; box-sizing: border-box; }
	
	/* Main */
	main { margin: 0; width: 100%; background: #0b183e; box-sizing: border-box; }
	main > #design-main { margin: 0 auto; padding: 5px; width: 100%; background: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-sizing: border-box; }

	/* Footer */
	footer { margin: 0; padding: 0; width: 100%; height: 140px; }
	footer div#design-footer-left { display: block; width: 100%; text-align: center; }
	footer div#design-footer-right { display: block; margin-top: 10px; width: 100%; text-align: center; }
	
	/* Content Boxes */
	.design-sectionHeader {	margin: 10px 0 0 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-sizing: border-box; }
	.design-sectionContent { margin: 0 0 5px 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
	
}