/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
ul{ list-style:none; list-style-position:outside;}
a {  outline: none;}

/* Tell old browsers how to handle HTML5 elements */
header, footer, aside, nav, article {display: block;}
/* Tell old browsers how to handle HTML5 elements */
header, footer, aside, nav, article {display: block;}

/* All Inside Pages Body style */
/*body { 
min-width:100%;
background: #f7f5dd url(../images/colonial.gif) repeat-x;

	color: #470a0a;
	font-family:'CantarellRegular',"Century Gothic",Arial,Georgia,Serif;
 
} */

/* Home Page Body style */
body.main{min-width:100%;
background: #f7f5dd url(../images/colonial_bg.gif) repeat-x;

	color: #470a0a;
	font-family:'CantarellRegular',"Century Gothic",Arial,Georgia,Serif;



}

.container {
    margin: 0 auto
}

/* For tablets & smart phones */
@media (max-width: 767px) {
    body {
        padding-left: 20px;
        padding-right: 20px;
        background: #f7f5dd url(../images/colonial_bg.gif) repeat-x;

	color: #470a0a;
	font-family:'CantarellRegular',"Century Gothic",Arial,Georgia,Serif;
    }
    .container {
        width: auto
    }
}

/* For smartphones */
@media (max-width: 480px) {
     body {
        padding-left: 20px;
        padding-right: 20px;
        background: #f7f5dd url(../images/colonial_bg.gif) repeat-x;

	color: #470a0a;
	font-family:'CantarellRegular',"Century Gothic",Arial,Georgia,Serif;
    }
    .container {
        width: auto
    }
}

/* For smaller displays like laptops */
@media (min-width: 768px) and (max-width: 979px) {
     body {
        padding-left: 20px;
        padding-right: 20px;
        background: #f7f5dd url(../images/colonial_bg.gif) repeat-x;

	color: #470a0a;
	font-family:'CantarellRegular',"Century Gothic",Arial,Georgia,Serif;
    }
    .container {
        width: 724px
    }
}

/* For larger displays */
@media (min-width: 1200px) {
    body {
        padding-left: 20px;
        padding-right: 20px;
        background: #f7f5dd url(../images/colonial_bg.gif) repeat-x;

	color: #470a0a;
	font-family:'CantarellRegular',"Century Gothic",Arial,Georgia,Serif;
    }
    .container {
        width: 1170px
    }
}


@font-face 
{
    
font-family: 'CantarellRegular';
    
src: url('../fonts/Cantarell-Regular-webfont.eot');
    
src: url('../fonts/Cantarell-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         
url('../fonts/Cantarell-Regular-webfont.woff') format('woff'),
         
url('../fonts/Cantarell-Regular-webfont.ttf') format('truetype'),
         
url('../fonts/Cantarell-Regular-webfont.svg#CantarellRegular') format('svg');
    
font-weight: normal;
    font-style: normal;


}




@font-face 
{
    
font-family: 'CantarellBold';
    
src: url('../fonts/Cantarell-Bold-webfont.eot');
    
src: url('../fonts/Cantarell-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         
url('../fonts/Cantarell-Bold-webfont.woff') format('woff'),
         
url('../fonts/Cantarell-Bold-webfont.ttf') format('truetype'),
         
url('../fonts/Cantarell-Bold-webfont.svg#CantarellBold') format('svg');
    
font-weight: normal;
    font-style: normal;


}

h1,h2,h3,h4,h5,h6
{color:#470a0a;
font-family:'CantarellRegular',Arial,Georgia,Serif;text-shadow: 2px 2px 2px #aaa8a8;

}

a:link, a:visited {
	color: #f63d3d;
	text-decoration: none;
}
 a:hover {
	
	text-decoration:underline;
}
/* Header */
header {
	width: 1000px;margin: 0 auto ;
	height: 108px;

}
header.home {
	width: 1000px;
    margin: 0 auto;
	height: 110px;

}
.box1 {
    display: block;
    widows: 338px;
    height: 108px;
    background: : url(../images.colonial.gif) repeat;
    float: left;
    margin: 0 auto;
}

.box2 {
    display: block;
    widows: 338px;
    height: 108px;
    float: right;
    margin: 0 auto;
}

h1.logo a{
	display: block;
	width: 338px;
	height: 108px;
	background: url(../images/colonial-logo.png) no-repeat;
	float: left;
	margin: 0 auto;
	text-indent: -5000px;
}

h3.telephone {
    display: block;
	float: right;
	margin: 20px auto;
    text-indent: 0px;
    color:burlywood
}
/* Wrapper */

.wrapper {
	width: 1000px;
	margin: 0 auto;
}

/* Navigation Bar */
#navwrap {
	padding-left:0px;padding-top:70px;
	text-align: left; margin:0px;z-index:10000;
}

#navside {
    padding-left:0px;padding:20px;
	text-align: middle; 
    margin:10px;
    z-index:10000;
}

