/*LAYOUT*/
/*general*/
.full-width {max-width: 980px;}
#indexTopText {margin-right: 300px; min-height: 55px;}
#applyButtonContainer {width: 300px; float: right; position: absolute; top: 0; right: 10px;}

/*specific resolutions*/
@media (min-width: 1000px) {

}
@media (min-width: 768px) and (max-width: 999px) {

}
@media (min-width: 480px) and (max-width: 767px) {
	#applyButtonContainer {background: none; width: 160px; margin: 0 auto; clear: both;
		position: relative; float: none;}
	#applyButtonContainer .block:first-child {display: none;}
	#indexTopText {margin-right: 0;}
}
@media (max-width: 479px) {
	#header-top {text-align: center;}
	#widgetLogo {float: none;}
	#widgetContactUs {float: none; clear: both; display:inline-block; text-align:left;}
	#applyButtonContainer {width: 160px; margin: 0 auto; clear: both;
		position: relative; float: none;}
	#applyButtonContainer .block:first-child {display: none;}
	#indexTopText {margin-right: 0;}
	#widgetTestimonials .testimonial .thumbnail {display: none;}
	#widgetTestimonials .testimonial .testimonial-content {margin-left: 14px;}
	#widgetTestimonials .testimonial .testimonial-content .corner {display: none;}
	#main-image, #main-image-aux {background-image: none !important;}
}
/*END LAYOUT*/


html {margin: 0; padding: 0; background: #F4F4F4;font-family: Verdana, sans-serif; font-size: 12px;}
body {color: #333433; background-position: center 79px; background-repeat: no-repeat; padding: 0; margin: 0;}
#body-container {background-position: center 79px; background-repeat: no-repeat; min-height: 300px;}
a {color: inherit; text-decoration: inherit; cursor: pointer;}
a:HOVER {text-decoration: underline;}
a img {border: none;}
h1, h2, h3, h4, h5 {margin: 0; padding: 10px 0;}
p {padding:0; margin:1em 0;}
iframe, object {max-width: 100%;}
/*Prevent image height distorsion in IE8*/
@media \0screen {
	img { width:auto }
}
* img {max-width: 100%; height: auto !important;}
.full-width {margin: 0 auto; padding: 0 10px;}
.clear {clear: both;}

#header-top {padding: 15px 0 10px 0; position: relative; background: #FFF;}
#header-top .shadow {position: absolute; bottom: -3px; width: 100%; height: 3px; background: url('../../images/apollo/top-shadow.png') repeat-x;}

#header {/*overflow: hidden;*/}

#main-image {background-color: #555;}
#main-image,
#main-image-aux {background-repeat: no-repeat; background-position: center center;}

#header > .container {padding: 10px 0;}

#header-bottom {background-image: url('../../images/apollo/sub-header-base.png');}
#header-bottom > div.bg {background-image: url('../../images/apollo/sub-header.png');}
#header-bottom {background-repeat: repeat; background-position: 0 0; overflow: hidden; position:relative; z-index:10;
	box-shadow: 0px -1px 3px rgba(0,0,0,0.4), 0px 1px 3px rgba(0,0,0,0.4);}
#header-bottom > div {background-repeat: repeat-x; background-position: 0 0; overflow: hidden; padding: 10px 0;}
#header-bottom > div > div {position: relative;}

#applyButtonContainer {padding: 20px 0 10px 0; overflow: hidden; height: 50px;}
#applyButtonContainer .block {overflow: hidden;}
#applyButtonContainer .block:first-child {float: left;}
#applyButtonContainer .block:last-child {float: right;}



#content {overflow: hidden;background:#F4F4F4;}
#content > div {position: relative;}
#content .content {background: #FCFCFC url('../../images/apollo/content-bg-left.png') repeat-y 0 0;}
#content .content > div {background: url('../../images/apollo/content-bg-right.png') repeat-y right 0;}
#content .content > div > div.widget {padding: 10px;}
.content h1, .content h2, .content h3, .content h4, .content h5 {padding: 0; margin: 0; line-height: 1.5;}
.content h2 {font-size: 2em;}
.content p {margin: 0;}

#board {padding: 40px 0 0 0;}
#board > div {background-image: url('../../images/apollo/board-slices.png'); background-repeat: no-repeat; width: 308px;}
#board-top {height: 5px; background-position: 0 0;}
#board #board-middle {background-position: -308px 0; background-repeat: repeat-y; padding: 0 5px; width: 298px;}
#board-bottom {background-position: -616px 0; height: 17px;}
#board-middle-inner {background: url('../../images/apollo/wood-pattern.png') repeat 0 0;}
#board-middle-inner-gradient { position: relative;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZDI0MDkiIHN0b3Atb3BhY2l0eT0iMC4zNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(61,36,9,0.35) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(61,36,9,0.35))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(61,36,9,0.35) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(61,36,9,0.35) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(61,36,9,0.35) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(61,36,9,0.35) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#593d2409',GradientType=0 ); /* IE6-8 */
}
#board-metal-piece {position: absolute; background: url(../../images/apollo/board-metal.png) no-repeat 0 0; width: 138px; height: 61px;
	left: 75px; top: -40px;}
#board-content {padding: 15px 10px 7px 10px;}

#footer {clear:both; border-top: #1E2F53 1px solid; background: url('../../images/apollo/footer.png') repeat 0 0; padding: 10px 0; font-size: 0.8em; text-align: center;}
#footer span {display: inline-block; padding: 3px 0;}
#footer span.copyright {color: #FFF;}
#footer span.copyright em {font-style: normal; font-weight: bold;}
#footer hr {border-color: #181D28; border-bottom-color: rgba(255,255,255,0.1);}