/**************************************************************************************************************** 
	General
****************************************************************************************************************/

* { margin: 0; border: 0; padding: 0; list-style: none; font-weight: normal; text-decoration: none; }

body { background: url(/templates/images/main-bg.jpg) top center no-repeat #f2f2f2; font-family: 'Raleway', sans-serif; color: #666; }

.wrapper {
	position: relative;
	z-index: 999;
	-moz-box-shadow: 0 0 5px #ddd;
	-webkit-box-shadow: 0 0 5px #ddd;
	box-shadow: 0 0 5px #ddd;
	width: 940px;
	margin: 30px auto;
	background: #fff;
	padding: 10px;
	overflow: auto;
	overflow-x: hidden;
}

.clearboth { clear:both; }




/**************************************************************************************************************** 
	Standard HTML Styles
****************************************************************************************************************/

a:link, a:visited { color:#f58633; text-decoration:underline; }

a:hover { color:#f58633;  }

b, strong { font-weight: bold; }

i, em { font-style: italic; }

table td { vertical-align: top; text-align: left; }

.border_bottom { border-bottom: 1px dotted #CCC; margin: 0 0 25px; padding-top: 5px; clear: both; }

input[type="text"], textarea { padding: 3px;border: 1px solid #c8c8c8;width: 367px;position: relative;}

hr { border-top: 1px solid #CCC; margin-bottom: 14px; }

textarea{overflow:hidden;overflow: hidden;}

.clearboth{clear:both;}



/**************************************************************************************************************** 
	Header
****************************************************************************************************************/

#header {
	width: 100%;
	text-shadow: 1px 1px #f5e6ee;
	position: relative;
	z-index: 9999;
}

.headerWrapper {
	width: 940px;
	margin: 0;
	position: relative;
}

.logo {
	position: relative;
	margin: 10px;
	float: left;
	background: #fff;
	-moz-box-shadow: 3px 3px rgba(0,0,0,0.10);
	-webkit-box-shadow: 3px 3px rgba(0,0,0,0.10);
	box-shadow: 3px 3px rgba(0,0,0,0.10);
}

.logo img {
	position: relative;
	padding: 20px;
}



/**************************************************************************************************************** 
	Navigation
****************************************************************************************************************/

#nav {
	background: #f2873b;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000');
	background: -webkit-gradient(linear, left top, left bottom, from(#f2873b), to(#e07526));
	background: -moz-linear-gradient(top, #f2873b, #e07526);
	width: 940px;
	text-align: right;
	border-bottom: 1px solid #fff;
}

#nav ul {
	margin: 0;
	padding: 0;
	text-align: right;
}

#nav ul li {
	display: inline;
	line-height: 74px;
	padding: 0 10px;
}

#nav ul li a {
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px #ce6e29;
	font-size: 15px;
	padding: 10px 15px;
}

#nav ul li a:hover { background: #cb6921; -moz-border-radius: 5px; border-radius: 5px; }
#nav ul li a.active { background: #cb6921; -moz-border-radius: 5px; border-radius: 5px; }



/**************************************************************************************************************** 
	Footer
****************************************************************************************************************/

#footer {
	background: #f2873b;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000');
	background: -webkit-gradient(linear, left top, left bottom, from(#f2873b), to(#e07526));
	background: -moz-linear-gradient(top, #f2873b, #e07526);
	width: 100%;
	color: #fff;
	text-shadow: 1px 1px #ce6e29;
	font-size: 13px;
	overflow: auto;
	line-height: 50px;
}

.footerWrapper {
	margin: 0 auto;
	width: 100%;
	position: relative;
}

.footerLinks {
	float: left;
}

#footer ul {
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
	display: inline;
}

#footer ul li {
	display: inline;
	border-right: 1px solid #fff;
	padding: 0 10px !important;
}

#footer ul li a {
	color: #fff;
	text-decoration: none;
}
#footer a { color: #fff; }

#footer ul li:last-child {
	border-right: none;
}

.copyright {
	float: right;
	margin: 0;
	padding: 0;
	font-size: 12px;
	width: 43%;
}




/**************************************************************************************************************** 
	Contact Form
****************************************************************************************************************/

.contactForm {
	width: 294px;
	float: right;
	margin: 135px 0 60px 0;
	border: 2px solid #7d7d7d;
	background: #fff;
}

.contactHeading {
	background: #7d7d7d;
	padding: 15px 0;
	text-align: center;
	text-transform: uppercase;
	line-height: 135%;
}

.mainHeading {
	font-size: 26px;
	color: #fff;
	font-weight: bold;
}

.subHeading {
	color: #fff;
	font-size: 15px;
}
.mainHeading span { color: #ff0000 !important; }

.contact_form_style { width: 92%; margin: 20px auto 0 auto; }

.contact_form_style input{
	display:block;
}
.contact_form_style .inputFormField,
.contact_form_style .inputTextArea { display: none; }

.contactFormBot{
	margin-top: 51px;
	border:solid green 1px;
	width: 48%;
	height: 291px;
	padding: 35px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
}
.contactFormWrapper {
    margin-top: 61px;
}
.contactFormBot label{
	position: relative;
	top: -20px;
}
.contactThanks {
	width: 100%;
	position: relative;
	padding: 210px 0 0 0;
	text-align: center;
}

.contactThanks h1{
	margin-top: 16px;
}

.message{
	position: relative;
	top: -135px !important;
}
#contact_form div {/*padding-bottom:10px;*/ color:black;/* width: 250px;  padding: 25px;background: #eeecec;*/ }

#contact_form p.title { font-weight: bold; font-size: 22px; margin-bottom: 18px; color: #983902; }

#contact_form p.title span { font-weight: normal; font-size: 16px; margin-bottom: 2px; color: #87a250; display: block; }

#contact_form input[type="text"] {
	height: 20px;
	width: 98%;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	position: relative;
	border: 1px solid #b7b7b7;
	margin-top: 10px;
	text-indent: 10px;
}

#contact_form input[placeholder]{color:black;}

#contact_form textarea {
	border: 1px solid #b7b7b7;
	margin-top: 10px;
	text-indent: 10px;
	display: block;
	width: 98%;
	height: 140px;
	resize: vertical;
	position: relative;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	-webkit-border-radius: 5px;border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;
}

#contact_form .submit {
	background: url(../images/button-arrow.png) no-repeat right center #ce171b;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	cursor: pointer;
	font-size: 14px;
	padding: 5px 20px;
	text-decoration: none;
	-moz-border-radius: 30px;
	border-radius: 30px;
	margin: 10px 0 15px 0;
}