#navside p2 {
    padding: 0 0 10px 0;
    color: black;
    text-shadow: 2px 2px 2px #aaa8a8;
    text-decoration: none;
    margin: auto;
    font-weight: bold;
    font-family:cursive;
    font-size: 1em;
}

#navside p {
    color: black;
    padding: 10px 0 0px 0;
    font-family: sans-serif;
}


ul {
	list-style: none;
	padding: 0;
	margin: 0;
}  
li {
	padding:0;
	margin:0;
}


ul#nav-inner {width: 1000px;
	margin: 0 auto;padding-top:10px;
	
}
ul#nav-inner a {
color: #f9f8d0;
	text-align: center;  
}
ul#nav-inner a {
	text-decoration: none;
	display: inline-block;  /*added display block */
}
ul#nav-inner li {
	float: left;background: #2a0204 ;
	position: relative;
	width:185x;   /* set fixed width here if desired, eg 10em */
	cursor: default;
	padding-top:0px ; 
	font-family:'CantarellRegular',Arial,Georgia,Serif;  font-size:15px;
}
ul#nav-inner li a {
padding: 3px 31px 3px 43px;}

ul#nav-inner li li a {
	display: block;
	font-weight: bold;
	color: #7c0404;
	text-align:left;
	padding: 3px 2px 0px 6px;background: #f7f5dd; 
	
}
ul#nav-inner li li a:hover {
	color: #c0a41c;
}
ul#nav-inner li a:hover {
	
	color: #ffffff;
}

ul#nav-inner li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	
	/*padding: 0.5em 0 1em 0;*/
}
#nav-inner li>ul {
	top: auto;
	left: auto;
}
#nav-inner li ul li {
	width:10em;
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
}
#nav-inner li:hover ul, #nav-inner li.over ul {
	display: block;
}
ul#nav-inner li ul {
border-width: 0px; 
	border-color:#7d6340;
	border-style:solid;}
#nav-inner li a.active,#nav-inner li li a:active {
	color: #ccb527;font-weight:bold;
}



#slides_attraction{
                    width: 920,
                    height: 450
                  };

ul#nav {float:right;
	
}
ul#nav a {
color: #f9f8d0;
	text-align: center;  
}
ul#nav a {
	text-decoration: none;
	display: inline-block;  /*added display block */
}
ul#nav li {
	float: left;
	position: relative;
	width:145x;   /* set fixed width here if desired, eg 10em */
	cursor: default;
	padding-top:0px ; z-index:10000;
	font-family:'CantarellRegular',Arial,Georgia,Serif;text-transform: uppercase;  font-size:15px;font-weight:bold;

}
ul#nav li a {
padding: 3px 10px 3px 10px;}

ul#nav li li a {
	display: block;
	font-weight: bold;
	color: #7c0404;
	text-align:left;
	padding: 3px 2px 0px 6px;background: #f7f5dd; z-index:10000;
	
}
ul#nav li li a:hover {
	color: #c0a41c;
}
ul#nav li a:hover {
	
	color: #ffffff;background: #b2850c;
}

