body
{
	background:#fcfded url(../images/ww_cafe_seattle/bg.png);
	color:#000000;
	font-family:"Arial", "Helvetica", "Verdana", Sans-Serif;
	font-size:10px;
	margin:0px;
	padding:0px;
}
#page-wrapper
{
	background:#ffffff;
	border:1px solid #bbbbbb;
	box-shadow:0px 0px 25px rgba(0,0,0,.3);
	box-size:border-box;
	border-radius:0px;
	display:block;
	margin:25px auto;
	max-width:857px;
	min-width:857px;
	padding:0px;
	width:90%;
}
#header-wrapper
{
	background:url(../images/ww_cafe_seattle/headerbg.jpg) no-repeat scroll top left;
	box-sizing:border-box;
	display:block;
	padding:0px;
	width:100%;
}
#header-colortag
{
	background:#f3f3f3 url('/images/color-tag.png') repeat-x scroll top left;
	box-sizing:border-box;
	border-top-left-radius:10px;
	border-top-right-radius:10px;	
	display:block;	
	height:10px;
	overflow:hidden;
	padding:2px;
	text-align:right;
	vertical-align:middle;
}
#header-table
{
	box-sizing:border-box;
	display:table;
	height:80px;
	width:100%;
}
#header-logo
{
	box-sizing:border-box;
	display:table-cell;
	width:435px;
}

#header-navigation
{
	display:table-cell;
	width:auto;
	vertical-align:top;
}
#header-navigation-top
{
	display:block;
	height:30px;
	text-align:right;
	width:100%;
}
#header-navigation-bottom
{
	display:table;
	padding:0px 0px 0px 0px;
	height:50px;
	width:100%;
}
#mobile-nav
{
	display:none;
}
#body-wrapper
{
	box-sizing:border-box;
	display:block;
	width:100%;
}
#topper-table
{
	box-sizing:border-box;
	display:table;
	width:100%;
	height:200px;
	border-bottom:0px solid #f3f3f3;
}

#topper-content
{
	display:table-cell;
	overflow:hidden;
}
#content-table
{
	box-sizing:border-box;
	display:table;
	width:100%;
	height:500px;
}
#content-sidepanel
{
	box-sizing:border-box;
	background:#ffffff;
	display:table-cell;
	padding:10px;
	width:245px;
}
#content-content
{
	box-sizing:border-box;
	display:table-cell;
	padding:10px 20px;
}
#footer-wrapper
{
	background:url(../images/ww_cafe_seattle/footer.jpg) no-repeat scroll bottom center;
	box-sizing:border-box;
	border-top:0px solid #cccccc;
	height:115px;
	margin-top:10px;
	padding:10px;
}

#homebox
{
	box-sizing:border-box;
	display:table;
	width:100%;
}
#homebox-left
{
	display:table-cell;
	padding:5px;
	text-align:top;
	width:60%;
}
#homebox-right
{
	background:#f3f3f3;
	display:table-cell;
	padding:5px;
	text-align:top;
	width:40%;
}

.toplevel-nav
{

	display:table-cell;
	box-sizing:border-box;
	width:120px;
	max-width:140px;
	margin:0px 0px 0px 0px;
	padding:0px;
	text-align:right;
	/*fonting*/
	font-size: 1.5em;
	font-family: century gothic, avenier next, sans-serif;
	color: #444;
	vertical-align:bottom;
}
.block-right
{
	box-sizing:border-box;
	border-left:1px solid #ccc;
	padding:10px;
	display:block;
	float:right;
	margin:0px 0px 15px 15px;
	width:300px;
}
.left-block
{
	display:block;
	box-sizing:border-box;
	width:48%;
	float:left;
	padding:5px;
}
.right-block
{
	display:block;
	box-sizing:border-box;
	width:48%;
	float:right;
	padding:5px;
}
/*BANNER/SPECIAL IMAGE CONTROLS*/
#logo
{
	display:block;
	width:100%;
	max-width:435px;
	height:auto;
	margin:0px auto;
}
#take-control
{
	display:block;
	width:100%;
	max-width:150px;
	height:auto;
	margin:0px auto;
}
#state-req-banner
{
	width:100%;
	height:auto;
	max-height:400px;
	max-width:1310px;
}
hr
{
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}
table
{
	width:90%;
	display:table;
	margin:10px auto;
	border:1px solid #cccccc;
}
th
{
	text-align:left;
}
th.right
{
	text-align:right;
}
td
{
	padding-top:10px;
	padding-bottom:10px;	
	vertical-align:top;
}
table h3
{
	margin:0px;
	display:inline;
	font-size:1.7em!important;
}

.left
{
	float:left;
	margin:5px 10px 5px 0px;
}

/* FONTING */

#content-content h1
{
	color:#365706;
	font-size:2.7em;
	font-weight:normal;
	font-family:times new roman, garamond, serif;
	font-style:italic;
	margin: 0px 0px 1em 0px;
	text-decoration:none;
}
#content-content h2
{
	color:#365706;
	font-size:2.5em;
	font-weight:normal;
	font-style:italic;
	font-family:times new roman, garamond, serif;
}
#content-content h3
{
	color:#365706;
	font-size:2em;
	font-weight:normal;
	font-family:times new roman, garamond, serif;
}

