@charset "UTF-8";
/* =CALL LIBRARY */
	

/* =GENERAL - the general styles */
body{
	
		color: #b5b5af;
		background: #2a2924 url(http://www.bennetto.ca/images/top_bg249.jpg) top repeat-x;
                width: 100%;

               margin: 0;
	}



p + p {text-indent:0;margin-top:1.5em;}

h2 {color: #edeeee;}
h3 {color: #5994a1;}
h4 {color: #b5b5a3;}


.alt { 
  color: #cd9554; 
  font-size:1.3em;
}

.title { 
  color: #cd9554; 
  font-size:1.7em;
}

.tableHead {
background-color: #2a2924;

}

table th {
background-color: #2a2924;
border-bottom: 1px solid #bdbdbd;
margin-bottom: 3px;
}

   ul {list-style:none;}

	a{text-decoration: none;color: #5599a7;}
	a:hover{color: #bb800f;}
	hr{display: none;}
	strong{font-weight: bold;}
	ul.borderedlist li{
		border-bottom: 1px dashed #d1cfcd;
	}
	ul.borderedlist li a{
		display: block;
		padding:3px 0 0 2px;
		height: 26px;
		color: #42423b;
	}
	ul.borderedlist li a:hover{background: #E5E5E4;color: #42423b;}
	
	.verticalalign {
	vertical-align: middle;

       
}

     
/* =LAYOUT - the main layout styles */

.eco{
		width:950px;
		margin: 0px auto;
		position: relative;
		overflow: hidden;
}
	
	/* header layout */
	#header{
		height: 253px;
		position: relative;
               margin-bottom: 20px;
	}

#navigation{
		position: absolute;
		right: 0;
               left: 300px;
		top:22px;
}

#banner{
		position: absolute;
		right: 0;
               left: 0px;
		top:108px;
         
}

#banner-left {
	height: 145px;	

}

#banner-left h3 {
	color: #11110f;

}

#banner-left h5 {
	color: #2a2924;
padding-left: 40px;
}


#banner-image {

margin: 0px;
padding:0;
height: 200px;

position: relative;
top: -59px;	
right: -50px;
}

	
	
/* =HEADER - the header styles */
	#header .eco{height: 253px;

}
	/* logo */
	h1{
		position: absolute;
		height: 71px;
		top: 12px;

	}
	h1 a{
		font-size: 24px;
		font-weight: bold;
		letter-spacing: -2px;
		padding: 22px 9px 25px 9px;
		display: block;

		background: url(http://www.bennetto.ca/images/bennetto_logo.gif) left top no-repeat;
               color: #1a1a1a; 
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
  font-style: italic;
  font-weight: normal;


	}
	h1 a:hover{color: #fff;}
	h1 a span{
		height:71px;
		width: 13px;
		position: absolute;
		top:0;
		right: -13px;
		cursor: pointer;
		background: url(http://www.bennetto.ca/images/logo_right.gif) right top no-repeat;

}
	/* top navigation */
	#navigation li{
		float: left;
		padding-right: 27px;
		text-transform: uppercase;
		font-size: 1.1em;
		font-weight: normal;
	}
	#navigation li a{color: #fff;}
	#navigation li a:hover,#navigation li.active a{color: #2c2c2c;}
		/* message and building pic */
	#header-text{
		position: absolute;
		width: 450px;
		float: left;
		height: 125px;
		color: #a49c8f;
		font-weight: bold;
		padding:0 0px 0 7px;
                top: 100px;
               left: 40px;
		bottom: 0;
		font-size: 1.0em;
		
             
	}

#header-text h2{
color: #93c53d;
font-size: 1.3em;
}
	


