@charset "utf-8";
/* CSS Document */

body {
	 background-color: #ffffff;
	margin:0px;
	font-size:1.5em;
	font-family: 'Open Sans', sans-serif;
	color:#33322e;
}

img { display:block; margin:auto; max-width:100%; }

#video { max-width:900px; width:95%; margin:1em auto 2em auto; }

#subheader {
	padding:.85em 0;
	text-align:center;
	color:#fff;
	font-family: 'Titillium Web', sans-serif;
	font-size:2.025em;
	background:#f04445;
	text-shadow:1px 1px 2px rgba(0, 0, 0, .65);
}

.jaggedlines {
background:#fff url('../images/jaggedlines.jpg') repeat-x left top scroll;
height:5px;
}

.clearfix:before, .clearfix:after{content:"\0020";display:block;height:0;visibility:hidden;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}

.bold { font-weight:bold; }
.italic { font-style:italic; }
.margintop1 { margin-top:1em; }
.margintop2 { margin-top:2em; }
.margintop3 { margin-top:3em; }
.red { color:#f04445; }
.yellow { color:#fff265; }
.lb { display:block; }

h1, h2, h3, h4 { font-family: 'Titillium Web', sans-serif; }

h1 {
font-size:3.25em;
text-align:center;
color:#33322e;
line-height:1.07;
font-weight:normal;
}

h2 {
font-size:2.025em;
text-align:center;
font-weight:normal;
line-height:1.15;
}

h3 {
font-size:1.333em;
color:#fff;
text-transform:uppercase;
text-align:center;
margin:1.5em auto .25em auto;
}

p { line-height:1.5; font-size:1em; }

.container {
width:92%;
max-width:1200px;
margin:auto;

}

#mainbackground {
padding:3em 0 2em 0;
color:#fff;
min-height:595px;
}



.optinbox {
background:rgba(0, 0, 0, .43);
padding: 1em 2% .5em 2%;
-o-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;	
border:1px solid #595049;
box-shadow: 2px 2px 6px rgba(0, 0, 0, .23);
-o-border-radius: .33em;
-moz-border-radius: .33em;
-webkit-border-radius: .33em;
border-radius: .33em;
max-width:630px;
margin:auto;
}

.optinbox form { width:94%; margin:2em auto; }

.optinbox label { margin-bottom:.25em; margin-top:1.5em; font-weight:bold; text-transform:uppercase; }

.optinbox label, .optinbox input[type=text], .optinbox select {
display:block;

}

.optinbox input[type=text], .optinbox select {
	
	width:100%;
	padding: .925em 2%;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;	
	-o-border-radius:.25em;
	-moz-border-radius:.25em;
	-webkit-border-radius:.25em;
	border-radius:.25em;
	border:none;
	font-size:1em;
	background:#f4f4f4;
	box-shadow: inset 0px 2px 3px rgba(0, 0, 0, .333);
	
	
}

.button {
background: #ffa200; 
background: -moz-linear-gradient(top,  #ffa200 0%, #ffa200 27%, #fa9a11 66%, #fa8f11 90%, #fa8f11 100%); 
background: -webkit-linear-gradient(top,  #ffa200 0%,#ffa200 27%,#fa9a11 66%,#fa8f11 90%,#fa8f11 100%); 
background: linear-gradient(to bottom,  #ffa200 0%,#ffa200 27%,#fa9a11 66%,#fa8f11 90%,#fa8f11 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa200', endColorstr='#fa8f11',GradientType=0 ); 
border:1px solid #ffad38;
	-o-border-radius:.25em;
	-moz-border-radius:.25em;
	-webkit-border-radius:.25em;
	border-radius:.25em;
	color:#fff;
	width:95%;
	margin:.5em auto;
	text-transform:uppercase;
	font-size:1.125em;
	letter-spacing:-.2px;
	padding:1.25em 2%;
	font-weight:bold;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .325);
	-o-box-shadow: inset 0px 2px 1px rgba(255, 255, 255, .77);
	-webkit-box-shadow: inset 0px 2px 1px rgba(255, 255, 255, .77);
	-moz-box-shadow: inset 0px 2px 1px rgba(255, 255, 255, .77);
	box-shadow: inset 0px 2px 1px rgba(255, 255, 255, .77);
	cursor:pointer;
	display:block;
	text-decoration:none;
	text-align:center;
	max-width:900px;
}

.button:hover {
background: #ffb007;
background: -moz-linear-gradient(top,  #ffb007 0%, #ffb007 27%, #fba715 66%, #fb9b15 90%, #fb9b15 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffb007 0%,#ffb007 27%,#fba715 66%,#fb9b15 90%,#fb9b15 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffb007 0%,#ffb007 27%,#fba715 66%,#fb9b15 90%,#fb9b15 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb007', endColorstr='#fb9b15',GradientType=0 ); /* IE6-9 */

}

.optinbox form label {  text-align:left; }

.privacy { font-size:.9em; text-align:center; }

.calltoaction { font-size:1.25em;  text-align:center; }

input, button, textarea, .button {
-o-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;	
	
}



#bottomsection { padding:2em 0; }


#gototop {
	width:62px;
	height:62px;
	background-color:#f04445;
	margin:1em auto;
	-o-border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	border-radius:100%;
	background-image:url('../images/arrowup.png');
	background-repeat:no-repeat;
	background-position: center center;
	cursor:pointer;
	display:block;
	
	
}

footer { background:#000; padding:1.75em 0; color:#fff; text-align:center;font-size:14px;}

footer a, .footerlinks a:visited { color:#CC2000; text-decoration:none; font-size:.9em;}
.footerlinks a:hover  { color:#fff; text-decoration:underline; }
.copyright { font-size:.9em;margin-bottom: 20px; }
.poweredby{margin-left:20px;}

.unhappyMessage { font-size:.9em; color:#FFF13D; }

.inlinediv {
    width: 50%;
    display: inline-block;
    float: left;
}

@media screen and (max-width:1200px) {
	
.lb { display:inline; }

	
	
}


@media screen and (max-width:800px) {

.column-3rd { float:none; width:100%; margin:3em auto; max-width:600px;}

.leftcontent, .rightcolumn{
width:100%;
float:none;
}

#mainbackground {
background:#2a2724 url('/cp3-users.jpg') no-repeat 37% top scroll;
-o-background-size:180%;
-moz-background-size:180%;
-webkit-background-size:180%;
background-size:180%;

}

h1 {
font-size:3em;

}

h2 {
font-size:1.95em;
	
}

}

@media screen and (max-width:600px) {
	h1 {
font-size:2.666em;
}

h2 {
font-size:1.75em;
	
}
.inlinediv{width:100%;}
	
}

@media screen and (max-width:450px) {
	h1 {
font-size:2.333em;
}

h2 {
font-size:1.555em;
	
}
	
}