@charset "utf-8";
/* CSS Document */
.clear{ clear:both;}
body{ margin:0px;
padding:0px;
background:#FFFFFF;}
#container{
width:1000px; margin:0 auto; padding:0px;
}
.topscrpit{background:url(images/top-scrpit.jpg) repeat-x; height:25px; float:left; width:1000px;}
h1{ font-family:Arial; font-size:13px; color:#FFFFFF; font-weight:normal; margin:0px; padding:4px 5px;}
.topscrpit div{width:400px;}


#logo{ width:1000px; height:165px; float:left; padding-top:5px;}
#logo2{ width:60px; float:right; height:95px;  padding-top:10px;}

#nav{ width:1000px; margin:0px; background:url(images/tab-bg.jpg) repeat-x; height:30px; float:left;}
#nav ul
{margin:0px;
padding:0px;
list-style-type:none;
}

#nav li{
margin:22px;
padding:0px;
list-style-type:none;
display:inline;
 }

#nav li a{
padding-top:8px;
color:#FFFFFF;
font-size:12px;
font-family:Verdana;
text-decoration:none;
list-style-type:none;
display:inline;
line-height:30px;
}


.welcomebg{height:140px; background:url(images/welcome-bg.jpg) repeat-x; float:left; width:945px; padding:15px 40px 0px 15px;}
.welcomebg p{ font-family:Verdana; font-size:12px; color:#000000; line-height:20px;}
.heading{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#236CA0; font-weight:bold; text-transform:uppercase; padding-left:2px;}
.bold{ font-family:Tahoma; font-size:11px; color:#000000; font-weight:bold;}
.box{ font-family:Tahoma; font-size:11px; text-decoration:none; color:#66522c; line-height:25px;}
.box a{ font-family:Tahoma; font-size:11px; text-decoration:none; color:#66522c; line-height:25px;}
 .more{ font-family:Tahoma; font-size:11px; text-decoration:none; color:#497c21; font-weight:bold;}
 .more a{ font-family:Tahoma; font-size:11px; text-decoration:none; color:#497c21; font-weight:bold;}
 .footer{background:url(images/footer.gif) repeat-x; height:45px; width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; text-decoration:none; margin-top:15px;}

.footer a{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; text-decoration:none; margin-left:18px;}

.input{ width:180px; border:1px solid #414040; margin:3px 0px; font-family:Tahoma; font-size:11px; color:#74623f;  height:18px; padding-left:2px;}


/* slider */
div.bgcarousel{ /* CSS for main carousel container */
background: black url(ajaxload.gif) center center no-repeat; /* loading gif while caoursel is loading */
width:1000px; /* default dimensions of carousel */
height:333px;
}

img.navbutton{ /* CSS for the nav buttons */
margin:5px;
opacity:0.7;
}

div.slide{ /* CSS for each image's DIV container within main container */
background-color: black;
background-position: center center; /* center image within carousel */
background-repeat: no-repeat;
background-size: cover; /* CSS3 property to scale image within container? "cover" or "contain" */
color: black;
}

div.selectedslide{ /* CSS for currently selected slide */
}

div.slide div.desc{ /* DIV that contains the textual description inside .slide */
position: absolute;
color: white;
left: 580px;
top: 200px;
width:406px;
height:120px;
padding: 10px;
font-family:Calibri; font-size:16px; color:#FFFFFF; text-decoration:none;
text-shadow: 0 -1px 1px #8a8a8a; /* CSS3 text shadow */
z-index:5;
opacity:0.8;
background-color:#353637;}

div.selectedslide div.desc{ /* CSS for currently selected slide's desc div */
}

div.slide div.desc h2{
font-size:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
margin:0;
background:#333333;
}

div.slide div.desc a{
color:yellow;
text-decoration:none;
}


.glossymenu{
margin: 0px 0;
padding: 0;
width:225px; /*width of menu*/
  }

.glossymenu a.menuitem{
font-family:Tahoma; font-size:11px; text-decoration:none; color:#66522c;
font-weight:bold;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 2px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #990000;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

 

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: none;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

 

.glossymenu div.submenu ul li a{
display: block;
font-family:Tahoma; 
font-size:11px; text-decoration:none; 
color:#66522c; 
line-height:18px;
text-decoration: none;
padding: 2px 0;
padding-left:2px;
}
 
 /* gallery css */
 
 #slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:555px; margin:0; display:none}
#wrapper * {margin:0; padding:0}

#fullsize {position:relative; width:548px; height:368px; padding:2px; border:1px solid #688800; background:#fff;}
#information {position:absolute; bottom:0; width:500px; height:0; background:transparent; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:545px;}
#image img {position:absolute; width:auto}

.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(gallery/left.gif) left bottom no-repeat}

#imgnext {right:0; background:url(gallery/right.gif) right bottom no-repeat}
#imglink {position:absolute; height:400px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(gallery/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}

#slideleft {float:left; width:20px; height:81px; background:url(gallery/scroll-left.gif) center center no-repeat; background-color:#990000}

#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#990000 url(gallery/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:500px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #9b7754; height:75px; padding:2px;}

/* top slider css */

#SliderName{
	width:1000px;
	height: 333px;
	margin: auto;
}

.SliderNamePrev{
	background: url(images/left.html) no-repeat center center;
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
	top: 138px;
	left: 10px;
	text-decoration: none;
}

.SliderNameNext{
	background: url(images/right.html) no-repeat center center;
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
	top: 138px;
	right: 10px;
	text-decoration: none;
}

.SliderNameDescription{
	font-family: Verdana;
	font-size: 10px;
	text-align: left;
	padding: 5px;
}

#SliderNameNavigation { margin: 10px 0 0 0; padding-top: 15px; height: 15px; text-align: center; -moz-border-radius: 6px 6px; background: #fff; }

#SliderNameNavigation a:link, #SliderNameNavigation a:active, #SliderNameNavigation a:visited, #SliderNameNavigation a:hover{
	margin: 0 2px;
	background: url(images/nav.html) no-repeat center center;
	font-size: 0px;
	line-height: 0px;
	padding: 12px;
	text-decoration: none;
}

#SliderNameNavigation a.active:link, #SliderNameNavigation a.active:active, #SliderNameNavigation a.active:visited, #SliderNameNavigation a.active:hover{
	background: url(images/nav_active.html) no-repeat center center;
}


div.bgcarousel{ /* CSS for main carousel container */
background: black url(ajaxload.gif) center center no-repeat; /* loading gif while caoursel is loading */
width:1000px; /* default dimensions of carousel */
height:333px;
}

img.navbutton{ /* CSS for the nav buttons */
margin:5px;
opacity:0.7;
}

div.slide{ /* CSS for each image's DIV container within main container */
background-color: black;
background-position: center center; /* center image within carousel */
background-repeat: no-repeat;
background-size: cover; /* CSS3 property to scale image within container? "cover" or "contain" */
color: black;
}

div.selectedslide{ /* CSS for currently selected slide */
}

div.slide div.desc{ /* DIV that contains the textual description inside .slide */
position: absolute;
color: white;
left: 580px;
top: 200px;
width:406px;
height:120px;
padding: 10px;
font-family:Calibri; font-size:16px; color:#FFFFFF; text-decoration:none;
text-shadow: 0 -1px 1px #8a8a8a; /* CSS3 text shadow */
z-index:5;
opacity:0.8;
background-color:#353637;}

div.selectedslide div.desc{ /* CSS for currently selected slide's desc div */
}

div.slide div.desc h2{
font-size:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
margin:0;
background:#333333;
}

div.slide div.desc a{
color:yellow;
text-decoration:none;
}


.glossymenu{
margin: 0px 0;
padding: 0;
width:225px; /*width of menu*/
  }

.glossymenu a.menuitem{
font-family:Tahoma; font-size:11px; text-decoration:none; color:#66522c;
font-weight:bold;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 2px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #990000;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

 

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: none;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

 

.glossymenu div.submenu ul li a{
display: block;
font-family:Tahoma; 
font-size:11px; text-decoration:none; 
color:#66522c; 
line-height:18px;
text-decoration: none;
padding: 2px 0;
padding-left:2px;
}
 
 /* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/*end */
#slider {
	position:relative;
    width:1000px;
    height:333px;
 	}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:460px;
	bottom:-5px;
	display:none;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.html) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

/*====================*/
.normal-text{ font-family:Tahoma; font-size:11px; color:#666666;}