html,
body{
margin:0;
padding:0;
height:100%;
}

span.blue{
color:#457aae;
}

.intro{
padding:0px 0 30px 0;
}

span.head2{
font-family: 'Bitter', serif;
font-size:.9em;
color:#6d0f17;
}

span.red{
color:#6d0f17;
}

a:link{color:#63657A;text-decoration:none;}
a:visited{color:#63657A;text-decoration:none;}
a:hover{color:#888ba8;text-decoration:none;}

a.w:link{color:#ffffff;text-decoration:none;}
a.w:visited{color:#ffffff;text-decoration:none;}
a.w:hover{color:#ffffff;text-decoration:none;}

a.g:link{color:#63657A;text-decoration:none;}
a.g:visited{color:#63657A;text-decoration:none;}
a.g:hover{color:#63657A;text-decoration:none;}

a.gl:link{color:#888ba8;text-decoration:none;}
a.gl:visited{color:#888ba8;text-decoration:none;}
a.gl:hover{color:#888ba8;text-decoration:none;}

a.f:link{text-decoration:none;}
a.f:visited{text-decoration:none;}
a.f:hover{opacity:.70;filter: alpha(opacity=70); -moz-opacity: 0.7}


/* Smartphones (portrait and landscape) ----------- */
@media (min-width : 320px) and (max-width : 550px) {
/* Styles */

#container {
   min-height:100%;
   position:relative;
}

#main{
min-height:100%;
	position:relative;
}

#body {
   padding:10px;
   padding-bottom:100px;   /* Height of the footer */
}

.llogo{
display:none;
}

.mlogo{
color:#63657A;
float:right;
padding:21px 5% 0 0;
font-family: 'Roboto Slab', serif;
font-size:1.1em;
}

.logo{
width:70%;
margin:90px 15% 0;
clear:both;
}

.break{
width:100%;
clear:both;
}

#footer{
	width:100%;
	position:absolute;
	bottom:0;
	background:#efe8d6;
	padding:0;
	height:100px;
	
}

#footer2{
	width:100%;
	position:absolute;
	bottom:0;
	background:#efe8d6;
	padding:0;
	height:100px;
	
}

.footint{
width:80%;
margin:0 auto;
text-align:center;
font-family: 'Roboto Slab', serif;
font-weight:300;
color:#f9f1c6;
padding:10px 0;
text-transform:uppercase;
font-size:.9em;
color:#63657A;
}

.foot1{
padding:0 0 40px 0;
}


.footfinal{
display:none;
}

.footfinalm{
display:none;
}


.bottomlink{
color:#f9f1c6;
font-size:.5em;
letter-spacing:.1em;
}

.foo ul{
padding:0 0 10px 0;
}

.foo li{
padding:2px 10px;
}


li.bul{display:none;}


.menuo{
width:20%;
float:left;
margin-right:10%;
margin-bottom:20%;
}

img.menu{
width:100%;
border:0;
}

.menupad{
height:400px;
}

.menucont{
width:84%;margin:1% 3% 5% 3%;-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);background:url(/img/white90.png);padding:5%;overflow:hidden;
}

p.it{
	margin-bottom:8px;
}

span.item{
	font-family: 'Roboto Slab', serif;
	font-size:1.1em;
	color:#333;
}

li.menuu{
	display:inline-block;
	font-family: 'Roboto Slab', serif;
	margin:0 10px 10px 0;
	padding:5px;
	font-size:1em;
	background:#efefef;
	border:1px solid #cccccc;
}

.menucontent{
	padding:30px 0 0 0;
	font-family: 'Open Sans', sans-serif;
	font-size:.9em;
	color:#666666;
	line-height:1.2em;
}

.aboutcontent{
	padding:0 0 0 0;
	font-family: 'Open Sans', sans-serif;
	font-size:.9em;
	color:#666666;
	line-height:1.2em;
}

span.head3{
	font-family: 'Roboto Slab', serif;
	font-size:1.3em;
	color:#992a34;
	text-decoration:underline;
}

span.head4{
	font-family: 'Roboto Slab', serif;
	font-size:1.3em;
	color:#c53643;
}

span.italicsmall{
	font-style:italic;
	font-size:.8em;
}

#id_of_div2, #id_of_div3, #id_of_div4, #id_of_div5, #id_of_div6, #id_of_div7{
	display:none;
}

.columnfirst{
-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

.mapp{
	width:90%;
	margin:0 5% 5% 5%;
}

}



/* iPads (portrait and landscape) ----------- */
@media (min-width : 550px) and (max-width : 1100px) {
/* Styles */

#main{
min-height:100%;
	position:relative;
}

.llogo{
display:none;
}

.mlogo{
color:#888ba8;
float:right;
padding:22px 4% 0 0;
font-family: 'Roboto Slab', serif;
}

.logo{
width:204px;
height:140px;
margin:80px 0 0 5%;
}

.break{
width:100%;
clear:both;
}


#footer{
	width:100%;
	position:absolute;
	bottom:0;
	background:#efe8d6;
	padding:0;
	height:70px;
	
}

#footer2{
	width:100%;
	position:absolute;
	background:#efe8d6;
	padding:0;
	height:70px;
	
}



.footint{
width:90%;
margin:0 auto;
text-align:center;
font-family: 'Roboto Slab', serif;
font-weight:300;
color:#f9f1c6;
padding:20px 0;
text-transform:uppercase;
font-size:.9em;
color:#63657A;
}

.foot1{
padding:0 0 40px 0;
}

.footfinal{
display:none;
}

.footfinalm{
display:none;
}


.bottomlink{
color:#f9f1c6;
font-size:.5em;
letter-spacing:.1em;
}

.foo ul{
padding:0 0 40px 0;
}

.foo li{
display: inline-block;
padding:0 5px 10px 5px;
}

li.bul{}

.menuo{
width:11%;
float:left;
margin-right:3%;
}

img.menu{
width:100%;
border:0;
}

.menupad{
height:400px;
}

.menucont{
width:70%;margin:5% 10%;-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);background:url(/img/white90.png);padding:5%;overflow:hidden;
}

p.it{
	margin-bottom:8px;
}

span.item{
	font-family: 'Roboto Slab', serif;
	font-size:1.1em;
	color:#333;
}

li.menuu{
	display:inline-block;
	font-family: 'Roboto Slab', serif;
	margin:0 10px 10px 0;
	padding:5px;
	font-size:1em;
	background:#efefef;
	border:1px solid #cccccc;
}

.menucontent{
	padding:30px 0 0 0;
	font-family: 'Open Sans', sans-serif;
	font-size:.9em;
	color:#666666;
	line-height:1.2em;
}

.aboutcontent{
	padding:0 0 0 0;
	font-family: 'Open Sans', sans-serif;
	font-size:.9em;
	color:#666666;
	line-height:1.2em;
}

span.head3{
	font-family: 'Roboto Slab', serif;
	font-size:1.3em;
	color:#992a34;
	text-decoration:underline;
}

span.head4{
	font-family: 'Roboto Slab', serif;
	font-size:1.3em;
	color:#c53643;
}

span.italicsmall{
	font-style:italic;
	font-size:.8em;
}

#id_of_div2, #id_of_div3, #id_of_div4, #id_of_div5, #id_of_div6, #id_of_div7{
	display:none;
}

.columnfirst{
-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}

.mapp{
	width:90%;
	margin:0 5% 5% 5%;
}




}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1100px) {
/* Styles */

#container {
   min-height:100%;
   position:relative;
}

