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

.white{
color: #FFF;
}

.red{
color: #C00;
}


.grey{
color: #999;
}

.center{
text-align:center;
	
}

h1 {
margin: 0;
padding: 0;
font-size: 22px;
	
}

h2{
margin: 0;
padding: 0;
font-size: 18px;
}

h4{
margin: 0;
padding: 4px 0px 4px 0px;
}


h5{
margin: 0;
padding: 0;
font-size: 18px;
}

P{
margin: 0;
padding: 0;
font-size: 10px;
text-align: center;
line-height: 1em;
}


	
a:link{
text-decoration: none;	
color: #FFF;
}

a:active{
text-decoration: none;	
color: #FFF;
	
}

a:visited{
text-decoration: none;	
color: #FFF;
	
}

a:active{
text-decoration: none;	
color: #FFF;
	
}


body {
background: #210A07;
margin:0;
padding:0;
}


#page {
padding:0;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
height: 1024px;
width: 1024px;
background-image:url(Riverplate%20homepage.jpg);
position: relative;
}

#download{
position: relative;
width: 200px;
height: 20px;
float: right;
top: 40px;
font-size: 14px;
color: #FFF;
padding: 10px;
text-align: right;
	
}

#download_valentines{
position: absolute;
width: 250px;
height: 80px;
float: left;
top: 44px;
left: 0px;
font-size: 14px;
color: #FFF;
padding: 10px;
text-align: left;
}


#content {
position: relative;
padding:0;
margin: 0;
height: 680px;
width: 690px;
top: 165px;
left: 172px;
border: none;
}

#menubar {
width: 690px;
height: 30px;
background-color: #09C;

	
}


#section {
width: 690px;
height: 410px;

	
}

#left {
float: left;
width: 265px;
height: 175px;
background:url(left.jpg);
padding: 40px;
padding-top: 180px;

}


#right {
float: left;
width: 245px;
height: 270px;
background:url(right.jpg);
padding: 40px;
padding-top: 70px;
padding-right: 60px;



	
}

#mailform {
float: left;
width: 250px;
height: 225px;
padding: 40px;
overflow: hidden;
}

#map {
float: left;
width: 325px;
height: 250px;
margin: 15px;
margin-top:40px;
border: #F00 1px solid;

}

#address {
float: left;
width: 350px;
height: 225px;
padding: 40px;
overflow: hidden;

}

#address a{
 padding: 0;
 margin: 0;
  padding-top: 2px;
  display: block;
}


/*----------MENU--------------*/



.menu{
	margin-top: 0px;
	margin-left: 40px;
	padding:0; 
	height:30px; 
	width: 640px;
	display:block; 
	}
	
	
.menu li{
	padding:0; 
	margin:0; 
	list-style:none; 
	display:inline;
	overflow:hidden;
	}
	
	
.menu li a{
	padding:0; 
	margin: 0px;
	margin-right: 23px;
	height: 30px;
	display:block;
	float: left;
	color: #FFF; 
	text-decoration:none; 
	overflow: hidden;
	}
	
.menu li a span{
	padding:0;
	padding-top:5px;
	display:block; 
	text-align:center;
	}
	
.menu li a:hover{
	padding:0; 
	background-position:0px 0px; 
	color: #CCC;
	}
	
.menu li a:hover span{
	}
	
.menu li a.active, .menu li a.active:hover{
	padding:0; 
color: #333;
}
	
.menu li a.active span, .menu li a.active:hover span{
	}




#gallery{
	/* The pics container */
	width:100%;
	height:580px;
	position:relative;
}

.pic, .pic a{
	/* Each picture and the hyperlink inside it */
	width:120px;
	height:120px;
	overflow:hidden;
}

.container{
	/* Each picture and the hyperlink inside it */
	top: 10px;
	left: 10px;
	position: relative;
	width:100px;
	height:100px;
	overflow:hidden;
}

.pic{
	position:absolute;
	
	/* CSS3 Box Shadow */
	-moz-box-shadow:2px 2px 3px #333333;
	-webkit-box-shadow:2px 2px 3px #333333;
	box-shadow:2px 2px 3px #333333;
}

.pic a{
	/* Specific styles for the hyperlinks */
	text-indent:-999px;
	display:block;
	/* Setting display to block enables advanced styling for links */
}


/**-------------- FORM STYLING----------- **/

.cmxform{
	
width: 250px;
}


.error{
clear: both;
display:block;
width:500px;
text-align:right;
font-size: 10px;
	
}
form.cmxform fieldset {
	position: relative;
  margin-bottom: 10px;
  color:#FFF;
  border: none;
  left: -18px;

}
form.cmxform legend {
  font-size:14px;
  color: #FFF;

}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  color: #CCC;
  font-size: 12px;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
  padding: 0px;

}
form.cmxform fieldset fieldset legend {
  font-weight: normal;
  font-size:12px;
  color: #CCC;
  padding: 0;
  margin: 0;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: 10px;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 50px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 103px; /* Width plus 3 (html space) */
}

input.button {
	position: relative;
	float: left;
	left: 0px;
	height: 25px;
	font-size: 12px;
}


/**-------------- COMING SOON----------- **/

#soon {
height: 100px;
width: 100%;
padding-top:50px;
text-align: center;

	
}

.menu_block{
 width: 100%;
 height: 100px;
padding: 20px;
}

.menu_block h1, .menu_block img{
   float: left;
}

.menu_block h1{
   margin-top: 40px;
   margin-right: 30px;
   width: 200px;
   padding-left: 100px;
}

a.social{
   width: 40px;
   height: 40px;
   margin: 20px;
   margin-right: 0px;
   float: left;
   display: block;
}