@font-face {
	font-family: 'BergamoStdRegular';
	src: url('../lib/fonts/BergamoStd-Regular.eot');
	src: local('Bergamo Std Regular'), local('BergamoStd-Regular'), url('../lib/fonts/BergamoStd-Regular.ttf') format('truetype');
}

* {margin:0; padding:0; outline: 0; }
img, fieldset {border: 0; }
body {background:#c6e3c0;text-align:center; color: #666; font: medium BergamoStdRegular, Verdana, Arial, sans-serif;}
div#container {background: url('../images/background.jpg') top center no-repeat;width:960px;overflow:hidden; margin: 0 auto 0 auto; text-align: left; position: relative; }

div#nav-box {width:260px;height: 507px;overflow: hidden; float:left}
div#content {width: 680px;height: 437px;overflow: hidden; float:left; color: #eee; padding-top:70px; padding-left:5px; 
				position: relative;	
 }
div#footer {width: auto; padding: 0 25px 0 25px;font-size: small}

div#menu {margin: 120px 30px 30px 50px;}

ul.menu {list-style: none; color: #eee; font-size: large}
ul.menu li {}

div#ie6detect {display: block;}

div#maincontent {background: #b3d2ac; 

			/*
		filter:alpha(opacity=80);
					-moz-opacity:0.8;
					-khtml-opacity: 0.8;
					opacity 0.8; 	
*/		
				margin: 0px 30px 30px 20px;
				padding:8px;
				height: 345px;
				color: #444;
				overflow: auto;
				z-index: -200;
	
}
			
			
div#loading {
				float: right;
				display:none;
				z-index: 100;
				position: absolute;
				top: 10px;
				right:10px;
				z-index: 100;
			}
			
fieldset {padding:5px}
#form-res {width: 400px; height: 40px; padding: 10px; color: #7A2503; font-size: large; display: none}

