@charset "utf-8";
/* CSS Document */


	
	
body {
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: center 30px;
	background-color: #fff;
	margin: 0 auto;
	padding:90px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	overflow: -moz-scrollbars-vertical;
 overflow-x: hidden;
 overflow-y: scroll;
	}
.hr {
	float:left;
	background:#fff;
	height:30px;
	Margin: 20px 0;
	width:1172px;
	}
.Button { /* Big Buttons */
	border: 0px;
	float:right;
	background:#fff;
	height:66px;
	width:273px;
	margin: 20px 30px 0px 0px;
	}	
	.Button img {
			border: none;
			}
img {
	border: 0px;
	}

/* ----------------------------
	 	TOP AREA
---------------------------- */

	.Black {
	background:url(../images/footer_bg.png) top repeat-x  #383838;
	background-repeat: repeat;
	background-color: #383838;
	float:left;
	height:30px;
	width:100%;
	margin:0 auto;
	position:absolute;
	top:0px;
	left:0px;
	text-align:center;
		}
	.Blacktext {
	margin-left: auto;
	margin-right: auto;
	width: 72em;
	text-align:left;
}
	
			.Blacktext h1 {
				font: 14px Arial, Helvetica, sans-serif;
				color:#fff;
				text-transform:uppercase;
				margin:7px 0px 0px 0px;
				text-align:left;
				
				}
				.Blacktext span {
				font: 14px Arial, Helvetica, sans-serif;
				width:500px;
				text-transform:uppercase;
				color:#fff;
				position:absolute;
				margin:7px 0 0 900px;
				}
		.Language {
			font: 14px Arial, Helvetica, sans-serif;
			float:right;
			width:300px;
			margin:0px 0px 0px 0px;
			text-align:center;
			color:#fff;
			}
			.Language h1 {
				font: 14px Arial, Helvetica, sans-serif;
				width:900px;
				color:#fff;
				text-transform:uppercase;
				position:absolute;
				margin:7px 0 0 0px;
				}
				.Language span {
				font: 14px Arial, Helvetica, sans-serif;
				width:500px;
				text-transform:uppercase;
				color:#fff;
				position:absolute;
				margin:0px 0 0 900px;
				}
	#header ul.sub_nav, #header ul.account {

color:#fff;

}
    #header ul.sub_nav {
    margin:0px 0px 0px 0px;
	
	
    }
    #header ul.account {
    margin:-13px 0px 0px 0px;
	float:right;
	
    }
    
    #header ul li {
   display:inline;
    list-style:none;
    text-align:center;
    }
        #header ul.sub_nav .reservations {
        font-size:13px;
        }
        #header ul.sub_nav .contact {
        font-size:11px;
        }
    #header ul.sub_nav a {
    color:#504630;
    }
    #header ul.sub_nav a span {
    color:#1598BB;
    font-family:Georgia, "Times New Roman", Times, serif;
    }
        #header ul.sub_nav .contact span {
        font-style:italic;
        }
        #header ul.sub_nav a:hover span {
        color:#ffab0a;
        }
        
#header ul.account li {
margin:0px 0px 0px 0px;
text-align:center;
   display:inline;
    list-style:none;
}
    #header ul.account li.welcome {
    color:#543517;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:12px;
    font-style:italic;
	   display:inline;
    list-style:none;
    }
    #header ul.account li a {
    margin:0 0 0 7px;
    border-left:1px solid #E9E5D0;
    padding:0 0 0 7px;
    font-size:11px;
    color:#ffab0a;
	   display:inline;
    list-style:none;
    }
    #header ul.account li a.no_border {
    border:none;
	   display:inline;
    list-style:none;
    }
    #header ul.account li a:hover {
    color:#1598BB;
	   display:inline;
    list-style:none;
    }
				
		.Logo  {
			float:left;
			width:1170px;
			margin:0 auto;
			}
		.Logo img {
		float:left;
			width:300px;
			margin:0px 0 0px 0px;
			}
			.Logo h1 {
				font: 18px Arial, Helvetica, sans-serif;
				float:left;
				color:#8a780e;
				margin:10px 0px 90px 0px;
				}


.MasterBox {
	margin:0 auto;
	padding:0;
	width:1172px;
	}

.Top {
	color:#8a780e;
	float:left;
	font: 14px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	height:10px;
	width:1200px;
	}
	.Top a {
		color:#8a780e;
		text-decoration:none;
		}
	.Top img {
		position:absolute;
		top:80px;
		left:400px;
		}


/* ----------------------------
	 	Navigation
---------------------------- */
.main-nav {
	background: url(../images/ravey_07.png) left no-repeat; 
	float:left;
	width:1172px;
	height:40px;
	margin:60px 0 0 0;
	}

.main-nav li { 
	display:inline;
	}