p, #content-content li, .formfield
{
	color:#656565;
	font-size:1.7em;
}
#content-sidepanel p
{
	font-size:1.3em;	
}
.note
{
	font-style:italic;
	font-size:1.3em;
}
.tdright
{
	text-align:right;
}
#content-content li
{
	margin-bottom:5px;
}
em
{
	color:#00b899;
}

#content-content a, #content-sidepanel a
{
	color:#365706;
	text-decoration:none;
}
#content-content a:hover, #content-sidepanel a:hover
{
	color:#656565;
	text-decoration:underline;
}
#primary-navigation 
{
	background: rgb(255, 255, 255) url("/images/ww_cafe_seattle/nav-bg.png") repeat-x scroll center top;
	border-top:1px solid #86A985;
	border-bottom:1px solid #86A985;	
	display:table;
	margin:75px 0px 0px 0px;
	width:100%;
	max-width: 857px;
	box-sizing: border-box;
}
#primary-navigation li
{
	display:table-cell;
	padding: 2px 10px 0px 10px;
	font-size:1.4em;
}
#primary-navigation li a
{
	text-decoration:none;
	color:#3F4C29;
	font-weight:bold;
}
#mobile-navigation
{
	display:none;
}
#menutoggle
{
	display:none;
}
ul.sidenav ul
{
	margin:0px;
	padding:0px;
}
ul.sidenav li
{
	color:#febc1f;
	font-size:1.3em;
	margin-bottom:10px;
}
ul.sidenav a, #footer-wrapper a
{
	color:#656565!important;
	text-decoration:none;
}
ul.sidenav a:hover
{
	color:#febc1f;
	text-decoration:none;
}
.toplevel-spacer
{
	display:table-cell;
	box-sizing:border-box;
	height:50px;
	background:#ffffff;
	border-bottom:5px solid #F3F3F3;	
}

#tln-home
{
	background:#ffffff;
	border-bottom:5px solid #f3f3f3;	
}
#tln-about
{
	background:#ffffff;
	border-bottom:5px solid #f3f3f3;	
}
#tln-contact
{
	background:#ffffff;
	border-bottom:5px solid #f3f3f3;	
}
#tln-home:hover
{
	border-bottom:5px solid #febc1f;	
	color: #febc1f;
}
#tln-about:hover
{
	border-bottom:5px solid #e8137d;	
	color: #e8137d;
}
#tln-contact:hover
{
	border-bottom:5px solid #00cfc8;
	color: #00cfc8;
}
#tln-home:hover a, #tln-about:hover a, #tln-contact:hover a, #tln-home a, #tln-about a, #tln-contact a
{
	color: inherit;
	text-decoration:none;
}
#header-navigation-top h3
{
	color:#000000;
	padding-right: 10px;
	font-size:1.3em;
	font-weight:normal;
	margin:0px;
}
h3.call
{
	font-size: 2.5em!important;
	color: rgb(233, 20, 126)!important;
	display:block;
}
#header-navigation a 
{
	color:#656565;
	text-decoration:none;
}
#topper-message h1
{
	color:#ffffff;
	text-align:center;
	font-family:century gothic, avenir next, sans-serif;
	font-weight:bold;
	font-size:2.6em;
}
#topper-message span.smaller
{
	font-size:.75em;
	font-weight:normal;
}
#footer-wrapper p
{
	color:#aaa;
	font-size:1.2em;
	text-align:center;
}
#header-logo p
{
    color: #ffffff;
    font-size: 1.5em;
    margin: -8px 0px 0px 10px;
}
#header-navigation p
{
    color: #ffffff;
    font-size: 1.5em;
    margin: 2px 5px 0px 0px;
    text-align:right;
}


div.block-left
{
	background: transparent;
	text-align:left;
	float:left;
	padding: 5px;
	width: 45%;
	min-width: 250px;
	min-height: 200px;
}

div.block-right
{
	background: transparent;
	border-left: 1px solid rgba(0,0,0,.1);
	text-align:left;
	float:right;
	padding: 5px 5px 5px 10px;
	width: 45%;
	min-width: 250px;
	min-height: 200px;

}
div.divider
{
	border-top:1px solid rgba(0,0,0,.1);
	display:block;
	height:15px;
	margin:20px auto 10px auto;
	width:100%;
}
.hide
{
	display:none;
}

#flip-graphic > img
{
	max-width:100px;
	float: left;
	margin: 0px 15px 0px 0px;
}
p.flipcards
{
	line-height:120%;
}
.tiles1
{
	display: block;
	font-size: 1.8em;
	font-weight: normal;
	line-height:.9em;
	margin:0px;	
}
.tiles2
{
    display: block;
    font-size: 3em;
    font-weight: normal;
    font-style: italic;
    text-align: left;
    line-height: 90%;
    margin: 0px 0px 15px 25px;
}
img.treat-areas
{
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius:1em;	
	float:none;
	margin-top:7px!important;
	min-width:250!important;
	max-width:250px!important;
}