/* RESET */
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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
ul.styled{
	list-style:outside disc;
	margin:0 0 10px 15px;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

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

input::-moz-focus-inner {
border: 0!important;
outline: none !important;
}

/* Color Of Highlight */
::-moz-selection {background:#d10602; color:#fff; text-shadow:1px 1px 1px #d10602;}
::selection {background:#d10602; color:#fff; text-shadow:1px 1px 1px #d10602;}
/* */


/* END RESET */


html{
	height:100%;
	overflow-y:scroll;
}
	
body{
	height:100%;
	margin:0px; 
	padding:0px; 
	font-size:14px;
	font-family:'Open Sans', sans-serif;
	color:#444;
	background:#fff url(../images/bg.jpg) repeat-x top;
}
@media screen and (max-width: 720px) {
	body{
	background:#fff url(../images/bg.jpg) repeat-x center 100px;
	}
}
@media screen and (max-width: 600px) {
	body{
	background:#fff;
	}
}

input, select, textarea, form{	
	margin:0px;
	padding:0px;
}

::-webkit-input-placeholder{color:#000;}
::-moz-placeholder{color:#000; }
:-ms-input-placeholder{color:#000;}
	
hr{
	height:1px;
	color:#e2e2e2;
	background:#e2e2e2;
    border:0 none;
	margin:20px 0px;
	padding:0px;
}
		
.clear{
	clear:both;
	margin:0px;
	padding:0px;
	height:0px;
	overflow:hidden;
}
.push{
	clear:both;
	height:204px; /* same as #footer height */
}

.f10{font-size:10px!important;}
.f11{font-size:11px!important;}
.f12{font-size:12px!important;}
.f13{font-size:12px!important;}
.f14{font-size:14px!important;}
.f16{font-size:16px!important;}
.f18{font-size:18px!important;}
.f20{font-size:20px!important;}
.f22{font-size:22px!important;}
.f24{font-size:24px!important;}
.f26{font-size:26px!important;}
.f28{font-size:28px!important;}

/* ------ LINKS ------ */
	
a{
color:#d10602;
text-decoration:underline;
}
a:hover{
color:#d10602;
text-decoration:none;
}

/* ------ MAIN CONTENT ------*/

#page-wrap{
max-width:1200px;
min-height:100%;
height:auto!important;
height:100%;
margin:0 auto -204px;
overflow:hidden;
}

.logo{
float:left;
display:block;
width:330px;
}
@media screen and (max-width: 720px) {
	.logo{
	clear:both;
	float:none;
	margin:0 auto;
	}
}
@media screen and (max-width: 400px) {
	.logo{
	width:100%;
	background-size:cover;
	}
	.logo img{
	width:90%;
	margin:0 auto;
	}
}
header{
float:right;
display:block;
max-width:860px;
max-height:149px;
}
@media screen and (max-width: 720px) {
	header{
	clear:both;
	width:100%;
	}
}
.c-info{
float:right;
display:block;
max-width:860px;
height:76px;
margin:22px 10px 0 0;
font-size:24px;
font-weight:300;
color:#5a5a5a;
line-height:24px;
text-align:right;
}
	.c-info a{
	font-size:20px;
	color:#5a5a5a;
	text-decoration:none;
	transition:all 0.15s ease;
	}
	.c-info i{
	margin:0 4px 0 0;
	}
	.c-info i,
	.c-info a:hover{
	color:#d10602;
	}
@media screen and (max-width: 720px) {
	.c-info{
	float:left;
	}
}
@media screen and (max-width: 600px) {
	.c-info{
	clear:both;
	float:none;
	width:100%;
	margin:22px 0 0 0;
	text-align:center;
	}
}
#navigation{
float:right;
clear:both;
display:block;
min-width:400px;
max-width:870px;
height:51px;
text-align:right;
}
	#navigation li{
	display:inline;
	margin:0 -4px 0 0;
	}
	#navigation a{
	display:inline-block;
	font-family:'Raleway', sans-serif;
	font-size:17px;
	font-weight:600;
	color:#5a5a5a;
	line-height:51px;
	text-decoration:none;
	padding:0 4px;
	margin:0 14px;
	background:url(../images/nav-hover.png) repeat-x 0 20px;
	transition:color 0.2s ease, background 0.3s ease;
	}
		#navigation a:hover,
		#navigation a.active{
		color:#d10602;
		background:url(../images/nav-hover.png) repeat-x bottom;
		}
	@media screen and (max-width: 790px) {
		#navigation{
		min-width:320px;
		}
		#navigation a{
		font-size:15px;
		margin:0 10px;
		}
	}
	@media screen and (max-width: 720px) {
		#navigation{
		clear:none;
		width:65%;
		margin:22px 0 25px;
		}
		#navigation a{
		font-size:18px;
		margin:0 15px;
		}
	}
	@media screen and (max-width: 700px) {
		#navigation{
		width:auto;
		}
		#navigation a{
		font-size:16px;
		margin:0 9px;
		}
	}
	@media screen and (max-width: 600px) {
		#navigation{
		clear:both;
		width:100%;
		height:auto;
		margin:0;
		}
		#navigation li{
		display:block;
		width:auto;
		}
		#navigation a{
		display:block;
		width:96%;
		background:#1a1c1d;
		font-size:22px;
		line-height:35px;
		border-bottom:1px solid #333;
		padding:0 2%;
		margin:0;
		}
		#navigation a:hover{
		background:#272a2b;
		}
	}
