/*GLOBAL RESET*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
     margin:0;
     padding:0;
     border:0;
     font-size:100%;
     vertical-align:baseline;
     background:transparent;
     outline: none;
}

body{  line-height:1;  }

a:active{  outline:none;  }

/*ol,ul{  list-style:none;  }*/

blockquote,q {  quotes:none;  }
blockquote:before,blockquote:after,q:before,q:after {  content:'';content:none;  }
ins {  text-decoration:none;  }
del {  text-decoration:line-through;  }
table {  border-collapse:collapse; border-spacing:0;  }
/* ********** End RESET ************** */

.clearfix:after {
content: ".";
visibility: hidden;
display: block;
clear: both;
_height: 0;
font-size: 0;
}

/* ********** Basic Elements ************** */
html
{
	margin:0;
	padding:0;
	font-family:  Verdana, Arial, sans-serif;
	background:url(../images/rpt_bg.gif) top repeat-x;
}

body
{
	margin: 0;
	padding: 0;

	background:url(../images/rpt_bg_footer.gif) bottom repeat-x;
}

h1 {
	font: bold 'Georgia', serif;
  font-size: 150%;
  margin: 18px 0 8px 0;
}

h2 {
	font: bold 'Georgia', serif;
  font-size: 130%;
  margin: 15px 0 5px 0;
	color:#422;
}

h3 {
	font: bold 'Georgia', serif;
  font-size: 115%;
  margin: 12px 0 5px 0;
	color:#353;
}

h4 {
  margin: 10px 0 5px 0;
	color:#446;
}

h5 {
  font-size: 85%;
  margin: 12px 0 5px 0;

}

h6 {
  font-size: 75%;
  margin: 15px 0 5px 0;

}

p {
	margin:5px 0 20px 0;
}


a img
{
	border:none;
}

a:link, a:hover, a:visited, a:active
{
	text-decoration: none;
	font-weight:bold;
	color: blue;
}

a:hover{
	color:red;
}

.clear{
	float:none;
	clear:both;
	}

#content{
	padding:0 0 50px 0;
	min-height:200px;
	width:948px;
	margin:0 auto;
}
			
#header{
	
	width:948px;
	margin:0 auto;
}

#footer{
	clear:both;
	width:948px;
	margin:0 auto;
	height:230px;
	padding: 10px 0 147px 0;
	height:217px;
}

	
#footer span.left{
	float:left;
	}

#footer span.right{} /* See end of site.css and bring from there */


/**** Form Elements ****/
	
form{
	position:relative;
	margin: 4px 0 0 0;
	/*
	border:1px solid #888;
	background-color:#230E05; */
	width:400px;
	font:bold 16px georgia;
}

fieldset{
	margin:0 0 4px 0;
  background-color:#D2C4A6;
  border:solid 2px #3E1507;
  border-top:solid 1em #3E1507;
  position:relative;
  padding:3px 3px 5px 5px;
	-moz-box-shadow: 3px 3px 3px #666;
	-webkit-box-shadow: 3px 3px 3px #666;
	box-shadow: 3px 3px 3px #666;
	}

	form, fieldset{
	-moz-border-radius-topleft: 16px;
	-moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-top-left-radius: 16px;
	-moz-border-radius-topright: 16px;
	-moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-top-right-radius: 16px;
	}


legend {
	color:#603913;
	font-weight:bold;
	line-height:1em;
	margin-left:8px;
}


label{
	font-size:.8em;
	line-height:.9em;
	margin:.1em .4em;
	width:9em;
	color:#603913;
}

label, input, textarea{
float:left;
}

input{
  width:9em;
  font-size:1em;
  
}

.small input{
	width:3em;
}

label.small{
  min-width:3.25em;
  max-width:4.75em;
  width:auto;
  white-space: nowrap;

}

.large input{
	width:18em;
}

label.large{
  width:18em;
}

textarea{
  width:23em;
}

form br
{
	clear:both;
}

.req
{
  font-weight:bold;
	color:red;
}

.checkbox input
{
  width:2em;
  height:2em;
  margin:0;
  padding:0;
}



label.checkbox
{
 width:22em 
}

.button
{
	margin:.3em 0;
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0.25em;
	background-color: #FFFFFF;
	background-image: none;
	background-repeat: repeat-x;
	color: #333333;
	font-size: 75%;
	font-weight: bold;
}



.button:active
{
border: 3px double #CCCCCC;
border-top-color: #999999;
border-left-color: #999999;
}



form.admin{
	width:600px;
}

form.admin a{
	padding:0 0 0 5px;
	border-left:1px dotted #000;
}

form.admin fieldset fieldset{
	border-width:1px;
	border-style:dotted;
}

/**************** Form End ******************/



/******************* dglMessage() *********************/
p.message, .content p.message
{
	background-color:#ccc;
	color:red;
	border:2px solid black;
	font-weight:bold;
	font-size:120%;
	padding:.75em;
}

/**************** Other ***********************/
a.stealth_link, a.stealth_link:hover{
	cursor: default;
	color:#EEECCB;
	}


/*   Magic text editor (for adding bbcode, etc...) */   /* need to find a better system for extras like this */
/********************* ae_prompt *******************************/
#aep_ovrl {
background-color: black;
-moz-opacity: 0.7; opacity: 0.7;
top: 0; left: 0; position: fixed;
width: 100%; height:100%; z-index: 99;
}
#aep_ww { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; text-align: center;}
#aep_win { margin: 20% auto 0 auto; width: 400px; text-align: left;}
#aep_w {background-color: white; padding: 3px; border: 1px solid black; background-color: #EEE;}
#aep_t {color: white; margin: 0 0 2px 3px; font-family: Arial, sans-serif; font-size: 10pt;}
#aep_text {width: 100%;}
#aep_w span {font-family: Arial, sans-serif; font-size: 10pt;}
#aep_w div {text-align: right; margin-top: 5px;}


#magic_editor{
display:block;
border:#CD0303 solid 1px;
background-color:#aaa;
padding:5px 0 0 5px;
}

#magic_editor img{
border:black solid 1px;
margin-right:5px;
}

#magic_text{
width:350px;
}

/**************** Magic text end ***************/


/* ********************* begin site.css *************************** */



/*

main.css is for basic site elements and extremely common classes and ids like #header #footer #content etc...

site.css is for non-typical classes

*/


/* GLOBAL CSS NAVBAR */
#nav1{
	margin:0;
	padding:0;
	color:#fff;
}

#nav1 li{
	font-size:75%;
	display:inline-block;
	position:relative;
	margin:0;
	padding:0;
}

#nav1 li a{
	height:65px;
	width:157px;
	background:url(../images/main_nav_sprite.png) 0px 0px no-repeat;
	display:block;
	margin:0;
	padding:0;
	height:0;
	padding-bottom:65px;
}

#nav1 li a span{
	display:block;
	height:0px;
	padding-bottom:65px;
	background:url(../images/main_navtitle_sprite.png) -25px 0px no-repeat;
	text-indent:-1000em;
}

     #nav1 li a span.n2{ background-position:-182px 0px; }
     #nav1 li a span.n3{ background-position:-339px 0px; }
     #nav1 li a span.n4{ background-position:-496px 0px; }
     #nav1 li a span.n5{ background-position:-653px 0px; }
     #nav1 li a span.n6{ background-position:-815px 0px; }

          #nav1 li.contrast a{ background:url(../images/main_nav_sprite.png) -157px 0px no-repeat; }

          #nav1 li.long a{
               width:163px;
               background:url(../images/main_nav_sprite.png) -314px 0px no-repeat;
          }

					#nav1 li.long a:hover{
						background-position:-314px -67px;
					}

          #nav1 li a:hover{ background-position:0px -67px; }

          #nav1 li.contrast a:hover{ background-position:-157px -67px; }







ul#nav1 li .sub {
	position: absolute;
	top:56px;
	left:0px;
	background: #a34619;
	padding: 16px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 7px;
	-khtml-border-radius-bottomright: 7px;
	-webkit-border-bottom-right-radius: 7px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 7px;
	-khtml-border-radius-bottomleft: 7px;
	-webkit-border-bottom-left-radius: 7px;
	display: none;
	z-index: 100;
}
ul#nav1 li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#nav1 li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
}
ul#nav1 .sub ul li {
	width: 100%;
	color: #fff;
}
ul#nav1 .sub ul li h2 {
	padding: 4px 5px 4px 15px;
	margin: 0;
	border-top: 1px solid #8e3c16;
	border-bottom: 1px solid #8e3c16;
	font: bold 1.2em/1.35em 'Georgia', serif;
	color: #cbb79e;
	text-transform: uppercase;
}


ul#nav1 .sub ul li a {
	float: none;
	font: normal 1.2em/1.15em 'Arial', sans-serif;
	text-indent: 0; /*--Reset text indent--*/
	width: 150px;
	height: auto;
	background: #a34619;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
}
ul#nav1 .sub ul li a:hover {color: #dfd3b9; text-decoration: underline; background-position: 5px 12px ;}







/* END GLOBAL CSS NAVBAR */

