@charset "UTF-8";
/* =CALL LIBRARY */
	@import url("reset-min.css"); /* ------- Reset all CSS Styles */

/* =GENERAL - the general styles */
	body{
		font: 62.5%/2.2em "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
		background: #2268aa url(../images/background.jpg) repeat-x scroll center top;
		
	color: #eee;
	}
	
	h5{
	color: #f2f2f2;
	font: 12pt/1.5 "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin-left: 28px;
	text-shadow: #000 0 0 0;
	margin-top: 33px;
	border-top: 1px solid #3a5b79;
	padding-top: 27px;
}
	h1{
	color: white;
	font: 20pt/1.5 "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin-left: 28px;
	text-shadow: #000 1px 1px 0;
	padding-bottom: 0;
	padding-top: 0;
	margin-top: -47px;
}
	
	a{color: #6bb9ff;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}
	a:hover{color: #6bb9ff;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
}
	hr{display: none;}
	strong{font-weight: bold;}
	ul.borderedlist li{
		border-bottom: none;
}
	ul.borderedlist li a{
		display: block;
		padding:3px 0 0 2px;
		height: 26px;
		color: #d5d5d5;
	}
	ul.borderedlist li a:hover{}

/* @group Java Gallery */
/* begin gallery styling */
#jgal { list-style: none; width: 200px; }
#jgal li { opacity: .5; float: left; display: block; width: 60px; height: 60px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 14px; margin-bottom: 14px; }
#jgal li img { position: absolute; top: 20px; left: 220px; display: none; }
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }

/* styling without javascript */
#gallery { list-style: none; display: block; }
#gallery li { float: left; margin: 0 10px 10px 0; }

/* @end */

/* @group Quotes */

ul#cyclelist {position:relative;overflow:hidden;height: 112px;
	font-size: 11px;
	text-align: center;
	border-top: 1px solid rgba(47,75,99,0.69);
	width: 508px;
	margin: 63px 35px -45px 150px;
	direction: ltr;
	padding-bottom: 0;
	padding: 13px;
}

ul#cyclelist li {font-size:1.4em;padding:20px;opacity:0;position:absolute;
	margin-top: -3px;
}
ul#cyclelist strong {
	text-shadow: #000 0 1px 0;
	font-size: 18px;
	font-variant: small-caps;
	text-align: center;
}

ul#cyclelist em {font-size: 12px;
	font-style: italic;
	color: #e1e1e1;
	letter-spacing: 1px;
	font-variant: small-caps;
}

/* @end */

/* @group TWITTER */
	.twitter{
	height: 194px;
	font-size: 15px;
	margin-left: 3px;
}
	ul.twitter{
	background: url(../images/twitter-back.png) no-repeat;
	padding-left: 34px;
	padding-right: 28px;
	padding-top: 25px;
	text-shadow: #000 0 1px 0;
	margin-top: 10px;
}
	ul.twitter a{
	color: #6eaeeb;

}
	ul.twitter a:hover{
	color: #6eaeeb;
	text-decoration: none;
	font-style: italic;
}

/* @end */

/* @group FORMS */

#eee {
	background: url(../images/q%20top.png) no-repeat;
	width: 310px;
	padding-top: 19px;
	font-size: 15px;
	text-shadow: #000000 0 1px 0;
	letter-spacing: 1px;
	padding-left: 14px;
	color: #fff;
	text-align: left;
	margin-top: 6px;
	padding-bottom: 12px;
}

#eee p {
	padding-top: 0;
	width: 256px;
	padding-right: 0;
	margin-top: 18px;
	text-align: left;
	font-size: 12px;
	letter-spacing: 0;
	line-height: 1.7;
	}

/* @end */

/* @group LAYOUT - the main layout styles */
	.container{
		width:900px;
		position: relative;
		overflow: visible;
	margin-left: auto;
	margin-right: auto;
	visibility: visible;
}
	/* header layout */
	#header{
		height: 652px;
		background: url(../images/light.png) no-repeat scroll center top;
		position: relative;
}
	#navigation{
		position: absolute;
		right: 0;
		top:15px;
	font-size: 8px;
}
	/* main area layout */
	#main{padding: 70px 0 20px;
	
}
	#leftcolumn{float: left;width:320px;}
	#center{float: left;width: 495px;
	margin-left: 38px;
	border-left: 1px solid rgba(51,79,105,0.67);
	margin-bottom: 33px;
	background: url(../images/smallergrad.png) no-repeat scroll -127px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	margin-top: -48px;
}
	rightcolumn{float: left;}
	
	/* bottom layout */

#bottominfo{
		background: url(../images/lr_footer.png) no-repeat center;
		width: 100%;
		overflow: hidden;
	padding-bottom: 25px;
	height: 193px;
	margin-bottom: -37px;
	margin-top: 33px;
	padding-top: 8px;
	margin-left: -9px;
	clear: both;
}
	.bottomcolumn{
		float: left;
		width: 254px;
		margin-right: 8px;
	margin-left: 26px;
}
	.bottomright{margin-right:0;}

/* @end */

/* @group HEADER - the header styles */

	#header .container{
	height: 500px;
}
	/* logo */
	h1{
		position: absolute;
		height: 265px;
		width: 540px;
}
h1 a{
		font: 24px/24px Arial, Helvetica, sans-serif;
		font-weight: bold;
		letter-spacing: -2px;
		padding: 22px 9px 25px 20px;
		display: block;
		color: #fff;
		background: url(../images/blink_logo.png) left top no-repeat;
		width: 540px;
		height: 265px;
	margin-top: 47px;
	margin-left: -28px;
}
	h1 a:hover{color: #fff;}

	/* top navigation */
	#navigation li{
		float: left;
		padding-right: 30px;
		text-transform: normal;
		font-size: x-small;
		font-weight: normal;
		padding-top: 0;
		margin-top: -3px;
}
	#navigation li a{color: #b2b2b2;}
	#navigation li a:hover{color: #fff;}
	
	/* message and building pic */
	#banner{
		position: absolute;
		color: #a49c8f;
		font-weight: bold;
		font-size: 1.3em;
		padding-left: 0;
		top: 240px;
	margin-top: 38px;
}

