/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings?
*/
html{
	color:#000;
	background:#fff;
}
/*
	TODO remove settings on BODY since we can't namespace it.
*/
/*
	TODO test putting a class on HEAD.
		- Fails on FF. 
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,
img {
	border:0;
}
/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style:normal;
	font-weight:normal;
}
/*
	TODO Figure out where this list-style rule is best set. Hedger has a request to investigate.
*/
li {
	list-style:none;
}

caption,
th {
	text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,
q:after {
	content:'';
}
abbr,
acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,
textarea,
select {
/*	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;*/
	font:12px Arial, Helvetica, sans-serif;
}
/*to enable resizing for IE*/
input,
textarea,
select {
	font-size:85%;
	color:#00A0E7;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}
html{
	/* height:100%; */
}
body{
	/* height:100%; */
	color:#7f7f7f;
	font:12px Arial, Helvetica, sans-serif;
	background:#fff;
}
#wrapper{
	width:860px;
	margin:0 auto;
	min-height:100%
}
#header{
	height:203px;
	width:860px;
	margin:0 auto;
	position:relative;
}
#header .holder{
	width:632px;
	margin:0 0 0 auto;
	overflow:hidden;
	z-index:11;
	position:absolute;
	left:229px;
}
.logo{
	margin:47px 0 18px auto;
	width:180px;
	height:55px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	background:url(/images/logo.gif) no-repeat;
}
.logo a{
	display:block;
	height:100%;
}
#nav{
	margin:0;
	padding:7px 37px 9px 4px;
	width:591px;
	list-style:none;
	overflow:hidden;
	background:url(/images/bg-nav.gif) no-repeat;
}
#nav li{
	float:left;
	padding:0 0 0 51px;
}
#nav a{
	float:left;
	background:url(/images/btn-nav-l.gif) no-repeat 0 -9999px;
	line-height:25px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}
