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

/*==========================reset=====================================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
/*html5 set*/
article, aside, dialog, footer, header, section, footer, nav, figure, menu {
	display:block
}
img {
	vertical-align:top;
}
figure {
	margin: 0px;
	padding: 0px;
}
/*==========================reset=====================================*/

body{
	background: url(../images/bg.jpg) #F8ECDC;
	background-repeat: no-repeat;
	background-position: center 30px;	
}

.header , .footer{
	background: #c8a024; /* Old browsers */
	background: -moz-linear-gradient(left,  #c8a024 11%, #c8a024 63%, #a16c20 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(11%,#c8a024), color-stop(63%,#c8a024), color-stop(100%,#a16c20)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #c8a024 11%,#c8a024 63%,#a16c20 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #c8a024 11%,#c8a024 63%,#a16c20 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #c8a024 11%,#c8a024 63%,#a16c20 100%); /* IE10+ */
	background: linear-gradient(to right,  #c8a024 11%,#c8a024 63%,#a16c20 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8a024', endColorstr='#a16c20',GradientType=1 ); /* IE6-9 */
	height: 35px;
	padding-top: 15px;
	color: white;
	font-size: 1em;
	width: 100%;
	display:none;
}

.header img{
	height: 50px;
	margin-top: -15px;
	float: left;
}
.header p a{
	color: white;
	text-decoration: none;
	padding-left: 15px;
	letter-spacing: 0.1em;
}
.footer{
	padding: 5px 0;
	text-align: center;
}
header{
	background: url(../images/top.jpg);
	background-repeat: no-repeat;
	background-position: center top;		
	width: 100%;
	height: 62px;	
}
header p{
	font-size: 0.8em;
	width: 890px;
	margin: 0 auto;
	padding-top: 40px;
	color: white;
	text-align: left;
	padding-left: 110px;
}
header a{
	color: white;
	text-decoration: none;
}
footer{
	background: url(../images/bottom.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	height: 65px;
}
footer p{
	font-size: 0.8em;
	width: 1000px;
	margin: 0 auto;
	padding-top: 20px;
	color: white;
}
article{
	position: relative;
	width: 1000px;
	margin: 0 auto;
}

.titleblock{
	padding-top: 195px;
}

.title{
	background: url(../images/titleblock.png);
	background-repeat: no-repeat;
	background-position: 0px 65px;
	width: 820px;
	height: 254px;
	padding-top: 0px;
	float: right;
}
.btn{
	padding-left: 550px;
	padding-top: 60px;	
}

.light{
	background: url(../images/light.png);
	background-repeat: no-repeat;
	background-position: 0px 15px;
	width: 178px;
	height: 310px;
	padding-top: 55px;
	text-align: center;
	float: left;
}
.light a{
	color: white;
	text-decoration: none;
	font-size: 1.4em;
	line-height: 1.5em;
}
.pagetitle img{
	margin: 30px auto;
	display: block;
}

.menuitem{
	padding-top: 140px;
}
.menuitem li{
	float: left;
	margin-left: 10px;
}
.container{
	margin: 0 auto;
	width: 90%;
	color: #6d5518;
}
.container img{
	width: 20%;
	float: left;
	margin: 0 0px 20px 0px;
	padding-left: 10%;	
}
.container p{
	margin-left: 34%;
	line-height: 1.2em;
	margin-bottom: 20px;
	font-size: 1.1em;
	line-height: 1.3em;
}
.container h5{
	background: url(../images/formicon.png);
	background-repeat: no-repeat;
	background-position: left 8px;
	padding-left: 25px;
	margin-left: 32%;
	color: #9C8529;
	font-size: 1.3em;
	font-weight: bolder;	
}
.container:after, .header:after , .titleblock:after , .menuitem:after {
  content: " ";
  display: table;
  clear: both;
}



@media only screen and (min-width: 1200px) {

article{
	min-width: 1200px;
	margin: 0 auto;
}
.light {
	margin-left: 100px;
}
.title{
	margin-right: 100px;
}

footer p{
	width: 1100px;
}
.titleblock{
	height: 370px;
}
.menuitem{
}
.menuitem li{
}
.pagetitile img{
	margin-left: 80%;
}
.container h5{
	background-position: left 28px;
	padding-top: 20px;	
}
}

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

body{
	background: url(../images/mobilebg.jpg) #fbf8e2;
	background-repeat: no-repeat;
	background-position: left 40px ;
	width: 720px;
	overflow-x: hidden;	
}
header , footer{
	display:none;
}
.header , .footer{
	display:block;
}
.footer{
	padding-top: 15px;
}
.header p{
	display: block;
	width: 95%;
	text-align: right;
}
.titleblock{
	padding-top: 5px;
}
article{
	width: 100%;
}

.title{
	background: url(../images/mobiletitleblock.png);
	background-position: 5px 20px;
	width: 720px;
	background-repeat: no-repeat;
	float: none;
}
.btn{
	padding-left: 430px;
	padding-top: 10px;	
}

.btn img{
	width: 120px;
}

.light{
	background: url(../images/light720.png);
	background-repeat: no-repeat;
	background-position: 520px 0;
	width: 35%;
	height: 220px;
	padding: 40px  0 0 65%;
	float: none;	
}
.light a{
	font-size: 1.2em;
	line-height: 1em;
}
.pagetitle img{
	height: 60px;
}

.menuitem{
	padding-top: 110px;
}
.menuitem li{
	margin-left: 20px;
}
.menuitem li img{
	width: 200px;	
}
.container{
	width: 100%;
}
.container h5{
	padding-top: 10px;
	background: none;
	padding-left: 0px;

}
.container img{
	width: 30%;
	margin: 0 10px;	
	padding: 0;	
}
}

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

body{
	background: url(../images/mobilebg480.jpg)  #fbf8e2;	
	background-repeat: no-repeat;
	background-position: 0px 50px ;
	width: 480px;	
	overflow-x: hidden;	

}
header , footer , {
	display: none;
}
.header a  {
	font-size: 0.8em;
	padding-right: 10px;
}

.footer{
	font-size: 0.8em;
	padding: 10px 0;
}
article{
	width: 100%;
}

.title{
	background: url(../images/mobiletitleblock1.png);
	background-position: center top;
	height: 96px;
	width: 460px;
	background-repeat: no-repeat;
	float: none;
}
.titleblock{
	padding-top: 0px;
	height: 440px;
}
.btn{
	padding-left: 20px;
	padding-top: 100px;	
}
.btn img{
	width: 150px;
	margin-left: 30px;
}

.light{
	background: url(../images/light480.png);
	background-repeat: no-repeat;	
	font-size: 0.85em;
	background-position: 345px 5px;
	width: 33%;
	height: 170px;
	padding: 35px  0 0 67%;
	display: inline-block;
}

.menuitem{
	padding-top: 0px;
}
.menuitem li{
	margin-left: 10px;
}
.menuitem li img{
	width: 140px;	
}
.container{
	width: 100%;
}

.container img{
	width: 35%;
	float: none;
	margin: 0 auto;	
	padding-left: 0;
	display: block;
}
.container p{
	width: 95%;
	margin: 10px auto;
}
.container h5{
	background: none;
	width: 95%;
	margin: 0 auto;
	padding-left: 0px;

}
}