body
{
    margin: 0;
    font: 12px Arial, Helvetica, sans-serif;
    background: #fff7cd url(/App_Themes/discoversevilla/images/body-bg.jpg) repeat-x;
    color: #000;
    min-width: 994px;
}
img
{
    border: none;
}
form
{
    padding: 0;
    margin: 0;
}
a
{
    color: #8E2800;
}
a:hover
{
    text-decoration: none;
}
.excursions-cnt:after, .title-cnt:after, .title-inn:after, .events-cnt:after, .cnt-cnt:after
{
    content: " ";
    display: block;
    width: 100%;
    overflow: hidden;
    height: 0;
    clear: both;
}

/*page*/
#page
{
    margin: 0 auto;
    width: 994px;
    overflow: hidden;
}
/*header*/
.header
{
    height: 1%;
    padding: 6px 6px 0;
    background: url(/App_Themes/discoversevilla/images/header-bg.jpg) no-repeat 100% 0;
    overflow: hidden;
}
.logo
{
    float: left;
    margin: 2px 0 0;
}
.header ul
{
    float: right;
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
}
.header ul li
{
    float: left;
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    background: url(/App_Themes/discoversevilla/images/separator.gif) no-repeat 0 2px;
    padding: 0 7px 0 8px;
    margin: 0 1px 0 -1px;
}
.header ul li a
{
    text-decoration: none;
}
.header ul li a:hover
{
    text-decoration: underline;
}

ul.menu
{
    padding: 0;
    margin: 0;
    list-style: none;
    height: 1%;
    overflow: hidden;
}
ul.menu li
{
    float: left;
    font: bold 12px/36px Verdana, Arial, Helvetica, sans-serif;
    padding: 0 11px 0 12px;
    margin: 0 1px 0 -1px;
    background: url(/App_Themes/discoversevilla/images/separator2.gif) no-repeat 0 13px;
}
ul.menu li a
{
    color: #fff;
    text-decoration: none;
}
ul.menu li a:hover, ul.menu li.active a
{
    color: #FFCD2D;
}

/*primary content*/
.primary-content
{
    height: 1%;
    overflow: hidden;
    background: url(/App_Themes/discoversevilla/images/primary-bg.png) no-repeat;
}
.primary-inn
{
    height: 1%;
    overflow: hidden;
    position: relative;
    padding: 0 0 69px;
    background: url(/App_Themes/discoversevilla/images/btm-img-bg.gif) no-repeat 529px 100%;
}
.gallery
{
    height: 1%;
    overflow: hidden;
    margin: 0 0 9px;
}
.gallery img
{
    display: block;
    margin: 0;
}

.content
{
    height: 1%;
    overflow: hidden;
    padding: 0 0 0 17px;
}
.excursions
{
    float: left;
    width: 339px;
    margin: 0 2px 0 0;
}
.excursions-top
{
    width: 100%;
    overflow: hidden;
    height: 10px;
    background: url(/App_Themes/discoversevilla/images/excursions-top.png) no-repeat;
}
.excursions-cnt
{
    width: 100%;
    background: url(/App_Themes/discoversevilla/images/excursions-bg.png) repeat-y;
}
.excursions-inn
{
    float: left;
    min-height: 313px;
    width: 100%;
    margin: -10px 0 0;
    position: relative;
    background: url(/App_Themes/discoversevilla/images/line.gif) no-repeat 1px 100%;
}
* html .excursions-inn
{
    height: 313px;
}
.title
{
    width: 100%;
    overflow: hidden;
}
.title-top, .title-btm
{
    width: 100%;
    height: 11px;
    overflow: hidden;
    background: url(/App_Themes/discoversevilla/images/title-top.png) no-repeat;
}
.title-btm
{
    height: 8px;
    background: url(/App_Themes/discoversevilla/images/title-btm.png) no-repeat;
}
.title-cnt
{
    background: url(/App_Themes/discoversevilla/images/title-bg.png) repeat-y;
    width: 100%;
}
.title-inn
{
    background: #BA3400 url(/App_Themes/discoversevilla/images/title-cnt.gif) repeat-x;
    height: 1%;
    margin: 0 7px 0 1px;
    padding: 0 0 7px 15px;
}
.title h1, .title h2
{
    color: #fff;
    font: bold 20px "Trebuchet MS" , Arial, sans-serif;
    margin: -7px 0 0;
    width: 100%;
    float: left;
    position: relative;
}

