@charset "utf-8";
/* CSS Document */


#finance h1{color:#6e456e; text-align:center;}

.footerlink{font-size:10px; letter-spacing:1px; text-align:center; color:#000000; display:block; width:100%; margin:auto; padding:15px 0;}

#finance{display:block; width:80%; float:left; margin-left:10%; color:#666666; margin-bottom:40px;}

#finance li{line-height:2;}

table tr:nth-child(even) {background: #f0f0f0;}
table tr:nth-child(odd) {background: #FFF;}
table{border-spacing:0;}

.padding {
    display: block;
    margin: 20px 0;
    width: 100%;
    text-align: center;
    float: left;
}
label {
    float: left !important;
    text-align: center !important;
    margin-right: 15px;
    width: 100% !important;
    padding-top: 5px;
    font-size: 12px;
    text-transform: uppercase;
    color: #000000;
}

#contact-area input.submit-button {
    width: 40% !important;
    float: none !important;
    text-align: center !important;
}

body{background:#ffffff; color:#ffffff; font-family:Verdana, sans-serif; padding:0; margin:0; font-size:14px;}

h1{font-weight:normal; font-size:130%;}

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

#purplebg{background:#573057; width:100%; display:block; padding:50px 0; float:left; text-align:center;}

#purplebg .inner{color:#ffffff;}
	
#purplelinks{background:#6e456e; width:100%; display:block; float:left; text-align:center; COLOR:#ffffff; position:fixed; z-index:10;}

#purplelinks .inner{float:none; margin:auto; width:auto; display:inline-block;}

#purplelinks a{width:auto; display:block; padding:20px 10px; color:#ffffff; float:left; 1.5vw !important;}

#purplebg .inner{width:60%; display:block; margin:auto; padding-top:20px; padding-bottom:20px; font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;}

#header {
width: 100%;
display: block;
padding: 10px 0;
float: left;
background: #ffffff;
box-shadow: 1px 2px 1px #ccc;
position: fixed;
z-index: 3;
opacity: 1;
height: 105px;
}

#header .inner{width:90%; margin:auto; display:block;}

#logo{width:210px; float:left; padding-left:1%;}

#menu{display:inline-block; float:right; width:auto; padding-top:35px;}

#menu .inner{width:100%; float:left; display:inline-block;}

#menu a{display: block;
padding: 8px 8px;
float: left;
font-size:13px;
}

#menu li{display:inline-block; width:auto; padding:0 10px;}

#flags li{display:inline-block; width:auto; padding:0 0;}

.flag {
    height: 20px;
    padding-top: 5px;
    margin-bottom: -5px;
}

#flags{width:auto; float:right;}

.flags{padding:0; wdth:auto;}

#banner{width:100%; display:block; float:left;s}

.content {
    width: 100%;
    display: block;
    float: left;
    background: #ffffff;
    padding-top: 125px;
}
.content .inner{width:80%; margin:auto; display:block; color:#666666;}

.content .inner a{color:#666666; font-size:14px;}

#ctas{width:80%; margin:auto; display:block;}

.button img:hover{opacity:0.8; box-shadow:1px 1px 2px #000000;}

.cta{float: left;
width: 28%;
margin: 3% 2%;
display: block;}

.cta img{width:100%;}

.cta img:hover{opacity:0.7; box-shadow: 2px 2px 5px #000000;}

#footer{width:100%; display:block; background:#2e2e2e; float:left;}

#footer .inner{width:45%; margin-left:5%; display:block; padding:30px 0; float:left;}

#footer .inner2{width:45%; margin:auto; display:block; padding:30px 0; float:left;}

#footer .inner .icon{height:25px;}

#footerbottom{display:block; float:left; width:100%; text-align:center;}

#footerbottom .inner{width:auto; display:inline-block; margin:auto; color:#6e456e;}

#address{display:block; width:50%; float:left;}

#facebook{width:500px; float:right; display:block;}

#footerbtm{width:100%; padding:20px 0; text-align:center; display:block; background:#ffffff;}

.readmore img:hover{border:1px solid #000000;}

.treatment {
    width: 80%;
    display: block;
    padding: 1% 0 5% 0;
    border-bottom: 1px solid #cccccc;
    float: left;
    color: #000000;
    margin: 2% 10%;
}
.treatment .left{float:left; display:inline-block; width:25%;}

.treatment .left img{width:100%;}

.treatment .right{float:left; display:inline-block; width:71%; margin-left:3%;}

.treatment p{display:block; padding:10px 0; }

h1.green{color:#28a750;}

h1.purple{color:#6e456e;}

#map{width:100%; dislay:block; margin-bottom:20px;}

.left{float:left; display:block; width:48%;}

.right{float:right; display:block; width:48%;}

.full{width:100%; display:block; margin-bottom:20px;}

p{display:block; margin-bottom:20px;}

.inner ul{display:block; width:80%; float:left; margin: 0 0 0 10%;}

.inner li{font-weight:bold; display:inline-block; width:33%; float:left; color:#666666; padding: 10px 0;}

#pricelist{width:80%; margin:auto; float: left; margin: 5% 20%;}

#pricelist tr{padding:5px 0; line-height:2;}

td, tr{color:#666666;}

/* FORM */

#page-wrap {
	width: 660px;
	background: white;
	padding: 20px 50px 20px 50px;
	margin: 20px auto;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#contact-area {
    width: 600px;
    margin-top: 25px;
    display: block;
    margin: auto;
    float: none;
}

#contactform{text-align:center;}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 100%;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}



label {
	margin:0;
	padding-top: 5px;
	font-size: 12px;
	text-transform:uppercase;
	color:#000000;
	display:block;
}

.flagsmob{display: block;
width: 100%;
text-align: right;
float: right;
height: 30px;
background: transparent;
z-index: 5;
position: fixed;}

/* MOBILE STYLE */

@media screen and (max-width: 900px) {
	
.content{padding-top:5px;}

#logo {
    width: 30%;
    float: left;
    margin-left: 35%;
}
#menu{width:100%; display:block; float:left; text-align:center;
 font-size:1vw;}
 
 #menu .inner{float:none; margin:auto; width:auto; display:inline-block;}

#menu a{width:auto; display:block; padding:0 10px 10px 10px !important; float:left; font-size:2vw !important;}

#header {
    width: 100%;
    display: block;
    padding: 10px 0;
    float: left;
    background: #ffffff;
    box-shadow: 0 0 0 0;
    position: relative !important;
    z-index: 3;
    opacity: 1;
    height: auto;
}

.flags{display:none !important;}

.flagsmob{display:block; width:100%; text-align:center;}

#contact-area {
    width: 75% !important;
    margin-top: 25px;
    display: block;
    margin: auto;
    float: none;
}

#ctas {
    width: 96%;
    margin: auto;
    display: block;
}

.cta {
    float: left;
    width: 28%;
    margin: 3% 2.5%;
    display: block;
}

#purplelinks {
    position: relative;
}

.treatment {
    width: 90%;
   padding: 1% 0 5% 0;
    margin: 2% 5%;
}

.treatment .left {
    float: left;
    display: inline-block;
    width: 25%;
    padding-top: 15px;
}

.content .inner a {
    color: #666666;
    font-size: 1.5vw;
}


}


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

.cta {
    float: left;
    width: 80%;
    margin: 3% 10%;
    display: block;
}

#footer .inner {
    width: 80%;
    display: block;
    padding: 30px 0;
    float: left;
    text-align: center;
    margin: auto auto auto 10%;
}

#footer .inner2 {
    width: 80%;
    margin: auto auto auto 10%;
    display: block;
    padding: 30px 0;
    float: left;
    text-align: center;
}


}

#footer .inner img.cqc{height:auto !important; width:200px;}