.cleardiv {
	clear: left;
}


	
/* =CONTENT - the content styles */
	/* left column */
	.leftbox {

margin: 0px 0 0px 0;
padding: 5px 5px 20px 10px;
background-color:#474538;
  border: 2px solid #2e2e26;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
}
        .leftbox h2 {color: #c65a13;}
	 .leftbox h3 {color: #cd9554;}
    	
	/* center column */
	.article_wrapper h2{color: #5699A7; font-size:2em;margin:10px 0;}
	.article_wrapper p{padding-bottom:10px;font-size:1.3em;}	
        .article_wrapper li {
	list-style-type: disc;
	margin-left: 20px;
      
}
	/* right column */
	.rightbox_wrapper{
		background: #eeeded;
		padding:0px;
		margin-bottom: 20px;
		width:277px;
		overflow: hidden;
		font-size:11px;
		line-height: 18px;
		color: #58584D;
	}
	.rightbox{border: 1px dashed #d9e0e8;width:275px;overflow: hidden;padding-bottom:6px;}
	.product_image{ float: left;margin: 6px 0 0 6px;width: 100px;}
	.product_wrapper{float: right;width:145px;}
	.product_wrapper h4{font-size:1.3em;color: #483F3D;font-weight: bold;padding-top:10px;}
	.product_wrapper p{font-size:1em;}
	.lastbox{margin:0;}
/* =BOTTOM */
	.bottomcolumn h3{
		border-bottom: 4px solid #9b968f;
		color: #5699A7; font-size:18px;padding:15px 0 5px 5px;
	}
	.bottomcolumn p{
		padding: 10px 35px 10px 5px;
		font-size: 1.2em;
	}
	.iconlist{
		border-top: 1px dashed #d1cfcd;
		font-size: 1.2em;
	}
	ul.iconlist li a{
		padding-left: 25px;
		background: url(http://www.bennetto.ca/images/footer_list.jpg) left bottom no-repeat;
	}
	ul.iconlist  li a:hover{background: #E9E4DE url(http://www.bennetto.ca/images/footer_list.jpg) left top no-repeat;color: #42423b;}
	.enewsbox{
		float: left;
		width: 180px;
		height: 17px;
		padding:3px 5px;
		border: 4px solid #5599A7;
		font-size:13px;
	}
	.button{
		display: block;
		float: left;
		width: auto;
		line-height:1em;
		text-align: center;
		background: #659AA6;
		border: 4px solid #fff;
		color: #fff;
		cursor: pointer;
		margin:0;
		padding:3px 8px; /* IE6 */
	}
	
/* =FOOTER */
	#footer{
                margin-top: 40px;
                width: 100%;
		height: 37px;
		background: #4a4841 url(http://www.bennetto.ca/images/footer_bg2.jpg) 0 0 repeat-x;
		font-size: 1.2em;
	}
	#footer a{color: #A39D97;}
	#designby{
		float: left;
		height: 23px;
		padding:2px 0 0 5px;
		margin-top: 5px;
               color: #A39D97;
	}
	#footer_navigation{
		float: right;
		padding-top:7px;
	}
	#footer_navigation li{float: left;padding-left:18px;}
	#footer_navigation li a{text-transform:uppercase;}
	#footer_navigation li a:hover{color: #000;}
	
	
code {
  white-space: normal;
 }
.codeblock {
 background: 		#EFEFF4;
 border-left:		1px solid #B2B3CE;
 border-top:		1px solid #B2B3CE;
 border-bottom:		1px solid #B2B3CE;
 border-right:		1px solid #B2B3CE;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 color:             #38394B;
 margin:			8px 4px 10px 3px;
 padding:			10px 10px 10px 6px;
}


ul.list {font-size: 11px;}
ol.list {font-size: 11px;}

#eula {
	visibility: hidden;
	font: 1em/150% "Lucida Grande", Lucida, Verdana, sans-serif;
	display: none;
	position: relative;
	padding-right: 5px;
}

#categories {

	background-color:#e6e6e6;

	border:1px solid #d0d0d0;

	width:280px;

	padding:10px;	

	margin:0px;

	margin-bottom:10px;

	padding-top:9px;

}



#cat_tabs {

	margin:0px;

	padding:0px;

}

#cat_tabs li {

	list-style:none;

	display:inline;

	margin:0px;

	padding:0px;

}

#cat_tabs li a {

	padding-top:6px;

	padding-bottom:4px;

	padding-left:10px;

	padding-right:10px;

	border:1px solid #bcbcbc; 

	text-decoration:none;

	font-size:9px;

	font-family:Verdana,  Arial, Helvetica, sans-serif;

	text-transform:uppercase;

	color:#232323;

	position:relative;

	top:-1px;

}

#cat_tabs li a.on {

	background-color:#ffffff;

	border-bottom:1px solid #ffffff;

	color:#c53c00;	

}

#cat_tabs li a.off {

	background-color:off;

	border:0px;

	padding-left:8px;

	padding-right:8px;	

}

#cat_tabs li a.off:hover {		

	color:#c53c00;

}

.cat_content {

	background-color:#ffffff;

	border:1px solid #bcbcbc;	

}

.cat_content ul {margin:0px; padding:0px; padding-top:10px; padding-bottom:15px;}

.cat_content ul li {

	margin:0px; 

	padding:15px;

	padding-top:0px;

	padding-bottom:0px;

	list-style:none;



}

.cat_content ul li a{

	color:#403f3f;

	text-decoration:none;

	border-bottom:1px solid #ebe9e3;

	display:block;	

	padding-top:5px;

	padding-bottom:5px;	

}

.cat_content ul li a:hover { color:#519330 }

#categories a small {

	font-style:normal;

	font-size:9px;

	text-transform:uppercase;

	color:#b3a37b;

	padding-left:2px;

}


#search {
width: 300px;

}


