body
{
font-family: 'Karla', sans-serif;
color: #000000;
margin: 0px;
padding: 0px;
font-size: 14px;
}

a
{
color: #000000;
text-decoration: none;
}

a:hover
{
color: #000000;
background: none !important;
}

a:focus
{
color: #000000;
background: none !important;
}

.readmore .btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #000000;
    background-image: none;
    background-repeat: repeat-x;
    border-color: none;
    border-image: none;
    border-radius: 0px;
    border-style: solid;
    border-width: 0px;
    box-shadow: 0 0px 0 rgba(255, 255, 255, 0.2) inset, 0 0px 0px rgba(0, 0, 0, 0.05);
    color: #ffffff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
	font-family: 'allerbold';
	text-transform: uppercase;
    line-height: 28px;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}

.readmore .btn:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #000000 !important;
    background-image: none;
    background-repeat: repeat-x;
    border-color: none;
    border-image: none;
    border-radius: 0px;
    border-style: solid;
    border-width: 0px;
    box-shadow: 0 0px 0 rgba(255, 255, 255, 0.2) inset, 0 0px 0px rgba(0, 0, 0, 0.05);
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
	font-family: 'allerbold';
	text-transform: uppercase;
    line-height: 28px;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}

.readmore .btn .icon-chevron-right
{
display: none;
}

.page-header {
    border-bottom: 1px solid #c3c2c2;
}

h1
{
font-size: 32px;
line-height: 35px;
color: #000000;
font-family: 'Cinzel', serif;
margin: 0px;
}

h2
{
font-size: 26px;
line-height: 28px;
color: #000000;
font-family: 'Cinzel', serif;
}

h3
{
font-size: 24px;
line-height: 26px;
color: #000000;
font-family: 'Cinzel', serif;
}

h4, h5, .componentheading
{
font-size: 20px;
line-height: 22px;
color: #000000;
font-family: 'Cinzel', serif;
}

@media (max-width: 1023px) {
	
h1
{
font-size: 22px;
line-height: 26px;
color: #000000;
font-family: 'Cinzel', serif;
margin: 0px;
}

h2
{
font-size: 18px;
line-height: 22px;
color: #000000;
font-family: 'Cinzel', serif;
}

h3
{
font-size: 16px;
line-height: 20px;
color: #000000;
font-family: 'Cinzel', serif;
}

h4, h5, .componentheading
{
font-size: 20px;
line-height: 22px;
color: #000000;
font-family: 'Cinzel', serif;
}	
	
}	

#main_content button
{
color: #ffffff;
background-color: #000000 !important;
border: none !important;
padding: 10px 20px;
font-weight: bold;
}

input[type="text"], textarea
{
width: 50%;
padding: 10px;
border: 1px solid #000000;
border-radius: 0px;
}

@media (max-width: 769px) {

input[type="text"], textarea
{
width: 90%;
padding: 10px;
border: 1px solid #000000;
border-radius: 0px;
}

}

#mobile_menu_button
{
text-align: center;
visibility: hidden;
height: 0px;
float: left;
padding: 5px 10px;
}

#mobile_menu_button a img
{
height: 0px;
}

#mobile_menu
{
display: none;
position: absolute;
left: 0px;
top: 0px;
z-index: 1100;
background: #ffffff;
background: rgba(255,255,255,0.9);
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
}

#mobile_menu a
{
padding: 5px;
}

#mobile_menu ul
{
margin-bottom: 0px;
}

#mobile_menu ul li
{
padding-top: 5px;
padding-bottom: 5px;
}

#mobile_menu ul li ul
{
padding-top: 5px;
margin-bottom: -5px;
}

#mobile_menu_close
{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: none;
z-index: 1050;
}

@media (max-width: 1365px) {

#mobile_menu_button
{
visibility: visible;
height: auto;
}

#mobile_menu_button a img
{
height: auto;
}

}

header
{
width: 100%;
overflow: auto;
text-align: center;
border-bottom: 1px solid #c3c2c2;
} 

header #logo
{
margin: 0 auto;
padding-top: 10px;
}

@media (max-width: 1365px) {

header #logo
{
float: left;
text-align: center;
}

header #logo img
{
width: 250px;	
}		
	
}

@media (max-width: 767px) {

header #logo
{
float: left;
text-align: center;
}

header #logo img
{
width: 200px;	
}		
	
}	

nav
{
width: 100%;
clear: both;
text-align: center;
overflow: auto;
margin-top: -12px;
}

@media (max-width: 1365px) {

nav
{
display: none;
}	
	
}

nav ul
{
width: 98%;
padding-left: 1%;
padding-right: 1%;
padding-bottom: 0px;
margin: 0 auto;
}

nav .nav
{
margin-bottom: 0px;
}

nav ul li:hover, nav ul li.hover {
  display: inline-block;
}

nav ul li
{
display: inline-block;
}

nav ul li a
{
font-size: 18px;
padding: 10px 20px;
display: block;
}

nav ul li a:hover
{
background: none;
}

