@font-face                   	{ font-family: f1; src: url(../fonts/f1.ttf) format("truetype"); }
@font-face                     	{ font-family: f1ie; src: url(../fonts/f1.eot); }

@font-face                     	{ font-family: fb; src: url(../fonts/fb.ttf) format("truetype"); }
@font-face                   	{ font-family: fbie; src: url(../fonts/fb.eot); }
                          
html,body						{ width:100%; height:100%; }
body                                    			{ margin: 0px 0px 0px 0px; font-family: f1,f1ie,tahoma; color:#8b8b8b; font-size: 13px;  }

div.bg                                  			{ position:absolute; top:135px; left:0px; width:100%; height:571px; background: url(../img/lay/bar.jpg) top center no-repeat; }

div.bodyWrapper                         		{ position:relative; margin:0px auto; width:1100px; }

div.topWrapper                          		{ position:relative; width:1100px; height:495px; }
img.logo1                              		{ position:absolute; top:45px; display:block; left:0px; width:280px; }
img.logo2                               		{ position:absolute; top:45px; display:block; left:320px; width:167px; }

div.topTxt                              		{ position:absolute; top:165px; left:0px; width:535px; height:250px; color:white; line-height:16px; text-shadow: 0.2em 0.2em 0.2em #fd6905; text-align:justify; }
div.topTxt div                          		{ font-family: fb,fbie; font-size:25px; padding-bottom:20px; }

div.menuWrapper                        		{ position:absolute; right:0; margin-top:105px; }
div.menuWrapper a                      		{ display:block; float:left; text-align:center; text-transform:uppercase; margin-right:20px; color:#8b8b8b; line-height:20px; }
div.menuWrapper a:hover                 	{ color:orange; }
div.menuWrapper a span                  	{ font-size:37px; color:#fe871f; }

div.menuResponsiveWrapper		{ display:none; }
div.menuResponsiveBtn			{ display:none; }

div.contWrapper                         		{ position:relative; width:1100px; min-height:200px;  }

div.footerWrapper                       	{ position:relative; width:100%; height:auto; }
div.fooTop                              		{ width:100%; height:63px; background: url(../img/lay/footer.jpg) top center no-repeat; }
div.fooContWrapper                      	{ width:100%; height:auto; background: #cacaca; }
div.fooCont                             		{ position:relative; margin:0px auto; width:1100px; }
div.fooContPadding                      	{ padding:10px 0px 60px 0px; color:white; }
div.fooContPadding a                    	{ position:relative; text-transform:uppercase; color:white; }
div.fooContPadding a:hover              	{ font-weight:bold; }

a                                       			{ text-decoration:none; color:orange;  }
a:hover                                 			{ color:#4c87c5; }
a img                                   			{ border:none; }

div.clear                               		{ clear:both; }

div.siteTitle                           		{ font-family: arial, fb,fbie; font-size:25px; color:orange; margin-bottom:25px; font-weight:bold; }
div.topContTxt                          		{ margin-bottom:30px; }

.fadein 							{ position:absolute; top:137px; right:0px; width:772px; height:439px; }
.fadein img 						{ position:absolute; left:0; top:0; }

.ckScalableImage				{ width:100% !important; height:auto !important; }

@media (max-width: 1180px)
{
div.bg							{ background-size: 1500px 428px; }
div.bodyWrapper                         		{ width:700px; }
div.topWrapper                          		{ width:700px; height:410px; }
div.contWrapper					{ width:700px; }
div.fooCont						{ width:700px; }

div.topTxt                              		{ width:435px; height:250px; line-height:12px; font-size:10px; }

img.logo1                              		{ top:25px; left:105px; }
img.logo2                               		{ top:25px; left:425px; }

div.menuWrapper a                      		{ margin-right:21px; }
div.menuWrapper a:last-child		{ margin-right:0; }

div.menuResponsiveWrapper		{ display:none; }
div.menuResponsiveBtn			{ display:none; }

.fadein							{ width:579px; height:329px; right:-50px; }
.fadein img						{ width:579px; height:329px; }

}

@media (max-width: 820px)
{
div.bg							{ top:153px; background-size: 1900px 551px; }
div.bodyWrapper                         		{ width:320px; }
div.topWrapper                          		{ width:320px; height:490px; }
div.contWrapper					{ width:320px; }
div.fooCont						{ width:320px; }

img.logo1                              		{ left:0; width:200px; }
img.logo2                               		{ left:auto; right:0; width:100px; }

div.menuWrapper					{ display:none; }

div.menuResponsiveWrapper				{ width:230px; height:100%; position:fixed; left:0; top:0; background:rgba(254,152,6,.98); z-index:100; display:none; }
div.menuResponsiveWrapper a, .menuTop		{ display:block; color:white; padding:10px 10px 10px 20px; font-size:20px; border-bottom:solid rgba(255,255,255,.5) 1px; }
div.menuResponsiveWrapper a:hover			{ font-weight:bold; }
div.menuResponsiveWrapper .menuIcon2		{ vertical-align:-4px; width:23px; }
div.menuResponsiveWrapper .menuClose		{ float:right; vertical-align:-4px; width:23px; cursor:pointer; }

div.menuResponsiveBtn					{ cursor:pointer; display:block; position:absolute; top:80px; background:rgba(254,152,6,.68); border:solid rgba(254,152,6,.68) 1px; border-radius:5px; padding:10px; font-size:18px; color:white; }
div.menuResponsiveBtn img					{ width:25px; vertical-align:-6px; margin-right:5px; }

div.topTxt                              		{ font-size:11px; top:170px; width:320px; line-height:13px; }

div.footerWrapper				{ font-size:10px; }

.fadein							{ display:none; }

}