@charset "utf-8";
/*Manchurian Club*/
/*Contact Page CSS Stylesheet*/


/****************************** ORIGIN CONTAINER ***************************************/
#contact-container{
	width:881px;
	height:662px;
	margin:0 auto;
	background-image:url(../images/contact-container-bg.png);
	background-repeat:no-repeat;
	padding-left:31px;
	padding-top:32px;
}

/****************************** HOME CONTENT ***************************************/
/************ FRAMES *************/
#content{
	width:851px;
	height:auto;
	position:relative;
	top:0;
	left:0
}

#logo{
	width:393px;
	height:236px;
	position:absolute;
	top:0;
	left:0;
	background-image:url(../images/red-bg.jpg);
}

#logo .mc-logo{	
	position:relative;
	top:50px;
	left:24px;
	z-index:1000;
}

#logo .red-bg{	
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}

#top-image{
	width:451px;
	height:319px;
	position:absolute;
	top:0;
	left:400px;
}

#side-image1{
	width:393px;
	height:385px;
	position:absolute;
	top:243px;
	left:0;
	background-image:url(../images/gray-bg.jpg);
	background-repeat:repeat;
}

#info{
	width:451px;
	height:301px;
	position:absolute;
	top:327px;
	left:401px;
	background-image:url(../images/home-info-bg.jpg);
}

#info p.heading{
	font-family:SourceSansProSemibold, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:17px;
	margin-left:15px;
	margin-right:15px;
	margin-top:25px;
	margin-bottom:22px;
}

#info p.text{
	margin:12px;
}

.contact-text{
	font-family:SourceSansProBold, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
}

/**************************** EMAIL FORM ****************************/
#email{
	width:353px;
	margin: 20px 20px 0 20px;
}

p.label{
	font-family:SourceSansProSemiBold, Arial, Helvetica, sans-serif;
	position:relative;
	top:12px;
}

.input-name{
	position:relative;
}

.input-email{
	position:relative;
	top:-20px;	
}

.message{
	position:relative;
	top:-36px;	
}

.buttons{
	position:relative;
	top:-25px;
	padding-left:121.5px;	
}

input{
	width:343px;
	height:20px;
	background-color:#CCCCCC;
	font-family:SourceSansProRegular, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	padding: 2px 5px 2px 5px;
	border: 0px;
	-moz-border-radius: 2px; 
    -webkit-border-radius: 2px; 
    border-radius: 2px;
}

textarea{
	width:343px;
	height:140px;
	background-color:#CCCCCC;
	font-family:SourceSansProRegular, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	resize: none;
	border: 0px;
	padding: 5px 5px 5px 5px;
	-moz-border-radius: 2px; 
    -webkit-border-radius: 2px; 
    border-radius: 2px;
	overflow:hidden;
}

textarea:focus, input:focus{
    outline: none;
}

placeholder{
	color:#666666;
}

.send-btn{
	width:50px;
	height:20px;
	font-family:SourceSansProBold, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:14px;
	background-color:#FFFFFF;
	color:#333333;
	-moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border-radius: 4px;
	outline:none;
	border-style:none;
	cursor:pointer;
	float:left;
	margin-left:4px;
	margin-right:4px;	
	opacity:0.8;
}

.send-btn:hover{
	opacity:1;
}

/****************************** FLOATING IMAGES ***************************************/
/*** Main Container (position:relative) Main Style CSS ****/
/*** Common Floating Images - see Main Style CSS ****/

img.beer{
	position:absolute;
	top:760px;
	left:15px;
	z-index:1000;
}

img.cloth{
	position:absolute;
	top:680px;
	right:25px;
	z-index:-1;
}

img.pepper{
	position:absolute;
	top:730px;
	right:25px;
	z-index:1000;
}

img.leaves{
	position:absolute;
	top:785px;
	right:25px;
	z-index:500;
}

img.plate2{
	position:absolute;
	top:-85px;
	right:120px;
	z-index:1000;
}