﻿/* reset browser styles */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 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, th, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

html, body {width:100%; display: table;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

ol { padding-left: 0; list-style: decimal;}
ul {padding-left: 0; list-style:square;}

table {margin-left:30px;} 

/* end reset browser styles */


body { font-family: Arial; font-size: 10.5pt; color: #2f2e2e; background: #fff; line-height: 22px }


/*-----------------------------------------------------------Template-Elements-------------------------------------------------------------------------------------------------------------------------------*/


header {margin: 0 auto; width:1195px;}
header .left {float:left; width:250px}
header .call {margin:15px 0 0 0; font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; color:#616163; font-size:17pt; text-align:right}
header .call a {color: #616163}
header .appt {margin:40px 0 0 0; float:right}
header .appt-index {margin:10px 0 30px 0; float:right}

nav {float:right; width: 800px; margin-top: 20px; margin-right:15px}

article {margin: 0 auto; width:955px; clear:both; background:url('images/design/pages-bg.png') no-repeat center top; overflow:auto;}
article p {padding: 10px 30px}

.home-text {margin: 0 auto; width:955px; clear:both; background:url('images/design/pages-bg.png') no-repeat center top;}
#boxes {background: url('images/index/content-bg.png') no-repeat center top; height:290px; font-family:"Trebuchet MS"; margin-bottom:30px;}
section p {padding:0; font-size:16pt}
section p.review {font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-style:italic; line-height:18px; margin:12px 0}

section#left1 {width: 298px; float: left; margin: 15px 0 0 15px; color: #fff; font-size:11pt} 
section#left2 {width: 340px; float: left; margin: 30px 0 0 0; color: #333;}
section#left3 {float: left; margin: 30px 0 0 0; color: #333;} 


footer {margin:0 auto; width:955px; background:#333; color: #c8c4c4; font-size:10pt; height:38px; text-align:center; padding-top:15px; clear:both}
footer a {color: #c8c4c4}
footer a:hover {color: #c8c4c4}
footer a:visited {color:#c8c4c4}


/*-----------------------------------------------------------Elements-------------------------------------------------------------------------------------------------------------------------------*/

a {	color: #963e0b; text-decoration:none}
a:active {color: #963e0b; text-decoration:none}   
a:visited {color: #963e0b; text-decoration:none}
a:hover {color: #b46c23; text-decoration:underline}

ul, li {line-height:25px; margin-left:30px}
img {border-width: 0px; }

section ul {margin-bottom:15px; margin-left:20px}
section li {background:url('images/index/arrow.gif') no-repeat left 10px; list-style-type:none; margin-left:-19px;}
section a {color:#fff}  
section a:visited {color:#fff}
section a:hover {color:#fff}

h1 { font-family: Arial, sans-serif  MS;  font-size: 19pt; color: #963e0b; font-weight:normal; padding: 30px 30px 10px 30px}
h2 { font-family: "Trebuchet MS"; font-size: 14pt; color: #252525; font-weight:normal; font-style:italic; padding: 10px 30px}
h3 { font-family: "Trebuchet MS"; font-size: 12pt; color: #252525; font-style:italic; padding: 10px 30px }


input, textarea { padding: 5px;background: #fff; font-size: 9pt; color: #ccc; font-family: Arial, Helvetica, sans-serif; border: 1px solid #ccc; 
                  margin-bottom:5px; height:21px; width:300px; resize: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;
                  box-shadow: inset 0 1px 8px rgba(0,0,0,0.3); 
                }

.submit { background: #333;	-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;
   	 cursor:pointer; width: 75px; height: 30px; border: none; color: #fff}
   	 
hr {width: 94%; margin:25px}


/*-----------------------------------------------------------Elements to work with cycle plugin for BG images-------------------------------------------------------------------------------------------------------------------------------*/

#wrapper {position:relative; margin-top:-890px; z-index:999; padding:0;}
#wrapper-index {position:relative; margin-top:6px; z-index:999; padding:0;}

#bg_containers {width:100%; margin:auto; position:relative; z-index:0}
#bg_containers div {width:100%; height:896px; margin:auto;}
#bg_containers .bg1 {background:url(flash/flash1.jpg) no-repeat center top; min-width:1024px}
#bg_containers .bg2 {background:url(flash/flash2.jpg) no-repeat center top; min-width:1024px}
#bg_containers .bg3 {background:url(flash/flash3.jpg) no-repeat center top; min-width:1024px}


/*-----------------------------------------------------------Classes-------------------------------------------------------------------------------------------------------------------------------*/


.image_border { -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
                -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
                background-color: #fff;
                border: 1px solid #ccc;
                padding: 3px;  
                margin: 7px 0 7px 30px;
              }
 
.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }
 
.fade:hover {opacity: 0.6;}

.center {text-align:center}
.right {text-align:right}
.hover img:hover { opacity:0.7 }
.contact {float:left; width:500px}
.appt {float:left; margin-left:40px}

.promo {margin: -7px 0 0 -24px; z-index:1000}

.logo{
    float: left;
    margin-top: 10px;
}

.logo img{
      width: 95px;
      vertical-align: middle;
    
}

#abc {
width:100%;
height:100%;
opacity:.95;
top:0;
left:0;
display:none;
position:fixed;
background-color:#313131;
overflow:auto
}
img#close {
position:absolute;
right:-14px;
top:-14px;
cursor:pointer
}
div#popupContact {
position:absolute;
left:50%;
top:17%;
margin-left:-202px;
font-family:'Raleway',sans-serif;
    color: #000;
	background: #fff;
    padding: 20px;
    border-radius: 20px;
} 
div#___plusone_0 {
    width: 55px !important;
}