#rotator-wrap{
position:absolute;
top:155px;
left:0;
display:block;
width:100%;
height:246px;
}
	#rotator-wrap .overlay{
	position:absolute;
	z-index:9999;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:246px;
	background:url(../images/rotator-overlay.png) no-repeat top center;
	}
@media screen and (max-width: 720px) {
	#rotator-wrap{
	top:255px;
	}
}
@media screen and (max-width: 600px) {
	#rotator-wrap{
	display:none;
	}
}
#sidebar{
float:right;
display:block;
width:25%;
min-height:100px;
padding:4px 0 0;
margin:321px .835% 30px 0;
}
	#sidebar h2{
	display:block;
	font-family:'Raleway', sans-serif;
	font-size:26px;
	font-weight:300;
	color:#fff;
	line-height:45px;
	text-transform:uppercase;
	padding:0 9px;
	background:#7d0000;
	}
	#sidebar article{
	position:relative;
	float:left;
	display:block;
	width:91.5%;
	padding:11px 4%;
	background:#fff;
	border:1px solid #efefef;
	}
		#sidebar article img{
		display:block;
		width:80%;
		margin:0 auto;
		}
	#sidebar article .shadow{
	position:absolute;
	bottom:-13px;
	left:0;
	display:block;
	width:91.5%;
	height:12px;
	background:url(../images/article-shadow.jpg) no-repeat top right;
	}
@media screen and (max-width: 900px) {
	#sidebar{
	clear:both;
	width:100%;
	margin:0 0 30px;
	}
		#sidebar article img{
		width:auto;
		margin:0 auto;
		}
}
@media screen and (max-width: 320px) {
	#sidebar{
	clear:both;
	width:90%;
	margin:0 0 30px;
	}
	#sidebar article img{
	width:95%;
	}
}
#main-content{
float:left;
display:block;
width:92%;
min-height:100px;
margin:321px 4% 30px;
}
body#home #main-content{
width:69.16%;
margin:321px 4.16% 30px .835%;
}
@media screen and (max-width: 900px) {
	#main-content,
	body#home #main-content{
	width:92%;
	}
}
@media screen and (max-width: 600px) {
	#main-content,
	body#home #main-content{
	width:92%;
	margin:140px 4% 30px;
	}
}
	#main-content h1{
	font-family:'Raleway', sans-serif;
	font-size:36px;
	font-weight:300;
	color:#5c5c5c;
	line-height:36px;
	text-transform:uppercase;
	padding:0 0 12px;
	margin:0 0 30px;
	border-bottom:1px solid #d2cabf;
	}
	#main-content h2{
	font-family:'Open Sans', sans-serif;
	font-size:22px;
	font-weight:normal;
	color:#7d0000;
	line-height:24px;
	margin:0 0 10px;
	}
	#main-content h3{
	font-family:'Open Sans', sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#7d0000;
	line-height:20px;
	margin:0 0 10px;
	}
	#main-content h4{
	font-family:'Open Sans', sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#333;
	line-height:18px;
	margin:0 0 10px;
	}
	#main-content p,
	#main-content ul,
	#main-content ol{
	line-height:26px;
	margin-bottom:25px;
	}
	#main-content ul{
	list-style:outside disc;
	margin:0 0 25px 15px;
	}
	#main-content ol{
	list-style:outside decimal;
	margin:0 0 25px 18px;
	}
	#main-content .content-left{
	float:left;
	width:38%;
	list-style:none;
	margin:0;
	}
	#main-content .content-right{
	float:right;
	width:60%;
	}
		@media screen and (max-width: 600px) {
			#main-content .content-left{
			clear:both;
			width:100%;
			text-align:center;
			}
			#main-content .content-right{
			clear:both;
			width:100%;
			padding:30px 0 0;
			}
		}
	#main-content blockquote{
	padding:10px;
	border:1px solid #cecece;
	background:#f6f6f6;
	text-align:center;
	font-size:16px;
	line-height:22px;
	font-style:italic;
	margin:0 0 20px;
	}
		#main-content blockquote span{
		display:block;
		font-size:14px;
		color:#909090;
		text-align:right;
		padding:8px 0 0;
		}
	#contact-form ol{
	list-style:none;
	margin:0 0 20px;
	}
	#contact-form .txt{
	display:block;
	width:98%;
	height:25px;
	padding:3px 1%;
	margin:0 0 8px;
	font-family:'Open Sans', sans-serif;
	font-size:14px;
	color:#222;
	line-height:25px;
	background:#eee;
	border:0;
	}
	#contact-form .msg{
	display:block;
	width:98%;
	height:100px;
	padding:4px 1%;
	margin:0 0 8px;
	font-family:'Open Sans', sans-serif;
	font-size:14px;
	color:#222;
	line-height:20px;
	background:#eee;
	border:0;
	resize:none;
	}
	#contact-form .submit{
	float:right;
	display:block;
	width:135px;
	height:30px;
	padding:0;
	font-family:'Raleway', sans-serif;
	font-size:16px;
	font-weight:900;
	color:#fff;
	line-height:30px;
	text-decoration:none;
	text-transform:uppercase;
	background:#222;
	border:0;
	}
		#contact-form .submit:hover{
		cursor:pointer;
		background:#7d0000;
		}
	
