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

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;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

body{ 
  background: url(images/back.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

  header{
  	padding: 30px 0px 10px 10px;
  	background: white;

  	margin:auto;  }

  .mobhead{display:none;}	

  h5{		font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
    color:red;
        float:right;
        line-height: 14px;
        letter-spacing: 1px;}



.buttons{font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  letter-spacing: 2.5px;
  font-weight: 600;
  	width:820px;
  margin: auto;
}
.buttons li{display:inline-block;
float:left;
list-style-type: none;
}


.buttons li:nth-child(1){
	border-top: solid;
	border-bottom: solid;
	border-color: #6D6E71;
	border-width:2.5px;
	padding:4px 3% 4px 2%;
	margin-top:60px;
}
.buttons li:nth-child(2){
	border-top: solid;
	border-bottom: solid;
	border-color: #6D6E71;
	border-width:2.5px;
	padding:4px 2% 4px 0;
	margin-right:3%;
	margin-top:60px;
}
.buttons li:nth-child(4){
	border-top: solid;
	border-bottom: solid;
	border-color: #6D6E71;
	border-width:2.5px;
	padding:4px 3% 4px 2%;
		margin-left:3%;
		margin-top:60px;
}
.buttons li:nth-child(5){
	border-top: solid;
	border-bottom: solid;
	border-color: #6D6E71;
	border-width:2.5px;
	padding:4px 0 4px 0;
	margin-top:60px;
}

.buttons a{
	text-decoration: none;
	  color:#52334E;
	  transition: color .5s;
	  -webkit-transition: color .5s;
}
.buttons a:hover{
	color:#997397;
}

.blank{clear: left;}

.welcomeguest{
	padding:20px 30% 20px 25%;
	background: #E0E7E8 url(images/grad.png) repeat-x;
	background-position: bottom;
	text-align: center;
}
.welcomeguest h1{
	font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  letter-spacing: 2.5px;
  font-weight: 600;
    color:#52334E;
    margin:0 0 10px 0;
} 

.welcomeguest p{
	font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 400;
    color:#4B6D8A;
    line-height: 15px;
}

.welcomei{
	padding:20px 30% 20px 25%;
	background: #E0E7E8 url(images/grad.png) repeat-x;
	background-position: bottom;
	text-align: center;
}
.welcomei h1{
	font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  letter-spacing: 2.5px;
  font-weight: 600;
    color:#52334E;
    margin:0 0 10px 0;
} 

.welcomei p{
	font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 400;
    color:#4B6D8A;
    line-height: 15px;
}

.gbcontainer{

	padding:30px 3% 30px 3%;
}

.gbcontainer ul{margin-left:150px;}
.gbcontainer li{display:inline-block;
float:left;
list-style-type: none;
margin:10px 40px 10px 40px;
}
.gbaddll{
	background: rgba(255,255,255,0.5);
border-radius:25px;
width:200px;
padding:10px;

}

.gbadd{
	background: rgba(255,255,255,0.5);
border-radius:25px;
float:left;
width:40%;
padding:20px;
}

.gbadd h1{
		font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  letter-spacing: 2.5px;
  font-weight: 600;
    color:#52334E;
    text-align: center;
    padding-top:3px;
    padding-bottom: 3px;
}

.gbadd h2{
		font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  letter-spacing: 2.5px;
  font-weight: 600;
    color:#52334E;
    padding-top:3px;
}
.gbadd p{
		font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
    color:#4B6D8A;
    letter-spacing: .5px;
        text-align: center;
        padding-bottom:10px;

}

.gbadd h3{
		font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
    color:red;
        text-indent: 78px;
        line-height: 14px;

}

#firstname{font-family: 'Open Sans', sans-serif;
font-size: 12px;
letter-spacing:1px;
color:gray;
width: 68%;
overflow: hidden;
font-weight: 200;}

 #lastname{font-family: 'Open Sans', sans-serif;
font-size: 12px;
letter-spacing:1px;
color:gray;
width: 69%;
font-weight: 200;
}

 #message{font-family: 'Open Sans', sans-serif;
font-size: 12px;
letter-spacing:1px;
color:gray;
width:100%;
font-weight: 200;
}
  #email{font-family: 'Open Sans', sans-serif;
font-size: 12px;
letter-spacing:1px;
color:gray;
width:82%;
font-weight: 200;
}


