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

@font-face {
    font-family: 'SansationBold';
    src: url('../fonts/sansation-bold.eot');
    src: url('../fonts/sansation-bold.eot') format('embedded-opentype'),
         url('../fonts/sansation-bold.woff') format('woff'),
         url('../fonts/sansation-bold.ttf') format('truetype'),
         url('../fonts/sansation-bold.svg#SansationBold') format('svg');
}

@font-face {
	font-family: 'SansationRegular';
    src: url('../fonts/sansation-regular.eot');
    src: url('../fonts/sansation-regular.eot') format('embedded-opentype'),
         url('../fonts/sansation-regular.woff') format('woff'),
         url('../fonts/sansation-regular.ttf') format('truetype'),
         url('../fonts/sansation-regular.svg#SansationRegular') format('svg');
}

@font-face {
    font-family: 'si';
    src: url('../social/socicon.eot');
    src: url('../social/socicon.eot?#iefix') format('embedded-opentype'),
         url('../social/socicon.woff') format('woff'),
         url('../social/socicon.ttf') format('truetype'),
         url('../social/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;
 
}
 
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(../social/socicon.svg) format(svg);
    }
}

soc {
    overflow:hidden;
    margin:0; padding:0;
    list-style:none;
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;

    -o-transition:.1s;
    -ms-transition:.1s;
    -moz-transition:.1s;
    -webkit-transition:.1s;
    transition:.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    margin-right: 5px;
    color: #fff;
    background-color: #16a085;
	top:10px;
}

.soc a:hover {
    z-index: 2;
  -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.soc-icon-last{
    margin:0 !important;
}

.soc-twitter:before {
    content:'a';
}
.soc-facebook:before {
    content:'b';
}
.soc-google:before {
    content:'c';
}



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

body { background: #fff;   font-family: 'SansationRegular'; color:  #808080; font-size:16px; }



.wrapper {margin: 0px auto 0 auto; background:#FFF;  }

.clearboth{clear:both;}




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

a:link, a:visited { color:#00a89c; }

a:hover { color:#00a89c;text-decorator:underline;  }

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;}

h1{ }

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

#header { background: white;min-height: 178px;position: relative;z-index: 1;}

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

.headerTopDetails{ }



.logo{position: relative; }

.logo img {position: relative;}








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

#nav { }


#navigation_index{display:none;}
#navigation_services{display:none;}
#navigation_about{display:none;}
.navigation_aboutme{width:100px;}
.navigation_available_location{width:278px !important;}

#navigation_about {width: 291px !important;}
#navigation_services{width: 149px !important;}
#nav ul { margin: 0px auto 0 auto; width:500px;position: relative; left: 11px;top: 38px; font-family: Poor Richard;}

#nav ul li {/*display: inline;*/ float:left; height: 40px;width: 155px; background:#0ebbeb; margin: 11px; border-top-left-radius:5px; -webkit-border-top-left-radius:5px;-moz-border-top-left-radius:5px;-ms-border-top-left-radius:5px;-o-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;-moz-border-top-right-radius:5px;-ms-border-top-right-radius:5px;-o-border-top-right-radius:5px;}

#nav ul li a { text-transform:uppercase; display: inline-block; height: 20px; line-height: 10px; font-size: 20px; color: #a4a4a4; padding: 0 20px; font-weight: normal; position: relative;top: 14px;left: 4px;color:white;}

#nav ul li a:hover { color: #FFF;  text-decoration: underline; }

#page01 #page_item01, #page02 #page_item02, #page03 #page_item03, #page04 #page_item04, #page05 #page_item05,
#page06 #page_item06, #page07 #page_item07, #page08 #page_item08, #page09 #page_item09, #page10 #page_item10 { background: #6C843E; }




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

#footer {  height: 90px; line-height: 93px;text-align:center; color: #FFF; background:#eaeaea; font-size:13px;}

#footer p { margin: 0 auto; width: 960px;position: relative;top: 15px; }

#footer span{margin: 30px;}

 

/**************************************************************************************************************** 
	Newsletter
****************************************************************************************************************/

#newsletter {  background: none repeat scroll 0 0 #eeecec; float: right; margin-top: 30px; padding: 25px; width: 250px; }

#newsletter p.title { font-weight: bold; font-size: 18px; color: #983902; }

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

#newsletter input[type="text"] { display: block; width: 240px; margin: 5px 0; }

#newsletter .submit { background: #4d1c00; color: #FFF; padding: 5px 15px; margin: 8px 0; cursor: pointer; }

#newsletter .submit:hover { background: #a13b00; cursor: pointer; }





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

#contact_form { /*padding: 0 30px 0 0;padding:57px;*/ padding: 0px 0 0 33px; }

.contact_form_style{width: 100%;margin-top: 22px}

.contact_form_style input{
	display:block;
	height: 35px;
}
.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: 472px;
	position: relative;
	left: 390px;
	top: 171px;
}
.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: 30px;
  width: 222px;
  position: relative;
  font-family: 'SansationRegular';
  font-size: 18px;
  border-radius: 6px;
  margin: 20px;  
  
}

#contact_form input[placeholder]{color:black;  font-size: 18px;border-radius: 6px; margin: 20px;}

#contact_form textarea { display: block; height: 181px; resize: vertical; position: relative;
  font-family: 'SansationRegular';
  font-size: 18px;
  border-radius: 6px;
  margin: 20px; width: 222px;  }
#contact_form .submit { padding: 5px 15px;
  cursor: pointer;
  background: #00a89c;
  width: 86%;
  COLOR: #FFF;
  BORDER-RADIUS: 6PX;
  margin: 20px;font-family: 'SansationRegular';}

#contact_form .submit:hover {}

..submit:hover{color: rgb(199, 199, 199);}

.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;}

/**************************************************************************************************************** 
	Gallery
****************************************************************************************************************/

.gallery_list { width: 608px; overflow: hidden; padding: 0; margin: 18px auto 10px; }

.gallery_list li { display: block; float: left; margin: 0 12px 12px 0; }

.gallery_list li a { display: block; padding: 4px; border: 1px solid #CCC; }

.gallery_list li a:hover { padding: 3px; border: 2px solid #87A250; }

.gallery_pagination { text-align: center; }

.gallery_pagination select { padding: 2px; border: 1px solid #CCC; margin-left: 5px; }

/**************************************************************************************************************** 
	before content
****************************************************************************************************************/



	

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


#hero { height: 534px; width: 100%; margin: 0 auto; overflow: hidden;background:url(templates/images/banner.jpg) no-repeat; }

#content { min-height: 500px;}

#content .content_table { }

#content_picture { padding: 0 0 0 30px; }

#content_text { width: 100%; }

#content p { margin-bottom: 30px; margin-top: 30px;}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {   margin-bottom: 14px;}

#content h1 { font-size: 29px; line-height: 25px; }

#content h2 { }

#content h3 { font-size: 15px; }

#content h4 { font-size: 14px; }

#content h5 { font-size: 13px; }

#content h6 { font-size: 12px; }

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

#content ul li { list-style: disc; }

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

.circular {
	width: 300px;
	height: 300px;
	border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	
	}
	

.borderRound{-webkit-border-radius: 15px;border-radius: 15px;-ms-border-radius: 15px;-o-border-radius: 15px;}



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



.inputFormField{}
.inputTextArea{}

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