hr{
border:1px solid #cccccc; 
margin-top:15px; 
margin-bottom:15px}

h1{
font-size:17px; 
color:#3075c0; 
margin-bottom:10px}

h2{
font-size:13px; 
color:#666666; 
margin:15px 0 15px 0}

h3{
font-size:13px; 
color:#3075c0; 
margin:15px 0 15px 0}

h4{
font-size:12px; 
color:#3075c0; 
margin:15px 0 15px 0}

ul{
padding-left:30px; 
margin:15px 0 15px 0}

li{
margin-bottom:10px}

a{
color:#3075c0; 
text-decoration:none}

a:hover{
color:#3075c0; 
text-decoration: underline}

p{
margin-bottom:10px}

body{
font-size:12px;
line-height:20px; 
color:#000000; 
font-family:Verdana,Arial,Helvetica,sans-serif; 
background-color:#ffffff}@charset "UTF-8"; 

/* CSS Document */
/* The Sands - John McGeary 2008*/

hr{
border:1px solid #cccccc; 
margin-top:15px; 
margin-bottom:15px}

h1{
font-size:17px; 
color:#3075c0; 
margin-bottom:10px}

h2{
font-size:13px; 
color:#666666; 
margin:15px 0 15px 0}

h3{
font-size:13px; 
color:#3075c0; 
margin:15px 0 15px 0}

h4{
font-size:12px; 
color:#3075c0; 
margin:15px 0 15px 0}

ul{
padding-left:30px; 
margin:15px 0 15px 0}

li{
margin-bottom:10px}

a{
color:#3075c0; 
text-decoration:none}

a:hover{
color:#3075c0; 
text-decoration: underline}

p{
margin-bottom:10px}

body{
font-size:12px;
line-height:20px; 
color:#000000; 
font-family:Verdana,Arial,Helvetica,sans-serif; 
background:#3075c0 url(assets/bg.jpg) repeat-x}

*{
margin:0; 
padding:0}

/* --------- Main Container --------- */
#main_container{
width:1000px; 
height:100%; 
padding:0; 
margin:0 auto}

/* --------- Masthead ---------*/
#masthead{
width:1000px; 
height:208px; 
margin:0; 
padding:0; 
background:transparent url(assets/masthead.jpg) no-repeat}

.masthead_right{
float:right; 
width:400px; 
margin:0; 
padding:0; 
text-align:right; 
padding-right:20px}

.masthead_right h2{
color:#ffffff;
float:right;
margin:60px 0 0 0; 
font-size:16px; 
font-weight:bold;
height:48px}

.blue{
color:#92c2f1}

/* --------- Mainarea ---------*/
.mainarea{
width:1000px; 
margin:0; 
padding-left:0; 
float:left; 
background:#e3dfdb url(assets/mainarea_bg.jpg) no-repeat bottom right}

.center_column{
width:580px; _width:560px;
height:100%; 
float:left; 
padding:10px; _padding:10px 2px 2px 10px}

.textarea{
padding:0; 
margin:0; 
margin-left:5px}

.slideshow{
width:580px;_width:560px; 
height:217px; 
background:url(assets/slideshow_bg.jpg) no-repeat; 
padding:10px}

.360{
width:580px; _width:560px
height:217px}

/* --------- Navigation Top ---------*/
.navigation_top{
width:600px; 
padding:0; 
margin:0; 
padding-left:10px; 
margin-top:70px; 
float:left}

.navigation_top ul{
margin:0; 
padding:0px}

.navigation_top li{
color:#000000; 
list-style:none; 
margin:0; 
padding:0; 
display:inline; 
height:40px}

.navigation_top a{
text-decoration:none; 
color:#000000; 
margin:0; 
padding:8px 10px 6px 10px}

.navigation_top a:hover{
color:#000000; 
text-decoration:underline; 
margin:0px}

.navigation_top #selected{
margin:0; 
color:#3075c0; 
text-decoration:none; 
font-weight:bold}

.contact_number{
width:300px; 
padding:0; 
margin:0; 
margin-top:65px; 
float:right}

.contact_number h2{
color:#666666; 
font-size:12px;
margin:5px 0 0 0}

/* --------- Navigation Left ---------*/
.navigation_left{
width:190px; 
float:left; 
margin:10px 0 10px 10px;_margin-left:6px; 
background:url(assets/left_nav_bg.jpg) repeat-y}

.navigation_left ul{
margin:0; 
padding:0; 
width:177px; 
margin:5px}

.navigation_left li{
color:#000000; 
height:30px; 
list-style:none; 
margin:0; 
padding:0; 
background:url(assets/nav_li.jpg) repeat-x}

.navigation_left a{
text-decoration:none; 
color:#000000; 
margin:0; 
padding:4px 0 8px 5px; 
display:block}

.navigation_left a:hover{
color:#000000; 
text-decoration:underline; 
margin:0px}

.navigation_left #selected a{
margin:0; 
color:#3075c0; 
text-decoration:none; 
font-weight:bold; 
background:url(assets/nav_li.jpg) repeat-x}

