/*
#region !!====={ Version Information }=====!!
// %~%@ < 91.2002 > @%~%     // File Version
// %~%# < 11/5/2014 > #%~%   // File Mod Date
// %~%! < Genesis Content > !%~%    // Core Module
// %~%^ < 1.2000 > ^%~%     // Minimum Core Version
#endregion ==================================
*/
/* 
#region !!====={ Mod Information }=====!!
#~#$ +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
11/5/2014 - MKA : Added style for comments
$#~# +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

#endregion ==================================
*/

body {
	margin: 0;
	padding: 0;
	font-family: 'robotobold';
	font-size: 17px;
	/*background:url(/Content/images/layout.jpg) top center no-repeat;*/ /*font-family: Arial,Helvetica,sans-serif,"Arial Black";*/
}

p {margin:5px 0;} 

a {color:#d20b20;}
a:hover {color:#000;}

h1 {
	font-family: 'peace_sansregular';
	font-weight: normal;
	text-shadow: 0px 2px 7px rgba(0, 0, 0, 0.5);
	text-transform: uppercase;
	font-size: 55px;
	letter-spacing: 6px;
	margin: 0;
}
h2 {
	font-family: 'peace_sansregular';
	font-weight: normal;
	text-shadow: 0px 2px 7px rgba(0, 0, 0, 0.5);
	margin: 0;
	font-size: 44px;
	letter-spacing: 1px;
}
h3 { }
h4 { }
h5 { }

#mainContainer {
	width: 100%;
	margin: 0 auto;
}


@font-face {
	font-family: 'robotoregular';
	src: url('/Content/fonts/roboto-regular1-webfont.eot');
	src: url('/Content/fonts/roboto-regular1-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/roboto-regular1-webfont.woff') format('woff'), url('/Content/fonts/roboto-regular1-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'robotobold';
	src: url('/Content/fonts/roboto-bold1-webfont.eot');
	src: url('/Content/fonts/roboto-bold1-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/roboto-bold1-webfont.woff') format('woff'), url('/Content/fonts/roboto-bold1-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'peace_sansregular';
	src: url('/Content/fonts/peace_sans1-webfont.eot');
	src: url('/Content/fonts/peace_sans1-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/peace_sans1-webfont.woff') format('woff'), url('/Content/fonts/peace_sans1-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.contentWrapContain {
	display: block;
	float: left;
	width: 100%;
	position: absolute;
	top: 0;
}

.centerBottomDiv {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
}

.contentWrapper {
	width: 100%;
	max-width: 1600px;
	padding: 0 20px;
	margin: 0 auto;
}

@media screen and (max-width: 1640px) {
	.contentWrapper {
		width: calc(100% - 40px);
		min-height: 665px;
	}
}

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

	.newTop_Section {
		background-position: right center;
		background-color: #000f20;
	}

	#mainContainer .newTop_Section li {
		width: 49%;
		margin: 0.8% 0.5%;
	}

	.newTop_Section {
		min-height: 725px;
	}

	.contentWrapper .top_Header_Content {
		max-width: 55%;
	}

	h1 {
		font-size: 3vw;
	}
	h2 {
		font-size: 2vw;
	}
}


@media screen and (max-width: 1350px) {
	
}


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

	.top_Header_Content h1 {
		font-size: 25px;
	}

	.top_Header_Content h2 {
		font-size: 20px;
	}


	.topHeader_Right a {
		display: block;
		float: right;
		clear: both;
		margin: 5px 0 0 !important;
	}

	.contentWrapContain .contentWrapper .top_Header_Content {
		max-width: 90%;
	}

	.contentWrapContain .contentWrapper .top_Header_Content p {
		max-width: 65%;
	}

	.contentWrapContain .contentWrapper .top_Header_Content ul {
		margin-top: 100px;
	}
}



@media screen and (max-width: 640px) {
	.topHeader_Left {
		width: 40%;
	}

	.contentWrapContain .contentWrapper .top_Header_Content ul {
		margin-top: 30px !important;
		width: 100%;
		float: left;
	}

	.centerBottomDiv h2 {
		font-size: 20px !important;
	}
	
}



@media screen and (max-width: 640px) {
	.g-recaptcha {
		width: 100%;
		text-align: center;
	}

	.g-recaptcha div {
		margin: 0 auto;
	}

	#SendButton {
		width: 90%;
		clear: both;
		margin: 15px 5%;
		float: left;
	}

	.newBot_Section #ContactForm input[type=submit] {
		max-width: 100% !important;
	}
}