#logo img{
	margin:0;
	padding:0;
	height:84px;
	width:333px;
	display:block;
	padding-top:10px;
	padding-bottom:2px;

}




#nav2{
	float:right;
	background: url(../images/header_navBG.png) top right  ;
	height:37px;
	width:297px;
	padding:0;
	margin:0;
	text-align:center;
}

#nav2, #nav2 a{
	color:#fff;
	text-transform:uppercase;
	font-size:92%;
}

#nav2 li{
	font-size:75%;
	display:inline-block;
	margin:13px 0 0 0;
	border-left:#fff solid 1px;
	padding:0 5px 1px 5px;
	line-height:.9em;
}

#nav2 li:first-child{
	border:none;
}

#content #nav1 li, #content #nav2 li{
	display:block;
}

#footer a{
	color:#000;
	text-decoration:underline;
}


#admin_nav li{
	font-size:70%;
	display:inline-block;
	margin:0 5px;
}

#admin_nav li a{
	color: #994422;
	padding:3px;
}

#admin_nav li a:hover{
color:#fff;
background-color:#994422;

}



/*-------------CONTENT SECTION BEGINS HERE-----------------*/

	#content h1#process, #content h1#blog, #content h1#facts,
	#content h1#reviews, #content h1#international, #content h1#shopping {
          font: bold 24px/28px 'Georgia',serif;
          color: #603913;
          position: absolute;
          top: 200px;
          margin: 0 auto;
          padding-left: 15px;
	}
	#content h2#small {
          font: bold 14px/24px 'Georgia',serif;
          color: #000;
          position: absolute;
          top: 225px;
          margin: 0 auto;
          padding-left: 15px;
	}
               #content #banner p { margin-top: 82px; padding-left: 5px; }

	#content #top, #content #btm {
			width: 948px;
			padding-top: 13px;
			margin: 0;
			/*border: 1px dotted black;*/
			clear: both;
	}
	#content #btm {
			margin-top: -18px;
	}
		#top #banner {
			width: 628px;
			height: 210px;
			float: left;
			background: url(../images/home_banner.png) top right no-repeat;
		}

		#top div.newsletter {
			width: 305px;
			height: 210px;
			background: url(../images/main_newsletter-bg.png) top right no-repeat;
			float: right;
			padding-left: 10px;
			margin: 0;

		}

		#top div.newsletter form{
			width:auto;
		}
		#innertop div.newsletter form{
			width:auto;
		}

		div#rightBar form{
			width:auto;
		}

			div.newsletter h1 {
				font: bold 18px/24px 'Georgia',serif;
				color: #603913;
				padding: 5px 0 10px 99px;
			}

			div.newsletter p {
				font: normal 12px/16px 'Arial',sans-serif;
				color: #000;
				position: relative;
				top: -15px;
				padding-left: 99px;
				padding-right: 15px;
				padding-bottom: 0;
				margin-bottom: 0;
			}



                    #newsbox {
                         position: relative;
                         top: -14px;
                         width: 295px;
                         margin-left: 10px;
                    }





				.button input {
                         font: normal 12px/16px 'Arial',sans-serif;
                         text-transform: uppercase;
                         text-align: left;
                         color: #742600;
                         border: none;
                         background: url(../images/rollover-sprites.png) top center no-repeat;
                         background-position: -409px -55px;
                         width: 280px;
                         height: 48px;
                         display: block;
                         margin: -5px 0 0 15px;
                         border: none;
                         padding-left: 12px;
                         font: bold 12px/16px 'Arial',sans-serif;
                         margin: -5px 0 0 5px;
                         }

												 .button input[type="hidden"]{
													display:none;
												 }
                    .button input:hover {
                         background: url(../images/rollover-sprites.png) top center no-repeat;
                         background-position: -408px 2px;
                         }


		/* Bottom Half Begins */

		#btm { position: relative; top: 15px; }

		#btm div.row1, #btm div.row2, #btm div.topRow {
			width: 642px;
			height: 197px;
			padding: 20px 10px 20px 0;
			
		}
		#btm div.row2 { position: relative; top: 25px; }
		
		#btm div.topRow {
				background: url(../images/home-mid_card.png) -15px 0 no-repeat;
				margin: 0;
				position: relative; 
				top: 8px;
			}
		
		#btm div.topRow h1 { text-indent: -9999px; }
		#btm div.topRow .col1 a, 
		#btm div.topRow .col2 a, 
		#btm div.topRow .col3 a, 
		#btm div.topRow .col4 a, 
		#btm div.topRow .col5 a  { 
						 width: 120px;
						 height: 45px;
						 display: block;
						 float: left;
						 margin-right: 8px;
                               font: bold italic 11px/16px 'Georgia',serif;
						 padding-top: 87px;
						 text-align: center;
						 text-decoration: underline;
		}
		#btm div.topRow .col1 a{ 
                         background: url(../images/home-mid_elements.png) top left no-repeat;
		}
		#btm div.topRow .col2 a{ 
                         background: url(../images/home-mid_elements.png) -129px 0 no-repeat;
		}
		#btm div.topRow .col3 a{ 
                         background: url(../images/home-mid_elements.png) -256px 0 no-repeat;
		}
		#btm div.topRow .col4 a{ 
                         background: url(../images/home-mid_elements.png) -382px 0 no-repeat;
		}
		#btm div.topRow .col5 a{ 
                         background: url(../images/home-mid_elements.png) -515px 0 no-repeat;
		}
				
              /*---------DIV ROW 1 and 2 H1 Tags---------*/

               #btm div.row1 h1 {
                    text-indent: -9999px;
               }
               #btm div.row2 h1 {
                    text-indent: -9999px;
                    background-repeat: no-repeat;
                    height: 73px;
                    display: block;
               }
                         
                         #btm div.row2 h1#rules { 
                              background-image: url(../images/home-btm_box-title-rules.png);
                              background-position: top center; 
                              margin: 27px 0 12px 10px; 
                         }
                         #btm div.row2 h1#mocha { 
                              background-image: url(../images/home-btm_box-title-mocha.png);
                              background-position: top center; 
                              margin: 25px 0 14px 0; 
                         }
                         #btm div.row2 h1#grinding { 
                              background-image: url(../images/home-btm_box-title-grind.png);
                              background-position: top center; 
                              margin: 25px 0 14px 0; 
                         }
						 
						 #btm .topRow .reportcard { 
                              background-image: url(../images/home-mid_hdr.png);
                              background-position: top center; 
                              margin: 0; 
							  position: relative;
							  top: -35px;
							  left: 140px;
							  width: 13.65em;
							  height: 9em;
                         }
							#btm .topRow div.reportcard p { 
											 font: normal 12px/15px 'Arial',sans-serif;
											 font-style: italic;
											 width: 190px;
											 text-align: left;
											 color: #fff;
											 position: relative;
											 top: 70px;
											 left: 10px;
							}
							#btm .topRow div.reportcard .mid_em-p { 
											 font: normal 18px/21px 'Georgia',serif;
											 font-style: italic;
											 font-weight: bold;
											 text-align: left;
											 color: #853516;
											 position: relative;
											 top: 60px;
											 left: 2px;
											 width: 100%;
											 height: 30px;
							}

              /*---------END DIV ROW 1 and 2 H1 Tags---------*/


			#btm div.row1 div.r1col1, #btm div.row1 div.r1col2, #btm div.row1 div.r1col3,
			#btm div.row2 div.r2col1, #btm div.row2 div.r2col2, #btm div.row2 div.r2col3
			{
				width: 199px;
				height: 195px;
				color: white;
				float: left;
			}

					#btm div.row1 div.r1col2, #btm div.row1 div.r1col3,
					#btm div.row2 div.r2col2, #btm div.row2 div.r2col3
					{
						margin-left: 15px;
					}

			#btm div.row1 div.r1col1 p, #btm div.row1 div.r1col2 p, #btm div.row1 div.r1col3 p {
				font: normal 12px/16px 'Arial',sans-serif;
				color: #000;
				padding: 5px 0 5px 15px;
				position: relative;
				top: 50px;
			}
					#btm div.row1 div.r1col1 {
					background: url(../images/home-btm_r1_boxSprites.jpg) top left no-repeat;
					}
					#btm div.row1 div.r1col2 {
					background: url(../images/home-btm_r1_boxSprites.jpg) top center no-repeat;
					}
					#btm div.row1 div.r1col3 {
					background: url(../images/home-btm_r1_boxSprites.jpg) top right no-repeat;
					}


					#btm div.row2 div.r2col1 {
					background: url(../images/home-btm-boxes.png) top right no-repeat;
					}
					#btm div.row2 div.r2col2 {
					background: url(../images/home-btm-boxes.png) top right no-repeat;
					}
					#btm div.row2 div.r2col3 {
					background: url(../images/home-btm-boxes.png) top right no-repeat;
					}



              /*--------------------BTM-Blog and Showcase--------------------*/
             #btm #rightBar div.showcase {
				background: url(../images/showcase_rotate.png) top center no-repeat;
				width: 279px;
                    height: 212px;
				float: left;
                    margin: 2px 0 10px 14px;
				font: bold 11px/16px 'Arial',sans-serif;
				color: #fff;
				text-align: center;

			}
                    #btm #rightBar div.showcase h2{
                         background: url(../images/inner_headers.png) 16px 0 no-repeat;
                         width: 161px;
                         height: 61px;
                         position: relative;
                         top: 100px;
                         text-indent: -9999px;
                    }
                    #btm #rightBar div.showcase p{
                         font-size: 11px;
                         line-height: 14px;
                         margin-left: 52px;
                         width: 175px;
                         height: auto;
                         position: relative;
                         top: -61px;
                         text-align: left;
                    }

                    #btm #rightBar div.showcase a{
                         text-transform: uppercase;
                         text-decoration: underline;
                         font: bold 12px/16px 'Arial',sans-serif;
                         color: #742600;
                         text-align: left;
                         position: relative;
                         left: -17px;
                    }
		#btm .blogTop, #innerbtm .blogTop {
			display: none;
			/*width: 307px;'
			height: 16px;
			background: url(../images/main_blog-top.png) top center no-repeat;
		    border: 5px solid #dedede;
		    -moz-border-radius-topleft: 15px;
		    -moz-border-radius-topright: 0px;
		    -moz-border-radius-bottomright: 15px;
		    -moz-border-radius-bottomleft: 0px;
		    -webkit-border-top-left-radius: 15px;
		    -webkit-border-top-right-radius: 0px;
		    -webkit-border-bottom-left-radius: 0px;
		    -webkit-border-bottom-right-radius: 15px;
		    padding: 15x 25px;
		    height: inherit;
		    width: 590px;
  			float:right;
			clear: both;
			margin-top: 10px;*/

		}

		#btm #rightBar, #innerbtm #rightBar {
               width: 307px;
               height: 100%;
			border-top: 2px solid #f2eade;
		     -moz-border-radius-topleft: 7px;
		     -moz-border-radius-topright: 7px;
			-webkit-border-top-left-radius: 7px;
			-webkit-border-top-right-radius: 7px;
			position: relative;
               background: #f2eade;
               float: right;
               clear: both;
          }
		#btm #rightBar { margin-top: 10px; } #innerbtm #rightBar { margin-top: -11px; }

               #rightBar h2 {
				font: bold 12px/14px 'Georgia', serif;
				color: #603913;
				padding-left: 17px;
			}

               #btm #rightBar p {
				font: normal 12px/16px 'Arial', sans-serif;
				color: #742600;
				padding-left: 17px;
				padding-right: 5px;
			}


               #btm #rightBar div.post, #btm #rightBar div.post_btm {
				background: url(../images/main_blog_sprite.png) top center no-repeat;
				width: 95px;
				float: right;
				font: bold 11px/16px 'Arial',sans-serif;
				color: #fff;
				position: relative;
				top: 0;
				left: -10px;
				text-align: center;
			}
                    #btm #rightBar div.post {
                         height: 32px;
                    }
                    #btm #rightBar div.post_btm {
                         height: 104px;
                         margin-bottom: -64px;
                    }



                    #btm #rightBar hr.blog_ruler {
                         position: relative;
                         height: 4px;
                         width: 307px;
                         background: url(../images/dividers_sprite.png) 0 center repeat;
                         border: none;
                    }
                    #btm #rightBar hr {
                         height: 1px;
                         width: 307px;
                         background: url(../images/dividers_sprite.png) top center repeat;
                         display:block;
                         border: none;
                    }


                    #btm #rightBar ul {
                         list-style: none;
                         padding: 0;
                         margin: 0;
                         font: bold 10px/16px 'Georgia',serif;
                         text-transform: uppercase;
                    }
                        #btm #rightBar li.linkedin, #btm #rightBar li.facebook, #btm #rightBar li.twitter,
                        #innerbtm #rightBar li.linkedin, #innerbtm #rightBar li.facebook, #innerbtm #rightBar li.twitter {
							 position: relative;
							 left: 18px;
							 padding: 3px 10px 3px 20px;
                                    height: 22px;
                                    float: left;
							 display: inline;
                         }
							  #btm #rightBar ul li.linkedin, #innerbtm #rightBar ul li.linkedin {
                                        background: url(../images/sm-sprites.png) 0 0 no-repeat;
							}
                              #btm #rightBar ul li.twitter, #innerbtm #rightBar ul li.twitter {
                                        background: url(../images/sm-sprites.png) 0 -26px no-repeat;
                              }
                              #btm #rightBar ul li.facebook, #innerbtm #rightBar ul li.facebook {
                                        background: url(../images/sm-sprites.png) 0 -55px no-repeat;
                              }

                              #innerbtm #rightbar #sm a.pad {
                                   padding-left: 40px;
                                   font-family: Georgia;
                                   font-size: 11px;
                                   font-weight: bold;
                                   text-transform: uppercase;
                                   color: #000;
                              }
                              #innerbtm #rightbar #sm a.pad:hover { text-decoration: none; }



						/*-------------------------------------------------------------------------------*/
                                           /*-------------INNER-CONTENT SECTION BEGINS HERE-----------------*/

	#content #innertop, #content #innerbtm {
			width: 948px;
			padding-top: 13px;
			margin: 0;
			/*border: 1px dotted black;*/
			clear: both;
	}
	#content #innerbtm {
			position: relative;
			top: 30px;
	}
		#innertop #banner {
			width: 628px;
			height: 210px;
			float: left;
			display: block;
			background: url(../images/inner_banner.png) top right no-repeat;
		}
               #banner span.serif{ font: bold italic 11px/16px 'Georgia',serif; }
               #banner p {
                    font: normal 11px/16px 'Arial',sans-serif;
                    width: 220px;
                    margin: 60px 0 5px 9px;
               }

		#innertop div.newsletter {
			width: 305px;
			height: 210px;
			background: url(../images/main_newsletter-bg.png) top right no-repeat;
			float: right;
			padding-left: 10px;

		}
			div.newsletter h1 {
				font: bold 18px/24px 'Georgia',serif;
				color: #603913;
				padding: 5px 0 10px 99px;
			}

			/*div.newsletter p {
				font: normal 12px/16px 'Arial',sans-serif;
				color: #000;
				padding-left: 99px;
				margin-top: -15px;
				padding-bottom: 10px;
			}*/

				span.label {
                         font: bold 18px/16px 'Georgia',serif;
                         color: #603913;
                         float: left;
                    }

                    #newsbox { position: relative; top: -14px; }

                    input.text {
                         background: url(../images/main_inputField.png) top center no-repeat;
                         border: 1px solid #e8e8e8;
                         padding-left: 3px;
                         font: normal 12px/16px 'Arial',sans-serif;
                         width: 185px;
                         height: 17px;
                         margin-bottom: 5px;
                    }
				span.label,span.spacer,span.multiple span {width:91px;float:left;}
                    div.clear {clear:both;}



		/* Bottom Half Begins */

		/*#innerbtm div.row1, #innerbtm div.row2 {
			width: 628px;
			height: 197px;
			padding: 10px 10px 20px 0;
			float: left;
		}
		/*--Inner Landing Page--*/

		#innerbtm div.land {
			width: 628px;
			height: auto;
			padding: 10px 10px 10px 0;
			float: left;
			font: normal 12px/18px 'Arial', sans-serif;
			color: #000;
			margin-bottom: 10px;
		}
               #innerbtm div.land h1, #innerbtm div.land p {
                    float: left;
                    padding-left: 14px;
                    margin-top: 5px;
               }

            /**************************/
               #innerbtm div.land h2 {
                    float: left;
                    padding-left: 13px;
                    width: 202px;
               }
                    #innerbtm .inner div.land p {
                         float: left;
                         padding-left: 13px;
                         width: 397px;
                         margin-top: -5px;
                    }
            /**************************/

               #innerbtm div.land h1 { width: 202px;}

                    #innerbtm div.land p { width: 397px; margin-top: -5px; }
                    #innerbtm div.land ul { position: relative; top: -10px; }
                    #innerbtm div.land ul li {
                         font: normal 12px/18px 'Arial', sans-serif;
                         color: #000;
                         width: 397px;
                         height: auto;
                         padding-left: 14px;
                         float: left;
                         list-style: none;
                    }


              /*--Inner Global--*/

               #innerbtm div.inner {
                    width: 628px;
                    height: auto;
                    padding: 10px 10px 10px 0;
                    float: left;
                    position: relative;
                    top: -40px;
               }

                    div#innerNav ul{
                         width: 586px;
                         height: 39px;
                         background-color: #f2eade;
                         -moz-border-radius-topleft: 5px;
                         -moz-border-radius-topright: 5px;
                         -moz-border-radius-bottomright: 5px;
                         -moz-border-radius-bottomleft: 5px;
                         -webkit-border-top-left-radius: 5px;
                         -webkit-border-top-right-radius: 5px;
                         -webkit-border-bottom-left-radius: 5px;
                         -webkit-border-bottom-right-radius: 5px;
                         border: 2px solid #f2eade;
                         margin-top: 24px;
                    }
                         div#innverNav ul li.left a { display: block; float: left; width: 200px; background: url(../images/sm-sprites.png) 0 0 no-repeat; }
                         div#innverNav ul li.mid a { display: block; float: left; width: 200px; background: url(../images/sm-sprites.png) 0 0 no-repeat; }
                         div#innverNav ul li.right a { display: block; float: left; width: 200px; background: url(../images/sm-sprites.png) 0 0 no-repeat; }

              /*---------DIV ROW and Body Tags---------*/

               #innerbtm div.inner h1, #innerbtm div.inner h2, #innerbtm div.inner h3 {
				width: auto;
				height: 27px;
				padding-left: 15px;
				clear:both;
				padding-bottom: 3px;
               }
                    #innerbtm h1, #innerbtm div.land h1 {
                         font: bold italic 18px/24px 'Georgia', serif;
                         color: #603913;
                         width: auto;
                    }

                         h2 {
                              font: bold italic 16px/24px 'Georgia', serif;
                              color: #603913;
                              width: auto;
                         }
                              #innerbtm h3 {
                                   font: bold 11px/21px 'Arial', sans-serif;
                                   color: #603913;
                                   letter-spacing: 2px;
                                   text-transform: uppercase;
								   padding-top: 10px;
								   margin-bottom: 15px;
								   border-top: 1px solid #ededed;
								   border-bottom: 1px solid #ededed;
                              }
                                   #innerbtm h4 {
                                        font: bold italic 11px/21px 'Arial', sans-serif;
                                        color: #ec7f14;
                                        letter-spacing: 1px;
                                        text-transform: uppercase;
                                        margin-left: 15px;
                                   }
									   #innerbtm h5 {
											font: bold italic 11px/21px 'Arial', sans-serif;
											color: #fff;
											padding-left: 15px;
											background-color: #ec7f14;
											letter-spacing: 1px;
											text-transform: uppercase;
											margin-left: 15px;
									   }
                                                            #innerbtm h6 {
                                                                 font: bold 11px/21px 'Arial', sans-serif;
                                                                 color: #603913;
                                                                 letter-spacing: 1px;
                                                                 padding-top: 5px;
                                                                 margin-left: 15px;
                                                            }

                    #innerbtm p, #innerbtm ul, #innerbtm ol {
                         font: normal 12px/18px 'Arial', sans-serif;
                         color: #000;
                         width: auto;
                         height: auto;
                         padding-left: 15px;
                         margin-bottom: 10px;
                    }
                         #innerbtm strong {
                              font: bold 12px/18px 'Arial', sans-serif;
                              color: #603913;
                         }
                         #innerbtm li strong {
                              font-size: .9em;
                         }

                    #innerbtm ul, #innerbtm ol {
                         width: 580px;
                         list-style: inside;
                         padding-left: 40px;
                    }

                         #innerbtm ul.clear, #innerbtm ol.clear {
                              list-style: none;
                         }

                              #innerbtm ul.clear li, #innerbtm ol.clear li {
                                   margin-bottom: 12px;
                                   border-top: 1px solid #ededed;
                                   width: 570px;
                                   padding-top: 4px;
                              }
                              #innerbtm .land ul.clear li, #innerbtm .land ol.clear li {
                                   width: 100%;
                                   margin-left: -20px;
                              }

                    #innerbtm p.em, #innerbtm p.em strong {
                         font: normal 12px/21px 'Georgia', serif;
                         color: #6e321b;
                         width: 600px;
                         height: auto;
                         padding-left: 15px;
                    }
					#innerbtm p.em strong { font-weight: bold; padding: 0; }

                    hr.inner_ruler {
                         width: 628px;
                         height: 32px;
                         background: url(../images/inner_divider.png) top center no-repeat;
                         float: left;
                         display: block;
                         border: none;
                    }
                    #innerbtm li a, #innerbtm p a {
                         font: normal 12px/18px 'Arial', sans-serif;
                         color: #603913;
                         text-decoration: underline;
                    }
                    #innerbtm li a:hover, #innerbtm p a:hover {
                         color: #a14619;
                         text-decoration: none;
                    }



              /*---------ROW_inner IMAGES Number Sequence---------*/

              /*---------Process---------*/
                         #innerbtm span.img1, #innerbtm span.img2, #innerbtm span.img3, #innerbtm span.img4,
                         #innerbtm span.img5, #innerbtm span.img6 {
                              background: url(../images/inner_steps_sprite.png) top center;
                              width: 184px;
                              height: 121px;
                              display: block;
                              float: left;
                              cursor: pointer;
                         }
                              #innerbtm span.img2 {
                                   background-position: 0 -121px;
                              }
                              #innerbtm span.img3 {
                                   background-position: 0 -242px;
                              }
                              #innerbtm span.img4 {
                                   background-position: 0 -363px;
                              }
                              #innerbtm span.img5 {
                                   background-position: 0 -484px;
                              }
                              #innerbtm span.img6 {
                                   background-position: 0 -605px;
                              }



              /*---------Facts---------*/
                         #innerbtm span.img7, #innerbtm span.img8, #innerbtm span.img9, #innerbtm span.img10,
                         #innerbtm span.img11 {
                              background: url(../images/inner_facts-sprite.png) top center;
                              width: 183px;
                              height: 121px;
                              display: block;
                              float: left;
                              cursor: pointer;
                         }
                              #innerbtm span.img8 {
                                   background-position: 0 -120px;
                              }
                              #innerbtm span.img9 {
                                   background-position: 0 -240px;
                              }
                              #innerbtm span.img10 {
                                   background-position: 0 -360px;
                              }
                              #innerbtm span.img11 {
                                   background-position: 0 -480px;
                              }


              /*---------International---------*/
                         #innerbtm span.img12, #innerbtm span.img13, #innerbtm span.img14, #innerbtm span.img15,
                         #innerbtm span.img16, #innerbtm span.img17, #innerbtm span.img18, #innerbtm span.img19,
                         #innerbtm span.img20, #innerbtm span.img21, #innerbtm span.img22 {
                              background: url(../images/inner_cow-sprite.png) top center;
                              width: 156px;
                              height: 104px;
                              display: block;
                              float: left;
                              margin-left: 20px;
                              cursor: pointer;
                         }
                              #innerbtm span.img13 {
                                   background-position: 0 -104px;
                              }
                              #innerbtm span.img14 {
                                   background-position: 0 -210px;
                              }
                              #innerbtm span.img15 {
                                   background-position: 0 -316px;
                              }
                              #innerbtm span.img16 {
                                   background-position: 0 -418px;
                              }
                              #innerbtm span.img17 {
                                   background-position: 0 -524px;
                              }
                              #innerbtm span.img18 {
                                   background-position: 0 -630px;
                              }
                              #innerbtm span.img19 {
                                   background-position: 0 -736px;
                              }
                              #innerbtm span.img20 {
                                   background-position: 0 -842px;
                              }
                              #innerbtm span.img21 {
                                   background-position: 0 -944px;
                              }
                              #innerbtm span.img22 {
                                   background-position: 0 -1050px;
                              }


              /*---------Inner Roast---------*/
                         #innerbtm span.img23, #innerbtm span.img24, #innerbtm span.img25, #innerbtm span.img26,
                         #innerbtm span.img27, #innerbtm span.img28 {
                              background: url(../images/inner_roast_sprite.png) top center;
                              width: 184px;
                              height: 105px;
                              display: block;
                              float: left;
                              cursor: pointer;
                              margin-bottom: 40px;
                              margin-left: 20px;
                         }
                              #innerbtm span.img24 {
                                   background-position: 0 -105px;
                              }
                              #innerbtm span.img25 {
                                   background-position: 0 -215px;
                              }
                              #innerbtm span.img26 {
                                   background-position: 0 -325px;
                              }
                              #innerbtm span.img27 {
                                   background-position: 0 -435px;
                              }
                              #innerbtm span.img28 {
                                   background-position: 0 -540px;
                              }

              /*---------Inner Showcase---------*/
                         #innerbtm span.img29, #innerbtm span.img30, #innerbtm span.img31 {
                              background: url(../images/inner_shopping_sprite.png) top center;
                              width: 183px;
                              height: 121px;
                              display: block;
                              float: left;
                              cursor: pointer;
                              margin-bottom: 40px;
                              margin-left: 20px;
                         }
                              #innerbtm span.img30 {
                                   background-position: 0 -120px;
                              }
                              #innerbtm span.img31 {
                                   background-position: 0 -240px;
                              }

              /* ReportCard Begins */

               #innerbtm div.reportCard {
                    background: url(../images/inner_reportCard.png) top center no-repeat;
                    width: 628px;
                    height: 95px;
                    float: left;
                    display: block;
                    margin-bottom: -27px;
               }
                    #innerbtm div.reportCard h1{
                         background: url(../images/inner_headers.png) top center no-repeat;
                         background-position: -163px 0;
                         width: 160px;
                         height: 52px;
                         float: left;
                         text-indent: -9999px;
                         margin-left: 10px;
                         display: block;

               }
              /*---------END DIV ROW 1 and 2 H1 Tags---------*/


               /*--------------------BTM-Blog and Showcase--------------------*/


               #innerbtm #rightBar h2 {
				color: #603913;
				padding-left: 17px;
			}
               #innerbtm #rightBar p {
				font: normal 12px/14px 'Arial', sans-serif;
				color: #742600;
				padding-left: 17px;
				width: 278px;
			}

               /*---THE SHOWCASE---*/

               #innerbtm #rightBar div.showcase {
				background: url(../images/showcase_rotate.png) top center no-repeat;
				width: 279px;
                    height: 212px;
				float: left;
                    margin: 2px 0 10px 14px;
				font: bold 11px/16px 'Arial',sans-serif;
				color: #fff;
				text-align: center;

			}
                    #innerbtm #rightBar div.showcase h2{
                         background: url(../images/inner_headers.png) 16px 0 no-repeat;
                         width: 161px;
                         height: 61px;
                         position: relative;
                         top: 100px;
                         text-indent: -9999px;
                    }
                    #innerbtm #rightBar div.showcase p{
                         font-size: 11px;
                         line-height: 14px;
                         margin-left: 52px;
                         width: 175px;
                         height: auto;
                         position: relative;
                         top: -61px;
                         text-align: left;
                    }

                    #innerbtm #rightBar div.showcase a{
                         text-transform: uppercase;
                         text-decoration: underline;
                         font: bold 12px/16px 'Arial',sans-serif;
                         color: #742600;
                         text-align: left;
                         position: relative;
                         left: -17px;
                    }

               /*---THE BLOG---*/
               #innerbtm #rightBar div.post_btm {
				background: url(../images/main_blog_sprite.png) top center no-repeat;
				width: 95px;
				float: right;
                    height: 104px;
                    margin: 0;
                    right: 10px;
				font: bold 11px/16px 'Arial',sans-serif;
				color: #fff;
				position: relative;
				/*top: -50px;
				left: -10px;*/
				text-align: center;
			}


                    #innerbtm #rightBar hr.blog_ruler {
                         height: 4px;
                         width: 304px;
                         background: url(../images/dividers_sprite.png) 0 center repeat;
                         border: none;
                         margin-left: 17px;
                         margin-top: 4px;
                         margin-bottom: 10px;
                         clear: both;
                    }
                    #innerbtm #rightBar hr {
                         height: 1px;
                         width: 304px;
                         background: url(../images/dividers_sprite.png) top center repeat;
                         display:block;
                         border: none;
                         margin-left: 17px;
                    }


                    #innerbtm #rightBar ul {
                         list-style: none;
                         padding: 0;
                         margin: 0;
                         font: bold 10px/16px 'Georgia',serif;
                         text-transform: uppercase;
                    }
                        #innerbtm #rightBar li.linkedin, #innerbtm #rightBar li.facebook, #innerbtm #rightBar li.twitter {
                             margin: .8em 0;
                         }