ul#nav li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	
	/*padding: 0.5em 0 1em 0;*/
}
#nav li>ul {
	top: auto;
	left: auto;
}
#nav li ul li {
	width:10em;
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
}
#nav li:hover ul, #nav li.over ul {
	display: block;
}
ul#nav li ul {
border-width: 0px; 
	border-color:#7d6340;
	border-style:solid;}
#nav li a.active,#nav li li a:active {
	color: #ccb527;font-weight:bold;
}

ul#nav-footer {
    width: 61%;
    float: right;
    /*position: absolute; */
    padding-top: 20px;
}
ul#nav-footer a {
color: #f9f8d0;
	text-align: center;  
}
ul#nav-footer a {
	text-decoration: none;
	display: inline-block;  /*added display block */
}
ul#nav-footer li {
    float: left;
	/*position: relative;
	/*width:145x;   /* set fixed width here if desired, eg 10em */
	cursor: default;
	padding-top:0px ; z-index:10000;
	font-family:'CantarellRegular',Arial,Georgia,Serif;  font-size:10px;font-weight:bold;

}
ul#nav-footer li a {
padding: 3px 10px 3px 10px;}

ul#nav-footer li li a {
	display: block;
	font-weight: bold;
	color: #7c0404;
	text-align:left;
	padding: 3px 2px 0px 6px;background: #f7f5dd; z-index:10000;
	
}
ul#nav-footer li li a:hover {
	color: #c0a41c;
}
ul#nav-footer li a:hover {
	
	color: #ffffff;background: #b2850c;
}

ul#nav-footer li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	
	/*padding: 0.5em 0 1em 0;*/
}
#nav-footer li>ul {
	top: auto;
	left: auto;
}
#nav-footer li ul li {
	width:10em;
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
}
#nav-footer li:hover ul, #nav li.over ul {
	display: block;
}
ul#nav-footer li ul {
    border-width: 0px; 
	border-color:#7d6340;
	border-style:solid;
}

#nav-footer li a.active,#nav li li a:active {
	color: #ccb527;font-weight:bold;
}

/* Main Slideshow */
#fadeshow1

/* Page Title Bar */


.clear { 
	clear: both;
	overflow:hidden;
    background-color: transparent;
    padding-top: 50px;
}

/* Main Message Area*/

section.Main_Message{
	margin: 0 auto;
	background:url(../images/colonial.gif) repeat;


}
/* HOME PAGE - Main Message Area*/
section.Home_Main_Message{
	margin: 0 auto;

}


.Location a{
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 352px;
	height: 116px; float:left;margin-left:5px;
	background: url(../images/Location.gif) no-repeat;
}
.Location a:hover {
	
	
	background: url(../images/Location.gif) no-repeat;
	background-position: 0px -117px; 
}
.New a{
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 290px;
	height: 116px; float:right;
	background: url(../images/New.gif) no-repeat;
}
.New a:hover {
	
	
	background: url(../images/New.gif) no-repeat;
	background-position: 0px -117px; 
}

/* HOME PAGE - Welcome Message Area*/
article.Home-Middle-Column {
	display: block;
	float: left;
	position: relative;
	width: 240px;
	height: auto;
	margin: 10px 0 0 0;
	
}
article.Left-Column {
	float: left;
	width: 360px;
    height: 315px;
	margin: 10px 0 0 0px;padding-left:0px;
    border-color:#7d6340;
	border-style:solid;
    background-color: #eaa709;
    color: aliceblue;
    opacity: inherit;
}
contact.Left-Column {
    float: left;
	width: 360px;
    height: 400px;
	margin: 10px 10px 10px 20px;padding-left:0px;
    border-color:#7d6340;
	border-style:solid;
    background-color: #eaa709;
    color: aliceblue;
    opacity: inherit;
}

contact.Right-Column {
	float: left;
	width: 780px;
	margin: 10px 0px 0px 0px;
}

