/* default */
h1,h2,h3,h4,h5{ padding:0; margin:0; }
.hidden{ text-indent:-999em; overflow:hidden;}
hr.hide-line{ padding:0; margin:0; display:none;}
.clear{ clear:both;}
.clearfix:after {content:"."; display:block; height:0; clear:both;visibility:hidden;}
.clearfix {display:inline-block;}

a,img { outline: none; border: none; }

.full-width { width: 100% !important; margin: 0 auto;}
.w100 { width: 100% !important; margin: 0 auto;}
.outer { width: 1440px !important; margin: 0 auto;}
.inner { width:990px !important; margin: 0 auto;}

.left { float: left; }
.right { float: right; }
.center { margin: 0 auto; }

.tleft { text-align: left; }
.tright { text-align: right; }
.tcenter { text-align: center; }

.light { font-weight: 300; }
.bold { font-weight: 700; }
.bolder { font-weight: 900; }

.page-article { padding: 15px 25px; }

/* fonts */
/*font-family: 'Alex Brush', cursive;*/

/* Hide from IE Mac \*/
.clearfix {display:block;}/* End hide from IE Mac */

/*nojavascript*/
.nojavascript{ position:absolute; z-index:1; color:red; background:#fff; font:bold 12px 'Trebuchet MS',Arial,georgia, sans-serif; border:2px red dashed; width:990px; top:0; left:50%; margin-left:-495px; }

/* Body */
body{ font: 100% Arial, Helvetica, sans-serif; background:#ccc; margin:0; padding:0; text-align: center; color:#333;}

/* wrapper */
#wrapper { width: 1440px; margin: 0 auto; background:url('../images/common/wrapper-bg-btm.png') center bottom no-repeat, url('../images/common/wrapper-bg.jpg') center top no-repeat; background-size: 1440px 435px, 1440px auto; background-color: #660000;}
#top-wrapper { width: 1200px; margin: 0 auto; }
/*.index-wrapper { height: 1400px; }*/
/* header wrapper*/
header { width: 100%; margin: 0 auto;}

/* header */
#header{ width:100%;  margin: 0 auto;}
#header nav { background: url('../images/common/nav-bg.png') center top no-repeat; height: 170px; margin: -50px 0 0; position: relative; z-index: 1;}
#header nav ul{ display:block; text-align:center; padding:35px 0 0;margin: 0 auto; width: 940px;}
#header nav ul li{ display:inline-block; width: 19%; vertical-align: middle;}
#header nav ul li:nth-child(2n) { padding: 25px 0 0; }
#header nav ul li:nth-child(3) { padding: 35px 0 0; }
#header nav ul li a{ text-decoration: none; color: #F20B12; font-family: 'Alex Brush', cursive; font-size: 32px; display: block; height: 67px; line-height: 65px;}
#header nav ul li a:hover, #header nav ul li.active-menu a{ background: url('../images/common/active-nav.png') no-repeat center; background-size: 100% 100%;}

#header .logo { width: 410px; margin-left:50px; float: left;}
#header .ribbon { background: url('../images/common/ribbon-bg.png') no-repeat center; width: 347px; height: 101px; font-family: 'georgia'; font-size: 14px; font-style: italic; color: #fff;}
#header .ribbon a { color: #fff; }
#header .ribbon span { display: block; margin-top: 40px; color: #8C0000;}
#header .ribbon img { margin:5px 2px;}

#header .banner-img { margin-top: -5px; }

/*banner*/
#banner{width:990px; margin: 0 auto; padding:0; min-height:100px;}

/* main */
#main{position:relative; width:100%; margin:0 auto; padding:0;}
			
/* sidebar */
#sidebar{ float:left; width:290px; min-height:200px; background:#F09;}			
			
/* content top*/
#content-top { background: url('../images/common/ribbon-bg-2.png') no-repeat center bottom; background-size:1030px auto; height: 290px; margin-bottom: 70px;}
#content-top div { display: inline-block; font-family: 'georgia'; font-style: italic; font-size: 14px; color: #fff;}
#content-top span {  display: block; font-family: 'Alex Brush',cusive; font-size: 45px; font-style:normal; font-weight: bold; color: #CC0000; line-height: 35px;}
#content-top a { text-decoration: none; color: #fff;}

/* content */
#content { float:right; width:700px; min-height:200px; background:rgba(0,0,0,.5); padding: 15px 0; border-radius: 30px; position: relative;}
#content h1 { font-family: 'Alex Brush',cursive; font-size: 42px; color: #fff; }
#content h2 { font-family: 'Alex Brush',cursive; font-size: 42px; color: #fff; }
#content h1 span { color: #FFF200; }
#content p { font-family: 'georgia'; font-size: 14px; color: #fff; text-align: left; }

#content .contact { font-size: 22px; font-family: 'georgia'; color: #FFFF00; margin: 20px 0 0;  }
#content .contact div { margin-left: 20px; }
#content .contact span { display: block;text-align: left; }

#content .phone-no { font-family: 'georgia'; font-size: 35px; font-weight: bold; color: #FF0000; }

#stars-left { position: absolute; display: block; left:-100px; top: 0; margin-top: 210px;}
#castle-img { position: absolute; display: block; right: -96px; top: 0; margin-top: 180px;}
#info { float: left; text-align: left; font-size: 14px; font-family: 'georgia'; font-style: italic; color: #fff; padding: 20px 0;}
#info a { color: #fff; }
#info div { display: inline-block; margin-right: 100px; vertical-align: top;}
#info div span { display: block; color: #FFFF00;}
#info div img { margin: 5px 2px; }
/* footer wrapper */
footer { width: 100%; background: url('../images/common/footer-bg.png') center bottom no-repeat; height: 170px;}

/* footer */
#footer{ width:990px; margin:0 auto; position: relative;}
#footer nav ul{ display:block; text-align:center; padding:0;margin: 0;}
#footer nav ul li{ display:inline-block; width: 19%; vertical-align: middle;}
#footer nav ul li a{ text-decoration: none;}
#footer nav ul li a:hover, #footer nav ul li.active-menu a{ color:red;}

#copyright { font-size: 11px; font-family:'georgia'; font-size: 12px; color: #fff; padding: 130px 0 0;}
#copyright a { color: #00AEFF; text-decoration: none;}
#copyright img { vertical-align: middle; width: 50px; height: 20px;}