/*********************************************************/
               /*---THE BLOG---*/
               #btm #rightBar div.post_btm {
				background: url(../images/main_blog_sprite.png) top center no-repeat;
				width: 95px;
				float: right;
                    height: 104px;
                    margin: 0;
                    right: 10px;
				font: bold 11px/16px 'Arial',sans-serif;
				color: #fff;
				position: relative;
				text-align: center;
			}


                    #btm #rightBar hr.blog_ruler {
                         height: 4px;
                         width: 304px;
                         background: url(../images/dividers_sprite.png) 0 center repeat;
                         border: none;
                         margin-left: 0;
                         margin-top: 4px;
                         margin-bottom: 10px;
                         clear: both;
                    }
                    #btm #rightBar hr {
                         height: 1px;
                         width: 304px;
                         background: url(../images/dividers_sprite.png) top center repeat;
                         display:block;
                         border: none;
                         margin-left: 0;
                         clear: both;
                    }


                    #btm #rightBar ul {
                         list-style: none;
                         padding: 0;
                         margin: 0;
                         font: bold 10px/16px 'Georgia',serif;
                         text-transform: uppercase;
                    }
                        #btm #rightBar li.linkedin, #btm #rightBar li.facebook, #btm #rightBar li.twitter {
                             margin: .8em 0;
                         }
                         #btm #rightBar p { width: 280px; }
                         #btm #rightBar h2 { line-height: 16px; }
                         #btm a.pad { margin-left: 10px; width: auto; }


 /*-------------------------------------------------------------------------------*/