#contact_form .submit:hover {
	background: url(../images/button-arrow.png) no-repeat right center #b50b0f;
}

.contact_form_field_name {padding-right: 10px;}

.submit_wrapper{background:url(/templates/images/btn_submit.png) no-repeat; width: 259px; height: 55px; margin-top: -45px}

.contact_form_submit{background:none;}

#contact_form  input{-webkit-border-radius: 5px;border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;}

.btn_contact{font-size: 17px;color: white;position: relative;top: -30px;background: #bd1d1d;left: 150px;width: 101px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;}

.inputTypeBox{ outline:none;-webkit-border-radius:5px;border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;}

.colon {position: relative;left: 81px;top: -21px;}
.colonMsg {position: relative;top: -135px;left: 66px; }

.circularImage {
	width: 200px;
	height: 200px;
	border-radius: 200px;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	margin: 10px 0;
}

.borderImage {
	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -7px 0 rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3);
	-moz-box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -7px 0 rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3);
	box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -7px 0 rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}


	

/**************************************************************************************************************** 
	Content
****************************************************************************************************************/


#content {
	width: 100%;
	margin-top: -78px;
	float: left;
}

#content .content_table { }

#content_text { width: 100%; }

#content p { margin-bottom: 14px; margin-top: 16px; line-height: 150%; font-size:15px; }

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	margin-bottom: 20px;
	line-height: 100%;
	font-weight: bold;
}

#content h1 {
	font-size: 35px;
	font-weight: normal;
	color: #f58633;
	padding-bottom: 15px;
	border-bottom: 1px solid #e3e3e3;
}

#content h2 {
	font-size: 25px;
	margin-bottom: 0;
	color: #f58633;
	padding: 0;
	background: url(/templates/images/double-line.png) repeat-x center center;
	font-weight: bold;
}
#content h2 span { padding: 0 30px; background: #fff; }

#content h3 { font-size: 17px; color: #f58633; text-align:center; margin-top: 10px !important; }
#content h4 { font-size: 15px; }
#content h5 { font-size: 13px; }
#content h6 { font-size: 12px; }
#content p { color: #666; font-size:15px; }

.text_center { text-align:center; }
.imageLeft { float:left; margin: 0 20px 20px 0; }
.imageRight { float:right; margin: 0 0 20px 20px; }

#content ul { margin-bottom: 14px; padding-left: 30px; }

#content ul li {
	list-style: disc;
	padding: 3px 10px;
	font-size: 15px;
}

.google_map {  width: 461px !important; height: 171px; margin-bottom: 0px !important; margin-top: 31px; }

.mainContent {
	margin: 45px 0;
	width: 100%;
	text-shadow: none;
}

.leftColumn { width:45%; float:left; margin-bottom: 60px; }
.rightColumn { width:45%; float:right; margin-bottom: 60px; }

.banner {
	min-height: 505px;
	text-shadow: none;
	color: #fff;
	position: relative;
}
.heroImage { z-index:-1; position: relative; }

