/* ----------------------------------------------------------------
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: #d21b24 url('../images/bg.gif') repeat-x; font: normal 12px Verdana, Arial, sans-serif; color: #000; }

#design-wrapper { margin: 0 auto; width: 100%; max-width: 1020px; }

/* Header */
header  { position: relative; height: 190px;} 
header #design-logo { position: absolute; top: 30px; left: -30px; z-index: 10; }
header #design-logo img { width: 100%; }
header #design-title { position: absolute; top: 76px; left: 230px; }
header #design-title img { width: 100%; }
header #design-dsc { position: absolute; top: 55px; right: 48px; }
header #design-dsc img { width: 100%; }
header #design-social { position: absolute; top: 148px; right: 10px; }

@media screen and (max-width: 800px) {
  
  body#design-body { background-position: center -25px; }
  header { height: 160px; }
  header #design-logo { width: 190px; }
  header #design-title { width: 480px; top: 58px; left: 180px; }
  header #design-dsc { top: 50px; right: 40px; width: 100px; }
  header #design-social { top: 118px; }
  
}

@media screen and (max-width: 480px) {
  
  body#design-body { background-image: none; }
  header { margin: 0; width: 100%; height: 110px; background: #7e0006; }
  header #design-logo { width: 160px; top: 0; left: -5px; }
  header #design-title { display: none; }
  header #design-dsc { display: none; }
  header #design-social { display: none; }
  
}

/* Nav */
#design-nav {
  margin: 0;
  padding-left: 220px; 
	width: 100%;
	height: 49px;
	background: #010101; /* Old browsers */
	background: -moz-linear-gradient(top,  #010101 0%, #e8a1a4 2%, #d35e62 50%, #c72026 51%, #950e12 98%, #010101 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#010101), color-stop(2%,#e8a1a4), color-stop(50%,#d35e62), color-stop(51%,#c72026), color-stop(98%,#950e12), color-stop(100%,#010101)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #010101 0%,#e8a1a4 2%,#d35e62 50%,#c72026 51%,#950e12 98%,#010101 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #010101 0%,#e8a1a4 2%,#d35e62 50%,#c72026 51%,#950e12 98%,#010101 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #010101 0%,#e8a1a4 2%,#d35e62 50%,#c72026 51%,#950e12 98%,#010101 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #010101 0%,#e8a1a4 2%,#d35e62 50%,#c72026 51%,#950e12 98%,#010101 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010101', endColorstr='#010101',GradientType=0 ); /* IE6-9 */
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	box-sizing: border-box;
}
#design-nav #design-container-main-nav { width: 100%; height: 45px; }
#design-nav #design-container-main-nav #ww-btn-main-nav { padding: 0 10px; height: 45px; background: none; border: 0 none; font-size: 13px; font-weight: bold; color: #fff; text-transform: none; text-shadow: 0 0 3px rgba(0, 0, 0, 0.7); box-sizing: border-box; }
#design-nav #design-container-main-nav #ww-btn-main-nav i { margin-right: 5px; }

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

 #design-nav { padding-left: 140px; }

}

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

  #design-nav { padding: 0; }

}

/* Main */
main { display: table; margin: 0; padding: 10px; width: 100%; background: #000; box-sizing: border-box; }
main #design-main { margin: 0; padding: 0; width: 100%; box-sizing: border-box; }
main #design-main-content { margin: 0; padding: 10px; width: 100%; background: #fff; box-sizing: border-box; }

main #design-container-2 .dii-content.dii-content-image .dii-content-image-main-photo { margin: 0; padding: 0; border: none; }

@media screen and (max-width: 480px) {
	
	main { margin: 0; width: 100%; padding: 5px; background: #fff; border-radius: 0; box-sizing: border-box; }
	main #design-main { margin: 0; padding: 0; width: 100%; background: #fff; box-sizing: border-box; }
	
}

/* Footer */
footer { 
  margin: 0 auto;
  padding: 0;
  width: 100%;
  height: 70px;
  background: #000; 
  box-sizing: border-box;
  }
footer #design-footer-inner {
  margin: 0 10px;
  border-top: 3px solid #e51b24;
  background: #172b5e; /* Old browsers */
  background: -moz-linear-gradient(top,  #252525 0%, #000 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#172b5e), color-stop(100%,#000)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #252525 0%,#000 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #252525 0%,#000 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #252525 0%,#000 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #252525 0%,#000 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#000',GradientType=0 ); /* IE6-9 */
  box-sizing: border-box;
}
footer #design-footer-inner #design-footer-left { float: left; font: normal 10px Verdana, Arial, sans-serif; color: #fff; line-height: 14px; }
footer #design-footer-inner #design-footer-right { float: right; width: 230px; }
footer #design-footer-inner #design-footer-left #design-copyright { margin: 10px 0 0 10px; font-weight: bold; }
footer #design-footer-inner #design-footer-left #design-copyrightDII { margin: 2px 0 0 10px; }
footer #design-footer-inner #design-footer-left #design-copyrightDII a { font: normal 10px Verdana, Arial, sans-serif; color: #fff; text-decoration: none; }

@media screen and (max-width: 480px) {
  
	footer { margin: 0; padding: 0; width: 100%; height: 140px; border-top: 3px solid #e51b24; box-sizing: border-box; }
  footer #design-footer-inner { background: none; border: 0 none; }
	footer #design-footer-inner #design-footer-left { display: block; width: 100%; text-align: center; }
	footer #design-footer-inner #design-footer-right { display: block; margin-top: 10px; width: 100%; text-align: center; }
  
}

/* Content Boxes */
.design-sectionContent {
	margin: 0 0 10px 0; 
	padding: 0 0 5px 0;
	width: 100%;
	background: #161616;
  border-bottom: 3px solid #e51b24;
	box-sizing: border-box;
}
.design-sectionContent:last-child { margin: 0; }

.design-clear { clear: both; }