/*-------------------- COFFEES OF THE WORLD  / JQUERY STYLING --------------------*/


.toggle_container p { width: 490px; margin-left:5px; }

h3.pull, p.pull { padding-right: 15px; }

p.trigger {
	padding: 0 0 0 70px;
	margin: 0 0 5px 0;
	background: url(../content/h2_trigger_a.gif) no-repeat;
	height: 46px;
	line-height: 46px;
	width: 450px;
	font-size: 2em;
	font-weight: normal;
	float: left;
}
p.trigger a {
	text-decoration: none;
	display: block;
}
h2.active {background-position: left bottom;}
.toggle_container p{ width: 85%; }
.toggle_container {
	margin: 0 0 5px;
	padding: 20px 0 25px 0;
                         -moz-border-radius-topleft: 8px;
                         -moz-border-radius-topright: 8px;
                         -moz-border-radius-bottomright: 8px;
                         -moz-border-radius-bottomleft: 8px;
                         -webkit-border-top-left-radius: 8px;
                         -webkit-border-top-right-radius: 8px;
                         -webkit-border-bottom-left-radius: 8px;
                         -webkit-border-bottom-right-radius: 8px;
	border-top: 1px solid #ededed;
	background: #f2eade;
	overflow: hidden;
	font-size: 1.2em;
	width: 615px;
	clear: both;
}
/*.toggle_container .block {
	padding: 20px;
	background: #f2eade;
}
.toggle_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}*/
/*.toggle_container h3 {
	font: 2.5em normal Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
.toggle_container img {
	float: left;
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
}*/



						/*-------------------------------------------------------------------------------*/
									/*--------------------SITEMAP CSS STYLING--------------------*/

     #innerbtm ul.box {
          padding: 25px;
          border: 1px solid #ededed;
                         -moz-border-radius-topleft: 8px;
                         -moz-border-radius-topright: 8px;
                         -moz-border-radius-bottomright: 8px;
                         -moz-border-radius-bottomleft: 8px;
                         -webkit-border-top-left-radius: 8px;
                         -webkit-border-top-right-radius: 8px;
                         -webkit-border-bottom-left-radius: 8px;
                         -webkit-border-bottom-right-radius: 8px;
                         background: transparent;
                         width: 240px;
                         margin-right: 15px;
                         height: 170px;
                         float: left;
     }









						/*-------------------------------------------------------------------------------*/
									/*--------------------GLOBAL CSS BUTTONS--------------------*/


	a.buttonBig, a.buttonBig:visited, a.buttonBig:link {
          font: bold 12px/16px 'Arial',sans-serif;
          text-transform: uppercase;
          color: #742600;
		background: url(../images/rollover-sprites.png) top center no-repeat;
		background-position: -198px -63px;
		width: 199px;
		height: 42px;
		display: block;
		text-decoration:none;
		position: relative;
		top: 35px;
		padding: 8px 0 0 10px;
	}

	a.buttonBig:hover{
		background-position: -198px -5px;
		color:#fff;
	}
	a.buttonCard, a.buttonCard:visited, a.buttonCard:link {
        font: bold 12px/16px 'Arial',sans-serif;
        text-transform: uppercase;
        color: #742600;
		background: url(../images/button-check.png) top center no-repeat;
		background-position: 0 0;
		width: 252px;
		height: 52px;
		display: block;
		text-decoration:none;
		position: relative;
		padding: 20px 0 0 30px;
		z-index: 100;
		left: 18.7em;
		top: -20px;
	}

	a.buttonCard:hover{ color:#fff;
	}	
	.icon-check{
		width: 55px;
		height: 63px;
		background: url(../images/button-check.png) top center no-repeat;
		position: relative;
	}


          a.buttonLearn, a.buttonLearn:visited, a.buttonLearn:link {
               font: bold 12px/16px 'Arial',sans-serif;
               text-transform: uppercase;
               color: #742600;
               background: url(../images/rollover-sprites.png) top center no-repeat;
               background-position: -46px -63px;
               width: 124px;
               height: 42px;
               display: block;
               text-decoration:none;
               padding: 8px 0 0 20px;
               float: right;
          }

          a.buttonLearn:hover{
               background-position: -46px -5px;
               color:#fff;
          }



               a.buttonReport, a.buttonReport:visited, a.buttonReport:link {
                    font: bold 12px/16px 'Arial',sans-serif;
                    text-transform: uppercase;
                    color: #742600;
                    background: url(../images/rollover-sprites.png) top center no-repeat;
                    background-position: -1088px -3px;
                    width: 294px;
                    height: 44px;
                    display: block;
                    text-decoration:none;
                    padding: 27px 0 0 12px;
                    margin-left: 335px;
                    float: none;
               }




          .buttonSingle {
               font: bold 12px/16px 'Arial',sans-serif;
               text-transform: uppercase;
               background: url(../images/rollover-sprites.png) top center no-repeat;
               background-position: 0 -63px;
               width: 25px;
               height: 42px;
               display: block;
               text-decoration:none;
               margin-left: 17px;
               position: relative;
               top: -10px;
               float: left;
          }



						/*-------------------------------------------------------------------------------*/
									/*--------------------CSS BUTTONS--------------------*/



	a.learn_more, a.learn_more:visited, a.learn_more:link{
		display:block;
		line-height:19px;
		width:73px;
		height:19px;
		line-height:17px;
		background: url(../images/button-sprites.png) bottom left;
		padding-left: 22px;
		color:#CFCFCE;
		text-decoration:none;
		font-size:12px;
	}

	a.learn_more:hover{
		background-position:top left;
		color:#fff;
	}

		a.events_sprite, a.events_sprite:visited, a.events_sprite:link{
			display:block;
			line-height:19px;
			width:180px;
			height:19px;
			background: url(../images/button-sprites.png) -285px bottom;
			padding-left: 22px;
			color:#CFCFCE;
			text-decoration:none;
			font-size:12px;
			line-height:17px;
			margin-top:10px;
	}

	a.events_sprite:hover{
		background-position:top -285px;
		color:#fff;
	}


	a.week_sprite, a.week_sprite:visited, a.week_sprite:link{
		position: relative;
		top: 16px;
		display:block;
		clear:both;
		float:none;
		line-height:19px;
		width:168px;
		height:19px;
		background: url(../images/button-sprites.png) -95px bottom;
		padding-left: 22px;
		color:#CFCFCE;
		text-decoration:none;
		font-size:12px;
		line-height:17px;
		margin-top:10px;
	}

	a.week_sprite:hover{
		position: relative;
		background-position: top -95px;
		color:#fff;
	}








	/*---------------------------- BEGIN FOOTER CSS ELEMENTS---------------------*/

	#footer h3{
		color:#5A3916;
          margin-bottom:20px;
          margin-top:0;
          padding-top:0;
	}

	#footer a{
		color:#5A3916;
		font-weight:normal;
	}



	/*--------------------------END FOOTER CSS------------------------------*/

		/* --------------------- Carl's source control ---------------------- */

	#footer a, #footer a:hover {
		color:#771700;
		font: normal 12px/18px 'Arial', sans-serif;
	}
		#footer a:hover { text-decoration: none; }

	#footer a.stealth_link{
		color:#000;
		text-decoration:none;
		cursor: default;
	}

	#footer span.left{
		padding-left:17px;
	}
               #footer div.side-left{
                    float: left;
                    width: 150px;
               }
               #footer div.side-right{
                    float: left;
                    width: 155px;
               }

	#footer span.copy {
		font-size:70%;
		line-height:1.6em;
		margin-top:10px;
	}

	#footer span.assistance{
		background:url(../images/footer_divider.png) right top no-repeat;
		width:200px;
		padding-top:10px;
		height: 160px;
		margin-bottom: -40px;
	}
	#footer span.process{
		background:url(../images/footer_divider.png) right top no-repeat;
		width:305px;
		padding-top:10px;
		height: 160px;
		margin-bottom: -40px;
	}

	#footer span.right{
		float:right;
		border:none;
		width:390px;
		padding:10px 0 0 0;
		margin:0;
	}

	h1, h2, h3{
		font-family: 'Georgia', serif;
	}

	#footer span.powered_by, #footer span.powered_by a, #footer span.powered_by a:hover{
		font-weight:bold;
		color:#000;
		text-decoration:none;
	}

	#footer span.learn_more{
		float:right;
		display:block;
		background: url(../images/rollover-sprites.png) no-repeat top -694px;
		width: 350px;
		height:104px;
		padding-left:30px;
		padding-top:45px;
	}

	#footer span.learn_more a{
		text-decoration:none;
		font-weight:bold;
		font-size:90%;
	}

	#footer p{
		margin:0;
		font: normal 12px/18px 'Arial', sans-serif;
	}

	/* -------------------------------------------------------- */

	/* ******************* End site.css *********************** */



	/* ******************* Begin carl.css ************************ */

			#top .blog_banner {
			width: 613px;
			height: 185px;
			float: left;
			background-color:#fff;
			padding:25px 0px 0px 15px;
		}

		#top .blog_banner h2{
			color:#703719;
			font-size:150%;
			padding:0;
			margin:0;
		}

		#top .blog_banner h3{
			color:#000;
			font-size:95%;
			padding:0;
			margin:0;
		}

		#top .blog_banner p{
			width:160px;
			font-size:70%;
			line-height:1.4em;
		}

		#top div.blog_banner{

		}


		.trending{
			background-color:#F1D49C;
			padding:10px 16px;
			margin:22px 0;
			font-size:70%;
			color:#562C18;
			font-weight:bold;
		}

		.trending b{
			font-family: 'Georgia', serif;
		}

		.trending a{
			font-weight:normal;
			color:#562C18;
		}

		.trending br{
			display:none;
		}


		.caption{
			width:180px;
			float:left;
			position:absolute;
			margin-left: -6px;
		}

		.postbody{
			padding-left:155px;
			padding-right:5px;
			padding-bottom:17px;
			border-bottom:#E9E8E6 solid 1px;
		}

			.blog_comments{
			padding-left:185px;
			padding-bottom:17px;
			border-bottom:#E9E8E6 solid 1px;
			clear: both;
			float: left;
		}
		.blog_comments form, .blog_comments form fieldset{
			width:410px;
			padding-left: 10px;
		}
		.blog_comments form textarea#comment{
			width:400px;
		}

		#menu li#archives, #menu li.categories{
			color:#683D13;
			text-transform:none;
			font-size:120%;
			
		}

		#menu li#archives ul, #rightBar #menu li.categories ul{
			padding-left:10px;
			
		}

		#menu li#archives ul li, #rightBar #menu li.categories ul li{
			margin-top:4px;
		}

		#innerbtm div.post{
			background:url("../images/post_decoration.png") bottom center no-repeat;
			padding-bottom:21px;
			margin-bottom:30px;
		}

		#innerbtm .postbody p{
			width:auto;
		}

		.date{
			width:100px;
			background:url("../images/date_decoration.png") bottom center no-repeat;
			background-position:center 90%;
			padding-bottom:45px;
			padding-right:5px;
			text-align:center;
			border-bottom:#E9E8E6 solid 1px;
			border-right:#E9E8E6 solid 1px;
		}

		#innerbtm div.post a{
			color:#6E321B;
		}

		#innerbtm h2 a{
			color:#6E321B;
		}

		#innerbtm div.inner h2.storytitle{
			padding:0;
			margin:0;
		}

		#innerbtm div.inner div.date{
			margin-left:20px;
		}

		#innerbtm div.inner div.date h2{
			padding:0;
			margin:0;
		}

		#innerbtm div.inner div.storycontent p{
			padding:0;
			line-height:1.8em;
		}

		#innerbtm .feedback, #innerbtm .meta{
			font-size:70%;
			color:#683210;
			line-height:1.6em;
		}

		#innerbtm .feedback a, #innerbtm .meta a{
			font-weight:normal;
			text-decoration:underline;
		}

		#innerbtm span.older a{
			color:#683210;
			float:right;
			font: bold 12px/18px 'Arial', san-serif;
			float: right;
			clear: both;
			border-top: 1px solid #ededed;
		}

		.author{
			color:#A67C52;
			font-size:65%;
		}
          #author { }
          
		#menu li a {
			text-transform:none;
			text-decoration:none;
		}

		#rightBar #searchform fieldset{
			padding:10px 0 25px 15px;
			margin:0;
			background-color:#fff;
			border:none;
			width:auto;
			-moz-box-shadow:none;
               -webkit-box-shadow: none;
               box-shadow: none;
               -moz-border-radius: 0;
               -webkit-border-radius: 0px;

		}

		#searchform label{
			text-transform:none;
			font-size:120%;
			font-weight:normal;
			width:auto;
			margin-left: 0;
		}

		#searchform input{
			width:auto;
			float:none;
			background:url(../images/arrow_button.jpg) no-repeat;
			font-size:75%;
			font-weight:bold;
			color:#6E321B;
			width:92px;
			height:26px;
			text-align:left;
			padding-left:6px;
		}

		#searchform input#s{
			width:183px;
			height:21px;
			background:url(../images/hourglass_field.png) no-repeat;
		}



		#searchform{
			border-top:#DCD4C9 1px solid;
			border-bottom:#DCD4C9 1px solid;
			-moz-border-radius: 0;
            -webkit-border-radius: 0px;
			width:307px;
			background-color:#F2EADE;
			padding:10px 0;
			margin:10px 0;
		}

		.addthis_toolbox{
			float:left;
			padding-right:15px;
			background:url(../images/comment_icon.png) right 50% no-repeat;
			margin-right:4px;
		}

		/* ******************* ASK MARC FORM ****************** */

		/*#innerbtm #rightBar{
			padding:16px;
			width:275px;
		}*/

		#innerbtm #rightBar h2.ask_marc{
			padding:0;
			font-size:120%;
			margin-left: 17px;

		}

		#rightBar h3{
			color:#331408;
			text-transform:none;
			letter-spacing:normal;
			font-size:75%;
			padding:0;
			margin-left:17px;
		}



		#rightBar form fieldset{
			width:290px;
			height:auto;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
			padding:0;
			margin-left: 13px;
		}

		#rightBar form label{
			width:275px;
			height:1.4em;
			line-height:1.2em;
			margin-bottom:8px;
			margin-top:10px;
			vertical-align:top;
		}

		#rightBar form label input.text{
			float:right;
			height:1.4em;
			line-height:1.2em;
		}

		#rightBar form label textarea{
			width:275px;
			height:80px;
			float:none;
			border:none;

		}

		#rightBar label.textarea{
			height:auto;
			line-height:1.6em;
			margin-bottom: -4px;
		}

		#rightBar form span.button{
			clear:both;
		}

		#rightBar #menu #search form{
			float:none;
			height: 104px;
		}

		#rightBar #menu #searchform fieldset{
			width:307px;
			float:none;
		}

		#archives{
			clear:left;
		}

 #innerbtm ul, #innerbtm p, #innerbtm ol{width:auto}

          #rightBar .linkcat, #rightBar #archives, #rightBar .categories { width: 273px; margin: 0 auto; padding-bottom: 12px; }


		.tweetmeme_button{
			position:absolute;
			margin-left:10px;
		}

		.tweetmeme_button iframe{
			position:relative;
			left:-111px;
			top:37px;
			border-bottom:#E9E8E6 solid 1px;
			border-right:#E9E8E6 solid 1px;
			width:55px;
			float:left;
			padding-bottom:6px;
			padding-left:10px;
		}


		/* ******************* ASK FORM END ******************* */

		#innerbtm #rightBar.contact_page{
		  width: 304px;
     height: auto;
			border: none;
		     -moz-border-radius: none;
			-webkit-border-radius: none;
			position: relative;
               background: #fff;
               float: right;
               clear: none;
							 font-size:75%;
							 font-family:'Georgia', serif;
							 line-height:1.6em;
		}

		#innerbtm #rightBar.contact_page h2{
			color:#000;
			font-size:110%;
		}

		/**** Basic Form Elements ****/