.heroImageInner img { width:100%; height:auto; }

.heroText {
	padding: 60px;
	background: url(/templates/images/hero-text-bg.png) no-repeat left center;
	width: 45%;
	position: absolute;
	z-index: 1;
	top: 130px;
}

.heroHeading {
	font-size: 39px;
	font-weight: bold;
}

.heroSubHeading {
	font-size: 20px;
	margin-bottom: 50px;
}

a.buttonStyle {
	color: #fff;
	background: url(/templates/images/arrow-left.png) right center no-repeat #f58633;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 8px 35px 8px 20px;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: none;
}
a.buttonStyle:hover { background: url(/templates/images/arrow-left.png) right center no-repeat #cb6921; }

.introText { padding: 0 40px; }
.introOwner {
	text-align: center;
	padding: 0 40px;
}
.introText p , .introOwner p { font-size: 16px !important; }

.firstColumn {
	width: 290px;
	float:left;
}

.secondColumn {
	width: 290px;
	float:left;
	margin: 0 25px;
}

.thirdColumn {
	width: 290px;
	float:left;
}

.accordionWrapper {
	width: 920px;
	margin: 30px 10px 50px 10px;
	overflow: auto;
}

.accordionWrapper h4 {
	margin-bottom: 0 !important;
	padding: 0 20px !important;
	font-weight: normal !important;
}



/********Contact Form**********/

.inputFormField{}
.inputTextArea{}

/*********************/



/********Tablet**********/
@media (max-width:979px) and (min-width:768px) {

.wrapper { width: 94%; }
#header { width: 100%; }
.headerWrapper { width: 100%; }
#nav { width: 100%; }
#content { width: 100%; margin-top: -78px; }
.mainContent { width: 100%; }
.accordionWrapper { width: 100%; margin: 30px 10px 50px 10px; }
.accordionWrapper img { width: 100%; }
.firstColumn { width: 30%; }
.secondColumn { width: 30%; margin: 0 2em; }
.thirdColumn { width: 30%; }
#footer { width: 100%; }
.footerWrapper { width: 100%; }
.copyright { margin: 0 20px 0 0; width: 43%; }
.heroImage img { width: 100%; height:auto; }

}

/********Tablet-Mobile**********/
@media (max-width:767px)  {

.wrapper { width: 94%; }
#header { width: 100%; }
.headerWrapper { width: 100%; }
#nav { width: 100%; }
#content { width: 100%; margin-top: -78px; }
.mainContent { width: 100%; }
.heroImage img { width: 100%; height:auto; }
.heroText { width: 65%; }
.heroHeading { font-size: 40px; }
.heroSubHeading { font-size: 21px; }
.accordionWrapper { width: 100%; margin: 30px 10px 50px 10px; }
.accordionWrapper img { width: 100%; }
.firstColumn { width: 29%; }
.secondColumn { width: 29%; margin: 0 2em; }
.thirdColumn { width: 29%; }
#footer { width: 100%; }
.footerWrapper { width: 100%; }
.copyright { margin: 0 20px 0 0; width: 56%; }

}


/********Mobile**********/
  
@media (max-width:480px) {

.wrapper { width: 100%; margin: 0; padding: 0; }
#header { width: 100%; }
.headerWrapper { width: 100%; background: #f2873b; }
.logo { margin: 0 10px 15px 10px; float: none; }
.logo img { padding: 20px; width: 85%; }
#nav { width: 100%; }
#nav ul { margin: 0; padding: 0; text-align: center; }
#nav ul li { display: block; line-height: 40px; padding: 5px 10px; }
#nav ul li a { font-size: 16px; padding: 0 6em; display: block; }
#content { width: 100%; margin-top: 0; }
.mainContent { width: 100%; }
.banner { background-size: contain; min-height: 170px; }
.heroImage img { width: 100%; height:auto; }
.heroText { display:none; }
.introText { padding: 0 20px; }
.introOwner { padding: 0 20px; }
.accordionWrapper { width: 100%; margin: 30px 10px 50px 10px; }
.accordionWrapper img { width: 100%; }
.firstColumn { width: 93%; float: none; margin-bottom: 20px; }
.secondColumn { width: 93%; margin: 0 0 20px 0; float: none; }
.thirdColumn { width: 93%; float: none; }
#footer { width: 100%; }
.footerWrapper { width: 100%; }
.footerLinks { float: none; text-align: center; }
#footer ul { list-style: none; margin: 0 0 0 10px; padding: 0; display: inline; text-align: center; width: 100%; }
#footer ul li { display: inline; border-right: 1px solid #fff; padding: 0 10px !important; }
.copyright { margin: 0 0 20px 0; width: 94%; text-align: center; line-height: 100%; }

}