/*---------style reset---------*/
html, body, div, span, h1, h2, h3, p, em, font, img, ol, ul, li, form, label, img{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}
:focus {outline: 0;}
ol, ul {list-style: none;}

body {font: 62.5% arial, helvetica, verdana, sans-serif; text-align: center; margin: 0 auto; background: #555 url(images/imgBkgdTile.gif) repeat;}
#container {position: relative; text-align: left; margin: 0 auto; width: 803px;  margin-top: 17px; background: #fff url(images/imgBkgdCity.gif) no-repeat bottom center;}
.header {height: 200px; background: #fff url(images/imgHeaderBkgd.jpg) no-repeat top right;}

h1 {border-bottom: 1px solid #B2B2B2; font-family: "Times New Roman", Courier, Garamond, serif; font-size: 2.4em; font-weight: normal; line-height: 1.2em; color: #000; margin: 20px 39px 5px 39px;}
h2 {font-family: "Times New Roman", Courier, Garamond, serif; font-size: 1.9em; font-weight: normal; line-height: 1em; color: #000; padding: 20px 0 0 39px;}
p {font-size: 1.4em; color: #666; line-height: 1.2em; padding: 10px 0; margin: 0 300px 0 39px;}
span {color: #F5AD1F; font-style: italic; font-size: 1.5em;}

#logo {position: absolute; top: 12px; left: 33px;}
.employment {position: absolute; top: 100px; right: 80px; font-size: 1.1em; padding-left: 17px; font-weight: bold; color: #fff; text-decoration: none; background: url(images/imgArrow.gif) no-repeat left center;}
.employment:hover {color: #F5AD1F;}
.request {position: absolute; top: 80px; right: 80px; font-size: 1.1em; padding-left: 17px; font-weight: bold; color: #fff; text-decoration: none; background: url(images/imgArrow.gif) no-repeat left center;}
.request:hover {color: #F5AD1F;}

/*-----------homepage-----------*/ 
.home h1 {margin: 20px 350px 5px 39px;}
.home h2 {padding: 20px 0 7px 0;}
.home h2.line {border-top: 1px solid #B2B2B2;}
.home p {font-size: 1.4em; color: #666; padding: 10px 0; margin: 0 360px 0 39px;}
#quote {padding: 10px 0 250px 0;}
.quoteR {position: absolute; top: 517px; right: 0;}
* html .quoteR {position: absolute; top: 517px; right: -1px;}
p.last {padding-bottom: 352px; margin-right: 425px;}

#bbb {position: relative; top: -130px; right: -300px;}
.floatRight {float: right; width: 270px; height: 400px; margin-right: 25px;}
.floatRight p {padding: 0 15px 0 0; margin: 0;}
* html .floatRight {margin-right: 13px;}

a.learn {color: #fff; text-decoration: none; text-align: center; padding: 3px 0 0 3px; margin: 10px 0 20px 0; display: block; width: 106px; height: 18px; background: url(images/btnLearnMore.gif) no-repeat bottom center;}
a.learn:hover {background: url(images/btnLearnMore.gif) no-repeat top center;}

/*-----------corporate & hospitality-----------*/ 

.columnR {float: right; width: 281px; height: 314px; background: #fff url(images/imgBkgdColumn.gif) no-repeat top right;}
.columnR ul li {color: #71747C; font-size: 1.4em; padding: 0 25px 2px 12px; margin-left: 39px; background: url(images/imgBullet1.gif) no-repeat left top;}
.columnR p {margin-right: 20px;}

.list {margin-top: 10px; width: 517px; height: 115px;}
.list li {color: #666; font-size: 1.4em; padding: 0 0 2px 12px; margin-left: 39px; background: url(images/imgBullet1.gif) no-repeat left top;}

/*-----------privat parties & events-----------*/ 

.events {position: absolute; top: 230px; right: -2px; width: 305px; height: 325px; margin-right: 25px; background: url(images/imgBoxBkgd.gif) no-repeat top center;}
.events p {padding: 0 15px 0 0; margin: 0;}
.events h2 {color: #FFCC00; padding: 20px 0 12px 25px;}
.events ul li {color: #fff; font-size: 1.4em; padding: 0 25px 12px 12px; margin-left: 25px; background: url(images/imgBullet1.gif) no-repeat left top;}

.list2 {margin-top: 10px; width: 435px; height: 460px;}
.list2 li {color: #666; font-size: 1.4em; padding: 0 0 5px 12px; margin-left: 50px; background: url(images/imgBullet1.gif) no-repeat left top;}

/*-----------how are we differnt-----------*/

.different p {margin: 0 39px 0 39px;}
.different span {font-weight: bold; color: #000; font-style: normal; font-size: 1em;}
.quote2 {float: right; margin: 27px 0 0 0;}
.list3 {margin-top: 10px; width: 700px; height: 100px;}
.list3 li {color: #666; font-size: 1.4em; padding: 0 0 5px 12px; margin-left: 50px; background: url(images/imgBullet1.gif) no-repeat left top;}
.italic {color: #000; font-style: italic; font-size: 1.5em; font-weight: bold; padding-bottom: 300px;}

/*-----------about us-----------*/
.goal {float: right; width: 341px; height: 212px; margin: 10px 25px 0 0; background: url(images/imgBoxBkgd2.gif) no-repeat top center;}
* html .goal {margin-right: 12px;}
.goal p {color: #fff; padding: 0 25px 0 25px; margin: 0; line-height: 1.3em;}
.goal h2 {color: #FFCC00; padding: 30px 0 12px 25px;}
.list4 {margin-top: 10px; width: 400px; height: 140px;}
.list4 li {color: #666; font-size: 1.4em; padding: 0 0 5px 12px; margin-left: 50px; background: url(images/imgBullet1.gif) no-repeat left top;}

/*-----------contact us-----------*/

p.contact {padding-bottom: 470px;}
.BoxContact {position: absolute; top: 300px; left: 263px; width: 267px; height: 137px; background: url(images/imgBoxContact.gif) no-repeat top center;}
.BoxContact2 {position: absolute; top: 300px; right: 40px; width: 201px; height: 137px; background: url(images/imgBoxContact3.gif) no-repeat top center;}
.BoxContact3 {position: absolute; top: 300px; left: 25px; width: 201px; height: 137px; background: url(images/imgBoxContact3.gif) no-repeat top center;}
.BoxContact h2, .BoxContact2 h2, .BoxContact3 h2 {color: #FFCC00; padding: 25px 0 5px 20px;}
.BoxContact p, .BoxContact2 p, .BoxContact3 p {color: #fff; padding: 0; margin: 0 0 0 20px;}
.BoxContact a, .BoxContact2 a {color: #FFCC00;}

/*---------employment---------*/

.apply {float: right; margin: 20px 30px 0 0; width: 247px; height: 119px; background: url(images/imgApplyBkgd.gif) no-repeat;}
* html .apply {margin: 20px 15px 0 0;}
.apply p {color: #fff; padding: 0; margin: 20px 20px 0 20px;}
a.btnApply {display: block; width: 179px; height: 31px; margin: 10px 0 0 30px; background: url(images/btnApply.gif) no-repeat bottom center;}
a.btnApply:hover {background: url(images/btnApply.gif) no-repeat top center;}

/*---------main navigation---------*/

#mainNav {position: absolute; top: 145px; right: 50px; height: 50px; width: 720px;}
#mainNav ul {text-align: center;}
#mainNav ul li {float: left;}
#mainNav ul li a {font-weight: bold; display: block; color:#fff; font-size:1.3em; margin-left: 21px; padding:0 1em; text-decoration: none;}
#mainNav ul li a:hover {color: #F5AD1F;}

/*---------request quote form---------*/

.form1 {background: url(images/imgBkgdRequest.gif) no-repeat top left;}
p.error {position: absolute; top: 255px; right: -110px; color: red;}
p.require {position: absolute; top: 285px; right: -110px; color: #fff;}
p.white {position: absolute; top: 670px; font-size: 1.1em; color: #888; padding: 0; margin: 0 0 0 50px;}
p.white2 {position: absolute; top: 1670px; font-size: 1.1em; color: #888; padding: 0; margin: 0 0 0 110px;}
.formRequest1 {padding-top: 15px; height: 450px; width: 250px;}
.formRequest2 {position: absolute; top: 270px; right:300px; height: 450px; width: 230px;}
.formRequest1 p {color: #fff; font-size: 1.2em; padding:10px 0 5px 0; margin: 0 0 0 50px;}
.formRequest2 p {color: #fff; font-size: 1.2em; padding:10px 0 5px 0; margin: 0;}
.formRequest1 input, .formRequest1 select {margin-left: 50px; border: 1px solid #999; background-color: #E4E4E4;}
.formRequest2 input, .formRequest2 textarea {margin: 0; border: 1px solid #999; background-color: #E4E4E4;}
#send {margin-top: 10px;}
#send:hover {background-color: #000; color: #fff;}
form p.grey {color: #666;}

/*---------employment quote form---------*/

.form2 {padding-bottom: 700px;}
.form2 p.error {position: absolute; top: 247px; left: 0; color: red;}
.form2 p {font-size: 1.2em; padding:0; margin: 10px 0 2px 39px;}
.form3 {position: absolute; top: 1054px; left: 0;}
.form3 p {font-size: 1.2em; padding:0; margin: 10px 0 2px 39px;}
.form4 {position: absolute; top: 860px; left: 380px;}
.form4 p {font-size: 1.2em; padding:0; margin: 10px 0 2px 39px;}
.form5 {position: absolute; top: 255px; left: 380px;}
.form5 p {font-size: 1.2em; padding:0; margin: 10px 0 2px 39px;}
.form5 input, .form5 select {color: #666;}
.boxes {position: relative; left: 39px;}
.submitBtn {position: relative; top: -270px; right: -310px;}
.submitBtn #submit {padding: 3px 20px;}
p.thankyou {padding-bottom: 400px;}
p.required {position: absolute; top: 219px; left: 140px; color: #000;}

/*------------footer------------*/
#footer {text-align: center; padding: 5px 0 10px 0;}
#footer p {color: #333; font-size: 1.2em; margin: 0; padding: 0;}
#footer a {color: #333;}
#footer a:hover {color: #fff;}