form{
	position:relative;
	margin: 4px 0 0 0;
	border:none;
	background-color:transparent;
	width:400px;
	font:bold 16px georgia;
}

fieldset{
	margin:0 0 4px 0;
  background-color:#F2EADF;
  border:none;
  position:relative;
  padding:10px 5px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	}

	form, fieldset{
	-moz-border-radius-topleft: 16px;
	-moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-top-left-radius: 16px;
	-moz-border-radius-topright: 16px;
	-moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-top-right-radius: 16px;
	}


legend {
	color:#603913;
	font-weight:bold;
	line-height:1em;
	padding-bottom:10px;
	margin-left:8px;
	position:relative;
	top:16px;
}


label{
	font-size:70%;
	line-height:.9em;
	margin:.1em .4em;
	width:9em;
	color:#603913;
}

label, input, textarea{
float:left;
}

input{
  width:9em;
  font-size:.95em;
  font-family: 'Arial', sans-serif;
  border:none;
  padding-left: 3px;
}
     /*input#email { 
          width: auto; 
          height: auto; 
          float: left;
          margin-left: 0;
     } */


.small input{
	width:3em;
}

label.small{
  min-width:3.25em;
  max-width:4.75em;
  width:auto;
  white-space: nowrap;

}

.large input{
	width:18em;
}

