*							{ margin:0;}
html						{ width:100%;}
body						{ margin:0; padding:0; background:url(images/bg_footer.jpg) top center fixed repeat-y #d4882c; width:100%; height:100%;}

.container					{ min-height:100%; background:url(images/bg.jpg) top center fixed repeat-x #d2d1d1; width:100%; height:100%; padding:60px 0; }

.header						{ width:100%; text-align:center; margin:0 0 50px 0;}
.logo						{ width:438px; height:auto; margin:0 auto;}

.content					{ text-align:center; width:100%;}
.content-text				{ width:780px; margin:0 auto;}

.column-text				{ width:370px; margin:0px 0px 0px 20px; float:left;}

.title-text					{ width:780px; margin:0 auto;}

.footer						{ background:url(images/bg_footer.jpg) top center fixed repeat-y #d4882c; border-top:#bf702c solid 1px; width:100%; padding:0 0 70px 0; margin:0 0 0 0; text-align:center; }
.footer-shadow				{ background:url(images/footer_shadow.png) top center no-repeat; width:100%; height:30px; position:relative; top:0;}
.footer-text				{ margin:0 100px;}
.footer-text p				{ color:#f5d675; font-size:13px; font-family: 'PT Sans', Helvetica, Arial, sans-serif; margin:0;}


a							{ color:#FFF; text-decoration:none;}
h1							{ font-size:20px; color:#b95b00; font-family: 'PT Sans', Helvetica, Arial, sans-serif; font-weight:400; margin:0 0 20px 0;}
h2							{ color:#333333; font-size:16px; font-family: 'PT Sans', Helvetica, Arial, sans-serif; font-weight:700;}
p							{ color:#666666; font-size:15px; font-family: 'PT Sans', Helvetica, Arial, sans-serif; font-weight:400; margin:0 0 20px 0;}

.max-img 					{ width:100%; height:auto; margin:0; padding:0; }
.block						{ text-align:left; }
.justified					{ text-align:justify;}
.clearfix 					{ clear:left; }


@media only screen and (min-width: 640px) and (max-width: 850px) {

.content-text				{ width:600px; margin:0 auto;}
.column-text				{ width:280px; margin:0px 0px 0px 20px; float:left;}

.title-text					{ width:600px; margin:0 auto;}
.logo						{ width:400px; height:auto; margin:0 auto;}
.footer-text				{ margin:0 100px;}
.block						{ text-align:left; }

}

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

.content-text				{ width:260px; margin:0 auto;}
.title-text					{ width:260px; margin:0 auto;}
.column-text				{ width:260px; margin:0px; }
.logo						{ width:200px; height:auto; margin:0 auto;}
.footer-text				{ margin:0 40px;}
.block						{ text-align:center; }

}

@media only screen and (min-width: 440px) and (max-width: 639px) {

.content-text				{ width:320px; margin:0 auto;}
.title-text					{ width:320px; margin:0 auto;}
.column-text				{ width:320px; margin:0px; }
.logo						{ width:320px; height:auto; margin:0 auto;}
.block						{ text-align:center; }

}