.navigation_left #heading{
margin:0; 
color:#ffffff; 
text-decoration:none; 
font-weight:bold; 
background:url(assets/nav_heading_bg.jpg) repeat-x; 
padding:4px 0 0 5px} 

/* -------- Left Column -------- */
.left_column{
float:left; 
width:200px}

.customer_comments{
width:190px; 
height:194px; 
margin:0 0 10px 0; _margin-left:6px;
background:transparent url(assets/comments_bg.jpg) no-repeat; 
float:left; 
margin-left:10px; 
line-height:15px}

.customer_comments h2{
color:#ffffff; 
font-size:12px; 
padding-left:10px}

.customer_comments p{
color:#ffffff; 
font-size:14px; 
font-style:italic; 
padding:3px 10px 0 10px}

.customer_comments a{
font-size:12px; 
color:#ffffff}

/* -------- Right Column -------- */
.right_column{
width:200px; 
height:100%; 
float:right; 
margin:0; 
padding:0; 
margin-top:10px}

/* -------- Box -------- */
.box{
width:190px; 
height:217px; 
background:url(assets/box_bg.jpg) no-repeat; 
line-height:17px; 
margin-bottom:10px}

.box img{
margin:10px;
border:none}

.box h2{
font-size:12px; 
color:#666666; 
margin:0 15px 2px 15px; 
width:160px}

.box p{
font-size:12px; 
color:#000000; 
margin:0 15px 2px 15px; 
width:160px}

/* -------- Box Offer -------- */
.box_offer{
width:190px; 
height:217px; 
background:url(assets/box_bg_offer.gif) no-repeat; 
line-height:17px; 
margin-bottom:10px}

.box_offer img{
margin:10px;
border:none}

.box_offer h2{
font-size:18px; 
color:#c90210;
margin:0 15px 10px 15px; 
padding:15px 0 0 0;
width:160px}

.box_offer h3{
font-size:12px; 
color:#666666; 
margin:0 15px 2px 15px; 
width:160px}

.box_offer p{
font-size:12px; 
color:#000000; 
margin:0 15px 2px 15px; 
width:160px}

/* --------- Footer --------- */
#footer{
width:1000px; 
height:30px; 
font-size:9px; 
color:#ffffff; 
text-align:center; 
margin-top:0; 
clear:both; 
background:transparent url(assets/footer_bg.jpg) repeat-x}

#footer a{
text-decoration:none; 
color:#ffffff}

#footer a:hover{
text-decoration:underline; 
color:#ffffff}

#footer p{
font-size:9px; 
color:#ffffff; 
padding-top:5px; 
text-align:center}

/* --------- Contact Form --------- */
div.contactForm{
width:365px; 
padding:0; 
margin:30px}
 
div.row{
clear:both; 
padding-top:5px; 
vertical-align:middle}
 
div.row span.label{
float:left; 
width:140px; 
text-align:right; 
padding:0 10px 0 0}
 
div.row span.formw{
float:right; 
width:210px; 
text-align:left}
 
div.row span.formw input.text, div.row span.formw textarea{
font-family:Arial,Helvetica,sans-serif; 
font-size:12px; 
color:#86b637; 
width:210px; 
border:1px solid #000000; 
background:none !important}

div.row span.formw textarea{
height:50px}

div.spacer{
clear:both}/*------------- Contact Form --------------*/

div.contactForm{
width:500px;
padding:0;
margin:0}

div.row {
clear:both;
padding-top:5px;
_padding-top:2px}

div.row span.label {
float:left;
width:35%;
text-align:right;
padding:0 10px 0 0}

div.row span.formw {
float:right;
width:60%;
text-align:left}

div.row span.formw input.text, div.row span.formw textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
width:100%;
border:1px solid #000000;
background:#ffffff !important;
padding-left:3px}

div.row span.formw textarea{
height:50px}

div.spacer {
clear:both}