/*
Theme Name: allrecawards
Theme URI: http://www.allrecawards.com/
Description: A custom theme developed by Internet Imagineering for use on www.allrecawards.com.
Version: 1.0
Author URI: http://www.internetimagineering.com/
Tags: fixed width, two columns
*/

body {
	/*
	background:#000 url("../images/wj-welcome-background.jpg") no-repeat top;
	*/
	background-color: #fff;
	margin: 0px 0px; 
	padding: 0px;
	font-family: 'Source Sans Pro', trebuchet ms, arial, verdana, sans-serif;
	color: #333;
	font-size: 14px;
}

.clear { clear: both;}

h1.pagetitle {color: #333; font-size: 38px; margin: 0 auto; padding: 0; font-weight: normal; text-align: center;}

.wrapper-content {width: 90%; max-width: 1400px; margin: 0 auto; padding: 300px 0 0 0;}

.wrapper-footer {margin: 100px 0 0 0;}

.container-jacket-options {text-align: center; }
.holder-jacket-option {width: 30%; display: inline-block; vertical-align: top; text-align: center; margin: 50px 4%; background-color: #ececec; padding: 30px; min-height: 250px;}

a.buttonGreen {font-size: 20px; background-color: #7cc576; width: 80%; text-align: center; text-decoration: none; text-transform: uppercase; padding: 10px 40px;}
a:visited.buttonGreen {background-color: #7cc576; text-decoration: none;}
a:hover.buttonGreen {background-color: #1f376d; text-decoration: none; color: #fff;}

.wrapper-jacket {margin: 50px 0;}
.wrapper-patches {width: 80%; max-width: 600px; margin: 0 auto; text-align: center;}

.container-patches {height: 800px; overflow: auto; }
.holder-patch {width: 140px; display: inline-block; vertical-align: top; border: 1px solid #ececec; padding: 20px; margin: 10px;}
.holder-patch img {width: 80%;}

.monogram {position: absolute; color: #fff; font-weight: bold; font-size: 14px; margin: 100px 0 0 0; z-index: 9999999; width: 80%; text-align: center; font-family: times new roman, times, serif; font-style: italic;}

/* CONTENT */

.pretext {font-size: 28px; line-height: 38px; text-align: center; margin: 40px 0; color: #777;}

.holder-content2col {margin: 50px 0; padding: 50px 0;  border-bottom: 1px solid #ececec;}

.holder-contentL-img {width: 45%; float: left; }
.holder-contentL-img img {width: 100%;}
.holder-contentR-text {float: right; text-align: center; width: 40%; margin: 0 0 0 3%; padding: 0% 4%;}
h3.secttitle {font-size: 38px; font-weight: 400;}
.holder-contentR-text p {font-size: 20px; line-height: 32px;}

.holder-contentR-img {width: 45%; float: right; }
.holder-contentR-img img {width: 100%;}
.holder-contentL-text {float: left; text-align: center; width: 40%; margin: 0 0 0 3%; padding: 0% 4%;}
h3.secttitle {font-size: 38px; font-weight: 400;}
.holder-contentL-text p {font-size: 20px; line-height: 32px;}

a.buttonBlue {background-color: #252862; color: #fff; font-size: 30px; text-decoration: none; text-transform: uppercase; font-weight: bold; padding: 10px 30px;}
a:visited.buttonBlue {background-color: #252862; color: #fff; text-decoration: none;}
a:hover.buttonBlue {background-color: #000; color: #fff; text-decoration: none;}

/* FORMS */

select.form-select {font-size: 20px; width: 80%; padding: 20px; height: 40px;}
.form-text {font-size: 20px; width: 80%; padding: 10px; }

@media screen and (min-width: 0px) and (max-width: 1100px) {


	@media screen and (min-width: 1024px) and (max-width: 1100px) {
	


	}
	
	@media screen and (min-width: 768px) and (max-width: 1023px) {
		
		
		
		@media screen and (min-width: 768px) and (max-width: 1023px) {
			
			
			
		}
		
		@media screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
		

		
		}

	}
	
	@media screen and (min-width: 481px) and (max-width: 767px) {
		
		
		
	}
	
	@media screen and (min-width: 0px) and (max-width: 480px) {
		
		
		
	}
	
}

@media screen and (min-width: 1101px) {

	.mobile-menu {display: none;}
	
	.wrapper-testimonial {width: 100%; background:#000 url("images/content-testimonial-bg.jpg") no-repeat top; height: 338px; min-height: 338px;}
	
	
	
}