/**
 * CSS for miravista.com web site
 */

/***** MASS RESET *****
 ----------------------*/

/* Neutralize styling:
   Elements we want to clean out entirely: */
html, body, form, fieldset, div { margin: 0; padding: 0; }

/* Neutralize styling:
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 1em 0; padding: 0; }

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote { margin-left: 26px; }

/* Miscellaneous conveniences: */
form label {  }
fieldset { border: solid 1px #a4a4a4; }
fieldset legend { margin-left: 5px; font-weight: bold; color: #4a4a4a; }

/* Form field text-scaling */
input, select, texarea { font-size: 100%; }

/***** End Mass Reset *****
---------------------------*/

/***** PREFERRED STYLING *****
 -----------------------------
el/class { position/float list-type margin/padding/border width/height background/color font/text }
------------------------------
*/

/***** BEGIN STYLES ******
 -----------------------------------*/
body { background: url(/images/layout/body/bg3.jpg) repeat; color: #131313; font-family: Trebuchet MS, Arial, Sans-Serif; font-size: 10pt; text-align: left; }


/***** GLOBAL STYLES *****
 -------------------------*/
#page-wrapper { margin: 0 auto; padding: 10px; border: solid 1px #0e0e0e; width: 950px; background: #ebebeb; } 
p { color: #131313; }
.clear-both { clear: both; height: 1%; visibility: hidden; }
.break { height: 20px; }
.personnel-profile-pic { float: left; margin: 0 10px 10px 0; padding: 1px; border: solid 1px #666; width: 125px; background: white; }
.location-still-pic { padding: 1px; border: solid 1px #666; background: white; }


/***** HEADERS *****
 -------------------*/
.hdr-no-margin-top { margin-top: 0; }
.hdr-no-margin-bottom { margin-bottom: 0; }
h2 { padding: 5px 10px; border: solid 1px #313432; background: #131313; color: White; font-size: 1.8em; font-variant: small-caps; text-shadow: 2px 2px 2px #313432; letter-spacing: 1px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }


/***** LINKS *****
 -----------------*/
a { color: #53849a; text-decoration: none; }
a:hover { color: #234238; }
a img { border: none; }


/***** LISTS *****
 -----------------*/
.vert-sub-nav { margin: 0; padding: 0; list-style-type: none; }
.vert-sub-nav li { margin: 0; padding: 0 0 4px 0; }
.vert-sub-nav a { }
.horizonal-sub-nav { margin: 0; padding: 0; list-style-type: none; }
.horizonal-sub-nav li { float: left; margin: 0; padding: 0 20px 0 0; }
.horizonal-sub-nav a { }


/***** BUTTONS *****
 -------------------*/
.mv-button {
    outline: 9;
    margin: 0 !important;
    padding: .4em 1em;
    text-decoration: none !important;
    text-align: center;
    cursor: pointer;
    zoom: 1;
}
.mv-button-icon-left { padding-left: 0.5em !important; }
.mv-button-icon-left span { float: left; }
.mv-button-icon-right { padding-right: 0.5em !important; }
.mv-button-icon-right span { float: right; }


/***** FORMS *****
 -----------------*/
.form label, .form input[type=text], .form input[type=password] { display: block; }
.form label { font-size: 0.8em; }
.form input[type=text], .form input[type=password] { margin-bottom: 10px; padding: 4px; width: 150px; font-size: 0.9em; }
.submit-status { font-size: 0.85em; }


/***** HEADER *****
 ------------------*/
#header { margin: -10px -10px 0 -10px; padding-top: 10px; border-bottom: solid 1px #131313; background: #131313; }
#header-cycle { margin-top: 10px; height: 300px; }
#header-cycle img { margin: 0; width: 970px; height: 300px; }


/***** NAV *****
 ---------------*/
#nav { font-size: 1.05em; font-variant: small-caps; }
#nav ul { margin: 0; padding: 0; list-style-type: none; }
#nav ul li { margin: 0; padding: 0; }
#nav a { display: block; border-bottom: dashed 1px #3d5e53; padding: 4px 5px; color: #3d5e53; font-weight: bold; text-decoration: none; }
#nav a:hover { margin-top: -1px; padding-top: 5px;  background: #3d5e53; color: White; }


/***** TWO COLUMN TABLE *****
 -----------------------------*/
#tbl-two-col { width: 950px; }
#tbl-two-col td { padding: 20px 0 10px 0; vertical-align: top; }
#nav-col { width: 175px; }
#content-col { padding-left: 35px !important; padding-right: 20px !important; width: 750px; }


/***** FOOTER *****
 ------------------*/
#footer { margin: 10px -10px; padding: 20px 10px; background: #131313; color: White; font-size: 0.8em; font-weight: bold; }
#footer a { color: White; text-decoration: underline; }
#footer table { width: 950px; }
#footer td { width: 33%; vertical-align: top; }
#sub-footer { font-size: 0.75em; }


/***** STAFF *****
 -----------------*/
.profile { margin-top: 20px; }
.profile h3 { margin-bottom: 3px; }
.profile img { float: left; margin: 0 10px 10px 0; padding: 1px; border: solid 1px #666; width: 125px; background: white; }
.profile p { margin-top: 0 !important; }


/***** TOUR *****
 ----------------*/
#tour-nav { text-align: center; }
#tour-nav .tour-nav-btn { cursor: pointer; margin-bottom: 125px; }
#tour-nav #prev { margin-right: 20px; }
#tour-nav #next { margin-left: 20px; }
.tour-hole-img { padding: 1px; border: solid 1px #666; background: white; }
#hole-desc-overview { margin: 50px 0; padding: 25px 25px 45px 25px; border: solid 5px #666; background: #dcd7c6; }
#hole-description { width: 50%; }
#img-hole-overview { float: right; margin: -50px 50px -50px 0; }
.tour-link { color: #3d5e53 !important; font-size: 1.6em; text-decoration: underline; cursor: pointer; }
.tour-link:hover { color: #3d5e53 !important; }


/***** TENNIS *****
 ------------------*/
.ten-back { float: right; }