.g-recaptcha {
	clear: both;
	margin: 45px 0 0 9px;
	float: left;
}



@media screen and (max-width: 500px) {
	.topHeaderBar .topHeader_Left {
		width: 100%;
		text-align: center;
	}

	.topHeaderBar .topHeader_Right {
		float: left;
		text-align: center;
	}

	.contentWrapContain .contentWrapper .top_Header_Content p {
		max-width: 100% !important;
	}

	.newTop_Section {
		min-height: 1050px !important;
	}

	.contentWrapContain .contentWrapper .top_Header_Content li {
		width: 100% !important;
	}
}



.newTop_Section {
	width: 100%;
	position: relative;
	float: left;
/*	height: 955px;*/
	color: #FFF;
/*	background: url(/Content/images/newAssets/top_BG.jpg) top center no-repeat;*/
}

	.newTop_Section img {
		max-width: 100%;
		height: auto;
	}

	.newTop_Section img.topBG {
		max-width: 100%;
		height: auto;
		width: 100%;
	}


	.topHeaderBar {
		width: 100%;
		padding-top: 2%;
	}

.topHeader_Left {
	float: left;
}

.topHeader_Right {
	float: right;
}


	.topHeader_Right img {
		display: inline-block;
		vertical-align: top;
	}

	.topHeader_Right a {
		text-decoration: none;
		display: inline-block;
		vertical-align: top;
		margin: 0 10px;
	}

		.topHeader_Right a:hover > span {
			background: #000;
			transition: all 0.25s ease;
		}

		.topHeader_Right a span {
			display: inline-block;
			vertical-align: top;
			background: #e15221;
			color: #FFF;
			border-radius: 20px;
			padding: 3px 15px;
			transition: all 0.25s ease;
			font-size: 23px;
		}


	.top_Header_Content {
		max-width: 960px;	
		clear: both;
		margin-top: 7vw;
	}

.newTop_Section li {
	width: 30%;
	margin: 0.8% 1.5%;
	float: left;
	list-style-type: none;
}
	.newTop_Section li::before {
		content: "›";
		padding-right: 5px;
	}

.newBot_Section {
	width: 100%;
	float: left;
	min-height: 563px;
	text-align: center;
	background: url(/Content/images/newAssets/bottom_BG.jpg) top center no-repeat #CCC;
}
	.newBot_Section .contentWrapper {
		max-width: 950px;
		text-align: left;
	}

	.newBot_Section p.halfP {
		width: 48%;
		margin: 1%;
		float: left;
	}
	.newBot_Section p.fullP {
		width: 98%;
		clear: both; float: left;
		margin: 1%;
	}

	.newBot_Section #ContactForm input[type=submit] {
		background: #E25220;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 19px;
		color: #FFF;
		border: none;
		float: right;
		max-width: 45%;
		margin-top: 50px;
		margin-right: 10px;
		padding: 25px 45px;
		transition: all 0.25s ease;
	}

	.newBot_Section #ContactForm input[type=submit]:hover {
		cursor: pointer;
		background: #000;
		transition: all 0.25s ease;
	} 

.sepBar {
	display: inline-block;
	width: 100px;
	height: 2px;
}

#topHeader {
	display: block;
	width: 100%;
	height: 170px;
}