article.Left-Column p1{
    line-height: 1em;
    font-size:30px;
    font-family:sans-serif;
    font-weight: bold;
    margin: 10px 10px 0 0;
    
}

article.Left-Column a{
	 font-size:13px;
}

article.Right-Column {
	float: left;
	width: 800px;
	margin: 10px 0 0 0;
}
article.Right-Column p{font-size:15px;
	 line-height: 0.9em;}
article.Right-Column a:hover {
	text-decoration:none;
}
aside.Right-Column {
	float: right;
	width: 200px;
	margin: 20px 0 0 0;
}
aside.Right-Column p{font-size:15px;
	 line-height: 0.9em;}
aside.Right-Column a:hover {
	text-decoration:none;
}
article.Middle-Column {
	float:left;
	margin:20px 20px 20px 20px;
    width:90%;

}

article.Middle-Column p {

  color:#470a0a;
  line-height: 1.4em;
  margin: 20px 20px 0 0px;    

}
article.Middle-Column  p:first-child{
  margin-top:15px;
   letter-spacing: 0.1em;
}
article.Middle-Column  p:first-child:first-line{
  font-weight: bold;
}
article.Middle-Column h4 {

color:#470a0a;
text-shadow: 2px 5px 6px rgba(0,0,0,0.2),
                 0px -5px 10px rgba(255,255,255,0.3);
}
/* Copyright/Logo */
.copyright
{
  clear: both;
  height:110px;
  background: #f7f5dd url(../images/colonial_bg.gif) repeat-x;
  margin-right: 7.5em;
  width: 90%;
}

.copyright-amenties {
    clear: both;
    height:100px;
    margin-left: 20px;
    width:90%;
    background: #f7f5dd url(../images/colonial_bg.gif) repeat-x;
    text-align: center;
}


.copyright-amenties p{
	clear: both;
    text-align:center;
    margin-left:10px;
    color: #f9f8d0;
	font-size:12px; 
    padding-top:40px;
}

.copyright-amenties p1{
    clear: both;
    color: #f9f8d0;
	font-size:8px; 
    padding-top:20px;
    
}


.copyright p{
	clear: both;
    text-align:center;
    margin-left:10px;
    color: #f9f8d0;
	font-size:12px; 
    padding-top:50px;
    
}

.copyright p1{
    clear: both;
    color: #f9f8d0;
	font-size:8px; 
    padding-top:20px;
    
}

.copyright a
{
color: #f63d3d;
}
.copyright a:hover {
text-decoration: none;	
color: #470a0a;
}

 .slidesjs-navigation {
        margin-top:0px;
}

.slidesjs-previous {
    margin-right: 3px;
    float: left;
}

.slidesjs-next {
    margin-right: 3px;
    float: left;
}

.slidesjs-pagination {
    margin: 3px 0 0;
    float: right;
    list-style: none;
}

.slidesjs-pagination li {
    float: left;
    margin: 0 1px;
}

.slidesjs-pagination li a {
    display: block;
    width: 13px;
    height: 0;
    padding-top: 13px;
    background-image: url(img/pagination.png);
    background-position: 0 0;
    float: left;
    overflow: hidden;
}

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
    background-position: 0 -13px
}

.slidesjs-pagination li a:hover {
    background-position: 0 -26px
}

a:link,
a:visited {
    color: #333
}

a:hover,
a:active {
    color: #9e2020
}

.navbar {
    overflow: hidden
}

.photo-about{
    width:90%;
    padding: inherit
}

.amenties{
    float:left;
	margin-left: 20px;
    width:90%;

}
ul.checkmark {
    background: #ff9999;
    padding: 20px;
}

ul.checkmark li {
    background: #ffe5e5;
    padding: 5px;
    
}

ul.checkmark li:before {
    content:"\2713\0020";
}

 #map {
    height: 400px;
    width: 100%;
    }
ul.check {
    background: #470a0a;
    padding: 20px;
    color: #f9f8d0;
}

ul.check li {
    background: #f9f8d0;
    padding: 5px;
    color: black;
    
}