/* ===================================================================== */
/* =======================       CSS RESET       ======================= */
/* ===================================================================== */
* { padding: 0; margin: 0; }
img { border: none; }
a { text-decoration: none; color: #A84842; }
a:hover { text-decoration: underline; color: #C77670; }
.clearall { clear: both; }
.alignLeft { float: left; }
.alignRight { float: right; }
.alignCenter { text-align: center; }
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #333333;
	background-color: #EBDCCC;
}

#wrapper {
	width: 740px;
	margin: 20px auto 0 auto;
	padding: 10px;
	background-color: #FFFFFF;
}


/* ===================================================================== */
/* ======================v       HEADER       =========================== */
/* ===================================================================== */

#header { width: 100%; height: 100px; }
#header #logo { float: left; width: 206px; height: 78px; margin: 10px 0 0 0; }
#header #photos { float: right; width: 360px; height: 60px; background: url('../images/headers/rotator.php') no-repeat; }
#header #photos img { float: right; margin: 0 15px 0 0; }
#header #menu { float: right; height: 20px; line-height: 20px; margin: 10px 0 0 0; }
#header #menu ul { list-style-type: none; font-size: 1.1em; }
#header #menu ul li { display: inline; margin: 0 0 0 -1px; }
#header #menu ul li a { background-color: #F2E9DE; padding: 4px 3px 4px 3px; color: #A84842; }
#header #menu ul li a.current { background-color: #A84842; color: #F2E9DE; padding-top: 6px; }
#header #menu ul li a:hover { background-color: #A84842; text-decoration: none; color: #F2E9DE; padding-top: 6px; }


/* ===================================================================== */
/* ======================    MAIN CONTENT    =========================== */
/* ===================================================================== */

#mainContent { width: 720px; padding: 0 10px 0 10px; }
#mainContent p { padding: 5px 20px 5px 20px; font-size: 1.2em; line-height: 18px; color: #444444; text-align: justify; }

/* ===================================================================== */
/* ======================       FOOTER       =========================== */
/* ===================================================================== */

#footer { width: 760px; margin: 0 auto 0 auto; text-align: center; padding: 10px 0 20px 0; color: #A84842; }


/* ===================================================================== */
/* ======================        TEXT        =========================== */
/* ===================================================================== */
h1 { color: #A84842; font-weight: normal; font-style: italic; padding: 20px 0 0 0; letter-spacing: 1px; }
h2 { color: #A84842; font-weight: normal; padding: 10px 0 0 10px; letter-spacing: 1px; }
.imgPadding{ padding: 20px; }

/* ===================================================================== */
/* ======================        FORMS       =========================== */
/* ===================================================================== */
label { float: left; width: 100px; line-height: 20px; font-size: 1.2em; margin: 0 5px 5px 100px; text-align: right; font-weight: bold; }
input { border: 1px solid #999999; width: 200px; height: 18px; padding: 1px 5px 1px 5px; }
textarea { border: 1px solid #999999; width: 210px; }
.button { height: 25px; width: 120px; background-color: #FFFFFF; margin: 5px 0 0 0; }


/* ===================================================================== */
/* ======================        FLEET       =========================== */
/* ===================================================================== */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail { position: relative; z-index: 0; margin: 10px 0 10px 30px; }
.thumbnail:hover { background-color: transparent;  z-index: 50; }
.thumbnail span{ position: absolute; background-color: #EBDCCC; padding: 5px; left: -1000px; visibility: hidden; color: black; text-decoration: none; }
.thumbnail span img{ border-width: 0; padding: 2px; }
.thumbnail:hover span{ visibility: visible; top: -90px; left: 10px; font-size: 1.2em; }