.treeview, .treeview ul { 

	padding: 0 0 0 0px;

	margin: 0;

	list-style: none;
}

.treeview h3 { 
	padding-left: 3px;
margin-top: -2px;
	margin: 0;
        display: inline;
      
}

.treeview ul {
	
	margin-top: 4px;
}



.treeview .hitarea {

	background: url(http://lwww.bennetto.ca/js/jquery/plugins/jquery-treeview/images/treeview-default.gif) -64px -25px no-repeat;

	height: 16px;

	width: 16px;
       
	margin-left: -16px;

	float: left;

	cursor: pointer;
       

}

/* fix for IE6 */

* html .hitarea {

	display: inline;

	float:none;
}



.treeview li { 

	margin-left: 2px;

	padding: 3px 0px 3px 14px;

}

.treeview a {

	color: #b5b5a3;

}

.treeview a.hover {

	color: #cd9554;

}

.treeview a.selected {

	color: red;

}



#treecontrol { margin: 1em 0; display: none;  }

.treeview .hover {cursor: pointer; }

.treeview li { background: url(http:/www.bennetto.ca/js/jquery/plugins/jquery-treeview/images/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -5px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(http://www.bennetto.ca/js/jquery/plugins/jquery-treeview/images/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(http://www.bennetto.ca/js/jquery/plugins/jquery-treeview/images/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(http://www.bennetto.ca/js/jquery/plugins/jquery-treeview/images/treeview-famfamfam2.gif); } 

.treeview-black li { background-image: url(http://www.bennetto.ca/js/jquery/pluginsy/jquery-treeview/images/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(http://www.bennetto.ca/js/jquery/plugins/jquery-treeview/images/treeview-black.gif); }  

.treeview-gray li { background-image: url(http://lwww.bennetto.ca/js/jquery/plugins/jquery-treeview/images/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(http://lwww.bennetto.ca/js/jquery/plugins/jquery-treeview/images/treeview-gray.gif); } 

.treeview-famfamfam li {background-image: url(http://www.bennetto.ca/js/jquery/plugins/jquery-treeview/images/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(http://www.bennetto.ca/js/jquery/plugins/jquery-treeview/images/treeview-famfamfam2.gif); } 


.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(http://www.bennetto.ca/js/jquery/plugins/jquery-treeview/images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(www.bennetto.ca/bennetto/js/jquery/plugins/jquery-treeview/images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(http://www.bennetto.ca/js/jquery/plugins/jquery-treeview/images/file.gif) 0 0 no-repeat; }

#slideshow {
position: relative;
margin: 0 0 30px 0;
background-color: #2a2924;
}



.innerfade-title{
       position: absolute;
       bottom: 20px;
       left: 0;
       z-index: 290;
       width: 600px;
       background: #2a2924 url(http://www.bennetto.ca/js/jquery/plugins/jquery.animated.innerfade/img/title-bg.png);
       height: 34px;
       filter:alpha(opacity=80);
       -moz-opacity: 0.8;
        opacity: .8;
        border-top: 1px solid white;
}
.innerfade-title h2{
        color: white;
        font-weight: bold;
       margin-top: 0;
       margin-bottom: 0;
              text-align: center;
       font-family: Arial;
       font-size: 16px;
       font-style: italic;
       line-height: 34px;
}
.mycontrolboxclass{
        position: absolute;
        right: 35px;
        top: 20px;
}


ul#animated-portfolio{
        padding: 0;
        margin: 0;
        list-style-type: none;
}
ul#animated-portfolio li{
        padding: 0;
}


.galleria{list-style:none;width:160px;position:relative;left:10px;}
.galleria li {display:block;width:70px;height:70px;overflow:hidden;float:left;margin:0;}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleriadd .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
      
	*{margin:0;padding:0}
	
	
	.caption{color:#888;position:relative;top:0px;left:3px;width:360px;}
	.gallery{position:relative;top:0px;width:690px;height:100%;}
	.gallery_demo{margin-top: -5px;width:260px;height:100%;margin-left:0px;float:left;}
	.gallery_demo li{width:52px;height:52px;border:2px double #eee;margin: 0 8px 0px 2px;}
	.gallery_demo li.hover{border-color:#bbb;}
	.gallery_demo li.active{border-style:solid;border-color:#222;}
	.gallery_demo li div{left:-2px;}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	.galleria_container{float:left;margin:0 auto 10px 0px;height:270px;width:390px;}
	.galleria_container img{height:270px;width:390px;}
	.nav{padding-top:0px;clear:both;}
	
	.info{text-align:left;margin:30px 0;border-top:1px dotted #221;padding-top:30px;clear:both;}
	.info p{margin-top:1.6em;}
	
	.nav{text-align: right;margin:0 17px 0 0;padding:0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
  	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}