/* CSS Document */
html  {font: 62.5%/1.6 'Lucida Sans', Verdana, Arial, sans-serif; color: #777777; text-align: left; }

img {
		border: 1px solid #424d2a;
		}

body {
		margin-left: 0px; 
		margin-top: 0px;
		margin-right:0px;
		padding:0px;
		background:url(../images/wp_damask_004E2.gif);
		}

#container-page {
		position:relative;
		margin-left:0;
		}

#page {	
		}



#container-header {
		position:relative;
		width:100%;
		height:50px;
		margin-top:40px;
		
		}

#header {
		height:50px;
		color: #666666;
		font-variant:small-caps;
		background-image:url(../images/logoB.gif);
		background-repeat:no-repeat;
		margin-left:8px;


		}



/* Top Nav */

#container-nav {
		position:relative;
		margin-top:5px;
		background-color: #373737;
		height:20px;
		border-top:1px solid #515151;
	
		}

#nav {
		width: 776px;		
		}

#nav ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		text-align: right;
		}

#nav ul li {
		display:inline;
		padding: 0px 17px 0px 0px;
		margin: 0px 0px 0px 0px;
		}

#nav ul li a {
		color:#90B145;
		}

#nav ul li a:hover {
		color:#666666;
		}
		
#nav ul li a:visited {
        text-decoration: none;
		}
		
#nav li {
	    font-family: 'Lucida Sans', Verdana, Arial, sans-serif;
		font-size: 12px;
		color:#90B145;
		font-weight:bold;
		}



/* Content Area */

#container-content {
		position:relative;
		height:460px;
		width:100%;
		background-color: #262626;
		border-top: 1px solid #252525;
		
		}	
	
#main-content {
		position:relative;
		width:765px;
		
		}



/* Side Nav */

#container-sidenav { 
		position:relative;
		float:left;
		top:23px;
		height:399px;
		width:140px;
		background-image:url(../images/sidenav_flourish1.gif);
		background-repeat: no-repeat;
		background-position:bottom left;
		border-right: solid 1px #444444;
		border-bottom: solid 1px #444444;
		}

#sidenav {
margin:0px 0px;
		}
		
		
/* Applies to all basic lists */

ul {
		margin: 0;
		list-style-type: circle;
		color:#8fa65b;
		padding-left:25px;
		}

li {	
		padding-bottom:5px;
				}
.tall_list li {	
		padding-bottom:15px;
				}				

li i {	
		color:#777777;
				}


li span {	
		color:#777777;
				}

/* h6 applies to all gallery copy sub-headings */
	
h6 {
		color:#818181;
		font-weight:normal;		
		font-family: 'Lucida Sans', Verdana, Arial, sans-serif;
		font-size: 12px;
		margin: 0 0 0px 0 ;
		padding: 10px 0px 6px 0px;
		}

h6 a:link {
        color: #888;
        text-decoration: none;
		}
		
h6 a:visited {
        text-decoration: none;
        color:#888;
		}

h6 a:hover {
        text-decoration: none;
        color: #8fa65b;
		}
		
h6 a:active {
        text-decoration: none;
		}	

/* h5 applies to all sidenav menu items except when functioning as an accordion */
	
h5 {
		color:#888;
		border-top: 1px solid #444444;
		font-family: 'Lucida Sans', Verdana, Arial, sans-serif;
		font-size: 11px;
		margin: 0 0 0px 0;
		padding: 4px 0px 6px 35px;
		}

h5 a:link {
        color: #888;
        text-decoration: none;
		}
		
h5 a:visited {
        text-decoration: none;
        color:#888;
		}

h5 a:hover {
        text-decoration: none;
        color: #8fa65b;
		}
		
h5 a:active {
        text-decoration: none;
		}	

/* h4 applies to all sidenav sub-menu items */

h4 {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	color:#666;
	text-align:left;
	font-family: 'Lucida Sans', Verdana, Arial, sans-serif;
	font-size:10px;
	}

h4 a:link {
    color: #666666;
    text-decoration: none;
	}

h4 a:visited {
    text-decoration: none;
    color:#666;
	}

h4 a:hover {
	text-decoration: none;
	color: #8fa65b;
	}

h4 a:active {
   text-decoration: none;
	}

/* h3 applies to sidenav menu items when functioning as an accordion */

h3 {
	margin: 0px 0px 5px 25px;
	text-align:left;
	}

/* h2 applies to all gallery copy headings */
	
h2 {
		color:#777;
		font-family: 'Lucida Sans', Verdana, Arial, sans-serif;
		font-size: 14px;
		margin: 23px 0 0px 0;
		padding: 2px 0px 5px 10px;
		}

h2 a:link {
        color: #888;
        text-decoration: none;
		}
		
h2 a:visited {
        text-decoration: none;
        color:#888;
		}

h2 a:hover {
        text-decoration: none;
        color: #8fa65b;
		}
		
h2 a:active {
        text-decoration: none;
		}
		

/* h1 applies to all large headings */
	
h1 {
		color:#777;
		font-family: 'Lucida Sans', Verdana, Arial, sans-serif;
		font-size:18px;
		margin: 0px;
		padding: 0px 0px 6px 20px;
		}
		
#container-gallery { 
		position:relative;
		float: right;  
		height:460px;
		width:605px;
		}

#gallery {
		min-height:460px;
		font-size:12px;

	
		}
	
#gal-copy {
		margin-left:10px;
		margin-right:7px;
		width:588px;
		border-top: 1px solid #424d2a;
		}	

