/* Getting the new tags to behave */

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}

mark, rp, rt, ruby, summary, time {display:inline;}



/* Global properties ======================================================== */

html { height:100%; }

html, body {width:100%; padding:0; margin:0;}



body { 	 

	font-family: 'Open Sans', sans-serif;

	font-size:12px; 

	line-height:18px;

	color:#917753;

	min-width:960px;

	background:url(../images/bg.jpg) center 0 repeat;

	height:100%; 

}

.bg-shadow {

	background:url(../images/bg-shadow.jpg) center 0 no-repeat;	

	width:100%;

	height:100%;

}

/***********************************************************************/



a {
	text-decoration:none;
	cursor:pointer;
	color: #FFF;
}

a:hover {text-decoration:none;}



a.button { border:#27542f 1px solid; border-top:#3f904d 1px solid; font-family: 'Vidaloka', sans-serif; color:#fff; font-size:15px; line-height:20px; text-transform:uppercase;display:inline-block; box-shadow: 3px 5px 5px #151312; }

a.button strong {background:url(../images/button.gif) 0 0 repeat-x #1a3c20; padding:6px 10px 4px 10px;  font-weight:normal;}

a.button:hover {border-top:#27542f 1px solid;}

a.button:hover strong {background:url(../images/button.gif) 0 bottom repeat-x #1a3c20;  }

.button-bg {overflow:hidden; background:url(../images/h-bg.gif) 0 17px repeat-x; text-align:center;}

.button-bg strong {padding:0 10px 0 10px; background:#1b1918; display:inline-block;}



a.link {text-decoration:none; cursor:pointer; color:#917753; font-size:12px; line-height:18px; }

a.link:hover {color:#fff;}



.color-1 {font-family: 'Aclonica', sans-serif; font-size:37px; line-height:47px; color:#fff; font-weight:normal; text-transform:uppercase;}

.color-2 { font-family: 'Vidaloka', sans-serif; font-size:21px; line-height:26px; color:#fff; font-weight:normal; text-transform:uppercase;}

.color-3 { color:#fff;}

a.color-3:hover {text-decoration:underline;}

.color-4 {text-transform:uppercase; font-family: 'Vidaloka', sans-serif; color:#917753; }

a.color-4:hover {color:#fff;}



h2 {font-family: 'Vidaloka', sans-serif; font-size:27px; line-height:37px; color:#fff; font-weight:normal; text-transform:uppercase; display:block;}



h2.h-bg>strong strong {font-family: 'Vidaloka', sans-serif; font-size:12px; line-height:17px; color:#917753; font-weight:normal; text-transform:uppercase; display:block;}

.h-bg {width:100%; overflow:hidden;}

.h-bg span.span-1 {display:block; overflow:hidden; background:url(../images/h-bg.gif) 0 27px repeat-x; }

.h-bg span.span-2 {display:block; overflow:hidden; background:url(../images/h-bg.gif) 0 27px repeat-x; float:left;}

.h-bg>strong {float:left; display:inline; text-align:center; padding:0 10px 0 10px; font-weight:normal;}

.h-bg>strong strong {margin-top:-3px;}



.h-bg-2>strong strong {font-family: 'Vidaloka', sans-serif; font-size:12px; line-height:17px; color:#917753; font-weight:normal; text-transform:uppercase; display:block;}

.h-bg-2 span.span-1 {display:block; overflow:hidden; background:url(../images/h-bg.gif) 0 28px repeat-x; }

.h-bg-2 span.span-2 {display:block; overflow:hidden; background:url(../images/h-bg.gif) 0 28px repeat-x; float:left;}

.h-bg-2>strong {float:left; font-size:12px; line-height:17px; color:#917753; display:inline; text-align:center; padding:0 10px 0 10px; font-weight:normal;}

.h-bg-2>strong strong {margin-top:-4px; font-size:36px !important; line-height:46px !important; color:#fff !important;}



h2.h2>strong { display:block; overflow:hidden; background:url(../images/h-bg.gif) 0 27px repeat-x; text-align:center; }

h2.h2>strong>strong {display:inline-block; padding:0 10px 0 10px; background:url(../images/h2-bg.gif) 0 27px repeat-x;  font-weight:normal;}

h2.h2>strong>strong strong {font-family: 'Vidaloka', sans-serif; font-size:12px; line-height:17px; color:#917753; font-weight:normal; text-transform:uppercase; display:block; margin-top:-3px;}



h2.h2-2>strong { display:block; overflow:hidden; background:url(../images/h-bg.gif) 0 27px repeat-x; text-align:center; }

h2.h2-2>strong>strong { font-family: 'Vidaloka', sans-serif; font-size:12px; line-height:17px; color:#917753 ; font-weight:normal; text-transform:uppercase; display:inline-block; padding:0 10px 0 10px; background:url(../images/h2-bg.gif) 0 22px repeat-x; font-weight:normal; margin-top:5px;}

h2.h2-2>strong>strong strong { display:block; margin-top:-4px; font-size:27px !important; line-height:37px !important; color:#fff !important;  font-weight:normal;}



.width-1 {width:50px;}

.width-2 {width:62px;}

.width-3 {width:86px;}



.p1 {padding-bottom:18px;}

.p2 {padding-bottom:21px;}

.p3 {padding-bottom:31px;}

.p4 {padding-bottom:11px;}

.p5 {padding-bottom:39px;}



ul {margin:0; padding:0;list-style-image:none;}

ul.list-1 li {padding:10px 0 11px 18px; line-height:18px; background:url(../images/list-1.png) 0 15px no-repeat;}

ul.list-1 li a {font-family: 'Vidaloka', sans-serif; font-size:12px; font-weight:normal; color:#917753; line-height:18px; text-transform:uppercase; display:inline-block;}

ul.list-1 li a:hover {color:#fff;}



ul.list-2 li {padding:3px 0 4px 0px !important; line-height:18px; background:transparent  !important;}

ul.list-2 li a { font-family: 'Open Sans', sans-serif !important; font-size:12px; font-weight:normal; color:#917753; text-transform:none  !important; line-height:18px; display:inline-block;}

ul.list-2 li a:hover {color:#fff;}



ul.list-3 li {padding:11px 0 11px 0px; font-family: 'Vidaloka', sans-serif; font-size:12px; font-weight:normal; color:#917753; line-height:18px; text-transform:uppercase;  line-height:18px;}

ul.list-3 li a {font-family: 'Vidaloka', sans-serif; font-size:12px; font-weight:normal; color:#917753; line-height:18px; text-transform:uppercase; display:inline-block;}

ul.list-3 li a:hover {color:#fff;}

ul.list-3 li a:hover span {color:#fff;}



/******************************************************************/

.clear {clear:both; line-height:0; font-size:0; width:100%;}

.wrapper {width:100%; overflow:hidden; position:relative;}

.wrap {overflow:hidden; position:relative;}

.extra-wrap {overflow:hidden;}

.fleft {float:left;}

.fright {float:right;}



.line_height {line-height:24px !important;}

.img-indent {float:right; margin:8px 0px 0px 25px;}	

.img-indent-2 {float:left; margin:4px 20px 0px 0px;}

.img-indent-3 {float:left; margin:5px 20px 0px 0px;}

.img-indent-4 {float:right; margin:5px 0px 0px 25px;}	

.last {margin-right:0px !important;}





.left-1 {margin-left:30px;}



.right-1 {margin-right:10px;}



.top-1 {margin-top:20px;}

.top-2 {margin-top:0px;}

.top-3 {margin-top:-4px;}



.bot-0 {margin-bottom:0px !important; padding-bottom:0  !important;}

.bot-1 {margin-bottom:20px;}



.pad-1 {padding:10px 0 0 0;}



.lightbox-image {position:relative; display:inline-block;}

.lightbox-image img {position:relative; z-index:2;}

.lightbox-image span {position:absolute; width:100%; height:100%; top:0; left:0; background:url(http://www.cedarcreekbrewery.com/images/magnify.png) 50% 50% no-repeat #fff;}



/*********************************header*************************************/

header {width:940px; margin:0 auto; z-index:99; position:relative; padding-bottom:18px; }

.top-links {font-size:12px; line-height:15px; color:#7c706b; float:right; margin:101px 0 0 0;}

.top-links a {color:#c5a06a; text-decoration:none;}

.top-links a:hover {color:#fff; text-decoration:underline;}

h1 { position:absolute; top:31px; left:31px; z-index:100; width:226px; height:191px;}

.nav { background:#242221; border:#050505 1px solid; position:relative; width:938px; z-index:99; margin:35px 0 0 0; float:left; box-shadow: 0 5px 5px rgba(0, 0, 0, .2); }

nav { position:relative; z-index:99; border:#383534 1px solid;  border-top:#43403e 1px solid;  border-bottom:#2e2c2b 1px solid; background:url(../images/nav-bg.jpg) 0 0 repeat-x; }

.sf-menu {float:right;}



/*********************************content*************************************/

#content { width:960px; margin:0 auto;}

.border-shadow {border:#040404 1px solid; box-shadow: 0 5px 5px rgba(0, 0, 0, .3); }

.border {border:#040404 1px solid; }

.border-2 {border:#433f3d 1px solid; }

.top-border { padding-top:7px; border:#433f3d 1px solid; border-bottom:none; background:#34312f;}



.slider-bg {border:#353130 1px solid; padding:10px 10px 11px 10px; background:url(../images/bgr-1.gif) 0 0 repeat; position:relative;}



a.box-1 { display:block; background:url(../images/bgr-2.gif) 0 0 repeat; border:#93674c 1px solid; text-align:center; height:204px; padding-top:10px; overflow:hidden;}

a.box-1:hover {background:#825c43;}

a.box-1 strong.color-1 {display:block; margin-top:9px; text-shadow: 1px 1px 1px #463124; }

a.box-1 strong.color-2 {display:block; margin-top:-11px; text-shadow: 1px 1px 1px #463124; }



a.box-2 { display:block; background:url(../images/bgr-3.gif) 0 0 repeat; border:#504a48 1px solid; text-align:center; height:204px; padding-top:10px; overflow:hidden;}

a.box-2:hover {background:#504a48;}

a.box-2 strong.color-1 {display:block; margin-top:9px; font-size:35px; text-shadow: 1px 1px 1px #262322; }

a.box-2 strong.color-2 {display:block; margin-top:-11px; text-shadow: 1px 1px 1px #262322; }



a.box-3 { display:block; background:url(../images/bgr-4.gif) 0 0 repeat; border:#3f3431 1px solid; text-align:center; height:204px; padding-top:10px; overflow:hidden;}

a.box-3:hover {background:#3f3431;}

a.box-3 strong.color-1 {display:block; margin-top:7px; font-size:27px; text-shadow: 1px 1px 1px #1f1817;}

a.box-3 strong.color-2 {display:block; margin-top:-14px; text-shadow: 1px 1px 1px #1f1817; }



a.box-4 { display:block; background:url(../images/bgr-5.png) 0 0 no-repeat; border:#b85301 1px solid; text-align:center; height:204px; padding-top:10px; overflow:hidden;}

a.box-4:hover {background:url(../images/bgr-5.png) right 0 no-repeat #b85301;}

.box-4-img {background:url(http://www.cedarcreekbrewery.com/images/page-1-img-4.png) 0 0 no-repeat; width:114px; height:129px; margin:10px auto 0 auto;}

a.box-4 strong.color-1 {display:block; margin-top:126px; font-size:29px; text-shadow: 1px 1px 1px #522404;}

a.box-4 strong.color-2 {display:block; margin-top:-13px; text-shadow: 1px 1px 1px #522404; }



.block-1 {border:#23201f 1px solid; border-top:#1b1918 1px solid;  background: url(../images/block-1-bg.jpg) 0 0 no-repeat #1b1918; padding:0 26px 23px 28px;}

.block-1 a.button {margin-bottom:5px;}



.page-1-col-1 {width:254px; border-right:#292625 1px solid; margin:21px 0 10px 0; padding: 0px 29px 0px 0; float:left;}

.page-1-col-1 img {margin:26px 0 15px 0;}

.page-1-col-1 p {margin-bottom:28px;}



.page-1-col-2 {width:254px; border-right:#292625 1px solid; margin:21px 0 10px 0; padding: 0px 29px 0px 30px; float:left;}

.page-1-col-2 p.color-3 {margin:18px 0 21px 0;}

.page-1-col-2 .button-bg {margin-top:27px;}



.page-1-col-3 {width:254px;  margin:20px 0 10px 0; padding: 0px 0px 0px 30px; float:left;}

.page-1-col-3 img {margin:19px 0 15px 0;}

.page-1-col-3 p {margin-bottom:28px;}



.page-2-col-1 {width:254px; border-right:#292625 1px solid; margin:21px 0 29px 0; padding: 0px 29px 0px 0; float:left; position:relative;}

.page-2-col-1 ul.list-1 {margin:8px 0 0px 0;}

.page-2-col-1 ul.list-2 {margin:3px 0 0px 11px !important;}



.bottom-line {position:absolute; bottom:0px; left:0px; height:1px; width:254px;  background:url(../images/h-bg.gif) 0 0 repeat-x; }

.bottom-line-2 {position:absolute; bottom:0px; left:0px; height:1px; width:100%;  background:url(../images/h-bg.gif) 0 0 repeat-x; }

.bottom-line-3 {position:absolute; bottom:0px; left:0px; height:1px;  width:334px;  background:url(../images/h-bg.gif) 0 0 repeat-x;}

.bottom-line-4 {position:absolute; bottom:0px; left:0px; height:1px;  width:568px;  background:url(../images/h-bg.gif) 0 0 repeat-x;}

.bottom-line-5 {position:absolute; bottom:0px; left:0px; height:1px;  width:304px;  background:url(../images/h-bg.gif) 0 0 repeat-x;}



.page-2-col-2 {width:568px; margin:21px 0px 29px 30px; float:left; position:relative; }

.box-5 {margin-top:18px;}

.page-2-col-2 ul.list-3 {float:left; margin:20px 30px 35px 0; width:230px;}



.page-3-col-1 {width:334px; border-right:#292625 1px solid; margin:21px 0 29px 0; padding: 0px 29px 0px 0; float:left; position:relative;}

.page-3-col-1 h2 {margin-bottom:18px;}

.box-6 {margin-bottom:26px;}

.box-6 p {margin-top:11px;}



.page-3-col-2 {

	margin:21px 0px 29px 30px;

	float:left;

	position:relative;

}

.page-3-col-2>p.color-3 {margin-top:18px;}

.box-7 {margin-top:18px; margin-bottom:15px;}

.box-8 {margin-top:11px; margin-bottom:43px;}

.box-9 div {float:left; width:225px; margin:21px 35px 59px 0;}



.page-4-col-1 {width:254px; border-right:#292625 1px solid; margin:21px 0 10px 0; padding: 0px 29px 0px 0; float:left; position:relative;}

.page-4-col-1 .bottom-line {height:20px;}



.page-4-col-2 {

	margin:21px 0px 0px 30px;

	float:left;

	position:relative;

}

.page-4-col-2 h2 {margin-bottom:21px;}

.box-10 {margin-bottom:35px;}

.page-4-col-2 .button-bg {margin-top:32px;}



.page-5-col-1 {width:568px; border-right:#292625 1px solid; margin:21px 0 29px 0; padding: 0px 29px 0px 0; float:left; position:relative;}

.page-5-col-1 .box-11 {margin-top:17px; margin-bottom:15px;}

.page-5-col-1 .box-12 {margin-top:18px; margin-bottom:50px;}



.page-5-col-2 {width:254px; margin:21px 0px 29px 29px; float:left; position:relative; }

.page-5-col-2 h2 {margin-bottom:18px;}



.page-6-col-1 {
	width:304px;
	border-right:#292625 1px solid;
	margin:21px 0 29px 0;
	padding: 0px 29px 28px 0;
	float:left;
	position:relative;
	text-align: center;
}

.page-6-col-2 {width:518px; margin:21px 0px 0px 30px; float:left; position:relative; }



.page-7-col-1 {width:882px;  margin:21px 0 29px 0; padding: 0px 0px 22px 0; float:left; position:relative;}

.page-7-col-1>div {width:675px; margin-top:18px;}











/****************************footer************************/

footer {width:940px; margin:0 auto; position:relative; overflow:hidden; padding:35px 0 40px 0px; }

footer p {font-size:12px; line-height:18px; color:#7c706b; }

footer a {font-size:12px; line-height:18px; color:#7c706b; text-decoration:none; margin:0 15px 0 15px;}

footer a:hover {text-decoration:underline;}



/**********************form**********************/

.map {width:302px; height:259px; margin:26px 0 0 0;}

.map iframe {	

  width:302px;

  height:259px;

}

dl {
	margin:15px 0px 0 0px;
	text-align: left;
}

dl dt {padding:0px 0 18px 0px;}

dl dd span { display:block; width:82px; float:left;}

dl dd {}

dl dd a { }

#form { margin: 26px 0 0px 0px; width:518px; }

#form input {

	border:#433f3d 1px solid;

	background:#1f1e1d;

	font-family: 'Open Sans', sans-serif;

	font-size:12px;

	color:#917753; 

	padding:9px 8px 9px 10px;

    outline: medium none;

    width: 344px;

	height:15px;

	float:left;

}

#form textarea {

	border:#433f3d 1px solid;

	background:#1f1e1d;

	font-family: 'Open Sans', sans-serif;

	font-size:12px;

	color:#917753; 

    height: 187px;

    outline: medium none;

    overflow: auto;

    padding: 8px 0px 0px 10px;

    width: 506px;

	resize:none;

	margin:0px 0 0 0;

	float:left;

}

#form label {

	position:relative;

    display: block;

    min-height:49px;

}

#form .error, #form .empty {

    color: #FF0000;

    display: none;

    font-size: 10px;

	line-height:14px;

	width:140px;

	float:left;

	margin-top:2px;

}

#form .error-empty {margin: 4px 0 0 5px !important; display:none; float:left;}

#form .success {display:none;}

.btns {

	text-align:right;

	width:518px;

	position:relative;

	overflow:hidden;

	padding-top:32px;

}
.CITY {
	color: #FFF;
}