#topNav {width:100%; float:left; margin-top:2px;}
#topNav ul {margin:0; padding:0; list-style-type:none; float:right;}
#topNav ul li {margin:0; padding:0; float:left;}
#topNav ul li a {color:#d20b20; text-decoration:none; text-transform:uppercase; font-size:18px; transition: all 0.2s ease; text-shadow:none;}
#topNav ul li a:hover {color:#FBEA30; transition: all 0.2s ease; text-shadow: 0px 0px 1px rgba(0, 0, 0, 1);}
.sepLine {color:#d20b20; padding:0 5px;}
#headerLogo {float:left; margin-top:10px;}

#leftHeader {float:left; width:71.5%;}
#rightHeader {width:26%; float:right; height:110px; position:relative;}
#requestService {position:relative; }
#requestService:hover #requestNormal {transition: all 0.3s ease; opacity:0;}
#requestService:hover #requestHover {transition: all 0.3s ease; opacity:1;}
#requestNormal {opacity:1; position:absolute; top:0; left:0; transition: all 0.3s ease;}
#requestHover {opacity:0; position:absolute; top:0; left:0; transition: all 0.3s ease;}
#headerPhone {display:block; width:88%; position:absolute; bottom:0; color:#d20b20; font-size:28px; font-weight:bold; letter-spacing:0.5px; padding-left:12%; text-decoration:none;}
#headerPhone:hover {color:#000;}

#mainContent {clear:both; width:96%; padding:2%; display:block; background:url(/Content/images/whiteBG60.png) repeat; min-height:672px; padding-bottom:70px;}

/* news styling
================= */
.newsItem {display:block; width:94%; margin:0 3%; font-size:13px; clear:both; float:left;}
.newsLink {display:block; float:left; clear:both; width:100%;}
.newsLink a {color:#d20b20; font-size:18px; font-weight:bold; transition: all 0.3s ease; text-shadow:none;}
.newsLink a:hover {color:#FBEA30; transition: all 0.3s ease; text-shadow: 0px 0px 1px rgba(0, 0, 0, 1);}
.newsContent {display:block; float:left; clear:both; width:100%; margin:5px 0 10px;}
.newsReadMore {display:block; float:right; background:#d20b20; color:#FFF; font-weight:bold; text-decoration:none; padding:7px 5px; transition: all 0.3s ease;}
.newsReadMore:hover {background:#FBEA30; transition: all 0.3s ease; color:#000;}

.newsBack  {display:block; float:right; background:#d20b20; color:#FFF; font-weight:bold; text-decoration:none; padding:7px 5px; transition: all 0.3s ease;}
.newsBack:hover {background:#FBEA30; transition: all 0.3s ease; color:#000;}

/* contact styling
================ */
#ContactForm label {display:block; margin-top:18px;}
#ContactForm input {transition: all 0.3s ease; width: calc(100% - 20px); padding: 10px; border-radius: 7px;}
#ContactForm input:focus {border:1px solid #d20b20; transition: all 0.3s ease;}
#ContactForm textarea {border: none; width: calc(100% - 20px); transition: all 0.3s ease; font-family:inherit !important; padding: 10px; border-radius: 7px;}
#ContactForm textarea:focus {border:1px solid #d20b20; transition: all 0.3s ease;}
#ContactFormCaptcha #recaptcha_table {border:1px solid #0D457E !important;}
#recaptcha_privacy a {color:#D20B20; font-size:12px; position:relative; left:-10px;}
#ContactForm #ErrCaptchaContactForm {display:none;}

#contactLeft {width:50%; float:left;}
#contactRight {width:50%; float:right; margin-top:-2px;}




















fieldset		{border: 1px solid #ddd; padding: 0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; }
legend		{font-size: 1.2em; font-weight: bold; }
textarea		{min-height: 75px; }
select		{border: 1px solid #ccc; padding: 2px; font-size: 1.2em; color: #444; }
input[type=text], input[type=email], input[type=password]	{border: 1px solid #ccc; padding: 2px; font-size: 1.2em; color: #444; width: 200px; }
input[type=submit]									{font-size: 1.2em; padding: 5px; }

table	{border-collapse: collapse; }
.clear	{clear: both; }
.error	{color: Red; }

div#title				{display: block; float: left; text-align: left; }
#logindisplay			{font-size: 1.1em; display: block; text-align: right; margin: 10px; color: White; }
#logindisplay a:link	{color: white; text-decoration: underline; }
#logindisplay a:visited	{color: white; text-decoration: underline; }
#logindisplay a:hover	{color: white; text-decoration: none; }
.hidethis				{visibility: hidden }
.image				{text-align:center; }

.field-validation-error		{color: #ff0000; }
.field-validation-valid		{display: none; }
.input-validation-error		{border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors	{font-weight: bold; color: #ff0000; }
.validation-summary-valid	{display: none; }

.display-label, .editor-label	{margin: 1em 0 0 0; }
.display-field, .editor-field	{margin: 0.5em 0 0 0; }
.text-box					{width: 30em; }
.text-box.multi-line		{height: 6.5em; }
.tri-state				{width: 6em; }

.field-validation-error		{color: #f00; }
.field-validation-valid		{display: none; }
.input-validation-error		{border: 1px solid #f00; background-color: #ffeeee; }
.validation-summary-errors	{font-weight: bold; color: #f00; }
.validation-summary-valid	{display: none; }

#DeleteSelectedFiles	{background: none; border: 0; color: #2B94FF; cursor: pointer; }
ul.FileManLinks li		{display: inline; }
ul.FileManLinks li a	{text-decoration: underline; }
p.FileManCwd			{color: Gray; font-size: 1.2em; text-align: center; }
ul.FileManOps li		{display: inline; }
ul.FileManip			{margin-left: 150px; }
ul.FileManip li		{display: inline; padding: 0 3px; }
#HelpOutput			{border: 1px solid grey; margin-bottom: 20px; color: #2B94FF; }
#FileManipSelectAllFiles	{margin-left: 100px; }

#PaginationDisplay			{}
#PaginationDisplay a		{}
#PaginationDisplay .selected	{}

.photoItem		{float: left; text-align: center; width: 180px; height: 220px; }
.ImageName		{text-align: center; }
.categoryItem		{float: left; text-align: center; width: 180px; height: 220px; }
.subCategoryName	{text-align: center; }

#ModalContactFormSlot	{float: right; width: 250px; display: inline-block; }
#ModalContactMask {background-color: #5C87B2; position:absolute; left:0; top:0; z-index:9000; display:none;}
#ContactFormModal fieldset			{padding: 10px 25px; border:none; margin-bottom:0px; color: #000}
#ContactFormModal fieldset input		{margin-bottom:5px;}
#ContactFormModal #boxes fieldset		{background-color: #E8EEF4; position:fixed; left:0; top:0; width: 500px; display:none; z-index:9999; padding:20px; color: #000 }
#ContactFormModal #boxes fieldset legend	{padding-top:53px;text-align:center;border:none;width:90%; display: block;}
#ContactFormModal #boxes fieldset label		{display: block; }
#ContactFormModal #boxes fieldset label.error {display: inline; color: #f00;}
#ContactFormModal #boxes fieldset input.error {border: 1px dotted #f00;}
#ContactFormModal .CloseFieldset		{margin: 10px 0 0 0; border-color: #ddd; color: #ddd; background-color: #222;}
#ContactFormModal .CloseFieldset:hover{border-color: #eee; color: #eee; background-color: #444; font-weight: 900;}
#ContactFormModal .formbg_top{display:block; width:302px; height:41px;}
#ContactFormModal .formbg_middle{display:block; width:302px; height:auto;}
#ContactFormModal .formbg_bottom{display:block; width:302px; height:96px;}
#ContactFormModal .section	{margin-bottom: 26px; padding-bottom: 10px; padding-top: 10px; text-align: left; float:left; margin-right:42px; }
#ContactFormModal #captcha	{float:left; }
#ContactFormModal legend	{border:none; font-weight:bold; text-transform:uppercase;}
.YoutubeThumb	{ width: 150px; height: 150px;}

div.comment {background:#eee; border:1px solid gray; padding:10px 10px 0 10px; margin-bottom:20px;}
span.commentDate {font-weight:normal;}
span.commentDate:after {font-weight:normal; content: " by ";}
span.commentPoster {font-weight:bold;}	
p.commentContent { }
div.commentError {color:red;}