#nav .active a,
#nav a:hover{
	background-position:0 0;
}
#nav span{
	float:left;
	background:url(/images/btn-nav-r.gif) no-repeat 100% -9999px;
	padding:0 10px;
}
#nav .active a span,
#nav a:hover span{
	background-position:100% 0;
}
.header-bar{
	overflow:hidden;
	width:100%;
	padding:9px 0 0;
}
.sub-nav{
	float:right;
	padding:0 19px 0 0;
	margin:0;
	list-style:none;
}
.sub-nav li{
	float:left;
	padding:0 2px;
}
.sub-nav a{
	font-size:10px;
	color:#00a2e3;
	text-decoration:none;
}
.sub-nav a:hover{
	text-decoration:underline;
}
.header-bar address{
	float:left;
	font-size:14px;
	overflow:hidden;
	width:340px;
}
.header-bar address span{
	float:left;
	margin:0 3px 0 -3px;
	padding:0 3px 0 6px;
	background:url(/images/sep.gif) no-repeat 0 50%;
}
.header-bar address strong{
	color:#ee3897;
	font-weight:bold;
}
#header .photo{
	position:absolute;
	width:262px;
	height:247px;
	left:-15px;
	top:23px;
	z-index:10;
}
#header .photo img{
	display:block;
}
.visual{
	overflow:hidden;
	width:860px;
	padding:16px 0 0;
}
.visual .holder{
	float:left;
	width:642px;
}
.visual .holder img{
	display:block;
	position:absolute;
	z-index:12;
}
.visual .ad{
	float:right;
	width:206px;
	position:relative;
	z-index:999;
}
.visual .ad img{
	display:block;
}
.visual .ad span{
	position:absolute;
	height:22px;
	width:138px;
	bottom:10px;
	right:0;
	line-height:22px;
	background:url(/images/btn-ad.png) no-repeat;
}
.visual .ad a{
	color:#fff;
	text-decoration:none;
	padding:0 20px 0 8px;
	background:url(/images/bullet.gif) no-repeat 100% 50%;
}
.visual .ad a:hover{
	text-decoration:underline;
}
#main{
	padding:14px 0 10px;
	background:#fff;
	position:relative;
	height:1%;
	z-index:10;
}
#main:after{
	content:'';
	display:block;
	clear:both;
}
#wrapper .home{
	/* padding-bottom:45px; */
}
#main h2{
	font-size:22px;
	line-height:40px;
	padding:0 19px;
	font-weight:normal;
	border-bottom:1px solid #cecece;
}
#main h3{
	font-size:22px;
	line-height:40px;
	font-weight:normal;
}
#twocolumns{
	width:643px;
	float:right;
}
.aside{
	float:right;
	width:206px;
}
.aside h3{
	line-height:40px;
	padding:0 0 11px;
	color:#fff;
	text-align:center;
	background:url(/images/bg-aside.gif) no-repeat;
}
.aside #crepe_menu {
	line-height:40px;
	padding:0 0 11px;
	color:#fff;
	text-align:center;
	background:url(/images/bg-aside-ping.gif) no-repeat;
}
.navigation{
	width:222px;
	height:288px;
}
.navigation ul{
	width:206px;
}
.navigation li{
	line-height:16px;
	font-size:14px;
	padding:0 0 6px;
	vertical-align:top;
	height:1%;
}
.navigation a{
	display:block;
	color:#fff;
	text-decoration:none;
	background:url(/images/btn-sidenav-t.gif) no-repeat;
}
.navigation .active a,
.navigation a:hover{
	background-position:-206px 0;
}
.navigation a strong{
	padding:7px 5px 7px 15px;
	font-weight:bold;
	display:block;
	background:url(/images/btn-sidenav-b.gif) no-repeat 0 100%;
}
.navigation .active a strong,
.navigation a:hover strong{
	background-position:-206px 100%;
}
.home .aside .scroll-content{
	height:288px !important;
	width:206px !important;
}
.home .aside .vscroll-bar{
	top:0 !important;
	background:url(/images/line2.gif) repeat-y 50% 0;
}
.aside .vscroll-slider{
	background:#7eccd9;
}
.sidebar{
	float:left;
	width:208px;
}
.adv img{
	display:block;
}
.print{
	display:inline-block;
	width:100%;
	text-decoration:none;
	color:#fff;
	font-size:22px;
	line-height:32px;
	text-align:center;
	background:url(/images/bg-print.gif) no-repeat;
}
.print:hover{
	text-decoration:underline;
}
#content{
	width:860px;
}
#content:after{
	content:'';
	display:block;
	clear:both;
}
#twocolumns #content{
	float:left;
	width:425px;
}
.cont{
	height:560px;
	width: 862px;
}
.home .cont{
	height:165px;
	width:410px;
	margin:6px 0 4px;
}
.vscroll-bar {
	width:5px !important;
	background:url(/images/line.gif) repeat-y 50% 0;
}
.home .vscroll-bar {
	top:5px !important;
}
.vscroll-up,
.vscroll-down {
	display:none;
}
.vscroll-slider {
	width:5px;
	overflow:hidden;
	background:#cecece;
	cursor:pointer;
}
.home .scroll-content {
	height: 158px !important;
}
.scroll-content {
	height: 520px !important;
}
.post{
	line-height:16px;
	overflow:hidden;
	margin: 0 0 3px;
	padding: 23px 50px 0 17px;
}
.home .post{
	padding:0 10px 0 19px;
	line-height:14px;
	margin:0 0 14px;
}
.post .title{
	color:#ec008c;
	font-size:14px;
}
.post .title a{
	font-size:14px;
	color:#ec008c;
	text-decoration:none;
}
.home .post .title{
	font-size:12px;
}
.home .post .title a{
	font-size:12px;
	color:#ec008c;
	text-decoration:none;
}
.post .post-info{
	text-indent:11px;
	background:url(/images/bullet2.gif) no-repeat 1px 5px;
}
.post .post-info p{
	margin:0;
}
.post .post-info p a{
	color:#ec008c;
	text-decoration:none;
}
.post-images{
	padding:10px 0 0;
	width:100%;
	overflow:hidden;
}
.post-images li{
	float:left;
	padding:0 12px 0 0;
}
.post-images img{
	display:block;
}
.intro{
	margin:6px 10px 0;
	padding:6px 10px 6px 10px;
	font-size:14px;
	line-height:16px;
	border: 1px solid #ff009f;
	min-height: 62px;
}
.intro p{
	margin:0;
}
.products{
	width:860px;
	padding:24px 0 38px;
	overflow:hidden;
}
.products .holder{
	width:912px;
	overflow:hidden;
}
.products .item{
	float:left;
	width:387px;
	padding:20px 52px 0 17px;
}
.products .image{
	float:left;
}
.products .info{
	float:right;
	width:255px;
	padding:5px 0 0;
	font-size:14px;
	line-height:16px;
}
.products .title{
	font-weight:bold;
}
.products-list,
.item-list{
	overflow:hidden;
	width:100%;
	padding:17px 0 0;
}
.products-list{
	width:109px;
}
.days{
	width:444px;
	overflow:hidden;
	margin:0 0 47px;
}
.days-list{
	float:left;
	width:185px;
	padding:0 37px 0 0;
	line-height:22px;
}
.days-list li,
.products-list li,
.item-list li{
	width:100%;
	vertical-align:top;
	height:1%;
	overflow:hidden;
}
.days-list strong,
.products-list strong,
.item-list strong{
	float:left;
	font-weight:bold;
}
.days-list span,
.products-list span,
.item-list span{
	float:right;
}
.container{
	float:left;
	width:425px;
	line-height:18px;
}
.container .holder{
	padding:24px 0 0 18px;
}
.container .block{
	overflow:hidden;
	width:407px;
}
.block .info{
	float:left;
	width:200px;
}
.block .info .title{
	font-weight:bold;
	font-size:14px;
	display:block;
	margin:0 0 3px;
	color:#88898e;
}
.block .contacts{
	color:#88898e;
}
.block .contacts strong{
	font-weight:bold;
}
.block .contacts a{
	color:#88898e;
	text-decoration:none;
}
.block .contacts a:hover{
	text-decoration:underline;
}
#map-canvas{
	float:right;
	width:190px;
	height:190px;
}
.staff-list{
	width:404px;
	padding:24px 4px 0 17px;
	overflow:hidden;
}
.staff-list li{
	float:left;
	width:75px;
	padding:0 20px 0 0;
	text-align:center;
}
.staff-list a{
	text-decoration:none;
	color:#88898e;
	font-size:11px;
}
.staff-list a:hover{
	text-decoration:none;
	font-size:11px;
}
.staff-list img{
	display:block;
}
.gallery{
	float:right;
	width:375px;
}
.gallery ul{
	width:350px;
	overflow:hidden;
	padding:25px 7px 33px 18px;
}
.gallery li{
	padding:0 10px 10px 0;
	float:left;
}
.gallery img{
	vertical-align:top;
}
#footer{
	overflow:hidden;
	margin:0px auto 0;
	padding:14px 0 91px;
	border-top:1px solid #cecece;
	width:860px;
	color:#aaaaaa;
	position:relative;
	line-height:30px;
}
.social{
	float:right;
	padding:0 7px 0 0;
}
.social span{
	float:left;	
}
.social ul{
	float:left;
	padding:0 0 0 13px;
}
.social li{
	float:left;
	padding:0 0 0 5px;
	
}
.social img{
	vertical-align:top;
}
#footer p{
	margin:0;
}
#footer span a{
	float:left;
	padding: 0 8px 0 0;
	color:#aaa;
	text-decoration:none;
	font-size:12px;
}
#footer span a:hover{
	text-decoration:underline;
	font-size:12px;
}