/* CSS Document */
/* 
Title:     Fresh Northwest Design (freshnwdesign.com) master styles for screen media 
Author:    eric@ivycat.com
Updated:   Aug 17, 2009
Icons by FastIcon.com
*/
/* ************* Remove default paddings from all elements *****************/
*{
	border: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

/* ************* body *****************/
body{
	background: #fefefe url(../images/body-bg.gif) repeat-x left top;
	color: #333333;
	font: 62.5%/150% Verdana,Arial,Helvetica,sans-serif;
	overflow: 0;
	text-align: center;
	text-decoration: none;
}

/* ************* replacement headings *****************/
#header{
	height: 152px;
	position: relative;
}

#toplogo a{
	background: url(../images/logo.gif) no-repeat;
	display: block;
	height: 141px;
	left: 73px;
	position: absolute;
	text-indent: -9999px;
	top: 0;
	width: 171px;
}

#tagline{
	background: url(../images/tagline.gif) no-repeat;
	height: 70px;
	left: 299px;
	position: absolute;
	text-indent: -9999px;
	top: 71px;
	width: 623px;
}

/* ************* font sizing, margins etc *****************/
.gallery h3,#content h2,#content h3,#content h4,#content h5,#content h6{
	margin: 20px 80px .3em 0;
}

#content p,#content ul,#content ol,#content dl,#content blockquote{
	color: #666666;
	font-size: 1.2em;
	line-height: 140%;
	margin: 0 80px 1.5em 0;
}

h1,h2,h3,h4,h5{
	color: #171602;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-weight: normal;
	margin: 20px 80px .5em 0;
}

h1{
	color: #5c8727;
	font-size: 24px;
}

#content h1 a:link,#content h1 a:visited{
	color: #5c8727;
	font-weight: normal;
}

h2{
	font-size: 18px;
}

h3{
	font-size: 18px;
}

h3.instruction{
	color: #666666;
	font: 14px Verdana,Arial,Helvetica,sans-serif;
}

#content h3.instruction a:link,#content h3.instruction a:visited{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;
}

h4{
	font-size: 16px;
	line-height: 150%;
}

h5{
	color: #171602;
	font-size: 14px;
}

h6{
	font-size: 12px;
}

dt{
	color: #171602;
	font: 1.5em Georgia,"Times New Roman",Times,serif;
	margin-top: 1em;
}

dt span.pr-email{
	font: .7em Verdana,Arial,Helvetica,sans-serif;
}

dd{
	color: #666666;
	line-height: 140%;
}

/* ************* wrapper div *****************/
.wrapper{
	margin: auto;
	text-align: left;
	width: 1000px;
}

#labels{
	background: url(../images/labels.jpg) no-repeat;
	height: 200px;
	text-indent: -9999px;
}

/* ************* content div **********************/
#content{
	background: url(../images/winebottle.gif) no-repeat 100px 20px;
	float: right;
	margin-top: 20px;
	padding-bottom: 50px;
	position: relative;
	width: 700px;
}

.gallery{
	float: right;
	padding-bottom: 20px;
	position: relative;
	width: 700px;
}

.supplies .gallery{
	margin-top: 0;
	padding-bottom: 10px;
}

.supplies .gallery div{
	float: left;
}

#content .gallery div p{
	font-size: .9em;
	height: 2em;
	margin: 0 15px 0 0;
	padding: 0;
	text-align: center;
}

#content ol li{
	list-style: decimal;
}

#content ul,#content ol{
	margin-left: 30px;
}

#content li{
	color: #666666;
	font-size: 12px;
	line-height: 170%;
	list-style-type: disc;
	margin-bottom: 1em;
}

#content li li{
	color: #666666;
	font-size: 11px;
	line-height: 200%;
	list-style-type: disc;
}

#content li ul{
	margin-top: 0;
}

#content a:link,#content a:visited,.gallery a:link,.gallery a:visited{
	color: #b81216;
	font-weight: bold;
	padding-bottom: 1px;
	text-decoration: underline;
}

#content a:hover,#content a:active,.gallery h4 a:hover,.gallery h4 a:active,#content h1 a:hover,#content h1 a:active{
	border-bottom: none;
	color: #ff3300;
}
#content p.cta{
	margin-bottom:0;
	padding-top: 20px;
}
/* ************* toplinks **********************/
#toplinks{
	position: absolute;
	right: 84px;
	top: 13px;
}

#toplinks a{
	font-size: 10px;
}

#toplinks a:link,#footer a:visited{
	color: #666666;
	padding-bottom: 1px;
}

