html, body { background-color: #444444; font-family: Arial, sans-serif; }

html { background-image: url(/templates/common/images/home/background.jpg); background-repeat: repeat; }

body { margin-top: -5px; background-color: transparent; background-image: url(/templates/common/images/header_bg_home.gif); background-repeat: repeat-x; }

/* wrap */

#wrap { width: 902px; min-height: 100px; margin: 0px auto; padding-bottom: 2em; }

/* header */

#header { float: left; width: 100%; height: 100px; background-color: #00264C; }
#header ul { float: left; text-align: left; color: #fff; margin-top: 25px; }
#header ul li { margin-bottom: 1em; }
#header h1 { float: left; width: 400px; color: #fff; font-size: 1.2em; text-align: left; margin-top: 25px; }
#header a img { float: right; width: 150px; height: 50px; margin: 25px auto; }

/* main menu */
/*
#mainmenu { float: left; background-image: url(/templates/common/images/home/menu_bg_home.gif); background-repeat: repeat x; width: 900px; height: 20px; padding-top: 5px; }
#mainmenu ul { float: left; width: 900px; height: 20px; }
#mainmenu ul li { float: left; padding: 0 38px; width: auto; color: #ffffff; border-right: 1px solid #cccccc; }
#mainmenu ul li.borderright { border-right: 0px; }

#mainmenu ul li a { color: #ffffff; text-decoration: none; }
#mainmenu ul li a:hover { text-decoration: underline; }
*/
/* content */

#largeimage { float: left; background-color: #cccccc; width: 600px; height: 300px; text-align: left; }
#largeimage h1 { position: relative; font-size: 1.8em; color: #ffffff; width: 350px; top: -275px; left: 200px; margin: 0; text-shadow: #000 2px 2px; }

#contentwrap { float: left; background-image: url(/templates/common/images/home/content_bg_home.gif); background-repeat: repeat-x; background-color: #666666; width: 900px; min-height: 400px; }
#content { float: left; background-color: #666; margin: 20px; padding: 10px; width: 840px; height: 280px; }
#content a.loc { float: left; margin-left: 5px; color: #fff; margin-top: 20px; font-size: 0.8em; }
.menupanel { float: left; margin: 5px; width: 200px; height: 130px; }
.shade { position: relative; top: -30px; background-image: url(/templates/common/images/bg_shade.png); background-repeat: repeat-x; height: 30px; width: 200px; }
.shade p { color: #ffffff; font-size: 0.75em; padding-top: 8px; }
.shade p a { color: #ffffff; text-decoration: none; }
.shade a:hover { text-decoration: underline; }

.travellogo {  }

#emailbox { background-color: #666; margin-top: 20px; }

/* hotel finder/email box */

input { border: 1px solid #333; width: 200px; height: 20px; margin: 5px; font-size: 0.7em; color: #555555; }

#hotelfinder { float: left; background-image: url(/templates/common/images/hotelgradient.jpg); background-repeat: no-repeat; background-color: #666666; width: 300px; height: 300px; text-align: left; }
#hotelfinder h1 { color: #ffffff; font-size: 1.2em; font-weight: normal; margin: 0.6em auto; padding-left: 18%; }
#hotelfinder p { float: left; color: #ffffff; font-size: 0.7em; width: 70px; height: 12px; padding: 5px; margin-top: 3px; text-align: center; }

.hotelselect { float: left; color: #555555; font-size: 0.7em; width: 200px; height: 20px; margin: 5px; }

#promobutton { float: left; background-color: #333333; color: #ffffff; margin-left: 85px; width: 100px; height: 20px; border: 1px solid #777777; }
#promobutton:hover { background-color: #666666; }

#promofield { float: left; width: 100px; }
#emailfield { float: left; width: 180px; margin: 5px 0; }