label.large{
  width:18em;
}

textarea{
  width:23em;
  border:none;
}
     textarea#comment { 
          border: 1px solid #ededed; 
          width: 441px; 
          clear: both;
          margin-top: 20px; 
     }

form br
{
	clear:both;
}

.req
{
  font-weight:bold;
	color:red;
}

.checkbox input
{
  width:2em;
  height:2em;
  margin:0;
  padding:0;
}



label.checkbox
{
 width:22em
}

.button
{
	border:none;
	background-color: transparent;
}



.button:active
{
border: 3px double #CCCCCC;
border-top-color: #999999;
border-left-color: #999999;
}



form.admin{
	width:600px;
}

form.admin a{
	padding:0 0 0 8px;
	border-left:1px dotted #000;
}

form.admin fieldset fieldset{
	border-width:1px;
	border-style:dotted;
}

form{
	width:700px;
}

form label{
			width:275px;
			height:1.4em;
			line-height:1.2em;
			margin-bottom:4px;
			margin-top:5px;
			vertical-align:top;
			height:auto;
		}

		form label input{
			float:right;
			height:1.4em;
			line-height:1.2em;
			width:180px;
		}


		form fieldset{
			height:340px;
			width:320px;
			float:left;

		}

		form fieldset.overlap{
			left:-24px;
			width:300px;
			padding-left:20px;
		}

		input.button{
			background: url(../images/rollover-sprites.png) no-repeat -409px -55px;
			background-position: -409px -55px;
			border: none;
			color: #742600;
			display: block;
			font: normal normal bold 12px/16px Arial, sans-serif;
			height: 48px;
			margin: -5px 0px 0px 5px;
			padding-left: 12px;
			text-align: left;
			text-transform: uppercase;
			width: 280px;
		}

		form label textarea{
			width:275px;
			height:80px;
			float:none;
			border:none;

		}

		label.textarea{
			height:auto;
			line-height:1.6em;
		}

		form span.button{
			clear:both;
		}