#gal-copy h2 {
		margin: 0px 0 0px 0;
		padding: 10px 0px 3px 0px;
		color:#8fa65b;
		}

#gal-copy ul {
		line-height:15px;
		}

#gal-copy p {
		float:right;
		width:155px;
		margin:0px;
		padding-bottom:10px;
		}	

#gal-copy-col {
		float:left;
		width:282px;
		
		}	
		
#flourish {
		position:absolute; 
		top:83px; 
		left:773px;
		border:none;
		background:url(../images/flourish.gif);
		background-repeat:no-repeat;
		width:109px;
		height:295px;
		}	
	
	
#container-footer {
		background-color: #333;
		border-top: 1px solid #222;
		border-bottom: 1px solid #262626;
		height:15px;
		position:relative;
		}	
	
#footer {
		position:absolute;
		font-family: Lucida Sans, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		text-align:left;
		color:#616161;
		margin-left:300px;
		width:500px;
		bottom:1px;
		}	
	
		
a:link {
        color: #6e8046;
        text-decoration: none;
		outline:none;
}
a:visited {
        text-decoration: none;
        color:#6e8046;
		outline:none;
}
a:hover {
        text-decoration: none;
        color: #767676;
}
a:active {
        text-decoration: none;
		outline:none;
}

 a:link.switch_link {
        color: #777777;
        text-decoration: none;
		outline:none;
}
a:visited.switch_link {
        text-decoration: none;
        color:#777777;
		outline:none;
}
a:hover.switch_link {
        text-decoration: none;
        color: #6e8046;
}
a:active.switch_link {
        text-decoration: none;
		outline:none;
}

/* these apply to the Mootools1.1 Accordion */

#accordion {
	margin:0px 0px;
}

.toggler {
	cursor: pointer;
	border-top: 1px solid #444444;
	font-family: 'Lucida Sans', Verdana, Arial, sans-serif;
	font-size: 11px;
	background: #262626;
	margin: 0 0 0px 0;
	padding: 4px 0px 0px 35px;
}


.toggler h3 a:hover {
	color:90B145;
 	}
	
.element {
 	margin: 1px 0px 5px 50px;
}
 
.element p {
	margin: 0px;
	padding: 0px;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}






/* these apply to the German Tabs  */

div.accordion div
{
	position: relative;
	overflow: hidden;
	}

.accordion_toggler_1 {
		cursor:pointer;
		}

.accordion_toggler_2 {
		cursor:pointer;
		}		
		

.accordion_toggler_2 h2 {
		cursor:pointer;
		padding-right:15px;
		color: #555;
		}		

.accordion_toggler_2 span{
	 font-weight:bold;
		}
		
.accordion_toggler_2:hover h2{
	 color: #777777;
		}

		
.accordion_toggler_1:hover{
	 color: #8fa65b;
		}

.accordion_toggler_2:hover h6{
	 color: #8fa65b;
		}

.accordion_toggler_2:hover span{
	 color: #777777;
		}

div.accordion div.open {
	 color: #8fa65b;
	 }
	 
div.accordion div.open h2 {
	 color: #777777;
	 }		

div.accordion div.open h6 {
	color: #8fa65b;
	
	 }		

div.accordion div.open h6 span {
	color: #777777;
	 }	

.tab_container *{
	float:left;
	}

.accordion_content_2 {
	padding-top:20px;
	clear:both;
	position:relative;
	width:588px;
	}
	
.accordion_content_1 {
	position:relative;
		}	
	
.accordion_content {
	position:relative;
		}
	
.accordion_toggler_2 h6{
		color:#555555;
		font-weight:normal;		
		font-family: 'Lucida Sans', Verdana, Arial, sans-serif;
		font-size: 12px;
		margin: 0 0 0px 0 ;
		padding: 5px 0px 5px 0px;
		border-top: 1px solid #424d2a;
		}

#accordion_toggler_2A  h6 {
		border-top:none;
		padding-top:10px;
		backgroundx:url(../images/comparebwb.gif) no-repeat right;
		}
		
/* These apply to the Sliding Tabs function */
.SlidingPanels {
	clear: left;
	position: relative;
	width: 605px;
	padding: 0px;
	border: none;
	
}
#slidingPanel{
	
}

#slidingPanel2{
	
}
.SlidingPanelsContentGroup {
	position: relative;
	float: left;
	width: 10000px;
	margin: 0px;
	padding: 0px;
	border: none;
}

.SlidingPanelsContent {
	float: left;
	width: 605px;
	overflow: hidden;
	margin:0px;
	padding-right:10px;
	padding-left:0px;
}


.SlidingPanelsAnimating * {
	overflow: hidden !important;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.slidingTabPanelWrapper {
	
	/* display: none; */
	width:605px;
}
.slidingTabPanel {
	float:left;
}


.tabActive {
	float:left;
	cursor:pointer;
	padding-right:15px;
	color: #555;
	outline:none;
}

.tab {
	float:left;
	cursor:pointer;
	padding-right:15px;
	color: #555;
	outline:none;
	}

.tabActive h2 {
	color: #777777;
	}

.tab h2{
	color:#555555;
	}

.tab:hover h2 {
	color: #777777;
	}
		
		
		
/* These apply to form elements on the contact pages */

input, textarea, select{
	background-color:#353535; border:1px solid #424d2a; color:#8fa65b;font-family: 'Lucida Sans', Verdana, Arial, sans-serif; font-size:13px;
}

input:focus, textarea:focus, select:focus{
	background-color:#303030; border:1px solid #6e8046;
}

input, textarea{
 padding:2px;
 }
 
 select{
 padding:1px;
 }