.main-nav li a { 
	display: block; 
	float: left; 
	font-size: 16px; 
	font-weight: 1px; color: #000000; 
	text-decoration: none; 
	padding: 13px 70px 0 65px; 
	margin:0px 0 0 0; 
	background: url(../images/nav_09.png) left no-repeat; 
	height: 27px; 
	}
.main-nav li.first-item a { 
	background: none; 
	padding-left: 25px; 
	}

.main-nav li a:hover { 
	color: #8f7e09; 
	}
.nav {
	float:left;
	height:90px;
	width:1172px;
	background-color:none;
	padding:0px 0 0px 0px;
	clear:both;
	}
.roll a {
	background: url(../images/nav_07.png) left no-repeat; 
	float: left;
	height: 42px; 
	width:36px; 
	margin: 0px 0px;  
	padding: 1px 20px 0px 36px;
	} 
.roll a:hover { 
	background: url(../images/roll_07.png) left no-repeat; 
	float: left;
	height: 42px; 
	width: 36px; 
	margin: 0px 0px;  
	padding: 1px 20px 0px 36px;
	} 

/* ----------------------------
	 	CONTENT
---------------------------- */
	.Content { /* top bar content header */
	background:url(../images/ctbar.png) no-repeat;
	float:left;
	height:52px;
	margin:40px 0px 0px 0px;
	width:1172px;
	}
	.BackGround { /* white canvas background for content */
	float:left;
	background:#fff;
	height:950px;
	width:1172px;
	}
	
	
/* ----------------------------
	 INDEX FIRST 3 COLUMNS
---------------------------- */

		.Column1 { /*Columns*/
			float:left;
			margin:5px 10px 0 0;
			padding:0 0px;
			width:360px;
				border: 0px;
			}
			.Column1 img {
			border: 0px;
			}
							
			.Column2 { 
			float:left;
			margin:5px 0px 0 40px;
			padding:0 0px;
			width:390px;
				border: 0px;
			}
			

			
/* ----------------------------
	 	INDEX PORTFOLIO AREA
---------------------------- */

		.Item { /*work thumbs*/
			background:#131314;
			border:1px solid #777;
			float:left;
			margin:10px 80px 30px 15px;
			height:235px;
			width:320px;
			}
			
			.Item img {
				height:190px;
				margin:0px 0 0px 0;
				width:320px;	
				border:0px;
				}
			.Item h1 {
				color:#FFF;
				font:16px Arial, Helvetica, sans-serif;
				margin:5px 0 0 14px;
				}
			.Item h1 a {
				color:#FFF;
				text-decoration:none;
				}
			.Item h1 a:hover {
				text-decoration:underline;
				}
			.Item span { /* blue title highlight */
				color:#77b7dd;
				}
			.Item span.pink {
				color:#F9C;
				}

		.Item.Last { 
			margin: 10px 0px 0 0px;
			}

			.Item h2 {
				color:#9C9C9C;
				font:13px Arial, Helvetica, sans-serif;
				margin:0 0 0 10px;
				}

/* ----------------------------
	 FOOTER
---------------------------- */
	.Footer { /* independent from masterbox for 100% and above content expansion */
		/* background:#383838; */
		background:url(../images/footer_bg.png) repeat-x top #383838;
		float:left;
		height:339px;
		width:100%;
		
		}
	.Footer img {
		border: none;
		}
	.wrapper {
		background:url("../images/footer_wrapper.png") no-repeat center top;
		float:left;
		height:273px;
		width:100%;
		}
		.wrapper img {
			border: 0px;
			}

	.FooterBox {
		float:center;
		width:1172px;
		height:0px;
		margin:10px auto;
		border:0px;
		
		}
		.FooterBox img {
		border: 0px;
		}

#navsocial {
    float:                              left;
	text-align:left;
    list-style:                         none;
    margin:                             0px 0px 0px 0px;
    padding:                            0px 0px 0px 0px;  
	width:300px; 
	
}
#navsocial ul li {
    display:inline;   
	float:left;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	
}

 #navsocial ul li a {
    background:url("../images/socialicons.png") no-repeat;
    display:                            block;
	text-align:left;
    float:                              left;   
    height:                             43px;
    margin-right:                        13px;
	padding:0 0 0 0;
    text-indent:                        -999999em;
    width:                              43px;
    -moz-transition:                    all .5s ease-in-out;
    -ms-transition:                     all .5s ease-in-out;
    -o-transition:                      all .5s ease-in-out;
    -webkit-transition:                 all .5s ease-in-out;
    transition:                         all .5s ease-in-out;
}

navsocial a:hover {
	background:url("../images/socialicons.png") no-repeat center top;
	background: rgba(100, 125, 175, 0);
}