.rating-box a {
    display: block;
    float: left;
    height: 16px;
    width: 16px;
	   background: url("images/star.png") repeat-x scroll 0 0px transparent;
}
 
 .rating-box a.active {
    background: url("images/stara.png") repeat-x scroll 0 0px transparent;
}




.submitbutton{display:block;
	margin: auto;}



#gbviewcont{
	float:right;
	width:45%;

}

.gbview{
	background: rgba(255,255,255,0.5);
border-radius:25px;
padding:20px;
margin:10px 0 10px 0;
}

#gbviewcont a{
  text-decoration: none;}


.submitbutton{
  font-family: 'Open Sans', sans-serif;
font-size: 14px;
text-decoration:none;
letter-spacing:3px;
color:#997397;
padding:6px 10px 6px 10px;
font-weight: 400;
border-color: #997397;
border-style: solid;
border-width: 2px;
text-align: center;
background-color:white;
transition: background-color .5s;
-webkit-transition: background-color .5s;
}

.submitbutton:hover {
text-decoration: none;

  background-color:rgba(255,255,255,0.5);
  transition: background .5s;
-webkit-transition: background .5s;

}

.submitbutton:active{
text-decoration: none;
  background:rgba(167,169,172,0.5);}

.previnext{margin: auto;
width:155px;}

.prevbut{
  float:left;
    cursor: pointer;
  font-family: 'Open Sans', sans-serif;
font-size: 14px;
width:50px;
text-decoration:none;
letter-spacing:3px;
color:#997397;
padding:6px 6px 6px 6px;
font-weight: 400;
border-color: #997397;
border-style: solid;
border-width: 2px;
text-align: center;
background-color:white;
transition: background-color .5s;
-webkit-transition: background-color .5s;
}

.prevbut:hover {
text-decoration: none;

  background-color:rgba(255,255,255,0.5);
  transition: background .5s;
-webkit-transition: background .5s;

}

.prevbut:active{
text-decoration: none;
  background:rgba(167,169,172,0.5);

}

.nextbutt{
    float:right;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif;
font-size: 14px;
width:50px;
text-decoration:none;
letter-spacing:3px;
color:#997397;
padding:6px 6px 6px 6px;
font-weight: 400;
border-color: #997397;
border-style: solid;
border-width: 2px;
text-align: center;
background-color:white;
transition: background-color .5s;
-webkit-transition: background-color .5s;
}

.nextbutt:hover {
text-decoration: none;

  background-color:rgba(255,255,255,0.5);
  transition: background .5s;
-webkit-transition: background .5s;

}

.nextbutt:active{
text-decoration: none;
  background:rgba(167,169,172,0.5);}



.head2{   font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  letter-spacing: 2.5px;
  font-weight: 600;
    color:#4B6D8A;
    padding-top:3px;
    text-transform: uppercase;}

.head3{   font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  letter-spacing: 2.5px;
  font-weight: 600;
    color:#4B6D8A;
    line-height: 20px;
    text-transform: uppercase;} 

.headp{
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  letter-spacing: .5px;
  font-style:italic;
  font-weight: 600;
    color:#4B6D8A;
    padding-top:3px;}


#gbviewcont img{

  margin: 6px 0 6px 0;
}





footer{
	  font-family: 'Open Sans', sans-serif;
	font-size: 17px;
  letter-spacing: 2.5px;
  font-weight: 300;
  line-height: 20px;
  font-style: italic;
  color:white;
	background-color:#4B6D8A;
	padding:20px;
}
.left{
	float: left;
	margin-left:90px;

}

.right{
	float: right;
		margin-right:90px;

}