/**************** Form End ******************/

div.report_card{
}



div.report_card h2{
	font-style:italic;
}

div.report_card .score{
	background-color:#D2531C;
	color:#fff;
	padding:5px 4px 8px 4px;
	font-size:75%;
	font-weight:bold;
}
     

div.report_card p, div.review_description {
	font-size:75%;
	font-family: 'Arial', sans-serif;
	line-height: 18px;
	padding-top: 5px;
}

div.report_card #rating{
	font-weight:bold;
	font-size:75%;
	text-transform:uppercase;
}

div.report_card #rating a{
	margin:0;
}

.report_card p, .report_card form, .report_card h1, .report_card h2, .report_card h3, .report_card a, .report_card div{
		margin-left:185px;
	margin-right:320px;
}
.report_card p a{
	margin-left:0;
	margin-right:0;
}


div.report_card img{
	float:left;
	margin-right:15px;
}
	/* ReportCard Begins */

		#btm div.reportCard {
					background: url(../images/inner_reportCard.png) top center no-repeat;
					width: 628px;
					height: 93px;
					float: left;
					display: block;
					margin-bottom: -1.70em;
		 }
		#btm div.reportCard h1{
							 background: url(../images/inner_headers.png) top center no-repeat;
							 background-position: -163px 0;
							 width: 160px;
							 height: 52px;
							 float: left;
							 text-indent: -9999px;
							 margin-left: 10px;
							 display: block;

		 }



		div.land {
		width: 628px;
		height: auto;
		padding: 10px 10px 10px 0;
		float: left;
		font: normal 12px/18px 'Arial', sans-serif;
		color: #000;
		margin-bottom: 10px;
		}
          div.land h1 {
                    font: bold italic 18px/24px 'Georgia', serif;
                    color: #603913;
                    width: auto;
                    }
          div.land p  { width: 379px; float: left;
                    }

          
/**************************/
	 div.land h2 {
				float: left;
				padding-left: 13px;
				width: 202px;
	 }
			 .inner div.land p {
						 float: left;
						 padding-left: 13px;
						 width: 397px;
						 margin-top: -5px;
				}
/**************************/

	div.land p { width: 397px; margin-top: -5px; }
	div.land ul { position: relative; top: -10px; }
	div.land ul li {
	 font: normal 12px/18px 'Arial', sans-serif;
	 color: #000;
	 width: 397px;
	 height: auto;
	 padding-left: 14px;
	 float: left;
	 list-style: none;
	}

div.land img{
display: block;
height: 170px;
width: 170px;
float: left;
margin-bottom: 40px;
margin-left: 20px;
margin-right: 14px;
}


	#footer span.learn_more{
		background: url(../images/rollover-sprites.png) no-repeat -694px top;
	}

	#innerbtm #rightBar hr{
		position:relative;
		left:-16px;
	}

	#newsbox input#name, #newsbox input#hlukf-hlukf{
		float:right;
	}


	a:link, a:hover, a:visited, a:active{
		color:#9C4318;
	}

	a:hover{
		color:#341408;
	}

	#footer span.assistance, #footer span.process{
		height:140px;
	}

	#footer{
		font-size:70%;
		line-height:1.3em;
		padding-top:4px;
		height:223px
	}

	#footer span.copy{
		margin-top:0;
		font-size:90%;
		text-transform:uppercase;
	}

	#footer span.right{
		width:375px;
	}

	#footer span.right p {
		text-align:justify;
	}

	#footer span.learn_more{
		position:relative;
		left:5px;
		font-size:125%;
		padding-top:40px;
	}

	.question input{
		background-position: -1399px -55px
	}

		.question input:hover{
		background-position: -1399px 2px
	}


	/* ************************** end carl.css ************************* */



	/* ************************** begin metalab.css ************************* */

	/***************************************************************************
*****************************HOME/PROJECT PAGE******************************
***************************************************************************/


