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

@import 'grid-1.6.css';

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

#design-wrapper { margin: 0; width: 100%; border-top: 8px solid #94ca46; }

/* Header */
#design-header { margin: 0; width: 100%; height: 173px; background: #195267; }
#design-header .container { position: relative; height: 173px; box-sizing: border-box; z-index: 1; }
#design-logo { position: absolute; top: 15px; left: -7px; }
#design-logo a { display: block; }
#design-logo img { height: 230px; }

/* Nav */
#design-nav { width: 100%; height: 48px; background: #82b539; box-sizing: border-box; }

#design-nav #design-nav-inner { margin: 0; width: 100%; height: 44px; box-sizing: border-box; }
#design-nav #design-nav-inner #design-container-main-nav { margin: 0 auto; padding-left: 185px; width: 100%; max-width: 1170px; height: 44px; box-sizing: border-box; }
#design-nav #design-nav-inner #design-container-main-nav #ww-btn-main-nav { padding: 0 5px; height: 43px; background: none; border: 0 none; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 700; color: #143e4d; line-height: 43px; text-transform: uppercase; box-sizing: border-box; }
#design-nav #design-nav-inner #design-container-main-nav #ww-btn-main-nav i { margin: 0 5px; height: 42px; line-height: 43px; }

/* Main */
main { margin: 0; width: 100%; background: #c2c2c2; box-sizing: border-box; }
#design-main .container { padding-top: 25px; background: #ededed; 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 { box-sizing: border-box; }
main div#design-main-content { padding: 10px; width: 100%; background: #fff; box-sizing: border-box; }

/* Footer */
footer {
	margin: 0;
	padding-top: 15px;
	width: 100%;
	height: 120px; 
	background: #143e4d; /* Old browsers */
	background: -moz-linear-gradient(top,  #042a38 0%, #143e4d 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#042a38), color-stop(50%,#143e4d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #042a38 0%,#143e4d 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #042a38 0%,#143e4d 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #042a38 0%,#143e4d 50%); /* IE10+ */
	background: linear-gradient(to bottom,  #042a38 0%,#143e4d 50%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#042a38', endColorstr='#143e4d',GradientType=0 ); /* IE6-9 */
	border-top: 4px solid #94ca46;
	box-sizing: border-box;
}
footer div#design-footer { margin: 0 auto; width: 100%; max-width: 1170px; height: 100px; }
footer div#design-footer-left { float: left; }
footer div#design-footer-right { float: right; width: 240px; }
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; }

/* Content Boxes */
.design-sectionHeader {
	margin: 15px 0 0 0;
	padding: 14px 10px;
	height: 45px;
	background: #ad011a url('../images/sectionHeader.gif') top right no-repeat;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #143e4d;
	letter-spacing: 0em;
	text-transform: uppercase;
	text-shadow: 0px 0px 2px rgba(164, 223, 79, 0.5);
	line-height: 16px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	box-sizing: border-box;
}
.design-sectionHeader:first-child { margin-top: 0; }

.design-sectionContent {
	margin: 0 0 15px 0;
	padding: 0;
	width: 100%;
	overflow-y: auto;
	background: #e4e4e4;
	border-bottom: 3px solid #143e4d;
	box-sizing: border-box;
}
.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-nav { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

}

@media screen and (max-width: 480px) {
	
	body#design-body { background-image: none; }

	#design-header,
	#design-header .container { height: 120px; }
	#design-logo { position: absolute; top: 5px; left: 0; }
	#design-logo img { height: 115px; }
	
	#design-nav {
		width: 100%;
		background: #94ca46;
		border-top: 2px solid #143e4d;
		border-bottom: 2px solid #143e4d;
		box-sizing: border-box;
	}
	#design-nav #design-nav-inner { position: relative; margin: 0; width: 100%; border: 0; }
	#design-nav #design-nav-inner #design-container-main-nav { margin: 0; padding: 0; width: 100%; height: 40px; }
	
	main { margin: 0; width: 100%; background: #0b183e; box-sizing: border-box; }
	main > #design-main { 
		margin: 0 auto;
		padding: 5px; 
		width: 100%; 
		background: #fff;
		box-sizing: border-box;
	}

	.design-sectionHeader {	margin: 10px 0 0 0; box-sizing: border-box; }
	.design-sectionContent { margin: 0 0 5px 0; }

	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; }
}