#toplinks a:hover,#footer a:active{
	color: #ff3300;
	padding-bottom: 1px;
	text-decoration: underline;
}

#content hr{
	background: #999999;
	clear: both;
	color: #999999;
	margin: 20px 0;
}

#content .highlight{
	background: #eef7e3;
	border: 1px solid #d6ebbb;
	margin: 1em 0;
	padding: .5em 0;
	width: 380px;
}

#content .highlight li{
	list-style-type: none;
	margin: 0 1em;
}

/* ************* Main Nav *****************/
.nav_wrap{
	background: #b1a690 url(../images/menu-bg.png) repeat-x top;
	border-bottom: 1px solid #161602;
	border-top: 1px solid #ffffff;
	float: left;
	width: 100%;
}

#nav_main{
	font-family: Georgia,"Times New Roman",Times,serif;
	line-height: 1;
	margin: 0 auto;
	width: 1000px;
}

#nav_main li{
	float: left;
	margin: 0;
	padding: 0;
}

#nav_main li a{
	border-left: 1px solid #b1a690;
	color: #eeeeee;
	float: left;
	font-size: 16px;
	font-weight: bold;
	padding: 6px 12px;
	text-align: center;
}

#nav_main li a.current_page_item{
	background: #635d50;
}

#nav_main li a:hover{
	text-decoration: underline;
}

#nav_main li.first{
	padding-left: 300px;
}

#nav_main li.first a{
	border-left: none;
}

/* ************* Sub Nav *****************/
#nav_sub{
	float: left;
	font: 1.8em Georgia,"Times New Roman",Times,serif;
	width: 250px;
}

#nav_sub h3{
	border-bottom: 1px solid #171602;
	color: #171602;
	font-size: 18px;
	margin: 40px 0 0 20px;
	margin-bottom: .5em;
	padding-bottom: 4px;
}

#nav_sub ul{
	font-size: .9em;
	margin-top: 35px;
	padding: 0 10px 12px 50px;
}

#nav_sub ul ul{
	font-size: .9em;
	margin: 0;
	padding: 0;
	/*display: block;
    visibility: hidden;*/
font:0.8em Verdana,Arial,Helvetica,sans-serif;
}

/*#nav_sub ul li:hover ul{        
     visibility: visible;
     height: 220px;        
} */

#nav_sub li{
	margin: 0;
	padding: 0;
}
#nav_sub li a.parent{
	padding-bottom: 0;

}
#nav_sub li.anniv a{
	background: transparent url(../images/FNWD-20th-sm.jpg) no-repeat scroll center bottom;
	height: 145px;
	margin: 10px 0 0 10px;
	text-indent: -9999px;
	width: 119px;
}

/*#nav_sub li.annivEtched a{
	background: transparent url(../images/FNWD-20th-sm.jpg) no-repeat scroll center bottom;
	height: 145px;
	margin: -100px 0 0 10px;
	text-indent: -9999px;
	width: 119px;
}*/



#nav_sub li ul li{
	line-height: 100%;
}

#nav_sub a{
	color: #5c8727;
	display: block;
	font-size: 100%;
	font-weight: normal;
	height: 1%;
	padding: 6px 2px 6px 30px;
}

#nav_sub a:hover{
	color: #171602;
}

#nav_sub li ul li a{
	color: #5c8727;
	display: block;
	font-weight: normal;
	height: 1%;
	padding: 4px 10px 4px 40px;
}

#nav_sub li a.clist{
	margin-bottom: 0;
	padding-bottom: 0;
}

#nav_sub a#current_page_sub{
	color: #6e2f14;
	cursor: default;
	text-decoration: underline;
}

#content #sitemap li{
	list-style-type: none;
	margin: .2em 0;
}

/* ************* footer div *************************/
#footer{
	clear: both;
}

#footer p{
	border-top: 1px solid #5c8727;
	color: #5c8727;
	font: 1em Verdana,Arial,Helvetica,sans-serif;
	margin-left: 300px;
	margin-right: 95px;
	padding: 30px 0;
	text-align: right;
}

#footer a:link,#footer a:visited{
	color: #666666;
	padding-bottom: 1px;
}

#footer a:hover,#footer a:active{
	color: #ff3300;
	padding-bottom: 1px;
	text-decoration: underline;
}

/* ************* handy styles *************************/
.clearboth{
	clear: both;
}

.strong{
	font-weight: bold;
}