#navsocial ul li a:hover {
    background-position:                0 -43px; 
}

#navsocial ul li.twitter a {
    background-position:                -56px 0;   
}

#navsocial ul li.twitter a:hover {
    background-position:                -56px -43px;   
}

#navsocial ul li.linkedin a {
    background-position:                -112px 0;   
}

#navsocial ul li.linkedin a:hover {
    background-position:                -112px -43px;   
}

#navsocial ul li.facebook a {
    background-position:                -168px 0;   
}

#navsocial ul li.facebook a:hover {
    background-position:                -168px -43px;   
}
	@font-face {
font-family: 'ballpark_weiner';
src: url('../css/ballpark_weiner.eot');
src: url('../css/ballpark_weiner'), local('ballpark_weiner');
src: url('../css/ballpark_weiner.woff') format('woff');
src: url('../images/ballpark_weiner.ttf') format('truetype');
src: url('../images/ballpark_weiner.svg') format('svg');
}

	@font-face {
font-family: 'league_gothic';
src: url('../css/league_gothic.eot');
src: url('../css/league_gothic'), local('league_gothic');
src: url('../css/league_gothic.woff') format('woff');
src: url('../images/league_gothic.ttf') format('truetype');
src: url('../images/league_gothic.svg') format('svg');
}


.my-new-font {
font-family: 'Ballpark_weiner';
float:right;
font-size: 43px;
color:#8a780e;
text-align:center;
padding: 0px 0px 0px 0px;
text-transform:capitalize;
text-transform:uppercase;
}

.enjoy {
font-family: 'Ballpark_weiner';
font-size: 55px;
color:#8f7e09;
text-transform:none;
			padding:0px 0px 0px 0px;
			float:right;
			text-align:left;
}
.basedon {
font-family: 'Ballpark_weiner';
font-size: 25px;
color:#8f7e09;
text-transform:none;
			padding:0px 0px 0px 0px;
			float:left;
			text-align:left;
}
.leo {
	font-family:"Times New Roman", Times, serif;
font-size: 25px;
color:#cea57c;
text-transform:none;
			margin:0px 0px 0px 90px;
			float:right;
			text-align:right;
}
.featured {
font: 14px Arial, Helvetica, sans-serif;
float:left;
	color:#8f7e09;
	height:40px;
	margin: 20px 10px 0px 10px;
	width:1152px;
text-transform:capitalize;
text-transform:uppercase;
font-weight:thin;


}


		
	.FooterLeft {
		float:left;
		color:#FFF;
		
			padding:20px 0px 0 0px;
		margin:0px 0 0 0;
		}
		.FooterLeft img {
			color:#FFF;
			font:12px Arial, Helvetica, sans-serif;
			float:left;
			margin:0px 0 0 0;
			}
		.FooterLeft h1 {
			color:#FFF;
			font-size:11px;
            font-weight:bold;
            line-height:14px;
            text-transform:uppercase;
			margin:20px 0 0 0;
			}
		.FooterLeft h1 a {
			font:12px Arial, Helvetica, sans-serif;
			color:#FFF;
			text-decoration:none;
			}
		.FooterLeft h1 a:hover {
			font:12px Arial, Helvetica, sans-serif;
			color:#FFF;
			text-decoration:underline;
			}
		.addy { /* blue title highlight */
			
			padding:0 0 0 45px;
			}
		.FooterLeft.Last { 
			float:right;
			margin: 0px 0px 0px 500px;
			padding:0px 0px 0px 0px;
			}
			.FooterLeft.Last img {
				border:0px;
				}

	.FooterLeft li {
	float:left;
	margin:0px 30px 0px 0px;
	display:inline;
	float:left;
	}
		.FooterLeft li.right {
		float:right;
		margin:0;
		}
	.FooterLeft li a {
	display:block;
	color:#fff;
	text-shadow:-1px -1px #8b5725;
	font-size:11px;
            font-weight:thin;
            line-height:14px;
            text-transform:uppercase;
			text-decoration:none;
	}
	.FooterLeft li a:hover {color:#8f7e09;}
	.FooterLeft li.current a {color:#fff;}

#footer .copyright {
float:left;
font-size:12px;
margin: -10px 40px 0px 0px;
}
	#footer .copyright, .designer, .designer a {
	color:#cea57c;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	#footer .copyright, .designer {
	white-space:nowrap;
	}
	#footer .designer {
	display:block;
	font-size:11px;
	}
	#footer .designer a:hover {
	color:#fff;
	text-decoration:underline;
	}
/* END Footer */


