/*----------------------------------------------------------
title:        master stylesheet
template:    00187
----------------------------------------------------------*/

* {margin: 0; padding: 0; outline: 0;}
body {font: 14px Arial,sans-serif; color: #727272; text-align: left; background: #fff url(../images/bg.jpg) repeat 0 0;}

a { color: #3d2314; text-decoration: none; cursor: pointer;}
    a:hover {text-decoration: underline;}
    a img {border: 0;}

.ar {display: block; text-align: right;}
.ac {display: block; text-align: center;}
.al {display: block; text-align: left;}
.cl {clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;}
.fr {float: right; display: inline;}
.fl {float: left; display: inline;}
.hidden {display: none;}
.notext {font-size: 0; line-height: 0; text-indent: -4000px;}
.shell {margin: 0 auto; width: 960px;}
.clear {clear: both;}

#logo {float: left; margin: 30px 0 0 20px; padding: 0; font-size: 30px; color: #F51D5D;}

.mylogo {float: left; margin: 0; padding: 0; width: 100%; height: 100%; font-size: 27px!important;}

h3 {font-size: 15px; line-height: 18px; color: #b15f52;}

#page {float: left; margin: 0; padding: 12px 0 13px 0;}
    #page .btm {float: left; clear: both; width: 960px; height: 11px; background: url(../images/btm.png); font-size: 0; line-height: 0;}

#header {height: 110px; width: 960px; background: url(../images/header.png) no-repeat;}
    #header .right-area {width: 220px; float: right; display: inline; padding: 10px 10px 0 0;}
    #header .right-area a {font-size: 11px; float: left; position: relative; text-decoration: none; color: #C69042!important;}
    #header .right-area a:hover {text-decoration: underline;}
    #header .right-area .header-links span {color: #c69042; float: left; padding: 0 7px;}

#content {background: #ffffff; width: 960px;}
    #content .frame {width: 944px; margin: 0 auto; padding-bottom: 10px;}

#nav {height: 35px; background: url(../images/nav-bar.gif) no-repeat; margin-bottom: 10px;}
    #nav ul {height: 35px; list-style-type: none; padding-left: 13px;}
    #nav li {float: left; line-height: 35px; padding-right: 32px;}
    #nav li a {color: #fff;}

#topNav {margin: 0; padding: 9px 0 0 0; width: 950px;}
    #topNav .left {float: left; width: 0;}
    #topNav .center {width: 96%;}
    #topNav .center .link {float: left; padding: 0; width: 115px; text-align: center;}
    #topNav .center .link a {font-family: Arial,sans-serif; font-size: 15px; font-weight: normal; text-decoration: none; color: #e8c2dc;}
    #topNav .center .link a:hover {color: #ffffff;}
    #topNav .center .spacer {float: left; width: 0; height: 35px;}
    #topNav .right {float: left; width: 2%;}

#content-left {width: 210px; float: left; margin-right: 7px; display: inline;}

#content-right {width: 210px; float: left; margin-left: 7px; display: inline;}

a.detail {display: block; width: 69px; line-height: 32px; background: url../images/detail-bg.gif); color: #fff; margin: 14px auto; text-align: center; font-weight: bold;}

#content-middle {float: left; padding: 10px; width: 705px; min-height: 500px; display: inline; background: #fff; border: 1px solid #E6E6E6; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
    #content-middle .box .frame {margin: 0 auto;}
    #content-middle p.display {font-size: 13px; color: #c69042; padding-top: 8px;}
    #content-middle p.location {font-size: 16px; font-weight: bold; color: #b15f52;}

#footer {float: left; margin: 0; padding: 0; width: 960px; background: #F7EEE0; border-top: 1px solid #AB7657;}