/* ************* gallery images & styles *****************/
.gallery a img{
	border: 1px solid #bbbbbb;
	border-bottom-color: #aaaaaa;
	border-right-color: #aaaaaa;
	margin: 15px 15px 0 0;
	padding: 6px;
}

.gallery a:hover img{
	background: #ede0c9;
	border: solid 1px #33780f;
}

.gallery ul{
	margin-left: 30px;
}

.gallery li{
	color: #000000;
	font-size: 12px;
	line-height: 200%;
	list-style-type: disc;
}

.gallery p.gal-norm-text{
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 20px;
}

.gallery p.gal-norm-text a:link,.gallery p.gal-norm-text a:visited{
	border: none;
	color: #b81216;
	text-decoration: underline;
}

.gallery p.gal-norm-text a:hover,.gallery p.gal-norm-text a:active{
	color: #ff3300;
	text-decoration: none;
}

div.gal-button{
	float: right;
	margin: 10px 80px 1em 2em;
	padding: 0;
}

#content div.gal-button a{
	background: url(../images/button-green.gif) no-repeat top left;
	color: #ffffff;
	display: block;
	font-size: 1.4em;
	height: 50px;
	padding: 1.2em 0 0;
	text-align: center;
	text-decoration: none;
	width: 150px;
}

p.caption-sm{
	width: 126px;
}

/* ************* non-gallery images *****************/
img{
	margin: 0 15px 0 0;
	padding: 0;
}

img.right{
	border: 1px solid #bbbbbb;
	border-bottom-color: #aaaaaa;
	border-right-color: #aaaaaa;
	float: right;
	margin: 10px 80px 25px 20px;
	padding: 6px;
}

table#press-release img.right{
	background: #ffffff;
	clear: none;
	float: right;
	margin: 0 10px 30px;
}

dl img.right{
	margin: 10px 0 10px 20px;
}

#content img.right-nb{
	border: none;
	float: right;
	margin: 10px 0 10px 10px;
}

img.left{
	border: 1px solid #bbbbbb;
	border-bottom-color: #aaaaaa;
	border-right-color: #aaaaaa;
	float: left;
	margin: 10px 10px 10px 0;
	padding: 6px;
}

img.border{
	border: 1px solid #bbbbbb;
	border-bottom-color: #aaaaaa;
	border-right-color: #aaaaaa;
	padding: 6px;
}

.aligncenter img,.aligncenter{
	display: block;
	margin: 1em auto;
}

img.noborder{
	border: none;
}

/* ************* Process Page for Captions *****************/
#walkthru{
	float: left;
	padding: 10px 0;
	width: 100%;
}

#walkthru dl{
	: ; /* fixes IE/Win double margin bug */
	display: inline;
	float: left;
	margin: 10px 20px;
	padding: 0;
	width: 550px;
}

#walkthru dt{
	float: right;
	font-size: 170%;
	margin: 0;
	padding: 0 0 10px;
	width: 330px;
}

#walkthru dd{
	line-height: 1.5em;
	margin: 0 0 0 220px;
	padding: 0;
}

#walkthru dl dd.img{
	margin: 0;
}

#walkthru dd.img img{
	background: #ffffff;
	border: 1px solid #bbbbbb;
	border-bottom-color: #aaaaaa;
	border-right-color: #aaaaaa;
	float: left;
	margin: 0 10px 0 0;
	padding: 6px;
}

/* reverse float */
#walkthru .alt dt{
	float: left;
}

#walkthru .alt dd{
	margin: 0 220px 0 0;
}

#walkthru .alt dd.img img{
	float: right;
	margin: 0 0 0 8px;
}

.header-link{
	border: none;
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	position: absolute;
	right: 80px;
	text-align: center;
	top: -10px;
	width: 150px;
}

.header-link a:link,.header-link a:visited{
	border: none;
	color: #b81216;
	text-decoration: underline;
}

.header-link a:hover,.header-link a:active{
	color: #ff3300;
	text-decoration: none;
}

ul.client-nav{
	background: #eeeeee;
	border: 1px solid #cad7d6;
	margin: 20px auto;
	text-align: center;
}

ul.client-nav li{
	border-right: 1px solid #cccccc;
	display: inline;
	padding: 0 5px 0 2px;
}

ul.client-nav li.last{
	border-right: none;
}

ul.client-nav li.first{
	border-right: none;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

ul.client-nav a{
	font-size: 85%;
}

.gal-link{
	background: url(../images/pictures_16.png) no-repeat 0 50%;
	padding-left: 22px;
}

.order-link{
	background: url(../images/shopping-cart_16.png) no-repeat 0 50%;
	padding-left: 22px;
}

.client-link{
	background: url(../images/documents_16.png) no-repeat 0 50%;
	padding-left: 22px;
}

#content ul.gal-nav{
	background: #eeeeee;
	border: 1px solid #666666;
	float: right;
	margin: 20px 0 20px 20px;
	text-align: left;
}

