@charset "utf-8";

/*-------------------------------------- MAIN ELEMENTS ------------------------------------------------*/
* { padding: 0; margin: 0; border: 0; }

body { margin: 0; padding: 0; font: normal 13px verdana, tahoma, sans-serif; color:#EDEDED; background-color: #569ed7; }

a {	color: #003366; background-color: inherit; text-decoration: none; }
a:hover { color: #FAA34B; background-color: inherit; text-decoration: underline; border: none; }

h1, h2, h3 { font: normal 20px verdana, tahoma, sans-serif; color: #ffffff; padding:0px; margin:0px; padding-bottom:5px; }

ul, ol { margin: 10px 30px; padding: 0 15px; }

hr { width:785px; height:1px; background-color: #FFFFFF; color: #FFFFFF; border:0px; margin-bottom:10px; }
.hr2 { width:725px; padding:0px; margin:0px; position:relative; top:-140px; }


/*-------------------------------------- FORM ELEMENTS ------------------------------------------------*/
form { margin: 10px 15px; padding: 10px; border: 1px solid #0065C6; background-color: #1E89DC; }
fieldset { margin: 0; padding: 0; border: none; }
label { display:block; font-weight:bold; margin: .4em 0; }
input { padding: .3em; border: 1px solid #eeeeee; font: normal 1em Verdana, sans-serif; color:#777777; }
select { padding: .3em; border: 1px solid #eeeeee; font: normal 1em Verdana, sans-serif; width: 165px; }
textarea { width: 350px; padding: .3em; font: normal 1em/1.5em Verdana, sans-serif; border: 1px solid #eeeeee; height: 10em; display:block; color:#777777; }
input.button { font: bold 1em Arial, Sans-serif; margin: 0; padding: .25em .3em; color: #FFFFFF; background: #A2CC00; border: 2px solid #8EB200; }
blockquote { margin: 10px 15px; padding: 10px 0 10px 28px; border: 1px solid #c41616; background: #e75858; font: bold 1.3em/1.5em "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif; color:#FFFFFF; }


/*-------------------------------------- LAYOUT ------------------------------------------------*/
#main { margin-left:auto; margin-right:auto; width: 785px; }

#header, #content, #nav { width: 100%; }


/* ______HEADER______ */
#header { height: 50px; text-align: left; }
#logo h1 { background-image: url(images/title_top.jpg); background-repeat: no-repeat; width: 440px; height: 50px; position:relative; top:50px; float: right; text-indent: -10000px; margin: 0px;  padding: 0px; }


/* ______NAVIGATION______ */
#nav { margin: 0; padding: 0; float:left; width:785px; height:165px; background-image:url(http://www.sitfurawhile.com/images/menu_bg.jpg); background-repeat:no-repeat; padding-left:150px; padding-top:52px;  margin-bottom:-40px; }
#menu em { display:none; }
#menu ul { float: left; list-style: none; margin:0px; padding: 0; height: 30px; }
#menu li { float: left; display: block; }
#menu li a { display: block; height: 30px; }
#menu li a.about { background: url(http://www.sitfurawhile.com/images/menu_about.jpg) no-repeat center bottom; width: 100px; }
#menu li a.about:hover, #menu li a.aboutActive { background: url(http://www.sitfurawhile.com/images/menu_about.jpg) no-repeat left top; width: 100px; }
#menu li a.services { background: url(http://www.sitfurawhile.com/images/menu_services.jpg) no-repeat center bottom; width: 85px; }
#menu li a.services:hover, #menu li a.servicesActive { background: url(http://www.sitfurawhile.com/images/menu_services.jpg) no-repeat left top; width: 85px; }
#menu li a.testimonials { background: url(http://www.sitfurawhile.com/images/menu_testimonials.jpg) no-repeat center bottom; width: 125px; }
#menu li a.testimonials:hover, #menu li a.testimonialsActive { background: url(http://www.sitfurawhile.com/images/menu_testimonials.jpg) no-repeat left top; width: 125px; }
#menu li a.photos { background: url(http://www.sitfurawhile.com/images/menu_photos.jpg) no-repeat center bottom; width: 75px; }
#menu li a.photos:hover, #menu li a.photosActive { background: url(http://www.sitfurawhile.com/images/menu_photos.jpg) no-repeat left top; width: 75px; }
#menu li a.contact { background: url(http://www.sitfurawhile.com/images/menu_contact.jpg) no-repeat center bottom; width: 115px; }
#menu li a.contact:hover, #menu li a.contactActive { background: url(http://www.sitfurawhile.com/images/menu_contact.jpg) no-repeat left top; width: 115px; }


/* ______CONTENT______ */
#content { text-align: left; padding: 0; margin: 0 auto; }
#box { margin: 10px 15px; padding: 10px; border: 1px solid #0065C6; background-color: #1E89DC; }
#testimonialss { }

.servicess { width:250px; padding:30px; position:relative; clear:both; display:block; text-align:center; } 
.servicearea { width:250px; padding:30px; margin:0px; position:relative; top:-455px; left:350px; clear:both; display:block; text-align:center; }
.affiliations { width:250px; padding:30px; position:relative; top:-450px; clear:both; display:block; text-align:center; } 
.rates { width:250px; padding:30px; position:relative; left:350px; top:-235px; clear:both; display:block; text-align:center; }
.travelcosts { width:250px; padding:30px; margin:0px; position:relative; top:-900px; left:350px; clear:both; display:block; text-align:center; }
.note { font-size:9px; color:#00FF99; font-weight:bold; }


/* ______FOOTER______ */
#footer { padding-top: 20px; font-weight: bold; color: #FFFFFF; } 


/* ______ADDITIONAL CLASSES______ */
.highlight { color: #FF0000; font-weight: bold; font-size: 15px; }