/*-----------------------------------------------------------*/
.rateit {
    display: -moz-inline-box;
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.rateit .rateit-range
{
    position: relative;
    display: -moz-inline-box;
    display: inline-block;
    background: url(star.png);
    height: 16px;
    outline: none;
}

.rateit .rateit-range * {
    display:block;
}

/* for IE 6 */
* html .rateit, * html .rateit .rateit-range
{
    display: inline;
}

/* for IE 7 */
* + html .rateit, * + html .rateit .rateit-range
{
    display: inline;
}

.rateit .rateit-hover, .rateit .rateit-selected
{
    position: absolute;
    left: 0px;
}

.rateit .rateit-hover-rtl, .rateit .rateit-selected-rtl
{
    left: auto;
    right: 0px;
}

.rateit .rateit-hover
{
    background: url(star.png) left -32px;
}

.rateit .rateit-hover-rtl
{
    background-position: right -32px;
}

.rateit .rateit-selected
{
    background: url(star.png) left -16px;
}

.rateit .rateit-selected-rtl
{
    background-position: right -16px;
}

.rateit .rateit-preset
{
    background: url(star.png) left -48px;
}

.rateit .rateit-preset-rtl
{
    background: url(star.png) left -48px;
}


/*-----------------------------------------------------------*/

@media screen and (max-width:831px) {
  header{
  	padding: 30px 0px 10px 0px;
  	background: white;}
.gbcontainer ul{margin-left:50px;}


.buttons{font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  letter-spacing: 2.5px;
  font-weight: 600;
  width:inherit;
  margin: auto;
}
.buttons li{display:inline-block;
float:left;
list-style-type: none;
}
.buttons li:nth-child(1){
	border-top: solid;
	border-bottom: solid;
	border-color: #6D6E71;
	border-width:2.5px;
	padding:4px 3% 4px 2%;
	margin-top:60px;
}
.buttons li:nth-child(2){
	border-top: solid;
	border-bottom: solid;
	border-color: #6D6E71;
	border-width:2.5px;
	padding:4px 2% 4px 0;
	margin-right:3%;
	margin-top:60px;
}
.buttons li:nth-child(4){
	border-top: solid;
	border-bottom: solid;
	border-color: #6D6E71;
	border-width:2.5px;
	padding:4px 3% 4px 2%;
		margin-left:3%;
		margin-top:60px;
}
.buttons li:nth-child(5){
	border-top: solid;
	border-bottom: solid;
	border-color: #6D6E71;
	border-width:2.5px;
	padding:4px 0 4px 0;
	margin-top:60px;
}




}
/*----------------------------------------------------*/
@media screen and (max-width:788px) {
body{ 
  background: white;}



  header{
  	display:none;}
.mobhead{
	font-family: 'Open Sans', sans-serif;
	background:white;
	display:block;
	margin:auto;
	text-align: center;
}

.address{
	  font-size: 17px;
  letter-spacing: 2.5px;
  font-weight: 600;
  color:#F2E0A0;
  	padding:10px 0 10px 0;
	border-width: 1px;
	border-color: white;
	border-style: solid;
	background: #4B6D8A;

}

.inside{
		  font-size: 17px;
  letter-spacing: 2.5px;
  font-weight: 300;
  line-height: 20px;
  font-style: italic;
  color:white;
		padding:10px 0 10px 0;
	border-width: 1px;
	border-color: white;
	border-style: solid;
	background: #8CBD9C;

}

.mobhead a{
	text-decoration: none;
	color:white;

}
.logo{padding: 30px 0 20px 0;}
.about{
	  font-size: 20px;
  letter-spacing: 2.5px;
  font-weight: 600;
	padding:10px 0 10px 0;
	border-width: 1px;
	border-color: white;
	border-style: solid;
	background: #4B6D8A;
}
#about{
	  font-size: 20px;
  letter-spacing: 2.5px;
  font-weight: 600;
	padding:10px 0 10px 0;
	border-width: 1px;
	color: #F19B7A;
	border-color: white;
	border-style: solid;
	background: #F19B7A;
}
.menu{
	  font-size: 20px;
  letter-spacing: 2.5px;
  font-weight: 600;
	padding:10px 0 10px 0;
	border-width: 1px;
	border-color: white;
	border-style: solid;
	background: #4B6D8A;
}
.contact{
	  font-size: 20px;
  letter-spacing: 2.5px;
  font-weight: 600;
	padding:10px 0 10px 0;
	border-width: 1px;
	border-color: white;
	border-style: solid;
	background: #4B6D8A;
}
.guestbook{
	  font-size: 20px;
  letter-spacing: 2.5px;
  font-weight: 600;
	padding:10px 0 10px 0;
	border-width: 1px;
	border-color: white;
	border-style: solid;
	background: #4B6D8A;
}
#guestbook{
	  font-size: 20px;
  letter-spacing: 2.5px;
  font-weight: 600;
	padding:10px 0 10px 0;
	border-width: 1px;
	color: #F19B7A;
	border-color: white;
	border-style: solid;
	background: #F19B7A;
}
.welcomeguest{
	padding:20px 10% 0px 10%;
	background: white;
	background-position: bottom;
	text-align: center;
}
.welcomeguest h1{
	font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  letter-spacing: 2.5px;
  font-weight: 600;
    color:#52334E;
    margin:0 0 10px 0;
} 