nav li ul {
	max-width: 300px;
	position: absolute;
	left: -999em;
	background-color: #ffffff;
	z-index: 110;
	border-left: 1px solid #c3c2c2;
	border-right: 1px solid #c3c2c2;
	border-bottom: 1px solid #c3c2c2;
	box-shadow: 0px 3px 3px #888888;
}

nav li ul li {
	display: block;
	text-align: left;
}

nav ul li:hover ul li:hover, nav ul li.hover ul li.hover {
  display: block;
}

nav li ul li a {
   padding: 10px 0px;
   text-decoration: none !important;
}


nav li:hover ul, nav li.hover ul {
	left: auto;
}

#main_image
{
max-width: 1920px;
margin: 0 auto;
}

#main_image p
{
margin: 0px;
}

#main_image h1
{
font-family: 'Cinzel', serif;	
font-size: 30px;
line-height: 32px;		
max-width: 450px;	
position: relative;
top: -200px;
background: rgba(255, 255, 255, 0.8);
padding: 20px;
margin: 0px 5% -140px 5%;
}

#main_image h1 span
{
border: 1px solid #000000 !important;
display: block !important;
padding: 10px; 
}

@media (max-width: 1365px) {


#main_image h1
{
font-family: 'Cinzel', serif;	
font-size: 24px;
line-height: 28px;		
max-width: 350px;	
position: relative;
top: -160px;
background: rgba(255, 255, 255, 0.8);
padding: 20px;
margin: 0px 5% -125px 5%;
}	
	
}

@media (max-width: 767px) {

#main_image h1
{
font-family: 'Cinzel', serif;	
font-size: 24px;
line-height: 28px;		
max-width: 1024px;	
position: relative;
top: 10px;
background: none;
padding: 0px;
margin: 0px 2% 0px 2%;
}	
	
}	

#wrap
{
max-width: 1500px;
margin: 0 auto;
margin-top: 20px;
clear: both;
overflow: auto;
}

#main_content
{
width: 96%;
padding-left: 2%;
padding-right: 2%;
overflow: hidden;
margin-bottom: 20px;
}

#main_content a
{
color: #730e10;
text-decoration: underline;	
}

#main_content a:hover
{
color: #730e10;
text-decoration: none;	
}

#main_content ul
{ 
list-style: none;
margin: 0px;
padding: 0px;
}

#main_content ul li
{ 
padding: 5px 0px;
}

#main_content .blog .item-image
{
padding: 20px 20px 20px 0px;	
}

#main_content .camera_wrap {
    width: 70% !important;
	margin: 0 auto;
}


#call_out
{
font-family: 'Cinzel', serif;	
font-size: 30px;
line-height: 32px;	
width: 100%;
overflow: auto;
background: #f1f1f1;
text-align: center;
padding: 20px 0px;
}

#call_out a
{
font-size: 18px;	
font-family: 'Karla', sans-serif;	
}

#call_out hr
{
width: 35%;
height: 0px;
margin: 0 auto;
margin-bottom: 10px;
border-bottom: 2px solid #000000;
}

@media (max-width: 767px) {

#call_out
{
font-size: 24px;
line-height: 28px;	
}

#call_out a
{
font-size: 16px;	
}	
	
}	

#services
{
width: 100%;	
overflow: auto;
text-align: center;	
}

#services_inner
{
max-width: 1500px;
margin: 0 auto;
overflow: auto;
background: #6c6c6c;
color: #ffffff;
}

#services_inner a
{
color: #ffffff;
}

#services_header h2
{
font-size: 30px;
color: #ffffff;
}

#services h2
{
font-size: 24px;
color: #ffffff;
}

#service_box1
{
width: 29%;
float: left;
padding-left: 2%;
padding-right: 2%;
}

#service_box2
{
width: 29%;
float: left;
padding-left: 2%;
padding-right: 2%;	
}

#service_box3
{
width: 29%;
float: left;
padding-left: 2%;
padding-right: 2%;	
}

#service_box4
{
width: 29%;
float: left;
padding-left: 2%;
padding-right: 2%;	
}

#service_box5
{
width: 29%;
float: left;
padding-left: 2%;
padding-right: 2%;	
}

#service_box6
{
width: 29%;
float: left;
padding-left: 2%;
padding-right: 2%;	
}

@media (max-width: 767px) {
	
#services_header h2
{
font-size: 20px;
}

#services h2
{
font-size: 20px;
}	

#service_box1
{
width: 96%;
}

#service_box2
{
width: 96%;
}

#service_box3
{
width: 96%;	
}

#service_box4
{
width: 96%;	
}

#service_box5
{
width: 96%;	
}

#service_box6
{
width: 96%;
}	
	
}	

#get_a_quote
{
clear: both;	
font-family: 'Cinzel', serif;	
font-size: 36px;	
text-align: center;
padding: 30px 0px;
}

#get_a_quote a, #get_a_quote a:hover, #get_a_quote a:focus
{
font-size: 24px;
background: #000000 !important;
color: #ffffff;
padding: 20px 100px;
text-decoration: none;
}

#get_a_quote a.phone
{
font-size: 36px !important;	
color: #ffffff;
background: none !important;
padding: 0px;
}