#top #projects{
	width:629px;
	height:211px;
	display:block;
	background:none;
	margin: 0 auto;
	position:relative;
	color:white;
	float: left;
}

#top #projects-bottom{
	height:48px;
	background:transparent;
	width:629px;
	position:absolute;
	left:0;
	bottom:0;
}
#top #project-type-nav{
	width:161px;
	margin-top:20px;
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#dce7fa;
	margin-left:2px;
	border-bottom:1px solid #5d6776;
	border-top:1px solid #313742;
	position:relative;
}

#project-type-nav li{
	width:161px;
	height:36px;
	background:white;
}

#project-type-nav li a{
	width:161px;
	height:36px;
	display:block;
	overflow:hidden;
	cursor:pointer;
}

#project-type-nav li a span{
	width:78px;
	height:16px;
	display:block;
	text-indent:-99999em;
	margin-left:20px;
	margin-top:10px;
	background-repeat:no-repeat;
	background-position:bottom left;
	background-position:top left;
	position:relative;
	z-index:50;
	opacity: 0.65;
}

#project-type-nav li.web a span{	background-image:url(../images/slide-1.png);}

#project-type-nav li.current{
	position:absolute;
	width:182px;
	height:41px;
	display:block;
	background-image:url(../images/slide-1.png);
	top:-1px;
	left:-7px;
}

.project-dots {
	position:absolute;
	left:232px;
	bottom:17px;
	top: 165px;
	background:url(../images/nav_dots-a.png) no-repeat;
}

.project-dots a{
	width:32px;
	height:32px;
	display:block;
	text-indent:-99999em;
	margin-right:5px;
	float:left;
}

.project-dots a.active{
     background-image:url(../images/small_pic.jpg);
}
.project-dots a.active:hover{
	opacity:1;
}

/***************************************************************************
**************************** PROJECT LISTING *******************************
***************************************************************************/

.project {
	width:629px;
	height:211px;
	position:relative;
	margin-right:20px;
	float: left;

	}

.project-image-wrap{
	position:relative;
	margin-bottom:15px;
}

.project-image-wrap img{
	width:629px;
	height:211px;
	display:block;
}

.project-image-wrap a{
	display:block
}

.project-image-wrap .overlay{
	position:absolute;
	top:0;
	left:0;
	width:629px;
	height:211px;
	background: url(../images/overlay.png) no-repeat top left;
}

.project h3.project-title{
	font-family: 'Arial', sans-serif;
	font-size:12px;
	text-transform: uppercase;
	font-weight:bold;
	left:230px;
	bottom:18px;
	color:#553216;
	text-shadow: 0px 1px 0px #fff;
	padding-left:3px;
	position: absolute;
	top: 65px;
}

.project-image-wrap a{
	position:absolute;
	left:10px;
	top:9px;
	width:570px;
	height:288px;
	text-indent:-9999em;
	opacity:0;
	border:0;
}

.project-text{
	font-family: 'Arial',sans-serif;
	color:#000;
	font-size:11px;
	text-shadow: 0 1px 0 #fff;
	line-height:17px;
	margin-top:75px;
	margin-left:233px;
	margin-right: 10px;
	padding-right:12px;
	position: absolute;
	top: 15px;
	width: 265px;

}

.project-text p{
	margin-bottom:0.5em;
}

.view-the-site-link, .view-the-site-link:visited, .view-the-site-link:link {
               font: bold 12px/16px 'Arial',sans-serif;
               text-transform: uppercase;
               color: #742600;
               background: url(../images/rollover-sprites.png) top center no-repeat;
               background-position: -52px -63px;
               width: 124px;
               height: 42px;
               display: block;
               text-decoration:none;
               position: absolute;
               padding: 8px 0 0 20px;
               top: 164px;
               left: 481px;
          }


.view-the-site-link:active{
               background-position: -52px -5px;
               color:#fff;
}

/***************************************************************************
**************************** SCROLLER STUFF ********************************
***************************************************************************/

#scroller-window,
#scroller-web-window{
	height:211px;
}

#scroller-window {
   position:relative;
   overflow:hidden;
   width: 629px;
   background: transparent;
}


#scroller-web-window{
	overflow:hidden;
	width: 629px;
}

#scroller-web-wrap{
	width:10000em;
	position:absolute;
}


/*#scroller-iphone-window{
   overflow:hidden;
   width: 600px;

}

#scroller-iphone-wrap{
	width:10000em;
	position:absolute;
}

#scroller-desk-window{
   overflow:hidden;
   width: 600px;

}

#scroller-desk-wrap{
	width:10000em;
	position:absolute;
}
*/
#scroller-window .project{
	float:left;
}


#scroller-vertical{
	position:absolute;
	width:629px;
}

/***************************************************************************
**************************** POPUP WINDOW ********************************
***************************************************************************/

#demotip {
    display:none;
    background:transparent url(../images/black_arrow.png);
    font-size:12px;
    height:70px;
    width:160px;
    padding:25px;
    color:#fff;
}

/* ******************************** begin fancybox.css ********************************* */


/* carl did this. It was breaking the footer image
html, body {
	height: 100%;
}
*/

html{
	height: 100%;
}

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('../images/zoom/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url('../images/zoom/fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0;
	padding: 0;
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	left: -15px;
	height: 30px;
	width: 30px;
	background: url('../images/zoom/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	z-index: 111;
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left {
	left: 0px;
}

a#fancy_right {
	right: 0px;
}

span.fancy_ico {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112;
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('../images/zoom/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('../images/zoom/fancy_right.png') no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px;
}

a#fancy_right:hover span {
	right: 20px;
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('../images/zoom/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../images/zoom/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('../images/zoom/fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../images/zoom/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('../images/zoom/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../images/zoom/fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('../images/zoom/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../images/zoom/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(../images/zoom/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(../images/zoom/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(../images/zoom/fancy_title_right.png) repeat-x;
}

/* ******************************** end fancybox.css ********************************* */

/* ******************************** begin tooltip.css ********************************* */

#dpop {
	background: #FFF;
	border: 1px solid #a0c7ff;
	display: block;
	left: -30px;
	opacity: 0;
	padding: 10px;
	position: absolute;
	top: -90px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: rgba(68,68,68,.5) 0px 3px 8px;}
	
.bubbleInfo:hover > #dpop {									
     background: #FFF;border:1px solid #a0c7ff;
     display: block;
     left: -30px;
     opacity: 1;
     padding: 10px;
     position: absolute;
     top:-100px;-moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     -webkit-box-shadow: rgba(68,68,68,.5) 0px 3px 8px;}

/* ******************************** end tooltip.css ********************************* */


/* ======= STAR-RATER ======== */
#innerbtm .star-rating,
#innerbtm .star-rating a:hover,
#innerbtm .star-rating a:active,
#innerbtm .star-rating a:focus,
#innerbtm .star-rating .current-rating{
background: url(../images/rater/star.gif) left -1000px repeat-x;
}
#innerbtm .star-rating{
position:relative;
width:125px;
height:25px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: left top;
}
#innerbtm .star-rating li{
display: inline;
}
#innerbtm .star-rating a,
#innerbtm .star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:25px;
line-height:25px;
outline:none;
overflow:hidden;
border: none;
}
#innerbtm .star-rating a:hover,
#innerbtm .star-rating a:active,
#innerbtm .star-rating a:focus{
background-position: left bottom;
}
#innerbtm .star-rating .current-rating{
z-index:1;
background-position: left center;
}

#innerbtm .inline-rating{
display:-moz-inline-block;
display:-moz-inline-box;
display: inline-block;
vertical-align: middle;
}

#innerbtm .small-star{
width:50px;
height:10px;
}
#innerbtm .small-star,
#innerbtm .small-star a:hover,
#innerbtm.small-star a:active,
#innerbtm .small-star a:focus,
#innerbtm .small-star .current-rating{
background-image: url(../images/rater/star_small.gif);
line-height: 10px;
height: 10px;
}
/* ======= /STAR-RATER ======== */

/* ======= STAR-RATER ======== */
#btm .star-rating,
#btm .star-rating a:hover,
#btm .star-rating a:active,
#btm .star-rating a:focus,
#btm .star-rating .current-rating{
background: url(../images/rater/star.gif) left -1000px repeat-x;
}
#btm .star-rating{
position:relative;
width:125px;
height:25px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: left top;
}
#btm .star-rating li{
display: inline;
}
#btm .star-rating a,
#btm .star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:25px;
line-height:25px;
outline:none;
overflow:hidden;
border: none;
}
#btm .star-rating a:hover,
#btm .star-rating a:active,
#btm .star-rating a:focus{
background-position: left bottom;
}
#btm .star-rating .current-rating{
z-index:1;
background-position: left center;
}

#btm .inline-rating{
display:-moz-inline-block;
display:-moz-inline-box;
display: inline-block;
vertical-align: middle;
}

#btm .small-star{
width:50px;
height:10px;
}
#btm .small-star,
#btm .small-star a:hover,
#btm.small-star a:active,
#btm .small-star a:focus,
#btm .small-star .current-rating{
background-image: url(../images/rater/star_small.gif);
line-height: 10px;
height: 10px;
}
/* ======= /STAR-RATER ======== */