#content ul.gal-nav li{
	border-bottom: 1px solid #cad7d6;
	display: block;
	line-height: 120%;
	margin: 0;
	padding: 2px 10px;
}

#content ul.gal-nav li.first{
	background: url(../images/pictures_16.png) #cad7d6 no-repeat 3px 50%;
	border-bottom: 1px dotted #666666;
	font-weight: bold;
	margin: 0;
	padding: 5px 0 5px 23px;
}

#content ul.gal-nav li.last{
	border-bottom: none;
}

#content ul.gal-nav a{
	border: none;
	display: block;
	font-size: 85%;
	padding: 4px;
	text-decoration: none;
}

#content ul.gal-nav a:hover{
	background: #cad7d6;
}

/* ************* News & Events Styles *****************/
#content dl.news-list{
	margin-top: .2em;
}

#content dl.news-list dt{
	clear: left;
	color: #666666;
	float: left;
	font-size: 1.2em;
	line-height: 140%;
	margin: 0 8px 5px 0;
	padding-top: 5px;
	text-align: right;
	width: 130px;
}

#content dl.news-list dd{
	font-size: 1em;
	margin: 0 8px 5px 140px;
	padding: 5px;
	text-align: left;
	width: 350px;
}

/* ************* News Video Styles *****************/
body#news-events div.video{
	height: 225px;
	margin: 20px 0;
	width: 610px;
}

body#news-events div.video object{
	border: 1px solid #bbbbbb;
	border-bottom-color: #aaaaaa;
	border-right-color: #aaaaaa;
	float: right;
	padding: 6px;
	text-align: right;
}

body#news-events div.video p{
	margin: 10px;
	text-align: left;
}

body#news-events div.video p.vid-date{
	font-size: 90%;
	margin: 3px 10px;
}

body#news-events div.video p.vid-credit{
	font-size: 90%;
	font-style: italic;
}

/* ************* Client List Styles *****************/
* html .clients{
	: ; /* So IE plays nice */
	height: 1%;
}

#content a.link2top{
	background: url(../images/top-link.gif) no-repeat 0 50%;
	border: none;
	float: right;
	font-weight: bold;
	margin-bottom: 1em;
	padding-left: 14px;
	text-align: left;
	text-decoration: underline;
}

#content ul.client-nav{
	background: #eeeeee;
	border: 1px solid #cad7d6;
	margin: 20px auto;
	text-align: center;
}

#content .clients h2{
	border-bottom: 1px solid #171602;
	margin: 15px 0 5px;
font-size:1.2em;
}

.client_container{
	background: #fefefe;
	display: inline;
	float: left;
	width: 650px;
}

#content .clients ul{
	float: left;
}


#content .clients ul.list_left,
#content .clients ul.list_right{
	margin: 0 0 1.5em;
	position: relative;
	width: 200px;
margin-right:10px
}

#content .clients ul li{
	list-style-type: none;
	margin-bottom: .2em;
	margin-left: 10px;
font-size:0.9em
}

#content .clients ul li h2{
	margin-left: -10px;
}

#content .clients #twocol {width:420px;float:left;}

#content .list_sm{
	float: left;
	width: 200px;
}

#content .list_hm{
	float: left;
	width: 140px;

}



/* ************* Galleries *****************/
.galleries{
	float: left;
	padding: 10px 0;
	text-align: left;
	width: 100%;
}

.galleries dt{
	float: right;
	margin: 10px 0;
	width: 210px;
}

.galleries dd.img{
	float: left;
	width: 80px;
}

.galleries dd.img img{
	border: 1px solid #bbbbbb;
	border-bottom-color: #aaaaaa;
	border-right-color: #aaaaaa;
	margin: 15px 15px 0 0;
	padding: 6px;
}

.gal-col-1,.gal-col-2{
	margin: 0;
	width: 300px;
}

.galleries a img{
	margin: 0;
}

.galleries a img:hover{
	background: #ede0c9;
	border: solid 1px #33780f;
}

.gal-col-1{
	float: left;
}

.gal-col-2{
	float: right;
	margin-right: 80px;
}

.gal-col-1 .galleries{
	border-right: 1px solid #eeeeee;
}