#main{
min-height:100%;
	position:relative;
}

#body {
   padding:10px;
   padding-bottom:55px;   /* Height of the footer */
}


.llogo{
}

.mlogo{
display:none;
}

.logo{
width:28%;
margin:1% 0 0 5%;
}

.rightint{
width:60%;
margin:5% 5% 5% 27%;
font-family: 'Oswald', sans-serif;
font-weight:300;
font-size:.9em;
line-height:1.3em;
color:#ffffff;
text-align:left;
padding:4%;
background:url(/img/blackbg3.png);
overflow:auto;
}

.rightintabout{
width:60%;
margin:5% 5% 5% 27%;
font-family: 'Oswald', sans-serif;
font-weight:300;
font-size:1em;
line-height:1.3em;
color:#ffffff;
text-align:left;
padding:4%;
background:url(/img/blackbg3.png);
overflow:auto;
}

.rightintmain{
width:60%;
margin:5% 5% 5% 27%;
font-family: 'Oswald', sans-serif;
font-weight:300;
font-size:.9em;
line-height:1.3em;
color:#ffffff;
text-align:left;
padding:4%;
background:url(/img/blackbg3.png);
overflow:auto;
}

.rightzagat{
width:90%;
margin:5%;
font-family: 'Oswald', sans-serif;
font-weight:300;
font-size:.9em;
line-height:1.3em;
color:#ffffff;
text-align:right;
overflow:hidden;
}