.title h1 p, .title h2 p {
	padding: 0;
	margin: 0;
	}

.excursions-txt
{
    width: 304px;
    overflow: hidden;
    padding: 0 20px 20px 15px;
}
.excursions-txt p
{
    margin: 0 0 12px;
}
.book
{
    height: 1%;
    overflow: hidden;
}
.book p
{
    margin: 0 0 5px;
}
.book p a
{
    font: 11px Helvetica, Arial, sans-serif;
}
.book p span a, .book p span
{
    font: 14px Helvetica, Arial, sans-serif;
}
.book p span
{
    padding-right: 10px;
}
.excursions-txt img
{
    display: block;
    margin: 0 0 22px;
}

.events
{
    float: left;
    width: 471px;
    margin: 0 10px 0 0;
}

.events .title-top
{
    background-image: url(/App_Themes/discoversevilla/images/title-top2.png);
}
.events .title-btm
{
    background-image: url(/App_Themes/discoversevilla/images/title-btm2.png);
}
.events .title-cnt
{
    background-image: url(/App_Themes/discoversevilla/images/title-bg2.png);
}
.events .title-inn
{
    padding-bottom: 6px;
    padding-left: 20px;
}
.events-top
{
    width: 100%;
    overflow: hidden;
    height: 11px;
    background: url(/App_Themes/discoversevilla/images/events-top.png) no-repeat;
}
.events-cnt
{
    width: 100%;
    background: url(/App_Themes/discoversevilla/images/events-bg.png) repeat-y;
}
.events-inn
{
    float: left;
    min-height: 312px;
    width: 100%;
    margin: -10px 0 0;
    position: relative;
    background: url(/App_Themes/discoversevilla/images/line2.gif) no-repeat 1px 100%;
}
* html .events-inn
{
    height: 312px;
}
.events-txt
{
    width: 417px; 
    overflow: hidden; 
    padding: 0 30px 20px  4px;
}
.events-txt img
{
    /* float: right; */
    margin: 5px 5px 0px 5px;
}
.events-info
{
    display: table;
    height: 1%;
}
.events-info h3
{
    margin: 0;
    font: bold 12px/14px Arial, Helvetica, sans-serif;
}
.events-info em.date
{
    color: #00407C;
    display: block;
    padding: 0 0 3px;
    font: 10px Arial, Helvetica, sans-serif;
}
.events-info p
{
    margin: 0 0 13px;
}

.links
{
    float: left;
    width: 125px;
    padding: 5px 0 0;
}
.links h4
{
    font: bold 20px "Trebuchet MS" , Arial, sans-serif;
    margin: 0 0 7px 2px;
    color: #8E2800;
}
.links ul
{
    padding: 0 0 14px 2px;
    margin: 0;
    list-style: none;
    height: 1%;
    overflow: hidden;
}
.links ul li
{
    height: 1%;
    padding: 0 0 3px;
    overflow: hidden;
}