#footer-wrap{
clear:both;
width:100%;
height:204px;
background:#111 url(../images/footer-bg.jpg) repeat-x top;
}
@media screen and (max-width: 1200px) {
	#footer-wrap{
	width:100%;
	}
}
footer{
display:block;
max-width:1200px;
height:204px;
margin:0 auto;
background:#111 url(../images/footer-bg.jpg) repeat-x top;
overflow:hidden;
}
@media screen and (max-width: 1200px) {
	footer{
	width:95%;
	}
}
	footer .f-left{
	float:left;
	display:block;
	width:310px;
	height:26px;
	padding:125px 60px 0 0;
	margin:17px 0 36px 10px;
	font-family:'Open Sans', sans-serif;
	font-size:12px;
	font-weight:300;
	color:#565656;
	line-height:18px;
	text-align:center;
	background:url(../images/footer-logo.png) no-repeat top left;
	}
	@media screen and (max-width: 870px) {
		footer .f-left{
		width:270px;
		height:46px;
		padding:105px 0 0;
		background-size:contain;
		text-align:center;
		}
	}
	@media screen and (max-width: 760px) {
		footer .f-left{
		width:200px;
		}
	}
	@media screen and (max-width: 600px) {
		footer .f-left{
		width:100%;
		height:26px;
		padding:95px 0 0;
		margin:15px 0 20px;
		background-size:40%;
		background-position:top center;
		}
	}
	@media screen and (max-width: 450px) {
		footer .f-left{
		font-size:11px!important;
		}
	}
	@media screen and (max-width: 380px) {
		footer .f-left{
		font-size:10px!important;
		}
	}
	@media screen and (max-width: 340px) {
		footer .f-left{
		padding:45px 0 0;
		margin:15px 0 25px;
		font-size:9px;
		}
	}
	#f-nav{
	float:right;
	display:block;
	min-width:400px;
	max-width:820px;
	height:58px;
	margin:20px 0;
	text-align:right;
	}
		#f-nav li{
		display:inline;
		margin:0 -4px 0 0;
		}
		#f-nav a{
		display:inline-block;
		font-family:'Raleway', sans-serif;
		font-size:17px;
		font-weight:600;
		color:#fff;
		line-height:58px;
		text-decoration:none;
		padding:0 18px;
		transition:color 0.15s ease;
		}
			#f-nav a:hover,
			#f-nav a.active{
			color:#d10602;
			}
	@media screen and (max-width: 760px) {
		#f-nav{
		min-width:330px;
		}
			#f-nav a{
			font-size:15px;
			padding:0 15px;
			}
	}
	@media screen and (max-width: 600px) {
		#f-nav{
		display:none;
		}
	}
	footer .f-right{
	float:right;
	clear:right;
	display:block;
	min-width:400px;
	max-width:820px;
	height:106px;
	margin:0 10px 0 0;
	font-family:'Raleway', sans-serif;
	font-size:14px;
	font-weight:300;
	color:#9b9b9b;
	line-height:18px;
	text-align:right;
	white-space:nowrap;
	}
	footer .f-right li.last{
	display:block;
	color:#595959;
	padding:15px 0 0;
	}
	footer .f-right li img{
	vertical-align:middle;
	opacity:.6;
	transition:all 0.15s ease;
	}
		footer .f-right a:hover img{
		opacity:1;
		}
	@media screen and (max-width: 870px) {
		footer .f-right{
		min-width:300px;
		}
	}
	@media screen and (max-width: 600px) {
		footer .f-right{
		width:100%;
		height:auto;
		margin:0;
		color:#565656;
		text-align:center;
		}
		footer .f-right li{
		width:100%;
		font-size:12px;
		text-align:center;
		}
		footer .f-right li br{
		display:none;
		}
		footer .f-right li.last{
		padding:0;
		}
	}
	@media screen and (max-width: 380px) {
		footer .f-right li{
		font-size:10px;
		}
	}
	@media screen and (max-width: 340px) {
		footer .f-right li{
		font-size:9px;
		}
	}
	@media screen and (max-width: 320px) {
		footer .f-right{
		width:100%;
		height:auto;
		margin:0;
		color:#565656;
		text-align:center;
		}
		footer .f-right li{
		width:100%;
		font-size:10px;
		text-align:center;
		}
		footer .f-right li br{
		display:none;
		}
		footer .f-right li.last{
		padding:0;
		}
	}