span.ybhead{
font-weight:400;
color:#f9f1c6;
}

span.yellow{
color:#f9f1c6;
}

.menupad{
height:250px;
}

.infopad{
height:400px;
}

.infoleft{
width:25%;
margin:0 5% 0 0;
float:left;
display:block;
}

.inforight{
width:70%;
float:left;
}


#footer{
	width:100%;
	position:absolute;
	bottom:0px;
	left:0;
	background:#efe8d6;
	padding:0;
}

#footer2{
	width:100%;
	left:0;
	background:#efe8d6;
	padding:0;
}

#footersec{
	width:100%;
	position:absolute;
	bottom:-40px;
	left:0;
	background:#000;
	padding:0;
	height:95px;
}

.footint{
width:1100px;
margin:0 auto;
text-align:center;
font-family: 'Roboto Slab', serif;
color:#63657A;
padding:15px 0;
text-transform:uppercase;
font-size:1em;
}

.foot1{
padding:0 0 40px 0;
}

.footfinal{
height:10px;text-align:center;width:100%;margin:25px auto 5px auto;color:#ffffff;font-size:.5em;
}

.footfinalm{
height:10px;text-align:center;width:100%;margin:20px auto 5px auto;color:#888ba8;font-size:.5em;
}

img.rh{
width:240px;
height:73px;
padding:40px 0 0 0;
}

img.rh2{
width:140px;
padding:10px 0 0 0;
}

.bottomlink{
color:#f9f1c6;
font-size:.7em;
letter-spacing:.1em;
}

.foo ul{
padding: 0;
}

.foo li{
display: inline-block;
padding:0 5px;
}

.menuo{
width:9%;
float:left;
margin-right:3%;
}

img.menu{
width:100%;
border:0;
}

.menucont{
width:70%;margin:5% 10%;-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);background:url(/img/white90.png);padding:5%;overflow:hidden;
}

p.it{
	margin-bottom:8px;
}

span.item{
	font-family: 'Roboto Slab', serif;
	font-size:1.1em;
	color:#333;
}

li.menuu{
	display:inline-block;
	font-family: 'Roboto Slab', serif;
	margin:0 10px 0 0;
	padding:5px;
	font-size:1em;
	background:#efefef;
	border:1px solid #cccccc;
}

.menucontent{
	padding:30px 0 0 0;
	font-family: 'Open Sans', sans-serif;
	font-size:.9em;
	color:#666666;
	line-height:1.2em;
}

.aboutcontent{
	padding:0 0 0 0;
	font-family: 'Open Sans', sans-serif;
	font-size:.9em;
	color:#666666;
	line-height:1.2em;
}

span.head3{
	font-family: 'Roboto Slab', serif;
	font-size:1.3em;
	color:#992a34;
	text-decoration:underline;
}

span.head4{
	font-family: 'Roboto Slab', serif;
	font-size:1.3em;
	color:#c53643;
}

span.italicsmall{
	font-style:italic;
	font-size:.8em;
}

#id_of_div2, #id_of_div3, #id_of_div4, #id_of_div5, #id_of_div6, #id_of_div7{
	display:none;
}

.columnfirst{
-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}

.mapp{
	float:right;
	width:65%;
	margin-left:5%;
}

}