@media (max-width: 767px) {

#get_a_quote
{
font-size: 26px;	
}

#get_a_quote a, #get_a_quote a:hover, #get_a_quote a:focus
{
font-size: 16px;
padding: 20px 80px;
}	
	
}	

#why_choose_us
{
font-family: 'Cinzel', serif;	
width: 100%;
background: #6c6c6c;
color: #ffffff;
overflow: auto;
text-align: center;
padding-bottom: 30px;
}

#why_choose_us h3
{
color: #ffffff;	
}

#why_choose_us ul
{ 
max-width: 1300px;
margin: 0 auto;
text-align: left;
list-style: none;
padding: 0px 2%;
}

#why_choose_us ul li
{ 
width: 50%;
float: left;
line-height: 30px;
}

@media (max-width: 1365px) {

#why_choose_us ul li
{ 
clear: both;
width: 700px;
float: none;
margin: 0 auto;
}	
	
}

@media (max-width: 767px) {

#why_choose_us ul li
{ 
width: 100%;
}	
	
}

#area_menu_button
{
width: 100%;
margin: 0 auto;	
background-color: #000000;
overflow: auto;
}

#area_menu_button h3
{
font-size: 24px;
color: #c3c2c2;
}

#area_menu_button_inner
{
max-width: 1460px;
margin: 0 auto;
padding: 10px 20px 10px 20px;
overflow: auto;
font-size: 16px;
font-weight: bold;
color: #ffffff;
cursor: pointer;
}

#area_menu
{
max-width: 1460px;
margin: 0 auto;
padding: 10px 20px 10px 20px;
background-color: #ffffff;
overflow: auto;
display: none;
}

#area_menu ul
{
margin: 0px;
padding: 0px;
}


#area_menu a:hover
{
background: none;
text-decoration: underline;
}

#area_menu_inner
{
width: 100%;
}

#area_menu_inner ul li
{
width: 33%;
display: inline-block;	
}

#area_menu_button_close
{
clear: both;
width: 100%;
margin: 0 auto;
background-color: #ffffff;
overflow: auto;
text-align: right;
cursor: pointer;
}

@media (max-width: 1023px) {

#area_menu_button
{
width: 96%;
margin: 0 auto;
padding: 2%;
}

#area_menu
{
width: 96%;
margin: 0 auto;
padding: 2%;
}

#area_menu_inner ul li
{
width: 100%;
}	

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

}

footer
{
clear: both;
color: #ffffff;
font-size: 14px;
width: 100%;
background-color: #000000;
overflow: auto;
}

footer #footer_inner
{
max-width: 1450px;
margin: 0 auto;
padding-left: 2%;
padding-right: 2%;
}

footer #footer_inner a
{
color: #ffffff;
}

footer #footer_inner h3
{
font-size: 24px;
font-family: 'Cinzel', serif;
color: #c3c2c2;
margin-bottom: 0px;
line-height: 26px;
}

footer #sitemap_col1
{
width: 33%;
float: left;
overflow: auto;
}

footer #sitemap_col2
{
width: 33%;
float: left;
margin-top: 35px;
overflow: auto;
}

/* footer #latest_news
{
width: 26%;
float: left;
margin: 0px 2%;
}

footer #facebook
{
width: 26%;
float: left;
margin: 0px 2%;
} */

footer #footer_contact
{
width: 33%;
float: left;
overflow: auto;
}

@media (max-width: 1023px) {
	
footer #sitemap_col1
{
width: 46%;
margin: 0px 2%;
}

footer #sitemap_col2
{
width: 46%;
min-height: 220px;
margin: 30px 2% 0px 2%;
}

footer #latest_news
{
width: 46%;
float: left;
margin: 0px 2%;
}

footer #facebook
{
width: 46%;
float: left;
margin: 0px 2%;
}

footer #footer_contact
{
width: 100%;
top: 0px;
margin-left: 2%;
margin-bottom: 0px; 
}	
	
}

@media (max-width: 767px) {
	
footer #sitemap_col1
{
width: 46%;
margin: 0px 2%;
}

footer #sitemap_col2
{
width: 46%;
min-height: 220px;
margin: 30px 2% 0px 2%;
}

footer #latest_news
{
width: 96%;
float: left;
margin: 0px 2%;
}

footer #facebook
{
width: 96%;
float: left;
margin: 0px 2%;
}

footer #footer_contact
{
width: 98%;
top: 0px;
margin-bottom: 0px; 
}	
	
}

footer #footer_contact strong
{
font-family: 'Cinzel', serif;
font-weight: normal;	
}

footer #copyright
{
clear: both;
width: 100%;
}

.latestnewsenhanced_106 li.newsitem.active{
    background: none !important;
}

.fb-face {
    border: none !important;
    margin: 0 0px 0px !important;
    // overflow: hidden;
    padding: 0px !important;
    overflow-y: auto;
}

.ccc-inner h2 {
    background-color: #f0942b;
    background-position: 9px 6px;
    border-radius: 3px 3px 0 0;
    color: #fff;
    font-size: 1.1em  !important;
	line-height: 1.4em;
    font-weight: bold;
    margin: 0;
    padding: 10px 9px 8px 44px;
}