h2.page-heading {margin-left:20px;padding:0; color:#7A2503}
span.contact-detail {color: #7a2503; font-size: 110%;}
.blockquote {margin-left: 2em;}
.large {font-size: 20pt; position: relative; top: 2px;}

hr {margin-top:10px; margin-bottom: 10px; border:1px dashed #ddd}

#info-button img {margin-left:5px;position: relative; top:20px; border: none; background: none; z-index: 8000;}

.clear {clear:both;}
.float-left {float:left; display: inline}
.float-right {float:right; display: inline}
#home-content p {line-height: 20px;}

/* Link Styling */
/* General / Default */
a:link, a:visited, a:active {color: #966; text-decoration: none}
a:hover {text-decoration: underline; color: #666}

/* Left Menu */
ul.menu li a {color: #eee;text-decoration: none; font-size: normal; font-family: Helvetica}
ul.menu li a.active {color: #7A2503;}
ul.menu li {margin-bottom: 5px;}
ul.menu li a:hover {color:#9eee9e; }



div#triggers {border-top: 1px dashed gray}
.trigger img {cursor: pointer; }
/* Tabs styling for services page */
/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #666;	
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
	color: #fff;
}

/* link inside the tab. uses a background image */
ul.tabs li a { 
	background: url('../images/tabs.png') no-repeat 0 -31px;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 133px;
	text-align:center;	
	text-decoration:none;
	font-weight: bold;
	color:#fff;
	padding:0px;
	margin:0px;
	top:1px;}

ul.tabs li a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs li a:hover {
	background-position: 0 -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs li a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: 0 -62px;		
	cursor:default !important; 
	color:#000 !important;
}



/* initially all panes are hidden */ 
div.pane {
	display:none;	
	background: #fff;
	border: 1px solid #9ab062;
	border-top: none;
	padding: 5px;
	min-height: 350px;
	
}

ul.price-tabs {list-style-type: none;}
ul.price-tabs a {font-weight: bold;}
/* div.price-pane {display: none;} */
div#price-tabs-container {float:left; width: 290px; overflow: hidden;margin:0;padding:0}
div#price-pane-container {
				margin:0;padding:10px;
				float:left;
				width: 300px; /* image width:280px */
				height: 400px;
				padding-top: 0;
		}
div#price-tabs-container p {margin-left:10px;}

/*********************************/
/* srollable gallery style */
/* main vertical scroll */
.main {
	position: relative;
	overflow:hidden;
	height: 550px;
}

/* root element for pages */
.pages {
	position:absolute;
	height:20000em;
}

/* single page */
.page {
	padding:5px;
	height: 550px;
	background:#eee;
	width:500px;
}

/* root element for horizontal scrollables */
.scrollable {
	position:relative;
	overflow:hidden;
	width: 510px;
	min-height: 450px;
}

/* root element for scrollable items */
.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.item {
	float:left;
	cursor:pointer;
	width: 400px;
	min-height:225px;
	padding: 10px;
}
.item img {
	width: 350px;
	height: 300px;
}

/* main navigator */
.main_navi {
	float:left;
	padding:0px !important;
	margin:0px !important;
}

.main_navi img {
	width: 80px;
	}

.main_navi li {
	background-color:#fff;
	clear:both;
	color:#000;
	font-size:12px;
	height:80px;
	list-style-type:none;
	padding:10px;
	width:190px;
	cursor:pointer;
}

.main_navi li:hover {
	background-color: #fff;
}

.main_navi li.active {
	background-color: #eee;
	border-bottom: 1px solid #666;
}

.main_navi img {
	float:left;
	margin-right:10px;
}

.main_navi strong {
	display:block;
}

.main div.navi {
	margin-left:250px;
	cursor:pointer;
}


/* Fade in pictures in Tiled Patterns in products  */
.slideshow {
	position: relative;
    margin-right: 20px;
    height:300px;
}

.slideshow IMG {
    position:absolute;
    top:0;
/*     right:20px; */
    z-index:8;
    opacity:0.0;
}

.slideshow IMG.show {
    z-index:10;
    opacity:1.0;
}

.slideshow IMG.last-active {
    z-index:9;
}

/* Alternative slideshow plugin */
div.showcase {
    position: relative;
    }

div.showcase ul.layers {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clear: both;
    position: relative;
    top: 0;
    left: 0;
    }

    div.showcase ul.layers li {
        float: left;
        position: absolute;
        }
.loading {
    background: url(../images/loading.gif) no-repeat center #DDD !important;
    }
    
div.showcase ul.layers {
    width: 490px;
    height: 260px;
    background: #FFF;
    }

    div.showcase ul.layers li {
        width: 450px;
        height: 260px;
        background: #DDD;
        padding: 20px;
        }

    div.showcase ul.layers li { margin-right:5px; }

#tile-slide ul.layers {width:220px; height: 220px; background: none}
#tile-slide ul.layers li {width:200px; height: 200px; background: none}

#com-slide ul.layers {width:340px; height: 260px; background: none}
#com-slide ul.layers li {width:320px; height: 240px; background: none}

/* Image holder for tiles  */
.image-holder {text-align: center; width:200px; float: left; margin-left: 25px;}
.image-holder img {margin:3px}

/* input[type='submit'], input[type='reset'] {display: block; padding: 5px; border: 1px solid black} */
label.error {color: red;}
p.mission {text-align: center; color: #75AB1E; font-size: large}
strong {font-weight: normal;}
.em { font-style: italic; }

.strong {
	font-weight: bold;
}
.center {
	text-align: center;
	margin: 0 auto 0 100px;
}
ul.ul { list-style-position: outside;
}
ul.ul li { margin-left: 17px; list-style-position: outside;
}

/*//// Galleria plugin ////*/
ul.galleria {list-style:none;width:100%; position: relative;
	min-height: 450px;
	margin: 20px;
	overflow-y: auto;
}
#main_image {margin: 10px; min-height: 500px}
.galleria li {display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0; }
.galleria li a{display:none}
.galleria li div{position:relative;display:none;top:0;left:180px; position: relative; }
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block; position: relative; }
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
/*//// End of Galleria ////*/

/* Special offer div */
div#special-offer {
	width: 296px;
	height: 145px;
	position: absolute;
	right: 10px;
	z-index:0;
}
div#special-offer img {
	position: absolute;
	top: 0;
	right: 0;
	display: none;

}
div#special-offer img.show {
	display: block;
}