body{
	background-image: url('../img/bg.png');
}

#mainbody{
	width: 100%;
	max-width: 960px;

	background-color: #EEE;

	min-height: 560px;

	margin: 0px auto;

	box-sizing: border-box;

	box-shadow: 0px 0px 5px 1px #484848;
}


#header{
	width: 100%;
	height: 320px;
	background-color: #333;
	background-image: url('../img/header1.jpg');
	/*background-repeat: no-repeat;
	background-attachment: fixed;*/
}

#htitle{
background-color: #34495E;
border-radius: 0px 0px 10px 10px;
padding: 5px;
color: #EEE;
position: relative;
line-height: 32px;
display: inline-block;
}

#rightsidebar {
	background-color: #EEE;
	position: relative;
	/*height: 420px;*/
	margin: 0px;
	border-width: 0px;
	float: right;
	width: 28%;

	box-shadow: -3px 0px 2px 0px #484848;
}

.sitem{
	background-color: #DEDEDE;
}
.stitle{
	background-color: #2980B9;
	padding: 10px;
	color: #EEE;
}

#maincontentfromright {
	background-color: #EEE;
	position: relative;
	float: left;
	width: 70%;
	margin: 5px;

	min-height: 250px;
}
#footer {
    width: 100%;
    text-align: center;
    background-color: #484848;
    min-height: 50px;
    color: #A5A5A5;
    clear: both;
	font-size: 0.6em;
	line-height: 20px;
}


@media only screen
and (max-width : 640px) {


#maincontentfromright {
	float: none;
	clear: both;
	width: 98%;
}
#rightsidebar {
	float: none;
	clear: both;
	width: 100%;
	border-bottom: 5px solid #333;
	margin-bottom: 20px;
}


}

/******************************************/
/*.form-warp {
    position: relative;
    width: 400px;
    margin: 0 auto;
    background: #545454;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
*/

.form-warp label{
background-color: #777;
padding: 5px;
color: #EEE;
float: right;
position: relative;
top: 8px;
}
.form-warp input[type="text"],.form-warp input[type="password"]  {
width: 100%;
height: 38px;
margin: 8px 0px 0px 0px;
background: #FFFBEC none repeat scroll 0% 0%;
border: 1px solid #FFFBEC;
box-shadow: 0px 5px 0px 0px #2980B9;
font-family: "Open Sans",Arial,Helvetica,sans-serif;
font-size: 0.9em;
color: #333;
outline: medium none;
}

.form-warp input:-moz-placeholder { color: #333; }
.form-warp input:-ms-input-placeholder { color: #333; }
.form-warp input::-webkit-input-placeholder { color: #333; }

.form-warp textarea {
    width: 302px;
    height: 92px;
    margin: 0 0 20px 30px;
    padding: 10px 18px 0 18px;
    background: #fffbec;
    border: 1px solid #fffbec;
    -moz-box-shadow: 0 5px 0 0 #2980B9;
    -webkit-box-shadow: 0 5px 0 0 #2980B9;
    box-shadow: 0 5px 0 0 #2980B9;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    color: #333;
    outline: none;
}

.form-warp textarea:-moz-placeholder { color: #333; }
.form-warp textarea:-ms-input-placeholder { color: #333; }
.form-warp textarea::-webkit-input-placeholder { color: #333; }
/*
.form-warp input[type="submit"] {
    width: auto;
    min-width: 150px;
    height: auto;
    margin-top: 14px;
    padding: 0;
    background: #2C3E50;
    border: 0;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer;
    font-family: 'Patua One', cursive;
    font-size: 24px;
    color: #EEE;
    text-transform: uppercase;
    text-align: center;

}

.form-warp input[type="submit"]:hover {
    background: #34495E;
    color: #FFF;
   
}*/

.form-warp input:focus,
.form-warp textarea:focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-warp input,
.form-warp textarea,
.form-warp button {
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}

.form-warp p {
    margin: 0 30px;
    padding-bottom: 30px;
    font-size: 15px;
    color: #cc9471;
    line-height: 30px;
}


/******************************************/