@charset "utf-8";
body { margin:0; padding:0; background: none; width:100%; background:#131414 url(images/main_bg.jpg) top repeat-x;}
html { padding:0; margin:0;}
.clr {clear:both;}

/* main */
.main {width:990px; padding:0; margin:0 auto; }

/* header */
.header { width:990px; margin:0; padding:0;}
.logo { width:400px; height:103px; margin:0; padding:10px 10px !important; padding:10px 10px 0 10px; float:left;}
.logo h2 { font: normal 24px Tahoma, Geneva, sans-serif; color:#000000; padding:10px 0 5px 10px; margin:0;}
.logo .text { font: normal 12px Arial, Helvetica, sans-serif; color:#3b5a64; padding:0 0 5px 20px; margin:0;}
/* menu */
.menu { width:500px; margin:50px 0 0 0; padding:0; float:right; height:40px;}
.menu ul { margin:0; padding:0; list-style:none;}
.menu li { margin:0; padding:0; font:bold 12px Arial, Helvetica, sans-serif; color:#a6a6a6; float:left;}
.menu a { line-height:16px; float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#99dfeb; padding:7px 16px; margin:0; text-decoration:none;}
.menu a:hover {color:#fff; background:url(images/hover.gif) top repeat-x; padding:6px 15px; border:1px solid #49a6ba;}
.menu a.active {color:#fff; background:url(images/hover.gif) top repeat-x; padding:6px 15px; border:1px solid #49a6ba;}
/* header_text */
.header_text { height:250px; width:990px; background:url(images/bg.gif); margin:0; padding:0; border:1px solid #283f42;}
.header_text2 {height:141px; width:983px; background:url(images/simple_text2.gif) top no-repeat; margin:0; padding:0; border:none;}
.header_text h2 { font:normal 48px Arial, Helvetica, sans-serif; color:#fff; margin:30px 0 0 30px; padding:10px 0 0 0;}
.header_text p {font:bold 13px Arial, Helvetica, sans-serif; color:#bef0f7;  margin:10px 0 0 30px; padding:0;}
.header_text p img { float:left; margin:10px 0 0 10px;}
.header_text img { float:right; margin:0; padding:1px;}
.header_text a {}
/*RSS*/
.beer { width:120px; height:18px; float:left; padding:5px 0 0 0; margin:10px 0 0 10px; background:url(images/beer-mug.png) 5px 2px no-repeat; border:1px solid #373737;}
.beer p { font:normal 11px Arial, Helvetica, sans-serif; color:#484848; padding:0 0 2px 30px; margin:0;}
.beer a { font:normal 11px Arial, Helvetica, sans-serif; color:#484848; padding:0; margin:0; text-decoration:none;}
/*RSS*/
.RSS { width:120px; height:18px; float:left; padding:5px 0 0 0; margin:10px 0 0 10px; background:url(images/RSS.gif) 5px 2px no-repeat; border:1px solid #373737;}
.RSS p { font:normal 11px Arial, Helvetica, sans-serif; color:#484848; padding:0 0 2px 30px; margin:0;}
.RSS a { font:normal 11px Arial, Helvetica, sans-serif; color:#484848; padding:0; margin:0; text-decoration:none;}
/*Twitter*/
.Twitter { width:120px; height:18px; float:left; padding:5px 0 0 0; margin:10px 0 0 10px; background:url(images/twitter3.png) 5px 2px no-repeat; border:1px solid #373737;}
.Twitter p { font:normal 11px Arial, Helvetica, sans-serif; color:#484848; padding:0 0 2px 30px; margin:0;}
.Twitter a { font:normal 11px Arial, Helvetica, sans-serif; color:#484848; padding:0; margin:0; text-decoration:none;}
/*LinkedIn*/
.LinkedIn { width:120px; height:18px; float:left; padding:5px 0 0 0; margin:10px 0 0 10px; background:url(images/linkedin.png) 5px 2px no-repeat; border:1px solid #373737;}
.LinkedIn p { font:normal 11px Arial, Helvetica, sans-serif; color:#484848; padding:0 0 2px 30px; margin:0;}
.LinkedIn a { font:normal 11px Arial, Helvetica, sans-serif; color:#484848; padding:0; margin:0; text-decoration:none;}
/*Ecademy*/
.Ecademy { width:120px; height:18px; float:left; padding:5px 0 0 0; margin:10px 0 0 10px; background:url(images/ecademy.png) 5px 2px no-repeat; border:1px solid #373737;}
.Ecademy p { font:normal 11px Arial, Helvetica, sans-serif; color:#484848; padding:0 0 2px 30px; margin:0;}
.Ecademy a { font:normal 11px Arial, Helvetica, sans-serif; color:#484848; padding:0; margin:0; text-decoration:none;}
/*Facebook*/
.Facebook { width:120px; height:18px; float:left; padding:5px 0 0 0; margin:10px 0 0 10px; background:url(images/facebook.png) 5px 2px no-repeat; border:1px solid #373737;}
.Facebook p { font:normal 11px Arial, Helvetica, sans-serif; color:#484848; padding:0 0 2px 30px; margin:0;}
.Facebook a { font:normal 11px Arial, Helvetica, sans-serif; color:#484848; padding:0; margin:0; text-decoration:none;}
/*FriendFeed*/
.FriendFeed { width:120px; height:18px; float:left; padding:5px 0 0 0; margin:10px 0 0 10px; background:url(images/friendfeed.png) 5px 2px no-repeat; border:1px solid #373737;}
.FriendFeed p { font:normal 11px Arial, Helvetica, sans-serif; color:#484848; padding:0 0 2px 30px; margin:0;}
.FriendFeed a { font:normal 11px Arial, Helvetica, sans-serif; color:#484848; padding:0; margin:0; text-decoration:none;}
/*Share*/
.Share { width:120px; float:right; padding:0 0 0 0; margin:8px 0 8px 0;}
/*Newsletter*/
.Newsletter { font:bold 11px   Arial, Helvetica, sans-serif; color:#666666; border:1px solid #1a1b1b; width:800px; float:left; padding:0 10px 0 10px; margin:3px 0 0 5px;}
.Newsletter span { color:#8a8a8a;text-decoration:none;}
/* search */
.search { width:300px; float:right; padding:15px 0; margin:0;}
.search form { margin:0; padding:0; float:left;}
.search input.keywords { float:left; width:200px; height:20px; background:#131313; color:#484848; font:normal 11px Arial, Helvetica, sans-serif; margin:0 15px 0 10px; padding:0 0 0 10px; border:1px solid #383838;}
.search input.button { float:left; width:24px; height:24px; margin:0; padding:0; background:url(images/search.gif) top no-repeat;}
/* body */
.body { width:990px; margin:0; padding:0}
.body h2 { font: normal 18px   Arial, Helvetica, sans-serif; color:#3d727b; padding:10px 10px; margin:10px 20px 10px 10px; border-bottom:1px solid #252525;}
.body h3 { font: bold 18px   Arial, Helvetica, sans-serif; color:#9e9e9e; padding:5px 10px;  margin:10px 20px 0 10px;}
.body h4 { font: bold 14px  Arial, Helvetica, sans-serif; color:#9e9e9e; padding:5px 10px;  margin:10px 20px 0 10px;}
.body p { font:normal 11px   Arial, Helvetica, sans-serif; color:#666666; padding:0 15px; margin:10px 0;}
.body a { color:#d34600; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.body img { float:left; margin:0; padding:20px;}
/*main_body*/
.main_body { border:1px solid #1a1b1b; width:321px; padding:0; margin:3px 5px 15px 5px; float:left; background:url(images/bg_body.gif) top no-repeat;}
.main_body p { font:italic 11px Arial, Helvetica, sans-serif; color:#666666;}
.main_body ul { font:normal 12px Arial, Helvetica, sans-serif; color:#3a3c3c; padding:5px 0; margin:0;}
.main_body li {padding:5px 0; margin:0;}
.main_body a {font:bold italic 11px   Arial, Helvetica, sans-serif; color:#3d727b; margin:0; padding:0; text-decoration:none;}
.main_body .data { float:left; font: normal 14px Arial, Helvetica, sans-serif; color:#fff; background:#242424; text-align:center; width:100px; margin:0 10px 0 10px; padding:0 15px;}
.main_body .title { float: left; font: bold 14px Arial, Helvetica, sans-serif; color:#242424; margin:0; padding:0; margin:0; padding:0 15px;}
.main_body img { padding:0; margin:5px 5px; border:none;}
.main_body span { font: normal 11px Arial, Helvetica, sans-serif; color:#8a8a8a; margin:0; padding:0; text-decoration:none;}
/* left_body*/
.left_body { border:1px solid #1a1b1b; width:321px; padding:0; margin:3px 5px 15px 5px; float:left; background:url(images/bg_body.gif) top no-repeat;}
.left_body ul { font:normal 11px  Arial, Helvetica, sans-serif; color:#666666; padding:5px 0; margin:0 0 0 20px;}
.left_body li {	padding:5px 20px; margin:0 0 0 20px; list-style-position: outside; list-style-type: disc;}
.left_body a {font:normal 11px   Arial, Helvetica, sans-serif; color:#3d727b; margin:0; padding:0; text-decoration: none;}
.left_body .data { float:left; font: normal 14px Arial, Helvetica, sans-serif; color:#fff; background:#242424; text-align:center; width:100px; margin:0 10px 0 10px; padding:0 15px;}
.left_body .title { float: left; font: bold 14px Arial, Helvetica, sans-serif; color:#242424; margin:0; padding:0; margin:0; padding:0 15px;}
.left_body img { padding:0; margin:0; border:none;}
.left_body span { font: normal 11px Arial, Helvetica, sans-serif; color:#8a8a8a; margin:0; padding:0; text-decoration:none;}
/* right_body*/
.right_body { border:1px solid #1a1b1b; width:300px; padding:0; margin:3px 5px 15px 5px; float:left; background:url(images/bg_body.gif) top no-repeat;}
.right_body ul { font:normal 12px Arial, Helvetica, sans-serif; color:#3a3c3c; padding:5px 0; margin:0;}
.right_body li {padding:5px 0; margin:0;}
.right_body a { font: normal 11px Arial, Helvetica, sans-serif; color:#8a8a8a; margin:0; padding:0; text-decoration:none;}
.right_body .data { float:left; font: normal 14px Arial, Helvetica, sans-serif; color:#3d717a;  margin:0 10px 0 10px; padding:5px 5px;}
.right_body .title { float: left; font: bold 11px Arial, Helvetica, sans-serif; color:#9e9e9e; margin:0; padding:0; margin:0; padding:7px 15px;}
.right_body img { padding:0; margin:0; border:none;}
.right_body span { font: normal 11px Arial, Helvetica, sans-serif; color:#8a8a8a; margin:0; padding:0; text-decoration:none;}
/*about_body*/
.about_body { width:650px; padding:0; margin:3px 5px; float:left; border:1px solid #1a1b1b;}
.about_body ul { float:left; font:normal 11px Arial, Helvetica, sans-serif; color:#565656; padding:0 15px; margin:10px 0; padding:5px 0; margin:0 40px; list-style-position: outside; list-style-type: disc;}
.about_body ol { float:left; font:normal 11px  Arial, Helvetica, sans-serif; color:#565656; padding:0 15px; margin:10px 0; padding:5px 0; margin:0 20px; list-style-position: outside;}
.about_body li { padding:5px 0 5px 20px; margin:2px 2px 2px 20px;}
.about_body p { padding:5px 10px;  margin:10px 20px 0 10px;}
.about_body a {font:normal 11px   Arial, Helvetica, sans-serif; color:#3d727b; margin:0; padding:0; text-decoration: none;}
.about_body .data { float:left; font: normal 14px Arial, Helvetica, sans-serif; color:#fff; background:#242424; text-align:center; width:100px; margin:0 10px 0 10px; padding:0 15px;}
.about_body .title { float: left; font: bold 14px Arial, Helvetica, sans-serif; color:#242424; margin:0; padding:0; margin:0; padding:0 15px;}
.about_body img { padding:0; margin:8px 8px; border-width:thin; border-color:#666666; border-style:groove; max-height:180px; max-width:180px;}
.about_body span { font: normal 11px Arial, Helvetica, sans-serif; color:#8a8a8a; margin:0; padding:0; text-decoration:none;}
/*testimonial*/
.testimonial { width:650px; padding:0; margin:3px 5px; float:left; border:1px solid #1a1b1b;}
.testimonial ul { width:530px; float:left; font:normal 11px Arial, Helvetica, sans-serif; color:#565656; padding:0 15px; margin:10px 0; padding:5px 0; margin:0 20px; list-style-position: outside; list-style-type: disc;}
.testimonial ol { width:530px; float:left; font:normal 11px  Arial, Helvetica, sans-serif; color:#565656; padding:0 15px; margin:10px 0; padding:5px 0; margin:0 20px; list-style-position: outside;}
.testimonial li { padding:5px 0 5px 20px; margin:2px 2px 2px 20px;}
.testimonial p { padding:5px 11px;  margin:10px 20px 0 10px;}
.testimonial a {font:normal 11px   Arial, Helvetica, sans-serif; color:#3d727b; margin:0; padding:0; text-decoration: none;}
.testimonial .data { float:left; font: normal 14px Arial, Helvetica, sans-serif; color:#fff; background:#242424; text-align:center; width:100px; margin:0 10px 0 10px; padding:0 15px;}
.testimonial .title { float: left; font: bold 14px Arial, Helvetica, sans-serif; color:#242424; margin:0; padding:0; margin:0; padding:0 15px;}
.testimonial img { padding:0; margin:20px 20px; border:none;}
.testimonial span { font: italic normal 11px Arial, Helvetica, sans-serif; color:#3d727b; margin:0; padding:0; text-decoration:none;}
/*team*/
.team { border:1px solid #1a1b1b; width:300px; padding:0; margin:3px 5px; float:left; background:url(images/bg_body.gif) top no-repeat;}
.team strong { color:#afafaf;}
.team ul {font:normal 11px Arial, Helvetica, sans-serif; color:#666666; padding:5px 10px; margin:0 0 0 20px;}
.team li {padding:5px 0 0 20px; margin:0 0 0 20px;}
.team a {font:normal 11px   Arial, Helvetica, sans-serif; color:#3d727b; margin:0; padding:0; text-decoration: none;}
.team a.active {font:normal 11px   Arial, Helvetica, sans-serif; color:#999999; background-color:#333333; margin:0; padding:3px; text-decoration: none;}
.team a:hover { font:normal 11px Arial, Helvetica, sans-serif; color:#cccccc; margin:0; padding:3px; text-decoration:none;}
.team .data { float:left; font: normal 14px Arial, Helvetica, sans-serif; color:#3d717a;  margin:0 10px 0 10px; padding:5px 5px;}
.team .title { float: left; font: bold 11px Arial, Helvetica, sans-serif; color:#9e9e9e; margin:0; padding:0; margin:0; padding:7px 15px;}
.team img { padding:0; margin:10px 10px; border:none;}
.team span { font: italic normal 11px Arial, Helvetica, sans-serif; color:#3d727b; margin:0; padding:0; text-decoration:none;}
/*beer_order*/
.beer_order { border:1px solid #1a1b1b; width:300px; padding:0; margin:3px 5px; float:left; background-color:#111111;}
.beer_order strong { color:#afafaf;}
.beer_order ul { font:normal 11px Arial, Helvetica, sans-serif; color:#666666; padding:5px 10px; margin:0 0 0 10px;}
.beer_order li {padding:5px 0; margin:0;}
.beer_order a {font:normal 11px   Arial, Helvetica, sans-serif; color:#3d727b; margin:0; padding:0; text-decoration: none;}
.beer_order a:hover { font:normal 11px Arial, Helvetica, sans-serif; color:#3d727b; margin:0; padding:0; text-decoration:underline;}
.beer_order .data { float:left; font: normal 14px Arial, Helvetica, sans-serif; color:#3d717a;  margin:0 10px 0 10px; padding:5px 5px;}
.beer_order .title { float: left; font: bold 11px Arial, Helvetica, sans-serif; color:#9e9e9e; margin:0; padding:0; margin:0; padding:7px 15px;}
.beer_order img { padding:0; margin:10px 10px; border:none;}
.beer_order span { font: italic normal 11px Arial, Helvetica, sans-serif; color:#3d727b; margin:0; padding:0; text-decoration:none;}
/* Conatct Form */
.response { font:normal 12px Arial, Helvetica, sans-serif; color:red; text-align:center;}
.loader { text-align:center; width:auto; padding:0; margin:0;}
#contactform { margin:0; padding:5px;}
#contactform * { font-family: Arial, Helvetica, sans-serif;; font-size:12px;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0 0 5px 0; padding:10px; background:none;}
#contactform li.buttons { margin:0; overflow:hidden;}
#contactform label { margin:0; width:200px; display:block; float:left; padding:0 0 2px 0; font:normal 14px Arial, Helvetica, sans-serif; color:#666666;}
#contactform label span { font:normal 11px Arial, Helvetica, sans-serif; color:#afafaf; margin:0; padding:0;}
#contactform input.text { color:#CCCCCC; width:240px; background-color:#111111; border-style:groove; border-width:thin; border-color:#333333;  margin:5 0; padding:2px 2px; height:13px;}
#contactform textarea { color:#CCCCCC; width:240px; background-color:#111111; border-style:groove; border-width:thin; border-color:#333333; margin:5 0; padding:2px;}
#contactform li.buttons input { padding:3px 10px; margin:0 0 0 135px; background:#2d474d; border:1px solid #0d0e0e; color:#FFF; float:left;}

/* form style*/
.form_style { padding:0; margin:0;}
.form_style .text { font:bold 14px  Arial, Helvetica, sans-serif; color:#242424; padding:10px 0 10px 40px; margin:0; width:150px; float:left;}
.form_style .form { width:380px; float:left; margin:0; padding:10px 0;}
.form_style .label2 { padding:0; margin:20px 0 20px 190px;}
.form_style .input2 { width:375px; border:1px solid #d6d6d6; background:#fff;}
/*fbg*/
.fbg { background:url(images/FBG_bg.jpg) top repeat-x; height:88px; padding:20px;}
/* footer */
.footer { width:990px; background:url(images/bg2.gif); text-align:center; font: normal 14px Arial, Helvetica, sans-serif; color:#0f0f0f; margin:0 auto; padding:10px 0; border:1px solid #1f3032;}
.footer a {font: normal 14px Arial, Helvetica, sans-serif; color:#0f0f0f;}
/* select */
.select { background-color:#111111; border-style:groove; color:#999999; height:25px; width:150px; padding:2px 0 2px 0; margin:0 2px 0 2px; border-width:thin; border-color:#333333;}