﻿body{background:url(images/big_bg.jpg) top center #f8f8d4 no-repeat; margin:0; font-family:Georgia, "Times New Roman", Times, serif;}
:focus{outline:none;}
#wrapper{margin:0 auto; min-height:500px;  width:900px; background:url(images/cont_bg.jpg) repeat-x bottom #fff; border:solid #c3c24d; border-width:0 1px 1px 1px}
#header{background:url(images/head_bg.gif) repeat-x; height:200px; border-bottom:1px solid #c3c24d;}
#head_cont{width:900px; margin:0 auto;}
#logo{float:left;}
.image_hole{float:right; margin:9px 0px 0 0; border:1px solid #fff;} 

#side{width:200px; height:500px; padding:0; float:left; background:url(images/pm.gif) bottom no-repeat;}
#content{width:680px;  float:right; }

#side ul{margin:20px 0 0 20px; padding:0; list-style:none;}
#side li a{width:180px; color:#666; border-bottom:1px dotted #c3c24d; text-decoration:none; display:block; line-height:1.6em; font-size:1em}
#side li a:hover{color:#333; border-bottom:1px solid #c3c24d;}

#addressbox {font-size:75%; color:#52562a; margin: 130px 0 0 5px; _margin: 160px 0 0 0px; _padding: 2px;}
#addressbox a{color:#666; border-bottom:1px dotted #c3c24d; text-decoration:none;}
#addressbox a:hover{color:#000; border-bottom:1px solid #c3c24d;}


#content p{color:#000; padding:0 10px;}
#content h1 {font-size: 30px;  height:50px; width:600px; margin-bottom:20px; color:#000000; font-style:italic; font-weight:normal;}
#content h2 {font-size: 20px;  margin:20px 10px 10px 10px; color:#c3c24d; font-style:italic; font-weight:normal;}
#content .photo_box img{ border:1px solid #c3c24d; background:#d7c3da; padding:3px; margin:10px;}
#content a{color:#666; border-bottom:1px dotted #c3c24d; text-decoration:none;}
#content a:hover{color:#000; border-bottom:1px solid #c3c24d;}
.photo_box{float:right; width:276px; margin-top:10px;}

#footer{margin:5px auto; width:900px;}
#footer p{color:#666; padding:0; margin:0; float:right; font-size:.8em}
#footer ul{float:left; display:inline; list-style:none; padding:0; margin:0;}
#footer li{float:left; padding:0 2px; font-size:.8em}
#footer a{color:#666; border-bottom:1px dotted #c3c24d; text-decoration:none;}
#footer a:hover{color:#333; border-bottom:1px solid #c3c24d;}

.clear{clear:both;}

#map_location img{background:none;}

.smallcaps{font-size:60%; text-transform:uppercase;}
table{border-right:1px solid #c3c24d; border-bottom:1px solid #c3c24d; width:640px; margin-bottom:10px;  border-collapse:collapse;}
td{border-top:1px solid #c3c24d; border-left:1px solid #c3c24d; text-align:center;  font-size:80%; padding:4px; border-collapse:collapse;}

.testimonial{clear:both; color:#52562a; padding:20px 50px; margin:20px; width:auto; border:1px solid #c3c24d; background:url(images/test_bg.jpg) repeat-x bottom fixed #fff; font-size:90%}

ul.half{width:280px; float:left;}

form{width:480px; margin:0 10px 20px 0 ; padding:10px; }
label{width:200px; float:left; text-align:right; margin:7px 5px 0 0px;  padding-top:0px; font-size:80%; position: relative;}
input, select {width:250px; float:left; margin:5px -3px 3px 3px;}
textarea{width:450px;  margin:10px ; height:100px; clear:both;}
.button{width:100px; float:right; margin-right:30px }
.mandatory{color:#f00; }

/* Do not alter this CSS */
.sIFR-flash {visibility: visible !important; margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {
position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}
.sIFR-flash + div[adblocktab=true] {display: none !important;}

/*Instructing the Fl ash-rendered text to appear the correct size in all browsers is a little more tricky. By nature, your Fl ash movie will automatically resize itself to fit within the element whose content it’s replacing. Therefore, to resize the movie and the text it’s rendering, you must resize the original element using CSS manipulation. Take a look below to see how I’ve done it:*/

.sIFR-hasFlash H1 {line-height:60px !important; height:30px; padding:10px 0 10px 10px; visibility:visible; margin:0 !important;}



