﻿a,a:hover,a:visited {color: #4f81bd;}
body {
    font-family: helvetica, arial;
    font-size: 14px;
    color: #494949;
}

.header {
    
    
    /* opacity
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5; 
     */
    border-radius: 3px;
    margin-bottom: 20px;
    background-color: rgba(255, 255, 255, .2);
    background-image:url('../images/bg-title3.jpg');
    background-repeat: no-repeat;
    background-size: 870px 230px;
    background-position: center;
    opacity: 0.9;
    
}
.header-title {
    font-size: 30px;
    font-family: "Lucida Handwriting";
    color: white;
    float: left;
    font-weight: bold;
    padding-left: 15px;
    padding-top: 23px;
    text-shadow: 2px 2px 2px #4f81bd;
    letter-spacing: 2px;
}
.header-description {
	position:absolute;
	top:70px;
	
	width:450px;
	color: #494949;
    padding: 8px 15px;
    background-color: rgba(255, 255, 255, .8);
    border-radius: 20px;
    margin: 20px;
}

.header-contact {
    float: right;
    color: #494949;
    padding: 8px 15px;
    background-color: rgba(255, 255, 255, .8);
    border-radius: 20px;
    margin: 20px;

}
.main {
    margin: 0 auto;
    width: 870px;
   
}
.content {
    font-family: helvetica, arial;
    font-size: 14px;
    color: #494949;
}

.content-text {
    float: left;
    width: 420px;
    background-color: rgba(255, 255, 255, .7);
   
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
}

.content-text-body {
    padding: 10px;    
}

.content-text-body-title {
    font-size: 22px;
    font-weight: bold;
    color: #4f81bd;
}
.content-text-body-subtitle {
    font-size: 18px;
    color: #4f81bd;
}

.content-gallery {
    float: left;
    width: 450px;
    background-color: rgba(255, 255, 255, .7);
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    
}
.content-gallery-placeholder {
    height: 300px;
    width: 500px;
}
.content-gallery-body {
    padding: 10px;    
}

.content-columns {
    margin-top: 20px;
    font-family: helvetica, arial;
    font-size: 14px;
    color: #494949;
}

.column-content {
    padding: 10px;
    font-size: 14px;
    
}
.column-title {
    font-size: 20px;
    font-weight: bold;
    color: #4f81bd;
}

.column-title-star {
	font-size:15px;
	position:relative;
	top:-5px;
}
b {
    color: black;
}
.fullComumn {
    background-color: rgba(255, 255, 255, .7);
    width: 100%;
    border-radius: 3px;
    margin-bottom: 10px;
}

.column1 {
    background-color: rgba(255, 255, 255, .7);
    float: left;
    width: 430px; 
    border-radius: 3px;
}

.column2 {
    float: left;
    width: 10px;  
}
.column3 {
    background-color: rgba(255, 255, 255, .7); 
    float: left;
    width: 430px;  
    border-radius: 3px; 
}

p {
    text-align:justify;
}

.footer {
    margin-top: 20px;
    background-image:url('../images/bg-footer.jpg');
    background-repeat: no-repeat;
    color: white;
    /*background-color: rgba(255, 255, 255, .4); 
    color: #494949;*/
    padding: 5px;
    border-radius: 3px;
    font-size: 10px;
    background-size: 900px 270px;
    
}

.footer-info {
    color: #494949;
    padding: 8px 15px;
    background-color: rgba(255, 255, 255, .8);
    border-radius: 10px;
    margin: 5px;
}

.footer-info-title {
    font-size: 14px; 
    font-weight: bold;
    color: #4f81bd;
    padding-bottom: 10px;
}

#footer-contact {
    background-color: rgba(255, 255, 255, .8);
    border-radius: 10px;
    margin: 5px;
    padding: 8px 15px;
    color: #494949;
}

.footer-contact-title {
    font-size: 18px; 
    font-weight: bold;
    color: #4f81bd;
}

.button {
   color: white;
   background-color: #4f81bd;
    /*background-color: white;*/
    border-radius: 5px;
    border: none;
    margin-top: 5px;
}

.spacer { clear: both; visibility:hidden; height:0px; font-size:1px; line-height:0px;}	

table {
    font-size: 14px;
    border-spacing: 0px;
}


table td {
    width: 80px;
    background-color: #d0d8e8;
    text-align: center;
    border: 1px solid white;
    font-size: 13px;
}
table th {
    width: 80px;
    background-color: #4f81bd;
    color: white;
    border: 1px solid white;
}

.price-list tr {
    width: 100%;
}
.price-list td {
    width: 200px;
    font-size: 13px;
}

.price-list td.alt {
    background-color: #e9edf4;
}

.price-list th {
    width: 180px;
}


.insurance {
    background-color: rgba(255, 255, 255, .7);
    border-radius: 3px;
    margin-top: 20px;
}

/*
This is the visible area of you carousel.
Set a width here to define how much items are visible.
The width can be either fixed in px or flexible in %.
Position must be relative!
*/
.jcarousel {
    position: relative;
    overflow: hidden;
}

/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.jcarousel ul {
    width: 20000em;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.jcarousel li {
    /* Required only for block elements like <li>'s */
    float: left;
}




.fbButton {
    background: linear-gradient(#4C69BA, #3B55A0) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 2px;
    color: #FFFFFF;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
    cursor: pointer;
    text-shadow: 0 -1px 0 #354C8C;
    white-space: nowrap;
    font-family: 'Helvetica Neue', Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif;
}

.fbButton:hover {
    background: linear-gradient(#5B7BD5, #4864B1) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #5874C3 #4961A8 #41599F;
    box-shadow: 0 0 1px #607FD6 inset;
}

.trans 
{
	background:url('../images/transparent.png') repeat;
	position:fixed;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	z-index:100;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}