/***** Reset & Basics *****/

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 							{ margin: 0; padding: 0; border: 0; font-size:100%; font:inherit; vertical-align:baseline; }

article, aside, details, figcaption, 
figure, footer, header, hgroup, menu, 
nav, section 							{ display:block; }

body 									{
	line-height: 1;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

ol, ul 									{ list-style:none; }

blockquote, q 							{ quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after 						{ content:''; content:none; }

table 									{ border-collapse:collapse; border-spacing:0; }


#main {
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding: 16px;
}


	
/***** Typography *****/

h1, h2, h3, h4, h5, h6 					{ margin:0; padding:0; font-weight:normal; } 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a 		{ font-weight:inherit; }
h1 										{ margin:0 0 10px 0; padding:0; font-size:36px; line-height:40px; color:#333; }
h2										{ margin:0 0 10px 0; padding:0; font-size:30px; line-height:34px; color:#333; }
h3 										{ margin:0 0 10px 0; padding:0; font-size:24px; line-height:28px; color: #D32C3B; }
h4 										{ margin:0 0 10px 0; padding:0; font-size:18px; line-height:22px; color:#333; }
h5 										{ margin:0 0 10px 0; padding:0; font-size:14px; line-height:16px; color:#333; }
h6 										{ margin:0 0 10px 0; padding:0; font-size:12px; line-height:16px; color:#333; }

p 										{ margin:0; padding:0 0 10px 0; line-height:20px; }

strong 									{ font-weight:bold; color:#333; }
em 										{ font-style:italic; color:#666; }
small 									{ font-size:80%; }
sup, sub								{ height:0;	line-height:5px; vertical-align:baseline; _vertical-align:bottom; position:relative; font-size:80%; }
sup 									{ bottom:5px; }
sub 									{ top:5px; }
code, pre 								{ padding:0 3px 2px; color:#333; font-size:11px; }
code									{ padding:0 4px 2px 4px; background-color:#000; border:1px solid #000; color:#f1f1f1; }



/******* Links *****/
a.links:link {
	font-style: italic;
	font-weight: bolder;
	color: #FF6600;
	text-decoration:none;	
}

a.links:visited {
	color: #666666;
}

a.links:hover {
	color: #FF9900;
	text-decoration: underline;
}

a.links:active {
	color: #FF6600;	
}



/***** Lists *****/

ul.star, ol 									{
	margin-bottom: 20px;
	background-color: #B1C6C0;
	padding: 3%;
}
ul.star 										{ list-style:none outside; }
ul.star li									{ margin:0 0 5px 0; padding:0 0 0 18px; line-height:18px; background:transparent url('../images/bullet.png') no-repeat 0 3px; }

ul.star ul, ul.star ol							{ margin:5px 0 5px 0; }
ol.star ol, ol.star ul 							{ margin:5px 0 5px 20px; }
ul.star ul li, ul.star ol li,	ol.star ol li, ol.star ul li 	{ margin:0 0 6px 0; }

ul.square, ul.square ul					{ list-style:square outside; }
ul.circle, ul.circle ul 				{ list-style:circle outside; }
ul.disc, ul.disc ul 					{ list-style:disc outside; }
ul.square li,
ul.circle li,
ul.disc li								{ margin:0 0 5px 15px; padding:0; line-height:18px; background:none; }

ol.star 										{ margin:0 0 20px 20px; list-style:decimal; }
ol.star li									{ margin:0 0 5px 0; padding:0; line-height:18px; }

/***** Blockquotes *****/

blockquote, blockquote p 				{ font-size:12px; line-height:24px; color:#777; font-style:italic; }
blockquote 								{ margin:10px 0 15px 0; padding:0 0 0 5px; border-left:1px solid #747474; }
blockquote cite 						{ display:block; font-size:12px; color:#555; }
blockquote cite:before 					{ content:"\2014 \0020"; }
blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited 				{ color:#555; }
blockquote span							{ width:15px; display:inline-block; }

hr 										{ margin:20px 0 20px 0; border:0; border-top:1px solid #999; height:2px; width:100%; text-align:left; }


/***** Images iFrames & Videos  *****/

img 									{ border:0; -ms-interpolation-mode:bicubic; }
.max-img 								{ width:100%; height:auto; }		
.media 									{ position:relative; margin:0 0 15px 0;	padding-bottom:51%; padding-top:30px; height:0; overflow:hidden; border:1px solid #ccc; }
.media iframe,
.media object,  
.media embed 							{ position:absolute; top:0; left:0; width:100%; height:100%; }

/***** Buttons  *****/

a.btn, .btn 							{ margin:5px 0 5px 0; padding:4px 25px 4px 10px; display:inline-block; color:#fff; border:1px solid #000; background:#000 url(../images/btn-arrow.png) no-repeat right; cursor:pointer; }
a:hover.btn 							{ text-decoration:none; border:1px solid #000; color:#666; background:#000 url(../images/btn-arrow.png) no-repeat right; }

/***** Forms *****/

#stylized-form							{ margin:10px 0 20px 0; padding:20px; background-color:#f4f4f4; -webkit-border-radius:4px; -moz-border-radius:4px; }

.wrapper-block label 					{ padding:0; display:block; font-weight:bold; text-align:right; width:140px; float:left; }
.wrapper-block [type="text"]			{ font-size:12px; padding:4px 2px; border:solid 1px #bbbbbb; width:200px; margin:2px 0 15px 10px; }
.wrapper-block select					{ font-size:12px; padding:2px; border:solid 1px #bbbbbb; margin:2px 0 15px 10px; }
.wrapper-block [type="radio"]			{ line-height:16px; margin:0 2px 15px 10px; }
.wrapper-block [type="checkbox"]		{ line-height:16px; margin:0 2px 15px 10px; }
.wrapper-block textarea					{ padding:4px 2px; border:solid 1px #bbbbbb; width:200px; margin:2px 0 15px 10px; font:12px "Century Gothic", "Trebuchet MS", Helvetica, sans-serif; }

.wrapper-inline label 					{ padding:0; display:block; font-weight:bold; text-align:right; width:140px; float:left; }
.wrapper-inline [type="text"]			{ font-size:12px; padding:4px 2px; border:solid 1px #bbbbbb; width:200px; margin:2px 0 15px 10px;  float:left; }
.wrapper-inline select					{ font-size:12px; padding:4px 2px; border:solid 1px #bbbbbb; margin:2px 0 15px 10px; float:left; }
.wrapper-inline [type="radio"]			{ line-height:16px; margin:0 2px 15px 10px; float:left; }
.wrapper-inline [type="checkbox"]		{ line-height:16px; margin:0 2px 15px 10px; float:left; }
.wrapper-inline textarea				{ padding:4px 2px; border:solid 1px #bbbbbb; width:140px; margin:2px 0 15px 10px; font:12px "Century Gothic", "Trebuchet MS", Helvetica, sans-serif; float:left; }

a.btn-form, input.btn-form				{ margin:5px 0 5px 150px; padding:4px 28px 4px 8px; display:inline-block; font-size:11px; color:#fff; border:1px solid #444; background:#333 url(../images/btn-arrow.png) no-repeat right; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; cursor:pointer; }
.small-label							{ display:block; font-size:10px; font-weight:normal; color:#666; text-align:right; width:140px; }

/***** Tables  *****/

table									{ margin:0 0 20px 0; width:100%; }
table th 								{ padding:10px 8px 10px 8px; background-color:#e2e2e2; color:#333; font-weight:bold; border:1px solid #999; }
table td 								{ padding:10px 8px 10px 8px; background-color:#e2e2e2; color:#333; border:1px solid #999; }
table tr.even td 						{ background-color:#fff; }
table tr.odd td 						{ background-color:#f3f3f3; }
table td.highlight 						{ color:#FFF; font-weight:bold; }
table tr td.highlight					{ background-color:#333;  }
	
/***** Global Classes *****/

.img-left   							{ float:left; margin:0 30px 30px 0; border:none; }
.img-right  							{ float:right; margin:0 0 30px 30px; border:none; }
	
.clear       							{ clear:both; }
.float-left 							{ float:left; }
.float-right   							{ float:right; }

.text-big								{ color:#a2bd30; font-weight:bold; line-height:26px; }
.text-left    							{ text-align:left; }
.text-right    							{ text-align:right; }
.text-center   							{ text-align:center; }
.text-justify  							{ text-align:justify; }

.normal									{ font-weight:normal; }
.bold          							{ font-weight:bold; }
.italic        							{ font-style:italic; }
.underline     							{ border-bottom:1px solid; }
.highlight     							{ padding:4px 5px 4px 5px; color:#FFF; font-size:12px; background: #D32C3B; font-weight:bold; }
.intro									{ font-size:130%; line-height:130%; }

.nopadding 						   		{ padding:0; }
.noindent  						   		{ margin-left:0; padding-left:0; }
.nobullet  					   			{ list-style:none; list-style-image:none; }

.block									{ display:block; }
.hidden									{ display:none; }
.hide 									{ display:none; }




/*===================================== MENU PC & Tablet ====*/

header nav {
	text-align: center;

	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
header nav ul {
margin: 0;
padding: 1em;
list-style-type: none;
}
header nav ul li {
	display: inline;
	margin-left: 1em;
	text-transform: uppercase;
}
header nav ul li:first-child {
margin-left: 0;
}
header nav ul li ul {
display: none;
}


header nav ul li a {
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
}

header nav ul li a:hover {
	color: #F6CA4D;
	text-decoration: underline;
}
header nav ul li a, a:hover {
-o-transition: color 0.25s ease-in;
-webkit-transition: color 0.25s ease-in;
-moz-transition: color 0.25s ease-in;
transition: color 0.25s ease-in;
}
section, article, header {
display: block;
float: left;
width: 100%;
}
article {
width: 96%;
padding: 3em 2%;
}
/*===================================== end MENU ====*/




/***** Back to Top *****/

#toTop 									{
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 51px;
	height: 51px;
	border: none;
	text-indent: -999px;
	background-image: url(../images/ui.totop.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#toTopHover 							{
	width: 51px;
	height: 51px;
	display: block;
	overflow: hidden;
	float: left;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	background-image: url(../images/ui.totop.png);
	background-repeat: no-repeat;
	background-position: left -51px;
}
#toTop:active, #toTop:focus 			{ outline:none; }




/*.header-left{
	background-image: url(../img/header-bg-left-160.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 354px;
	width: 100%;
}
	
.header-right{
	background-image: url(../img/header-bg-right-160.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 354px;
	width: 100%;
}*/



.header-bg-center {
	background: #C51A06;
	/*height: 354px;*/
	width: 100%;
}



.footer {
	background:#C51906;
	height: 52px;
	width: 100%;
}
.footer-center {
	background-image: url(../images/footer-img.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 52px;
}

.per12 {
		margin-top:12%;
}

.remMar {
		margin-top:0px; margin-bottom:10px;
}



.col_3.jump { margin-bottom:0px;}


#logo {
	width: 768;
	height: 354px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/main_logo.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 30px;
	margin-bottom: 0px;
}


/* 
	===================================== DESKTOP, LARGE SCREENS ====
*/
@media only screen and (min-width: 1200px) {
	
	/* user styles goes here */
.header-center{
	background-image: url(../images/header_1200.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 354px;
}
}



/* 
	=========================================== DESKTOP < 1200px ====
*/
@media only screen and (max-width: 1200px) {

	/* autogenerated styles */

	/* user styles goes here */
.header-center{
	background-image: url(../images/header_1024.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 354px;
}
}



/* 
	============================================= IPAD LANDSCAPE ====
*/
@media only screen and (max-width: 1024px) {

	/* autogenerated styles */

	/* user styles goes here */
.header-center{
	background-image: url(../images/header_768.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 354px;
}
}



/* 
	============================================== IPAD PORTRAIT ====
*/
@media handheld, only screen and (max-width: 768px) {

	/* autogenerated styles */
	.col_3.jump { width:97%; }
	.col_3.half { width: 63.6666666667%; }
	.col_4 { width:47%; }

	.col_3c.jump { width: 97%; }
	.col_3c.half { width: 30.3333333333%; }
	.col_4c { width: 47%; }

	/* user styles goes here */
.header-center{
	background-image: url(../images/header_480.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 236px;
}

.per12 {
		margin-top:0px;
}

.remMar {
		margin-top:0px; margin-bottom:0px;
}


.visibility {
	display:none;
}


#logo {

	height: 236px;
	background-image: url(../images/main_logo_480.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top:44px;


}


}



/* 
	=========================================== IPHONE LANDSCAPE ====
*/
@media handheld, only screen and (max-width: 480px) {

	/* autogenerated styles */
	.col_2 { width:97%; }
	.col_3 { width:97%; }
	.col_3.half { width:97%; }
	.col_4 { width:97%; }

	.col_2c { width: 97%; }
	.col_3c { width: 97%; }
	.col_3c.half { width:97%; }
	.col_4c { width: 97%; }

	/* user styles goes here */
.header-center{
	background-image: url(../images/header_320.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 170px;
}


.mean-container .mean-bar {
	background-image: url(../images/header_320_l.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#logo {

	height: 170px;
	background-image: url(../images/main_logo_320.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top:20px;


}
}



/* 
	============================================ IPHONE PORTRAIT ====
*/
@media handheld, only screen and (max-width: 320px) {

	/* autogenerated styles */
	/* reset .container width and max-width (in case user defines an explicit #id for her/his .container classes) */
	.container { width: 100% !important; max-width: 100% !important; }

	.col_1,
	.col_2,
	.col_3, .col_3c,
	.col_4, .col_4c {
			width		: 92%;
			margin-left	: 0%;
			margin-right	: 0%;
			padding-left	: 4%;
			padding-right	: 4%;
	}

	/* user styles goes here */
.header-center{
	background-image: url(../images/header_240.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 131px;
}


.mean-container .mean-bar {
	background-image: url(../images/header_240_l.png);
	background-repeat: no-repeat;
	background-position: center top;

}

#logo {

	height: 131px;
	background-image: url(../images/main_logo_200.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top:10px;


}

}

/* 
	============================================ SO SMALL PHONES ====
*/
@media handheld, only screen and (max-width: 240px) {
	
	/* user styles goes here */
.header-center{
	background-image: url(../images/header_200.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 115px;
}

.mean-container .mean-bar {
	background-image: url(../images/header_200_l.png);
	background-repeat: no-repeat;
	background-position: center top;
}


#logo {

	height: 131px;
	background-image: url(../images/main_logo_200.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top:5px;

}


}