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

/* http://facemeu.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   Newa The King CSS Reset
   
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:800,400,300);

*{
	margin: 0;
	padding: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
}
ol, ul, li, dt, dl, dd {
	list-style: none;
}
h3{padding:10px 0; font-family: 'Open Sans', sans-serif; color:#11147B; text-transform:uppercase;}
p, li, h2, strong, label{font-family: 'Open Sans', sans-serif;} 
a, span, label{ text-decoration:none;} 
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.of{overflow:hidden;} .left{clear:left;} .right{clear:right;} .both{clear:both;}
a.link{} a.link1{} a.llink2{}
.img-responsive{display:block;height:auto;max-width:100%}
.centerimg{display:block; width:100%; margin-left:auto; margin-right:auto;}
.float-left{float:left;} .float-right{float:right;}
.jujunavmain{display:none;}
.jujumenumobilenav li{float:none !important;}
/*Newa The King CSS Reset*/

/*Newa The King CSS*/
.wrapper{width:1000px;margin:0 auto;padding:0 20px;}
.wrapper-full{width:100%; margin:0 auto;}
.headwrapper-full{background:#cde9f5;}
.navwrapper-full{background:#11147b;border-bottom:10px solid #dddbdc;}
header{}
.head{}
.headleft{}
.headright{width:500px; padding-top:15px;}
.headright p{color:#11147b; font-size:30px; text-transform:uppercase; font-weight:bold;}
nav{}
.jujumenu li{float:left; width:auto;  border-right:1px solid #5459f2;}
.jujumenu li a{color:#deff8b; font-size:14px; text-transform:uppercase; padding:20px 15px; display:block;  }
#active a, .jujumenu li a:hover{background:#5459f2;} 
.jujumenu{}
.mobilenav{}
.jujumenumobilenav{}
.pcnav{}
.jujumenupcnav{}
.welwrapper{padding:20px;}
.welwrapper-full{background:#e3fbfd;}
.welc{font-size:50px; color:#898d8c; text-transform:uppercase; font-weight:100;}
.data{font-size:50px; font-weight:800;color:#11147b; text-transform:uppercase; }
.maxi{font-size:30px; font-weight:100; color:#000;}
.abtwrapper-full{background:#e9e5e4; padding:20px 0 40px 0;}
.abtwrapper h2{text-align:center; font-size:60px; color:#5ba0d0; font-weight:400; text-transform:uppercase; padding:10px; }
.abttop{font-size:23px; font-weight:100; color:#727171; text-align:center;}
.abtbelow{font-weight:100; text-align:center; font-size:13px; color:#727171;}
.serhome{padding:30px;}
.serhomelist li{width:473px; float:left; height:150px;}
.serhomelist li h2{font-weight:normal; color:#5ba0d0; font-size:13px; padding-bottom:20px; }
.serhomelist li p{font-weight:normal; color:#727171; font-size:13px;}
.serhomelist li a{color:#393939; font-size:12px;}
.licon{width:290px;}
.liimg{width:160px;}
.serhomelist li:nth-child(odd) {padding-right:20px;}
.expewrapper{background:#f0efef; padding:0 !important; height:280px;}
.expewrapper h2{ color:#5ba0d0; font-weight:800; font-size:24px;}
.expewrapper p{color:#727171; font-size:13px; font-weight:normal;}
.expeimg{width:303px; padding-right:30px;}
.expecon{padding:20px;}
.abtserwrapper p{ font-size:14px; color:#333;}

section{}
aside{}
.content{}
.content-full{}
.content-left{width:68%;}
.content-right{width:28%;}
.footwrapper-full{background:#222222;}
.footwrapper h2 { text-transform:uppercase; color:#5ba0d0; font-weight:100; font-size:18px;}
.footwrapper p{color:#bdb6b4; font-size:12px; text-transform:uppercase;}
.footcon{float:left; width:300px;}
.footimg{ float:left;}

footer{}

/*******contact + Reservation and other forms***************/
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea,
#contact-form button[type="submit"] {
	font:400 12px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#contact-form {
	text-shadow:0 1px 0 #FFF;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background:#F9F9F9;
	padding:25px;
}
#contact-form h3 {
	color:#991D57;
	display:block;
	font-size:28px;
}
#contact-form h4 {
	margin:5px 0 15px;
	display:block;
	font-size:13px;
}

#contact-form label span {
	cursor:pointer;
	color:#370403;
	display:block;
	margin:5px 0;
	font-weight:900;
}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea , .selectbutton{
	width:96%;
	box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
}
.selectbutton{width:50%!important;}
 


 
 
#contact-form input[type="text"]:hover,
#contact-form input[type="email"]:hover,
#contact-form input[type="tel"]:hover,
#contact-form input[type="url"]:hover,
#contact-form textarea:hover {
	
}
#contact-form textarea {
	height:100px;
	max-width:100%;
}
#contact-form button[type="submit"] {
	cursor:pointer;
	width:100%;
	border:none;
	background:#991D57;
	background-image:linear-gradient(bottom, #370403 0%, #7a0907 52%);
	background-image:-moz-linear-gradient(bottom, #370403 0%, #7a0907 52%);
	background-image:-webkit-linear-gradient(bottom, #370403 0%, #7a0907 52%);
	color:#FFF;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
}
#contact-form button[type="submit"]:hover {
	background-image:linear-gradient(bottom, #7a0907 0%, #370403 52%);
	background-image:-moz-linear-gradient(bottom, #7a0907 0%, #370403 52%);
	background-image:-webkit-linear-gradient(bottom, #7a0907 0%, #370403 52%);
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}
#contact-form button[type="submit"]:active {
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}
#contact-form input:focus,
#contact-form textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
    color:#888;
}
:-moz-placeholder {
    color:#888;
}
::-moz-placeholder {
    color:#888;
}
:-ms-input-placeholder {
    color:#888;
}

    
    
    .fader {
        /* Giving equal sizes to each element */
        width:   241px;
        height:  200px;
        
        /* Positioning elements in lines */
        display:  inline-block;
        
        /* This is necessary for position:absolute to work as desired */
        position: relative;
        
        /* Preventing zoomed images to grow outside their elements */
        overflow: hidden; }
    
    
        .fader img {
            /* Stretching the images to fill whole elements */
            width:       100%;
            height:      100%;
        
            /* Preventing blank space below the image */
            line-height: 0;
    
            /* A one-second transition was to disturbing for me */
            -webkit-transition: all 0.3s ease;
            -moz-transition:    all 0.3s ease;
            -o-transition:      all 0.3s ease;
            -ms-transition:     all 0.3s ease;
            transition:         all 0.3s ease; }
    
            .fader img:hover {
                /* Making images appear bigger and transparent on mouseover */
                opacity: 0.5;
                width:   120%;
                height:  120%; }
    
        .fader .text {
            /* Placing text behind images */
            z-index: -10;     
        
            /* Positioning text top-left conrner in the middle of elements */
            position: absolute;
            top:      50%;
            left:     50%; }
        
            .fader .text p {
                /* Positioning text contents 50% left and top relative
                   to text container's top left corner */
                margin-top:  -50%; 
                margin-left: -50%; }


.mobileicon{display:none;}
/*******contact + Reservation and other forms***************/





/*Newa The King CSS*/