@font-face {
	  font-family: 'myriadpro';
	  src: url(myriadpr.eot);
	  src: local('☺'),
	      url('myriadpr.txt') format('woff'),
	      url('myriadpr.ttf') format('truetype'),
	      url('myriadpr.svg') format('svg');
	}

/* GLOBAL SECTION ================================================================================= */
html, body { height: 100%; margin: 0; padding: 0;}
body { /*background-color: #6B360A;*/ /*font:12px 'arial';*/ color: #555555; }
a { color: #C01313; }
a:hover { }
ul { margin: 0; padding: 0; }
p { margin: 0 0 10px; line-height:160%; }
img	{ border: 0; }

.list { padding: 0 0 10px 35px; }
.list li{ padding: 5px 0; }

hr { border: 0; border-top:1px solid #C01313; margin:45px auto 20px; width:500px; }

/* clears */
.col-content:after
{ clear:both; content:"."; display:block; font-size:0; height:0; line-height:0; overflow:hidden; }

/* headings */
h1 { font: 34px myriadpro; color: #c01313; margin: 0; padding: 0; }
h2 { font: 18px myriadpro; color: #c01313; margin: 35px 0 10px; padding: 0; }
h3 { font-size: 13px; clear: both; margin: 0; padding: 0; line-height:170%; }

/* code */
pre {  margin: 5px 0 35px; overflow: hidden; width: 922px; padding: 2px; border: 1px solid #ccc; position: relative; }
code { padding: 5px 30px; display: block; background-color: #efefef; margin: 0;  overflow: auto;}

/* ------------- WRAPPER SECTION -------------- */
#wrapper { text-align: center; }
#wrapper-inner { position: relative; width: 970px; text-align: left; margin: 0 auto;  }

/* ------------- COLUMNS SECTION -------------- */
#col-left { width: 250px; position: relative; float: left; }
#col-main { display: block; overflow: hidden; }
#col-right { width: 175px; position: relative; float: left; }

.col-head, .col-foot, .col-head .end, .col-foot .end { background:url(bg-col-b.png) no-repeat 0 0 transparent; }

.col-head { background-position:0 0; height:5px; display: block; width: 970px;  }
.col-head .end { background-position:100% 0; height:5px; margin:0 0 0 20px;}
.col-foot { background-position:0 100%; height:25px; width: 970px; clear: both; display: block; overflow: hidden; }
.col-foot .end { background-position:100% 100%; height:25px; margin:0 0 0 20px;}
.col-content{ background-color: #fff; padding: 1px 20px 10px; border: 1px solid #d0d0d0; overflow: hidden; border-width: 0 1px; }

/* ------------- HEADER SECTION -------------- */
#header { height: 90px; display: block; padding: 10px 0 0 10px; position: relative; overflow: hidden; z-index: 100; }
#header h1, header h1 { width: 500px; padding: 10px 0 0; }
.slogan { width: 500px; padding: 5px 0 0 5px; display: block; }
.crest { float: left; margin: 0 10px 0 0; }
.block-download{ position: absolute; right: 20px; top: 25px; }
.download { display: block; color: #fff; margin: 0 0 10px; text-decoration: none; font: 16px/38px myriadpro; text-align: center; background:url("download.png") no-repeat scroll 0 0 transparent; width: 194px; height: 38px;}

/* ------------- COLUMN MAIN BLOCKS -------------- */

.block-menu { border-top:1px solid #C0C0C0; margin:35px 0 0 35px; width:295px; list-style: none; float: right; clear: right; }
.block-menu li { display: inline; }
.block-menu a {  border-bottom:1px solid #C0C0C0; padding: 0 0 0 5px; display: block; line-height: 35px; }
.block-menu a:hover { background-color: #f1f1f1; }
.googlead { width: 300px; margin: 15px 0 0 35px; float: right; clear: right;}
.items { list-style: none; width: 500px; }
.items li { overflow: hiddden; padding: 0 0 20px; }
.items p { clear: both;  }
.button {  white-space: nowrap; color: #c01313;  }
.foot { font-size: 11px; }
.beer { float: right }
.googlead p { line-height: 200%; padding: 0 0 0 15px; }
.addthis_toolbox { display:inline-block; }

#twitter_div { margin-top: 0; }
#twitter_div ul { margin: 0; padding: 0;  list-style: none; }
#twitter_div li 			{ padding: 10px;  border-bottom:1px solid #C0C0C0;  }
#twitter_div li:hover 		{ background-color: #f1f1f1; }
#twitter_div span 			{ display: block; }
#twitter_div span a 		{ font-size: 11px; font-weight: normal; margin: 3px 0; }
.twitter-link a{ background:url(twitter-.png) no-repeat 5px 50% transparent; border: 0; padding: 5px 0 0 45px;}

/* Examples - Tiny Carousel */
#slider1 { height: 1%; overflow:hidden; padding: 0 0 10px;   }
#slider1 .viewport { float: left; width: 240px; height: 125px; overflow: hidden; position: relative; }
#slider1 .buttons { background:url("buttons0.png") no-repeat scroll 0 0 transparent; display: block; margin: 30px 10px 0 0; background-position: 0 -38px; text-indent: -999em; float: left; width: 39px; height: 37px; overflow: hidden; position: relative; }
#slider1 .next { background-position: 0 0; margin: 30px 0 0 10px;  }
#slider1 .disable { visibility: hidden; }
#slider1 .overview { list-style: none; position: absolute; width: 240px; left: 0 top: 0; }
#slider1 .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 121px; border: 1px solid #dcdcdc; width: 236px;}

#slider2 { height: 1%; overflow:hidden; position: relative; padding: 0 0 10px;   }
#slider2 .viewport { float: left; width: 780px; height: 125px; overflow: hidden; position: relative; }
#slider2 .buttons { background:url("buttons0.png") no-repeat scroll 0 0 transparent; display: block; margin: 30px 10px 0 0; background-position: 0 -38px; text-indent: -999em; float: left; width: 39px; height: 37px; overflow: hidden; position: relative; }
#slider2 .next { background-position: 0 0; margin: 30px 0 0 10px; }
#slider2 .disable { visibility: hidden; }
#slider2 .overview { list-style: none; position: absolute; width: 240px; left: 0 top: 0; }
#slider2 .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 121px; border: 1px solid #dcdcdc; width: 236px;}

#slider3 { height: 1%; overflow:hidden; padding: 0 0 10px 0; }
#slider3 .viewport { width: 240px; height: 125px; float: left; overflow: hidden; position: relative; }
#slider3 .pager { overflow:hidden; list-style: none; clear: both; margin: 0 0 0 45px; }
#slider3 .pager li { float: left; }
#slider3 .pager a { background-color: #fff; text-decoration: none; text-align: center; padding: 5px; color: #555555; font-size: 14px; font-weight: bold; display: block; }
#slider3 .pager .active { color: #fff; background-color:  #555555; }
#slider3 .buttons { background:url("buttons0.png") no-repeat scroll 0 0 transparent; display: block; margin: 30px 10px 0 0; background-position: 0 -38px; text-indent: -999em; float: left; width: 39px; height: 37px; overflow: hidden; position: relative; }
#slider3 .next { background-position: 0 0; margin: 30px 0 0 10px; }
#slider3 .disable { visibility: hidden; }
#slider3 .overview { list-style: none; position: absolute; width: 240px; left: 0 top: 0; }
#slider3 .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 121px; border: 1px solid #dcdcdc; width: 236px;}

#slider4 { height: 1%; overflow:hidden; display: block; padding: 0 0 10px 0; margin: 0 0 0 50px;}
#slider4 .viewport { width: 500px; height: 257px; overflow: hidden; position: relative; }
#slider4 .pager { overflow:hidden; height: 1%; list-style: none; clear: both; margin: 0 0 10px; }
#slider4 .pager li { float: left; }
#slider4 .pagenum { background-color: #fff; text-decoration: none; text-align: center; padding: 5px; color: #555555; font-size: 14px; font-weight: bold; display: block; }
#slider4 .active { color: #fff; background-color:  #555555; }
#slider4 .overview { list-style: none; position: absolute; width: 500px; left: 0 top: 0; }
#slider4 .overview .page{ float: left; padding: 5px; height: 245px; border: 1px solid #dcdcdc; width: 488px;}

#slider5 { height: 1%; overflow:hidden; padding: 0 0 10px; margin: 0 0 0 50px;  }
#slider5 .viewport { width: 240px; height: 125px; overflow: hidden; position: relative; }
#slider5 .buttons { background:url("buttons0.png") no-repeat scroll 0 0 transparent; display: block; margin: 0 0 5px 100px; background-position: 0 -74px; text-indent: -999em; width: 39px; height: 37px; overflow: hidden; position: relative; }
#slider5 .next { background-position: 0 -112px; margin: 5px 0 0 100px;  }
#slider5 .disable { visibility: hidden; }
#slider5 .overview { list-style: none; position: absolute; width: 240px; left: 0 top: 0; }
#slider5 .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 121px; border: 1px solid #dcdcdc; width: 236px;}

#slider6 { height: 1%; overflow:hidden; padding: 0 0 10px; margin: 0 0 0 50px;  }
#slider6 .viewport { float: left; width: 240px; height: 125px; overflow: hidden; position: relative; }
#slider6 .buttons { background:url("buttons0.png") no-repeat scroll 0 0 transparent; display: block; margin: 30px 10px 0 0; background-position: 0 -38px; text-indent: -999em; float: left; width: 39px; height: 37px; overflow: hidden; position: relative; }
#slider6 .next { background-position: 0 0; margin: 30px 0 0 10px;  }
#slider6 .disable { visibility: hidden; }
#slider6 .overview { list-style: none; position: absolute; width: 240px; left: 0 top: 0; }
#slider6 .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 121px; border: 1px solid #dcdcdc; width: 236px;}

#slider7 { height: 1%; overflow:hidden; padding: 0 0 10px 0; }
#slider7 .viewport { width: 240px; height: 125px; float: left; overflow: hidden; position: relative; }
#slider7 .buttons { background:url("buttons0.png") no-repeat scroll 0 0 transparent; display: block; margin: 30px 10px 0 0; background-position: 0 -38px; text-indent: -999em; float: left; width: 39px; height: 37px; overflow: hidden; position: relative; }
#slider7 .next { background-position: 0 0; margin: 30px 0 0 10px; }
#slider7 .disable { visibility: hidden; }
#slider7 .overview { list-style: none; position: absolute; width: 240px; left: 0 top: 0; }
#slider7 .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 121px; border: 1px solid #dcdcdc; width: 236px;}

/* Examples - Tiny Scrollbar */
#scrollbar1 { 
	width: 1000px; /* 770px */
	margin:0;
}

/*
About page?
*/
#scrollbar1 .viewport { 
	width: 970px; /* 755px */ 
	float:left; 
	height: 330px; 
	float:left;
	margin-left:0px;  
	overflow: hidden; 
	position: relative; 
}
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(bg-scrol.png) no-repeat 0 0; background-position: 0 0; float: left;
    position: relative;
	z-index:2000;
    width: 15px; }
#scrollbar1 .track { background: transparent url(bg-scrom.png) no-repeat 0 100%; height: 100%; width:15px; position: relative; }
#scrollbar1 .thumb { background: transparent url(bg-scron.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(bg-scron.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }





#scrollbar3 .content
{
	width: 701px;
}







#scrollbar2{ width: 800px; margin:0;}
#scrollbar2 .viewport { width: 755px; float:left; height: 330px;margin-left:0px;  overflow: hidden; position: relative; }
#scrollbar2 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar2 .scrollbar{ background: transparent url(bg-scrol.png) no-repeat 0 0; background-position: 0 0; float: left;
    position: relative;
	z-index:2000;
    width: 15px; }
#scrollbar2 .track { background: transparent url(bg-scrom.png) no-repeat 0 100%; height: 100%; width:15px; position: relative; }
#scrollbar2 .thumb { background: transparent url(bg-scron.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar2 .thumb .end { background: transparent url(bg-scron.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar2 .disable { display: none; }


#scrollbar3{ width: 770px; margin:0;}
#scrollbar3 .viewport { width: 755px; float:left; height: 330px;margin-left:0px;  overflow: hidden; position: relative; }
#scrollbar3 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar3 .scrollbar{ background: transparent url(bg-scrol.png) no-repeat 0 0; background-position: 0 0; float: left;
    position: relative;
	z-index:2000;
    width: 15px; }
#scrollbar3 .track { background: transparent url(bg-scrom.png) no-repeat 0 100%; height: 100%; width:15px; position: relative; }
#scrollbar3 .thumb { background: transparent url(bg-scron.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar3 .thumb .end { background: transparent url(bg-scron.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar3 .disable { display: none; }

#scrollbar4{ width: 770px; margin:0;}
#scrollbar4 .viewport { width: 755px; float:left; height: 330px;margin-left:0px;  overflow: hidden; position: relative; }
#scrollbar4 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar4 .scrollbar{ background: transparent url(bg-scrol.png) no-repeat 0 0; background-position: 0 0; float: left;
    position: relative;
	z-index:2000;
    width: 15px; }
#scrollbar4 .track { background: transparent url(bg-scrom.png) no-repeat 0 100%; height: 100%; width:15px; position: relative; }
#scrollbar4 .thumb { background: transparent url(bg-scron.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar4 .thumb .end { background: transparent url(bg-scron.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar4 .disable { display: none; }

#scrollbar5{ width: 770px; margin:0;}
#scrollbar5 .viewport { width: 755px; float:left; height: 330px;margin-left:0px;  overflow: hidden; position: relative; }
#scrollbar5 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar5 .scrollbar{ background: transparent url(bg-scrol.png) no-repeat 0 0; background-position: 0 0; float: left;
    position: relative;
	z-index:2000;
    width: 15px; }
#scrollbar5 .track { background: transparent url(bg-scrom.png) no-repeat 0 100%; height: 100%; width:15px; position: relative; }
#scrollbar5 .thumb { background: transparent url(bg-scron.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar5 .thumb .end { background: transparent url(bg-scron.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar5 .disable { display: none; }




#scrollbar6{ width: 770px; margin:0;}
#scrollbar6 .viewport { width: 755px; float:left; height: 330px;margin-left:0px;  overflow: hidden; position: relative; }
#scrollbar6 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar6 .scrollbar{ background: transparent url(bg-scrol.png) no-repeat 0 0; background-position: 0 0; float: left;
    position: relative;
	z-index:2000;
    width: 15px; }
#scrollbar6 .track { background: transparent url(bg-scrom.png) no-repeat 0 100%; height: 100%; width:15px; position: relative; }
#scrollbar6 .thumb { background: transparent url(bg-scron.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar6 .thumb .end { background: transparent url(bg-scron.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar6 .disable { display: none; }