/* ----------------------------
	 	COMMERCIALS PAGE
---------------------------- */
	.ComPage { /*work thumbs*/
			background:#fff;
			border:0px solid #777;
			float:left;
			margin:15px 0px 0px 50px;
			width:1072px;
			}
	.CommercialsBar { /* top bar content header */
		  background: url("../images/ctcom.png");
		  float:left;
		  height:52px;
		  margin:40px 0px 0px 0px;
		  width:1172px;
		  }
	.BackGroundCommercials { /* Commercials page background area */
			float:left;
			background:#fff;
			height:1250px;
			width:1172px;
			}
			
/* ----------------------------
	 	PORTFOLIO PAGE
---------------------------- */
	  .BackGroundPortfolio { /* Commercials page background area */
			background:#fff;
			border:0px solid #777;
			float:left;
			margin:35px 0px 0px 50px;
			width:1072px;
			}
			
		.PortfoliosBar { /* top bar content header */
		  background: url("../images/ctport.png");
		  float:left;
		  height:52px;
		  margin:40px 0px 0px 0px;
		  width:1172px;
		  }
			
		.Folio { /*work thumbs*/
			background:#131314;
			border:1px solid #777;
			float:left;
			margin:20px 35px 0 0px;
			height:235px;
			width:320px;
			}
			
			.Folio img {
				height:190px;
				margin:0px 0 0px 0;
				width:320px;	
				border:0px;
				}
			.Folio h1 {
				color:#FFF;
				font:16px Arial, Helvetica, sans-serif;
				margin:5px 0 0 14px;
				}
			.Folio h1 a {
				color:#FFF;
				text-decoration:none;
				}
			.Folio h1 a:hover {
				text-decoration:underline;
				}
			.Folio span { /* blue title highlight */
				color:#77b7dd;
				}
			.Folio span.pink {
				color:#F9C;
				}

		.Folio.Last { 
			margin: 20px 35px 0 0px;
			}

			.Folio h2 {
				color:#9C9C9C;
				font:13px Arial, Helvetica, sans-serif;
				margin:0 0 0 14px;
				}
/* ----------------------------
	 	PROFILE PAGE
---------------------------- */
	.ProPage { 
			background:#fff;
			border:0px solid #777;
			float:left;
			margin:15px 0px 0px 50px;
			width:1072px;
			}
	.ProfilesBar { /* top bar content header */
		  background: url("../images/ctprofile.png");
		  float:left;
		  height:52px;
		  margin:40px 0px 0px 0px;
		  width:1172px;
		  }
	.BackGroundProfile { /* Profile page background area */
			float:left;
			background:#fff;
			height:650px;
			width:1172px;
			}
			
/* ----------------------------
	 	CONTACT PAGE
---------------------------- */
	.ConPage { 
			border:0px solid #777;
			float:left;
			margin:205px 0px 0px 650px;
			width:372px;
			}
	.ConBar { /* top bar content header */
		  background: url("../images/ctbarctct.png");
		  float:left;
		  height:52px;
		  margin:40px 0px 0px 0px;
		  width:1172px;
		  }
	.BackGroundCon { /* Profile page background area */
			float:left;
			background:#fff url("../images/joe.jpg");
			background-repeat: no-repeat;
			height:508px;
			width:1172px;
			}
	.ConParagraph {
			float:left;
			width:390px;
			margin:0px 0px 0px 0px;
			padding: 0px 0px 0 0;
			color:#000;
			font:16px Arial, Helvetica, sans-serif;
			}
			
	.vcard1 {
			float:left;
			width:390px;
			margin:0px 0px 0px 0px;
			padding: 0px 0px 0px 650px;
			color:#000;
			font:12px Arial, Helvetica, sans-serif;
			}
		.vcard1 h1 {
			color:#000;
			float:left;
			font:12px Arial, Helvetica, sans-serif;
			margin:20px 0 0px 0px;
			padding: 0px 0px 0 0px;
			text-decoration:none;
			}
		.vcard1 h1 a {
			font:12px Arial, Helvetica, sans-serif;
			color:#000;
			text-decoration:none;
			}
		.vcard1 h1 a:hover {
			font:12px Arial, Helvetica, sans-serif;
			color:#000;
			text-decoration:underline;
			}
					.adr1 {
			color:#000;
			float:left;
			font:12px Arial, Helvetica, sans-serif;
			text-decoration:none;
			}
			.adr1 span.type {
			color:#000;
			font:12px Arial, Helvetica, sans-serif;
			text-decoration:none;
			}
			.street-address1 {
			color:#000;
			font:12px Arial, Helvetica, sans-serif;
			text-decoration:none;
			margin:0px 0 0 0;
			}
			.tel1 {
			color:#000;
			font:12px Arial, Helvetica, sans-serif;
			text-decoration:none;
			margin:0px 0 0 0;
			}
			.emai1 {
			color:#000;
			font:12px Arial, Helvetica, sans-serif;
			text-decoration:none;
			margin:0px 0 0 0;
			}