/*
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
*/
html{color:#000;background:#FFF;}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;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}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;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

@font-face {  
	font-family: Garamond;  
	src: local("Adobe Garamond Pro"),
	local("ITC Garamond"),  
	local("Apple Garamond"),  
	url("/static/garamond.ttf");  
	font-weight: bold;
}

html, body
{
	background: #f2f2f2;
	font: 13px Georgia, Times, "Times New Roman", serif;
	line-height: 130%;
	height: 100%;
}
.cufoned
{
	font-size: 12px;
}
.cufoned a
{
	height: 1.2em;
	display: inline-block;
}
#bodier
{
	max-width: 1950px;
	min-width: 1000px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.margins
{
	width: 90%;
	margin: 0 5%;
}
#content
{
	position: relative;
}
a
{
	text-decoration: none;
	color: red;
}
a:hover
{
	color: blue;
}

.col1
{
	width: 27%;
	float: left;
}
.col2
{
	/*margin-left: 27%;*/
	margin: 0 auto;
	width: 50%;
}
.about
{
	position: relative; 
	z-index: 175;
}
.fl
{
	float: left;
}
.fr
{
	float: right;
}
.cb
{
	clear: both;
	height: 1px;
	overflow: hidden;
}
.tc
{
	text-align: center;
}
.tr
{
	text-align: right;
}


h5
{
	margin-bottom: 15px;
	font-style: italic;
}
p
{
	margin-bottom: 13px;
}


.eimg
{
	width: 87.5%; 
	max-width: 1539px; 
	min-width: 900px;
}
.eimg img,
#jsWidth img
{
	display: block; 
	width: 100%;
}
.svg
{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 150;
}
.svg .over
{
	position: absolute;
	width: 120px;
	height: 120px;
	margin-left: -60px;
	margin-top: -60px;
	z-index: 350;
	overflow: hidden;
	background: white;
	opacity: 0;
	filter:alpha(opacity=0);
}
#jsWidth
{
	clear: right; 
	position: relative;
}

#contents
{
	z-index: 200;
	position: relative;
}

#logo
{
	position: absolute;
	left: 0;
	top: 26px;
	font-family: "Courier New", Courier, monospace;
	vertical-align: bottom;
}
#logo a
{
	border-top: 1px solid;
	display: block;
	line-height: 10px;
}

#submenu
{
	width: 100%;
}
#submenu td
{
	padding-top: 25px;
	white-space: nowrap;
}
#submenu .s1
{
	width: 25%;
}
#submenu .s2
{
	width: 3%;
}

#header
{
	position: relative;
	z-index: 200;
}
#footer
{
	text-align: center;
	margin: 115px 0 0;
	padding-bottom: 35px;
	position: relative;
}

#menu
{
	position: absolute;
	margin-top: 25px;
	top: 2.4em;
	left: 0;
	opacity: 0.3;
	filter: alpha(opacity=30);
}


#pie
{
	position: relative;
	height: 280px;
}
#pie div
{
	position: absolute;
}
#pie div,
#pie img
{
	width: 446px;
	height: 111px;
	display: block;
}
#pie i
{
	display: block;
	position: absolute;
	top: 0;
	left: 8px;
	width: 430px;
	height: 81px;
	background: url('mirel_shadow.png');
}


#board
{
	width: 310px;
	height: 448px;
	position: absolute;
	left: 7%;
	margin-top: 7%;
	top: 0;
}
#board .masque
{
	width: 310px;
	height: 448px;
	position: absolute;
	background: url('city_board.png');
}
#board .roll
{
	left:113px;
	top:19px;
	width:124px;
	height:277px;
	position: absolute;
	overflow: hidden;
	background-image: url('city_roll.gif');
	background-repeat: no-repeat;

}
#board .duplicator
{
	position: absolute;
	overflow: hidden;
	height: 10px;
	left: 190px;
	top: 19px;
	width: 47px;
}
#board .duplicator img,
#board .roll img
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

#corner
{
	width: 41px;
	height: 50px;
	position: absolute;
	left: 99px;
	top: 265px;
}
#corner div
{
	position: absolute;
	overflow: hidden;
}
#corner .small
{
	left: 15px;
	top: 5px;
}
#corner .small,
#corner .small div
{
	width: 22px;
	height: 26px;
}
#corner .small .orange
{
	background: url('corner_small_orange.png');
}
#corner .small .green
{
	background: url('corner_small_green.png');
}
#corner .small .blue
{
	background: url('corner_small_blue.png');
}
#corner .big
{
	left: 12px;
	top: 4px;
}
#corner .big,
#corner .big div
{
	width: 26px;
	height: 30px;
}
#corner .big .orange
{
	background: url('corner_big_orange.png');
}
#corner .big .green
{
	background: url('corner_big_green.png');
}
#corner .big .blue
{
	background: url('corner_big_blue.png');
}
#corner .cover
{
	right: 0;
	top: 0;
	width: 41px;
	height: 50px;
	background: url('corner_cover.png');
}

#daytime
{
	position: absolute;
	left: 0;
	margin-top: 7%;
	top: 260px;
	width: 100%;
	height: 100%;
}
#daytime img
{
	display: block;
	width: 166%;
	position: absolute;
	margin-top: -45%;
	left: 0; 
	top: 150px;
}
#detail
{
	width: 100%;
	max-width: 1834px;
	display: block;
}
#aboutCity
{
	position: relative;
	padding-top: 208px;
	padding-left: 310px;
	margin-left: 14%;
	height: 330px;
	z-index: 300;
	max-width: 480px;
}
#aboutDetail
{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 40%;
	z-index: 310;
}

#pack
{
	margin-left: 25%;
	position: relative;
}
#pack img
{
	position: relative;
	left: -91px;
	display: block;
}
#pack div
{
	position: absolute;
	height: 112px;
	width: 110%;
	left: 0;
	top: 0;
}
#pack div img
{
	position: absolute;
	left: 0;
	top: 0;
}


#all
{
	width: 85%;
	min-width: 900px;
	max-width: 1150px;
	left: -5%;
	margin: 0 auto;
	position: relative;
}
.rollup
{
	width: 347px;
	height: 304px;
	position: relative;
	overflow: hidden;
	padding-bottom: 1px;
	border-bottom: 1px solid red;
}
.rollup.hover
{
	border-color: blue;
}
.rollup img
{
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	top: 0;
}
#all .rcol
{
	float: right;
	width: 347px;
}
#all .tcol
{
	position: absolute;
	left: 10%;
	top: 0;
	width: 382px;
}
#all .bcol
{
	position: absolute;
	right: 375px;
	bottom: 0;
	width: 347px;
}

#medlogo
{
	width: 430px;
	height: 310px;
	margin: 0 auto;
	position: relative;
	margin-top: -15px;
}

#med
{
	width: 86%;
	max-width: 1298px;
	position: relative;
}
#med .tcol
{
	margin-right: 232px;
	position: relative;
}
#med .tcol .rollup
{
	width: 100%;
	height: auto;
	min-height: 285px;
}
#med .tcol .rollup img
{
	width: 100%;
}
#med .bcol
{
	position: absolute;
	right: -232px;
	bottom: 0;
}
#med .bcol img
{
	display: block;
}
#med .rcol
{
	float: right;
	position: relative;
}

#medbrand
{
	height: 465px;
	position: relative;
	background: #385853 url('med_brand.png') repeat-x left center;
}

.th1
{
	width: 30px;
}
.th2
{
	width: 15px;
}

iframe
{
	border: 0;
	padding: 0;
	margin: 0;
	width: 5px;
	height: 5px;
	overflow: hidden; 
}

#scroller
{
	width: 100%; 
	overflow: hidden; 
	overflow-x: scroll;
}
#scroller a
{
	outline: none;
}
#scroller a img
{
	padding: 1px;
	border: 1px solid red;
}
#scroller a:hover img,
#scroller a.selected img
{
	border-color: blue;
}
#wow
{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.protected,
#footer p
{
	display: inline;
	background: #f2f2f2;
	padding: 0 0 1px 0;
}
#header .protected
{
	padding: 1px 2px;
}
#header #logo .protected
{
	display: block;
}
#medvideo
{
	clear: right;
	float: right;
	position: relative;
	left: 351px;
}

#man
{
	position: relative;
	width: 62.5%;
	margin: 0 auto;
	max-width: 1118px;
}
#man img
{
	width: 100%;
	display: block;
}
#man div
{
	position: absolute;
	z-index: 150;
}
#man div#liner
{
	z-index: 100;
}
#man a,
#man div img
{
	display: block;
	width: auto;
}
#man div img
{
	position: relative;
}


img.visited
{
	position: absolute;
	margin-left: -8px;
	margin-top: -5px;
}

#company
{
	position: absolute; 
	top: 50%; 
	height: 50%;
}

#compareLogo
{
	height: 265px;
	overflow: hidden;
	border-top: 1px solid red;
	border-bottom: 1px solid red;
	position: relative;
	margin-bottom: 65px;
}
#compareLogo.hover
{
	border-color: blue;
}
#compareLogo .before
{
	width: 72.5%;
	width: 800px;
	/*position: relative;
	left: 27.5%;
	margin-left: -200px;*/
	margin: 0 auto;
}
#compareLogo .before p
{
	float: left;
}
#compareLogo .before .img1,
#compareLogo .before .img2
{
	margin: 0;
	padding: 0;
	width: 230px;
	padding-top: 215px;
	padding-right: 60px;
	background: url('pg_logo_before.png') no-repeat left 40px;
	text-align: center;
}
#compareLogo .before .img2
{
	background-position: -290px 40px;
	width: 250px;
	padding-right: 0;
}
#compareLogo .after
{
	position: absolute;
	background: white url('pg_logo_after.png') no-repeat center;
	width: 150%;
	height: 200%;
	top: -50%;
	left: -50%;
	display: none;
}

#hermitage
{
	float: left;
	width: 74%;
	overflow: hidden;
	overflow-x: visible;
}
#hermitage table
{
	cursor: move;
	table-layout: fixed;
}
#hermitage img
{
	display: block;
	width: 100%;
}

#hermitageLabels
{
	width: 74%;
}
#hermitageLabels td span
{
	display: block;
	width: 60%;
	margin: 0 auto;
	padding-top: 15px;
	cursor: pointer;
}

.manual
{
	float: right;
	position: relative;
	left: -26%;
}
.manual span
{
	position: absolute;
	width: 230px;
	left: -250px;
	top: 0;
}

#opinion
{
	width: 800px;
	height: 392px;
	font-family: Garamond, Georgia, sans-serif;
	font-size: 45px;
	line-height: 56px;
	overflow: hidden;
	font-weight: bold;
	padding: 0;
	margin: 0;
	border: 0 none;
	background: none;
	color: red;
	outline: none;
	text-transform: uppercase;
	display: block;
}
div#opinion
{
	cursor: pointer;
}
.opinionWrap
{
	width: 800px;
	height: 392px;
	overflow: hidden;
	position: relative;
	left: 50%;
	margin-left: -400px;
	top: 40px;
}
.opinion
{
	position: relative;
	width: 897px;
	left: 50%;
	margin-left: -448px;
	margin-bottom: 0;
}

#opinionCar
{
	position: absolute;
	bottom: 0;
}