/* Eric Meyer's Reset CSS v2.0 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

body {
background: #D9D9D9;
font: 13px "Open Sans", Arial, Helvetica, sans-serif;;
line-height: 1.3;
color: #444;
margin: 0px;
padding: 0px;
}

h1,h2,h3,h4 {
color: #444;
margin: 0;
padding: 2px 0;
font-family: 'Oswald', Arial, sans-serif;
font-weight: normal;
text-transform: capitalize;
letter-spacing: 0.2px;
}

h1 {
font-size: 32px;
}

h2 {
font-size: 20px;
}

h3, h4 {
font-size: 16px;
}

a, a:visited {
color:blue;
text-decoration:none;
-webkit-transition: color 400ms ease-out;
-moz-transition: color 400ms ease-out;
-o-transition: color 400ms ease-out;
transition: color 400ms ease-out;
}

a:hover {
color: #076FA6;
text-decoration:none;
}

#wrapper {
margin: 0 auto 49px;
width: 930px;
padding: 20px 20px 10px;
background: #FFF;
border: 1px solid #E6E6E6;
-webkit-border-bottom-right-radius: 21px;
-webkit-border-bottom-left-radius: 21px;
-moz-border-radius-bottomright: 21px;
-moz-border-radius-bottomleft: 21px;
border-bottom-right-radius: 21px;
border-bottom-left-radius: 21px;
min-height: 500px;
border: 1px solid #CCC;
}

.sitetitlewrapper {
background: #2F9C21;
background: -moz-linear-gradient(top, #2F9C21 0%, #1C5D14 90%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2F9C21), color-stop(90%,#1C5D14));
background: -webkit-linear-gradient(top, #2F9C21 0%,#1C5D14 90%);
background: -o-linear-gradient(top, #2F9C21 0%,#1C5D14 90%);
background: -ms-linear-gradient(top, #2F9C21 0%,#1C5D14 90%);
background: linear-gradient(top, #2F9C21 0%,#1C5D14 90%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2F9C21', endColorstr='#1C5D14',GradientType=0 );
}

.sitetitle {
margin: 0 auto;
width: 970px;
padding: 15px 0 24px;
color: #FFF;
}

.sitetitle h1 {
color: #FFF;
}

.top {
text-align: center;
margin: 5px 0 30px;
}

.boxicon {
float: left;
width: 300px;
margin-bottom: 20px;
}

.boxiconmiddle {
float: left;
width: 300px;
margin: 0 15px 20px;
}

.boxiconright {
float: right;
width: 300px;
}

.boxicon p, .boxiconmiddle p, .boxiconright p {
font-family: Arial;
color: #808080;
margin: 3px 0;
}

.floatleft {
float: left;
margin: 3px 13px 5px 0;
}

.screenshot {
padding: 10px 0;
text-align: center;
}

.screenshot img {
padding: 3px;
border: 1px solid #CCC;
margin: 15px 10px 0;
}

.cta {
background: #FBFBFB;
background: -webkit-gradient(linear, left top, left bottom, from(#FBFBFB), to(#EEEEEE));
background: -webkit-linear-gradient(#FBFBFB, #EEEEEE);
background: -moz-linear-gradient(center top, #FBFBFB 0%, #EEEEEE 100%);
background: -moz-gradient(center top, #FBFBFB 0%, #EEEEEE 100%);
background: -o-linear-gradient(top, #FBFBFB, #EEE);	
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FBFBFB,endColorstr=#EEEEEE);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FBFBFB, endColorstr=#EEEEEE)";
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-shadow: 0 1px 0 #fff;
border: 1px solid #d9d9d9;
padding: 14px 15px;
margin-top: 17px;
}

.ctatext {

}

.buybutton {
padding: 2px 0 0 15px;
margin: 17px 0 0;
width: 280px;
height: 80px;
float: right;
}

.buybuttonunl {
padding: 2px 0 0 15px;
margin: 17px 0 0;
width: 280px;
height: 80px;
float: left;
}

.buybutton a.buybutton1 {
font-family: Oswald;
padding: 11px 33px;
font-size: 23px;
background: #FFC20A;
background: -moz-linear-gradient(top, #E6AC00 0%, #FF9900 90%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E6AC00), color-stop(90%,#FF9900));
background: -webkit-linear-gradient(top, #E6AC00 0%,#FF9900 90%);
background: -o-linear-gradient(top, #E6AC00 0%,#FF9900 90%);
background: -ms-linear-gradient(top, #E6AC00 0%,#FF9900 90%);
background: linear-gradient(top, #E6AC00 0%,#FF9900 90%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E6AC00', endColorstr='#FF9900',GradientType=0 );
border: 1px solid #FF9900;
box-shadow: 0 1px 1px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.6);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: #FFF;
font-weight: normal;
}

.buybutton a.buybutton1:hover {
color: #FFF;
opacity: 0.90;
filter: alpha(opacity=90);
}

.bottom {
margin: 14px 0 0;
padding: 7px 10px 10px 20px;
border: 2px dashed #D0D0D0;
background: #F7F7F7;
}

.bottomleft {
width: 420px;
float: left;
margin-right: 20px;
border-right: 1px solid #D0D0D0;
}

.bottomleft h2, .bottomright h2 {
margin-bottom: 3px;
}

.bottomleft a {
text-transform: uppercase;
font-family: Oswald;
line-height: 1.7em;
}

.bottomright {
float: right;
width: 440px;
padding: 3px 0 0 10px;
color: #666;
}

.contact {
border-top: 1px solid #E0E0E0;
text-align:center;
margin: 54px 0 0;
font-size: 12px;
padding: 10px 0;
color: #808080;
}

.clear {
clear: both;
}

#lightbox {
position:fixed; /* keeps the lightbox window in the current viewport */
top:0;
left:0;
width:100%;
height:100%;
background:#444;
text-align:center;
opacity: 0.85;
filter: alpha(opacity=85);
-webkit-transition: all 250ms ease-in;
-moz-transition: all 250ms ease-in;
-o-transition: all 250ms ease-in;
transition: all 250ms ease-in;
}

#lightbox p {
text-align:right;
color:#fff;
margin-right:20px;
font-size:12px;
-webkit-transition: all 250ms ease-in;
-moz-transition: all 250ms ease-in;
-o-transition: all 250ms ease-in;
transition: all 250ms ease-in;
}

#lightbox img {
box-shadow:0 0 25px #111;
-webkit-box-shadow:0 0 25px #111;
-moz-box-shadow:0 0 25px #111;
max-width:940px;
-webkit-transition: all 250ms ease-in;
-moz-transition: all 250ms ease-in;
-o-transition: all 250ms ease-in;
transition: all 250ms ease-in;
opacity: 1;
filter: alpha(opacity=100);
}