/*
///////////////////////////////////////////////////////////////////////////// 
Client: Marriott Gaslamp
Developer: Alberto Torres
Ixi Design Group
/////////////////////////////////////////////////////////////////////////////
*/

ul,ol { list-style: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; border: none;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,table,tr,td,p,blockquote,fieldset,input,div,dd,dt,dl { margin: 0; padding: 0; }
fieldset, a img,:link img,:visited img , img{ border: none; }


html,body { height: 100%; }
body {
	font: 0.75em Arial, Helvetica, sans-serif;
	background: #f7ebd7 url(../images/bg.jpg);
	color: #202020;
	margin: 0 auto;
	text-align: center;
}


a {color: #3d5a69; text-decoration: none;}
a:hover {color: #3d5a69; text-decoration: underline;}


#wrap { margin: 0 auto; width: 998px; text-align: left;}


	/* TOP AREA //////////////////////////////////////////////////////////////////////////////*/
	#top-area {background:url(../images/header.png) no-repeat; height: 709px; width: 100%; }
	
		#mast {width: 100%; height: 330px; float: left;}
			#mast h1 {background: url(../images/title-park.png) no-repeat; width: 578px; height: 78px; position: relative; top: 108px; left: 201px;}
			#mast h2 {background: url(../images/title-ribbon.png) no-repeat; width: 578px; height: 85px; position: relative; top: 90px; left: 201px;}
			#mast p {color: white; width: 400px; position: relative; top: 90px; left: 300px; text-align: center; font-weight: bold; font-size: 1.1em;}
			
			
		#cards {width: 100%; float: left; height: 379px;}
			#happyhour {background: url(../images/pic-happyhour.png) no-repeat 10px 36px ; width: 190px; height: 289px; float: left; margin: 63px 0 0 16px; padding-left: 20px; display: inline; }
				#title-happyhour {background: url(../images/title-happyhour.png) no-repeat; width: 177px; height: 32px; margin-bottom: 120px;}
			#parking {background: url(../images/pic-parking.png) no-repeat 33px 100px ; width: 214px; height: 322px; float: left; padding: 40px 30px 0 30px; display: inline; }
				#title-parking {background: url(../images/title-parking.png) no-repeat; width: 213px; height: 52px; margin-bottom: 160px;}
			#grounder {background: url(../images/pic-grounder.png) no-repeat 7px 80px ; width: 199px; height: 302px; float: left; padding: 55px 25px 0 15px; display: inline; }
				#title-grounder {background: url(../images/title-grounder.png) no-repeat; width: 197px; height: 42px; margin-bottom: 100px;}
			#away {background: url(../images/pic-hotel.png) no-repeat 5px 80px; width: 185px; height: 286px; float: left; padding: 60px 25px 0 10px; display: inline; }
				#title-away {background: url(../images/title-away.png) no-repeat; width: 197px; height: 42px; margin-bottom: 85px;}
			
			
		#bottom-pods {width: 971px; float: left; margin-left: 27px; margin-top: 20px; display: inline;}
				
				#link-list {width: 313px; float: left; border-right: 2px dashed #dad1c5;}
				 #link-list li {background: url(../images/icon-star.png) no-repeat; padding: 5px 5px 8px 20px; margin-bottom: 12px;}
				 #link-list li a {display: block; position: relative; top: 3px; left: 10px;}
					
					a#roomrates {background: url(../images/link-roomrates.png) no-repeat; width: 197px; height: 29px; }
					a#menus {background: url(../images/link-happyhour.png) no-repeat; width: 252px; height: 29px; }
					a#reservations {background: url(../images/link-reservation.png) no-repeat; width: 244px; height: 13px; }
					a#bottles {background: url(../images/link-bottleservice.png) no-repeat; width: 191px; height: 29px; }
			
			
				#contact-form {margin-bottom: 10px; float: left; width: 262px; display: inline; border-right: 2px dashed #dad1c5; padding-left: 27px;}
						#contact-form #title-signup {background: url(../images/title-signup.png) no-repeat; width: 231px; height: 16px; margin-bottom: 15px;}
					
						#contact-form .form-2 input {width: 110px;}
						#contact-form .form-1 input {width: 232px;}
			
						#contact-form .form-btns input {padding: 0; margin: 0; border: none; margin-left: 2px; background: none;}
						#contact-form .form-btns {padding-top: 10px;}
						
						#contact-form form div {clear: both; float: left; margin-bottom: 5px; width: 100%; display: inline;}
						#contact-form fieldset {float: left; margin-left: 0px;}
						#contact-form input {padding: 5px 2px; margin: 2px 10px 0px 0; float: left; background: #dad1c5; border: none; display: inline;}


                                                #bottle-form .form-2 input {width: 110px;}
						#bottle-form .form-1 input {width: 232px;}

						#bottle-form .form-btns input {padding: 0; margin: 0; border: none; margin-left: 2px; background: none;}
						#bottle-form .form-btns {padding-top: 10px;}

						#bottle-form form div {clear: both; float: left; margin-bottom: 5px; width: 100%; display: inline;}
						#bottle-form fieldset {float: left; margin-left: 0px;}
						#bottle-form input {padding: 5px 2px; margin: 2px 10px 0px 0; float: left; background: #dad1c5; border: none; display: inline;}

                                               
				#location {width: 283px; float: left; padding-left: 27px;}
					#title-location {background: url(../images/title-90steps.png) no-repeat; width: 282px; height: 18px; margin-bottom: 15px;}
					#location p {margin-bottom: 15px;}

                                         #title-bottle {background: url(../images/title-bottle.png) no-repeat; width: 282px; height: 18px; margin-bottom: 15px;}

                                         
	#footer {width: 100%; float: left; margin-top: 20px; display: inline;}
		#logos {width: 600px; float: left; }
			#logos ul {width: 100%; clear: right;}
			#logos li {display: inline; float: left; margin-right: 20px;}
			#logos p {clear: left; margin-left: 15px; margin-bottom: 20px;}
		#phone-number {font-size: 2em; color: #3b5767; font-weight: bold; width: 300px; text-align: right; float: right; margin: 10px 45px 0 0; display: inline;}
		
		
					


.clear {line-height: 0; font-size: 0; clear: both; height: 0px;}
.hide {display: none;}