/* Start of CMSMS style sheet 'Global' */
/* Elements
...........................................................*/
# { margin: 0; padding: 0; list-style: none; }
body { margin: 0; padding: 0; color: #777; background: #9fb0cd url(uploads/images/layout/bg_body.gif) center top repeat-y; font-family: Futura, tahoma, arial, helvetica, verdana, san-serif; font-size: 80%; line-height: 1.4em; }
h1 { margin: 0 0 2px; padding: 0; color: #9fb0cd; font-family: Futura; font-size: 1.6em; font-weight: normal; text-transform: uppercase; line-height: 1.3em; }
h1 img { margin-bottom: 20px; }
h2 { margin: 0 0 2px; padding: 10px 0 0; color: #9fb0cd; font-family: Futura; font-size: 1.2em; font-weight: normal; text-transform: uppercase; }
p { margin: 0 0 20px; padding: 0; }
a { color: #9fb0cd; }
img { border: none; }
hr { margin: 10px 0; border: none; border-top: 2px dotted #9fb0cd; }

/* Background Music
...........................................................*/
#bgmusic { position: absolute; top: 55px; left: 620px; z-index: 9999; font-size: 0.7em; }
#stop_music a, #start_music a { display: block; width: 80px; text-decoration: none; color: #9fb0cd; background: #fff; padding: 0; text-align: center; }

/* Page Structure
...........................................................*/
#page { position: relative; margin: 0 auto; width: 990px; }
#col1 { float: left; width: 190px; padding: 0 0 30px; color: #fff; background: #aebdd5; text-align: right; font-size: 1.1em; }
#col2 { float: left; width: 800px; }

/* Top Nav
...........................................................*/
#topnav { background: #9fb0cd; }
#logo { margin: 15px 15px 50px; }
#blk_book { float: right; height: 121px; }
#blk_fb { float: right; padding: 20px 10px; }
#address { font-family: Tahoma; margin: 0 15px 0 0; }
#address a { color: #fff; text-decoration: none; }
#address hr { float: right; width: 160px; border-top: 2px dotted #fff; }


/* Nav
...........................................................*/
#nav { clear: right; display: inline; margin: 0; padding: 0; height: 30px; line-height: 30px; list-style: none; font-family: Futura; font-size: 0.95em; text-transform: uppercase; }
#nav li { margin: 0; padding: 0; }
#nav a { float: left; display: block; padding: 0 9px; color: #fff; text-decoration: none; }
#nav a.menuactive { color: #9fb0cd; background: #fff; }


/* Subnav
...........................................................*/
#subnavwrapper { min-height: 530px; }
#subnav { clear: both; margin: 0 0 100px; padding: 0; list-style: none; font-family: Futura; font-size: 0.8em; text-transform: uppercase; }
#subnav li { margin: 0; padding: 0; }
#subnav li.sectionheader { margin-right: 15px; }
#subnav a { display: block; margin: 5px 0 0; padding: 3px 15px 3px 5px; color: #fff; text-decoration: none; }
#subnav ul { margin: 0 0 15px; padding: 0; list-style: none; text-transform: capitalize; font-family: Tahoma; font-size: 1em; }
#subnav ul a { margin: 0; padding: 0 15px 0 5px; }
#subnav a.menuactive { color: #9fb0cd; background: #fff; }


/* Main Pics
...........................................................*/
#mainpic { clear: both; position: relative; top: 0; left: 0; margin:0; padding:0; width: 0; height: 280px; z-index: 0; background: #fff; }
#mainpic li { display: block; }
#mainpic img { width: 800px; height: 280px; }


/* Breadcrumbs
...........................................................*/
#breadcrumbs { margin: 0 0 25px; color: #9fb0cd; font-size: 0.9em; }
#breadcrumbs a { text-decoration: none; }


/* Content
...........................................................*/
#content { float: left; width: 500px; padding: 31px; background: #fff; font-family: tahoma, arial, helvetica, verdana, san-serif;}

#content #pdf { list-style-image: url("uploads/images/layout/icn_pdf.png"); }
#content ul { color: #888; margin: 5px 0 20px 25px; padding: 0; list-style: square; font-family: Futura; font-size: 1em; text-transform: uppercase; }
#content .error_message ul { color: #9fb0cd; font-family: Tahoma; text-transform: none; }
#content ul li { margin: 0 0 5px; padding: 0; }
#content ul a { text-decoration: none; }
#content ul a:hover { text-decoration: underline; }
#content ul ul { font-family: Tahoma; text-transform: none; margin-top: 5px; line-height: 1em; }


/* Tables
...........................................................*/
table { width: 100%; margin: 0 0 20px; }
table td { padding: 2px 0; text-align: right; }
table td:first-child { width: 300px; text-align: left; }
table td:last-child { }
table td a { color: #777; }
table td a:hover { color: #9fb0cd; }


/* Forms
...........................................................*/
a.button, input.button { color: #fff; background: #9fb0cd; padding: 2px 5px; text-transform: uppercase; border: none; text-decoration: none; white-space: nowrap; font-family: Futura; }
a.button:hover { color: #fff; }

.formNewsletter { margin-top: 10px; color: #fff; }
.formNewsletter div input { font-size: 0.9em; padding: 2px; margin-bottom: 1px; }
.formNewsletter div select { font-size: 0.9em; padding: 2px; width: 60px; margin-bottom: 1px; }
.formNewsletter .submit { clear: none; margin-top: 5px; }

#content .formNewsletter label { float: left; display: block; color: #777; width: 100px; }
#content .formNewsletter div input { border: 1px solid #aebdd5; width: 50%; }
#content .formNewsletter div select { border: 1px solid #aebdd5; }

#side .formNewsletter label { float: left; display: block; }
#side .formNewsletter div input { border: none; width: 184px; }
#side .formNewsletter div select { border: none; }



#shoppingcartform { clear: right; float: right; height: 30px; line-height: 30px; }
#shoppingcartform input { color: #fff; background: #bccbde; border: 4px solid #bccbde; padding: 0 5px; text-transform: uppercase; text-decoration: none; white-space: nowrap; font-family: Futura; }



/* Side
...........................................................*/
#side { float:right; width: 238px; background: #becadd; }
.sidebox { margin: 0 15px; padding: 15px 0; border-bottom: 2px dotted #fff; }
.sidelink { color: #fff; font-size: 1.8em; line-height: 1.1em; font-weight: light; }
.sidelink a { color: #fff; text-decoration: none; }


/* Footer
...........................................................*/
#footer1 { clear: both; position: relative; color: #fff; background: #b7c4da; padding: 5px 15px; border-top: 7px solid #9fb0cd; height: 34px; line-height: 34px; }
#footer2 { clear: both; color: #fff; background: #9fb0cd; padding: 10px 0; height: 50px; font-size: 0.9em; font-family: Tahoma; }
#footer1 a, #footer2 a { color: #fff; text-decoration: none; }
#footer1 a:hover, #footer2 a:hover { text-decoration: underline; }
.footerleft { float: left; }
.footerright { float: right; }
/* End of 'Global' */