/* @end */

/* @group CU3ER - container */
	#cu3er-container {width:875; height: 311px; outline:0;
	margin-top: 17px;
}

/* @group CONTENT - the content styles */
	/* left column */
	.leftbox{;padding: 10px 23px 10px 23px;margin-bottom:3px;line-height:1.8em;}
	h3.leftbox{font-size: 18px;color: #d5d5d5; 0 0 repeat-x;padding:5px 0 10px 23px;
	text-shadow: #000 1px 1px 0;
}
	h3.header_small{font-size:15px;font-weight: bold;padding:0 23px 5px 23px;
	text-shadow: #000 1px 1px 0;
}
	ul.leftbox{font-size: 1.2em; }
	
	
	.features{padding-top:15px;font:1.27em Arial, Helvetica, sans-serif;}
	
	#leftcolumn .leftbox p{padding-bottom:1em;line-height:1.5em; font-size:12px }	
	
	
	/* center column */
	.article_wrapper h2{color: #fff; font-size: 2em;
	
	text-shadow: #3f3f3f 1px 2px 1px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 27px;
}
	.article_wrapper p{padding-bottom: 32px;font-size:1.3em;
	margin-left: 1px;
	padding-left: 26px;
	padding-right: 21px;
}	

	
	
	/* right column */
	.rightbox_wrapper{
		padding: 5px;
		margin-bottom: 20px;
		width:277px;
		overflow: hidden;
		font-size:11px;
		line-height: 18px;
		color: white;
	}
	.rightbox{border: 1px none #aeb3bb;width:275px;overflow: hidden;padding-bottom: 10px;
	background-color: transparent;
	border-top-style: solid;
	padding-top: 31px;
}
	.product_image{ float: left;margin: 6px 0 0 6px;}
	.product_wrapper{float: right;width:200px;}
	.product_wrapper h4{font-size:1.3em;color: #fff;font-weight: bold;padding-top:10px;}
	.product_wrapper p{font-size:1em; }
	.lastbox{margin:0;}

/* @end */

/* @group BOTTOM */
	.bottomcolumn h3{
		color: #fff; font-size: 14px;padding: 21px 0 6px 5px;
	text-shadow: #3e3e3e 1px 1px 0;
	border-bottom: 1px solid #000;
}
	.bottomcolumn p{
		padding: 7px 0 0 6px;
		font-size: x-small;
	margin-left: 0;
}
	.bottomcolumn a{
		padding: 7px 0 0 1px;
		font-size: x-small;
		margin-left: 0;
	color: white;
}

	.iconlist{
		font-size: x-small;
	border-color: #b0b0b0;
}
	ul.iconlist li a{
	
		padding-left: 6px;
		color: silver;
	padding-top: 0;
}
	ul.iconlist  li a:hover{color: #6bb9ff;}
	.enewsbox{
		float: left;
		width: 180px;
		height: 17px;
		padding: 10px 5px 7px;
		font-size:13px;
	}
	.button{
		display: block;
		float: left;
		width: auto;
		line-height:1em;
		text-align: center;
		background: #659AA6;
		color: #fff;
		cursor: pointer;
		margin:0;
		padding:3px 8px; /* IE6 */
	}

/* @end */

/* @group FOOTER */

#footer{
	padding-top: 3px;
	top: 0;
	margin-left: -9px;
}
	#footer a{color: #dfdfdf;
	text-shadow: #000 0 1px 0;
}
	#designby{
		
		float: left;
		height: 23px;
		padding: 2px 0 0 32px;
		margin-top: 5px;
	}
	#footer_navigation{
		float: right;
		padding-top:7px;
		color: white;
		padding-right: 0;
}
	#footer_navigation li{float: left;padding-left: 12px;
	padding-right: 29px;
}
	#footer_navigation li a{text-transform:uppercase;}
	#footer_navigation li a:hover{color: #59b3ff;}

/* @end */

/* @group Accordion */

*{padding:0px; margin:0px;}

.accToggler{
	margin: 3px auto 3px 28px;
	padding: 3px 3px 3px 13px;
	width: 464px;
	background: #1f2c39;
	color: #f4f4f4;
	border: 1px solid rgba(233,233,233,0.66);
	cursor: pointer;
	font-size: 15px;
	text-shadow: #000 1px 1px 0;
	}
.accContent{
	width: 400px;
	font-size: 12px;
	line-height: 1.6;
	padding-left: 43px;
	padding-bottom: 25px;
	margin-bottom: -16px;
}




/* @end */

/* @group snazzy borders */

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background: rgba(0,0,0,0.55); border-left:1px solid #73a6cc; border-right:1px solid #73a6cc;
	border-color: #73a6cc;
}
.xb1 {margin:0 5px; background: #73a6cc;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background: rgba(0,0,0,0.55);
	border-right: 1px solid #73a6cc;
	border-left: 1px solid #73a6cc;
	vertical-align: top;
	padding: 16px 16px 17px;
}

.xboxslidecontent {display:block; background: rgba(0,0,0,0.55);
	border-right: 1px solid #73a6cc;
	border-left: 1px solid #73a6cc;
	padding-left: 4px;
}



/* @end */Tavern at the End of the World