/*footer*/
.footer
{
    width: 100%;
    border-top: 1px solid #FFECB0;
    overflow: hidden;
}
.footer-inn
{
    width: 970px;
    padding: 15px 10px 20px 14px;
    overflow: hidden;
    margin: 0 auto;
}
.footer ul
{
    padding: 0 0 3px;
    margin: 0;
    list-style: none;
    overflow: hidden;
    height: 1%;
}
.footer ul li
{
    float: left;
    padding: 0 4px 0 5px;
    margin: 0 5px 0 -5px;
    background: url(/App_Themes/discoversevilla/images/separator3.gif) no-repeat 0 2px;
    font: 11px Arial, Helvetica, sans-serif;
}
.footer ul li a
{
    text-decoration: none;
}
.footer ul li a:hover
{
    text-decoration: underline;
}
.footer p
{
    margin: 0;
    color: #FFB03B;
    font: 10px Verdana, Arial, Helvetica, sans-serif;
}

/* inner page
------------- */

.inn .primary-content
{
    background: url(/App_Themes/discoversevilla/images/primary-bg2.png) no-repeat;
}

.img-box
{
    overflow: hidden;
    padding: 0px 0 0 7px;
    background: url(/App_Themes/discoversevilla/images/img3.png) no-repeat 7px 8px;
    height: 172px; 
   
}
.img-box img
{
    display: block;
    margin-top: 8px;
}
.img-box p
{
    display: inline;
    padding: 0 0 0 0px;
    margin: 0 0 0 0;
}
.inner
{
    height: 1%;
    padding: 0 11px 0 30px;
    overflow: hidden;
}

.main-col
{
    float: right;
    width: 781px;
}
.breadcrumbs
{
    font-size: 11px;
    padding: 0 0 0 2px;
    line-height: 24px;
}

.cnt
{
    width: 781px;
    overflow: hidden;
}
.cnt h1
{
    font-size: 20px;
}
.cnt .title-top
{
    background-image: url(/App_Themes/discoversevilla/images/title-top3.png);
}
.cnt .title-btm
{
    background-image: url(/App_Themes/discoversevilla/images/title-btm3.png);
}
.cnt .title-cnt
{
    background-image: url(/App_Themes/discoversevilla/images/title-bg3.png);
}
.cnt .title-inn
{
    padding-bottom: 7px;
    padding-left: 20px;
    margin-right: 6px;
}
.cnt-top
{
    width: 100%;
    overflow: hidden;
    height: 11px;
    background: url(/App_Themes/discoversevilla/images/cnt-box-top.png) no-repeat;
}
.cnt-cnt
{
    width: 100%;
    background: url(/App_Themes/discoversevilla/images/cnt-box-bg.png) repeat-y;
}
.cnt-inn
{
    float: left;
    width: 100%;
    margin: -10px 0 0;
    position: relative;
    background: url(/App_Themes/discoversevilla/images/line3.gif) no-repeat 1px 100%;
}
.cnt-txt
{
    height: 1%;
    overflow: hidden;
    padding: 0 27px 25px 23px;
}
.banner-area
{
    float: right;
    width: 254px;
    padding: 4px 0 0;
    margin: 0 0 0 10px;
}
.banner-area img
{
    display: block;
}
.banner-area p
{
    margin: 12px 0 0;
    font: 10px Arial, Helvetica, sans-serif;
}

.text-area
{
    height: 1%;
    display: table;
}
.text-area p
{
    margin: 0 0 22px;
    line-height: 14px;
}
.text-area .events-info
{
    height: 1%;
    overflow: hidden;
    padding: 0 120px 0 52px;
}
.text-area .events-info p
{
    margin-bottom: 15px;
}
.text-area .events-info .btn-box
{
    margin-top: 25px;
}


.sidebar
{
    float: left;
    width: 165px;
    padding: 33px 0 0;
}
.sidebar h3
{
    color: #8E2800;
    font: bold 16px "Trebuchet MS" , Arial, sans-serif;
    margin: 0 0 8px 3px;
}

ul.side-nav
{
    padding: 0 0 40px 4px;
    margin: 0;
    list-style: none;
    overflow: hidden;
    height: 1%;
}
ul.side-nav li
{
    overflow: hidden;
    height: 1%;
    padding: 0 0 9px;
}
ul.side-nav li a
{
    display: block;
    padding: 0 0 0 18px;
}
ul.side-nav li.active a, ul.side-nav li a:hover
{
    background: url(/App_Themes/discoversevilla/images/arrow2.gif) no-repeat 0 4px;
}