/* ************* forms *****************/
fieldset{
	border: 1px solid;
	border-color: #cccccc #bbbbbb #bbbbbb #cccccc;
	clear: left;
	display: inline;
	float: left;
	margin-bottom: 2em;
	width: 600px;
}

fieldset fieldset{
	border: none;
	float: left;
	margin: 0;
	width: 500px;
}

fieldset.submit{
	border: none;
	margin-top: -10px;
}

fieldset legend{
	color: #171602;
	font: 18px Georgia,"Times New Roman",Times,serif;
	margin-left: 8px;
}

fieldset fieldset legend{
	color: #666666;
	font: 12px Verdana,Arial,Helvetica,sans-serif;
	margin-bottom: 10px;
	margin-left: 0;
}

#content fieldset ol.reqform{
	float: left;
	margin: 0;
	padding: 1em 0;
}

#content fieldset li{
	display: inline;
	float: left;
	list-style-type: none;
	margin: 0 10px;
	padding-bottom: 1.2em;
	width: 580px;
}

#content fieldset fieldset li{
	display: inline;
	float: left;
	margin: 0 0 8px 140px;
	padding: 0;
	width: 400px;
}

#content fieldset fieldset li input.checkbox{
	display: block;
	float: left;
	margin: 1px 0 2px 0;
	padding: 0;
	width: 20px;
}

#content fieldset fieldset li label{
	display: block;
	display: inline;
	float: left;
	font-size: 12px;
	line-height: 1.2;
	margin-left: 10px;
	padding: 2px 0 2px;
	text-align: left;
	width: 300px;
}

label{
	display: block;
	float: left;
	line-height: 1;
	margin-right: 10px;
	padding-top: 6px;
	text-align: right;
	width: 160px;
}

label.reqd{
	font-weight: bold;
}

input,textarea{
	border: 1px solid;
	border-color: #cccccc #bbbbbb #bbbbbb #cccccc;
	width: 380px;
}

textarea{
	height: 100px;
}

input.submit{
	background: #eeeeee;
	border: 1px solid;
	border-color: #cccccc #bbbbbb #bbbbbb #cccccc;
	float: none;
	margin-left: 175px;
	padding: .2em 1em;
	width: auto;
}

input.submit:hover{
	background: #dddddd;
	border: 1px solid;
	border-color: #bbbbbb #cccccc #cccccc #bbbbbb;
}

/* =E-mail Signup
-----------------------------------------------------------------------------*/
#ml_signup{
	border-top: 1px solid #dfe3d5;
	clear: both;
	margin: 20px 0 0.5em 70px;
	width: 168px;
}

#ml_signup p{
	color: #ff0000;
	font-size: 13px;
	font-style: italic;
	margin: 1em 0 0.3em;
}

#ml_signup #text{
	color: #aaaaaa;
	float: left;
	font-size: 13px;
	height: 18px;
	padding: 1px 2px 0;
	width: 125px;
}

#ml_signup input.submit{
	float: right;
	font-size: 11px;
	margin-left: 0;
	padding: 0.1em 5px;
}

a.callout{
	display: block;
	float: right;
	margin-right: 80px;
	text-align: center;
	width: 188px;
}

a.callout img.right{
	margin: 0;
}

/* =Social Networking
-----------------------------------------------------------------------------*/
#nav_sub #social{
	border-bottom: 1px solid #dfe3d5;
	border-top: 1px solid #dfe3d5;
	clear: both;
	float: right;
	margin: 1.5em 12px 1.5em 50px;
	padding: 1em 0 0.5em;
	width: 168px;
}

#social li a{
	display: block;
	font-size: 18px;
	height: 40px;
	margin-right: 16px;
	padding: 15px 60px 0 0;
	text-align: right;
}

#social a.facebook{
	background: transparent url(../images/facebook-wine.png) no-repeat top right;
}

#social a.twitter{
	background: transparent url(../images/twitter-wine.png) no-repeat top right;
}

.group:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#content ul.list_left, #content ul.list_right{margin:8px 0 0;padding:0;}
#content ul.list_hm li {list-style-type:none;margin:0;padding:0;}
#content ul.list_left {float:left;}
#content ul.list_right {float:left;}

/* =ReCORK
-----------------------------------------------------------------------------*/
#nav_sub a.recork { margin-left:53px;
clear:both;
display:block;
height:57px;
padding:0;
}
#nav_sub #causes {clear:both;margin-top:0}

#content p.pwb-ad {color:#5C8727}


/* =404
-----------------------------------------------------------------------------*/

#content p.error{
	margin-top:50px;
	font-size:1.5em;
	}