.welcomeguest p{
	font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 400;
    color:#4B6D8A;
    line-height: 15px;
}



#gbviewcont{
	float:none;
	width:80%;
	margin: auto;
	padding: 20px 0 20px 0;

}

.gbview{
	background: #F1DFA3;
border-radius:25px;
padding:20px;
margin:10px 0 10px 0;
}

#gbviewcont a{
  text-decoration: none;}


.previnext{margin: auto;
width:155px;}

.prevbut{
  float:left;
    cursor: pointer;
  font-family: 'Open Sans', sans-serif;
font-size: 14px;
width:50px;
text-decoration:none;
letter-spacing:3px;
color:#997397;
padding:6px 6px 6px 6px;
font-weight: 400;
border-color: #997397;
border-style: solid;
border-width: 2px;
text-align: center;
background-color:white;
transition: background-color .5s;
-webkit-transition: background-color .5s;
}

.prevbut:hover {
text-decoration: none;

  background-color:rgba(255,255,255,0.5);
  transition: background .5s;
-webkit-transition: background .5s;

}

.prevbut:active{
text-decoration: none;
  background:rgba(167,169,172,0.5);

}

.nextbutt{
    float:right;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif;
font-size: 14px;
width:50px;
text-decoration:none;
letter-spacing:3px;
color:#997397;
padding:6px 6px 6px 6px;
font-weight: 400;
border-color: #997397;
border-style: solid;
border-width: 2px;
text-align: center;
background-color:white;
transition: background-color .5s;
-webkit-transition: background-color .5s;
}

.nextbutt:hover {
text-decoration: none;

  background-color:rgba(255,255,255,0.5);
  transition: background .5s;
-webkit-transition: background .5s;

}

.nextbutt:active{
text-decoration: none;
  background:rgba(167,169,172,0.5);}


.left{
	display:none;
}
.right{
	display:none;
}




.gbadd{
	background: #8ABE9B;
margin: auto;
float:none;
width:90%;
padding:20px;
}

.gbadd h1{
		font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  letter-spacing: 2.5px;
  font-weight: 600;
    color:#52334E;
    text-align: center;
    padding-top:3px;
    padding-bottom: 3px;
}

.gbadd h2{
		font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  letter-spacing: 2.5px;
  font-weight: 600;
    color:#52334E;
    padding-top:3px;
}
.gbadd p{
		font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  letter-spacing: 1.5px;
  font-weight: 400;
    color:white;
    letter-spacing: .5px;
        text-align: center;
        padding-bottom:10px;

}

.gbadd h3{
		font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
    color:red;
        text-indent: 78px;
        line-height: 14px;

}

#firstname{font-family: 'Open Sans', sans-serif;
font-size: 12px;
letter-spacing:1px;
color:gray;
width: 100%;
overflow: hidden;
font-weight: 200;}

 #lastname{font-family: 'Open Sans', sans-serif;
font-size: 12px;
letter-spacing:1px;
color:gray;
width: 100%;
font-weight: 200;
}

 #message{font-family: 'Open Sans', sans-serif;
font-size: 12px;
letter-spacing:1px;
color:gray;
width:100%;
font-weight: 200;
}
  #email{font-family: 'Open Sans', sans-serif;
font-size: 12px;
letter-spacing:1px;
color:gray;
width:100%;
font-weight: 200;
}
.gbcontainer ul{

margin: auto;}
.gbcontainer li{display:inline-block;

list-style-type: none;
}
.gbaddll{
	background: none;
border-radius:none;
width:200px;
padding:10px;

}



.space{display:none;}
.rating-box a {
    display: block;
    float: left;
    height: 16px;
    width: 16px;
	   background: url("images/star.png") repeat-x scroll 0 0px transparent;
}
 
 .rating-box a.active {
    background: url("images/stara.png") repeat-x scroll 0 0px transparent;
}

}