.sidebar .events-info
{
    margin: 20px 5px 0 3px;
}
.sidebar .events-info h3
{
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #000;
    margin: 0;
}


.btn-box
{
    height: 1%;
    overflow: hidden;
}
.btn-box img
{
    float: left;
    margin: 0;
}


html
{
    /* always show firefox scrollbar, to prevent horizontal shift. */
    overflow: -moz-scrollbars-vertical;
}

/* "Edit Module" button that appears on the front-end for authorized users. */
.webmodules_editModuleLink, a.webmodules_editModuleLink, a.webmodules_editModuleLink:link, a.webmodules_editModuleLink:visited
{
    background-color: #FFFFA5;
    padding: 1px 2px 2px 2px;
    border: 1px dotted gray;
    position: absolute; /*preserve layout*/
    color: Blue;
}
.webmodules_editModuleLink:hover, a.webmodules_editModuleLink:hover
{
    color: #00A2FF;
}

/* "Edit Page" button that appears on the front-end for authorized users. */
.webmodules_editPageLink, a.webmodules_editPageLink, a.webmodules_editPageLink:link, a.webmodules_editPageLink:visited
{
    background-color: #FFFFA5;
    padding: 1px 2px 2px 2px;
    border: 1px dotted gray;
    position: absolute;
    top: 5px;
    left: 5px;
    color: Blue;
}
.webmodules_editPageLink:hover, a.webmodules_editPageLink:hover
{
    color: #00A2FF;
}

/* sub navigation highlighted/activated style. */
.subnav .on a:link, .subnav .on a:visited, .subnav .on a:hover, .subnav .on a:active
{
    background-color: #00FF00;
}

/******************************************************************************
 main navigation menu. 
******************************************************************************/

.mainNavDropDown
{
    padding: 10px 0px 0px 0px;
}

.mainNavDropDown_item, .mainNavDropDown_item a, .mainNavDropDown_item a:visited /* requird by IE6 to override ancestors. */
{
    background-color: #00FF00;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    width: 15em;
    padding: 10px 5px;
}

.mainNavDropDown_item_hover, .mainNavDropDown_item_hover a, .mainNavDropDown_item_hover a:visited, /* requird by IE6 to override ancestors. */ .mainNavDropDown_item_hover a:hover, /* requird by IE6 to override ancestors. */ .mainNavDropDown_item_hover a:active /* requird by IE6 to override ancestors. */
{
    background-color: #00FF00;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    width: 15em;
    padding: 10px 5px;
}
/* ----------------------- <Jquery> --------------------------- */
	#photos {
		/*position:relative;*/
		width:994px;
		height:351px;
		overflow:hidden;
		margin: 0;
		padding: 0;
		}
	
	#photos p {
		margin: 0;
		padding: 0;
		}
	
	#slider {
		width:994px;
		height:351px;
		overflow:hidden;
		}

	/* ----------------------- <Jquery Background Images> --------------------------- */
	
	.section {
		/*float:left;*/
		width:994px;
		height:351px;
		margin: 0;
		padding: 0;
		}
	
	#section_img01 {
		background:url(/userfiles/Images/HomepageImages/img_flash_01.jpg) top left no-repeat;;
		}
	
	#section_img02 {
		background:url(/userfiles/Images/HomepageImages/img_flash_02.jpg) top left no-repeat;;
		}
	
	#section_img03 {
		background:url(/userfiles/Images/HomepageImages/img_flash_03.jpg) top left no-repeat;;
		}
	
	#section_img04 {
		background:url(/userfiles/Images/HomepageImages/img_flash_04.jpg) top left no-repeat;;
		}
	
	#section_img05 {
		background:url(/userfiles/Images/HomepageImages/img_flash_05.jpg) top left no-repeat;;
		}
	
	/* ----------------------- <Jquery Text> --------------------------- */
	
	#overlay_wrap {
		width:994px;
		height:351px;
		background: url(/App_Themes/discoversevilla/Images/overlay.png) top left no-repeat;
		position:absolute;
		top: 0;
		left: 0;
		}
	
	.thumbnail_box {
		position: absolute;
			width: 51px;
			height: 51px;
			overflow: hidden;
			z-index: 12;
		}	
	
	#thumbnail_01 {
		position: absolute;
		width: 51px;
		height: 51px;
		overflow: hidden;
		margin: 284px 0 0 35px;
		z-index: 10;
		}
		
		.thumbnail_01_number {
			position: absolute;
			width: 51px;
			height: 51px;
			overflow: hidden;
			z-index: 11;
			background: url(/App_Themes/discoversevilla/Images/jquery-btn-1.png) top left no-repeat;
			}
	
	#thumbnail_02 {
		position: absolute;
		width: 51px;
		height: 51px;
		overflow: hidden;
		margin: 284px 0 0 92px;
		z-index: 10;
		}
		
		.thumbnail_02_number {
			position: absolute;
			width: 51px;
			height: 51px;
			overflow: hidden;
			z-index: 11;
			background: url(/App_Themes/discoversevilla/Images/jquery-btn-2.png) top left no-repeat;
			}
	
	#thumbnail_03 {
		position: absolute;
		width: 51px;
		height: 51px;
		overflow: hidden;
		margin: 284px 0 0 149px;
		z-index: 10;
		}
		
		.thumbnail_03_number {
			position: absolute;
			width: 51px;
			height: 51px;
			overflow: hidden;
			z-index: 11;
			background: url(/App_Themes/discoversevilla/Images/jquery-btn-3.png) top left no-repeat;
			}
	
	#thumbnail_04 {
		position: absolute;
		width: 51px;
		height: 51px;
		overflow: hidden;
		margin: 284px 0 0 206px;
		z-index: 10;
		}
		
		.thumbnail_04_number {
			position: absolute;
			width: 51px;
			height: 51px;
			overflow: hidden;
			z-index: 11;
			background: url(/App_Themes/discoversevilla/Images/jquery-btn-4.png) top left no-repeat;
			}
	
	#thumbnail_05 {
		position: absolute;
		width: 51px;
		height: 51px;
		overflow: hidden;
		margin: 284px 0 0 263px;
		z-index: 10;
		}
		
		.thumbnail_05_number {
			position: absolute;
			width: 51px;
			height: 51px;
			overflow: hidden;
			z-index: 11;
			background: url(/App_Themes/discoversevilla/Images/jquery-btn-5.png) top left no-repeat;
			}

	.gallery {
		overflow:hidden;
		margin:0 0 9px 0;
	}
	
	.gallery img {
		display:block;
		margin:0;
	}
		
#overlay {
	width:336px;
	height:351px;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	line-height: 1.5em;
	margin: 0;
	padding: 0;	
	}

	.overlay_cover {
		width:336px;
		height:31px;
		position:absolute;
		top:0;
		left:0;
		margin: 0;
		padding: 0;	
		background: url(/App_Themes/discoversevilla/Images/overlay_cover.png) top left no-repeat;
		z-index: 15;
		}
		
	#overlay p {
		margin: 0;
		padding: 0;
		}
		
	#overlay h1 {
		font-family: "Trebuchet MS", Arial, sans-serif;
		font-size: 24px;
		color: #8e2800;
		margin: 0;
		padding: 0 0 10px 0;
		}

#overlay_content01, #overlay_content02, #overlay_content03, #overlay_content04, #overlay_content05 {
	width: 288px;
	height: 313px;
	margin: 0;	
	padding: 38px 13px 0 35px;
	}