/* CSS Document */

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

body {
	font: 62.5%/1.3 Arial, Helvetica, sans-serif;
	color: #2c363e;
	background: #000;}

select, input, textarea {
	font: 100% Arial, Helvetica, sans-serif;
	color: #2c363e;}

a {
	color: #0072cf;
	text-decoration: underline;
	outline: none;}
a:hover {
	text-decoration: underline;
	color: #009dd7;}
a:focus {
	outline: none;}

a img {
	border: none;}

a.adott {
	text-decoration: none;
	border-bottom: 1px dotted #0072cf;
	display: inline-block;} 
a.adott:hover {
	text-decoration: none;
	border: none;
	padding-bottom: 1px;}

form {
	padding: 0;
	margin: 0;}

input:focus, select:focus, textarea:focus {
	outline: none;}

td, th {
	font-weight: normal;
	text-align: left;}

p {
	margin: 0;
	padding: 0 0 1.1em;}

h1 {
	margin: 0;
	font-size: 230%;
	font-weight: normal;
	padding: 0 0 0.6em;}

h2 {
	margin: 0;
	font-size: 180%;
	font-weight: normal;}
	
h3 {
	margin: 0;
	font-size: 160%;
	font-weight: normal;}
	
h4 {
	margin: 0;
	font-size: 120%;
	font-weight: normal;}
	
h5 {
	margin: 0;
	font-size: 110%;
	font-weight: normal;}
	
h6{
	margin: 0;
	font-size: 100%;
	font-weight: normal;}

.global {
	min-height: 100%;
	min-width: 990px;}

.page {
	padding: 0;
	background: #fff;}

/* ------------------------- */


/* INDEX */

.index {
	position: relative;
	min-height: 564px;
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;}

.index-room {
	width: 100%;
	height: 564px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	overflow: hidden;}
.index-room p {
	position: absolute;
	z-index: 1;
	left: 18%;
	top: 0;
	width: 970px;
	height: 564px;
	overflow: hidden;
	background: url(../images/index.jpg) no-repeat 0 0;}

.index-cont {
	position: relative;
	z-index: 3;
	width: 320px;
	left: 30px;
	padding: 20px 0 6px;} 

.ind-menu {
	margin: 0;
	padding: 0 0 20px;
	padding-bottom:40px;
	list-style: none;
	}
.ind-menu li {
	font-size: 120%;
	padding: 0 0 8px;}

.ind-desc {
	padding: 0;}
.ind-desc .article {
	line-height: 1.1;}
.ind-desc .article p {
	padding: 0 0 6px;}


/* ------------------------------- */

/* POPUPS */

.indexpopups {
	position: absolute;
	left: 18%;
	top: 110px;
	z-index: 5;}

.pops {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	margin: 0;}
.pops-top, .pops-top p, .pops-top i, .pops-bott, .pops-bott p, .pops-bott i {
	display: block;
	height: 10px;
	padding: 0;
	margin: 0;
	overflow: hidden;}
.pops-top {
	background: url(../images/popupbg.png) no-repeat 0 0;
	padding: 0 0 0 10px;}
.pops-top p {
	background: url(../images/popupbg.png) no-repeat right -24px;
	padding: 0 10px 0 0;}
.pops-top p i {
	background: url(../images/popupbg.png) repeat-x 0 -48px;}
.pops-bott {
	background: url(../images/popupbg.png) no-repeat 0 -12px;
	padding: 0 0 0 10px;}
.pops-bott p {
	background: url(../images/popupbg.png) no-repeat right -36px;
	padding: 0 10px 0 0;}
.pops-bott p i {
	background: url(../images/popupbg.png) repeat-x 0 -60px;}
.pops-midd {
	background: url(../images/popupbg2.png) repeat-y 0 0;
	padding: 0 0 0 10px;}
.pops-midd2 {
	background: url(../images/popupbg3.png) repeat-y right 0;
	padding: 0 10px 0 0;}
.popsbg {
	background: #fff;
	padding: 1px;}

.popitem {
	overflow: hidden;
	font: 120% Tahoma, Verdana, Arial, sans-serif;}
.popitem a {
	display: block;
	float: left;
	white-space: nowrap;	
	padding: 5px 12px 6px;
	visibility: hidden;} 


/* ---------------------------- */

/* HEADER */

.header {
	background: #ebebeb;}

.headercont {
	max-width: 1300px;
	margin: 0 auto;
	position: relative;
	z-index: 5;
	min-height: 112px;}


.header-menu {
	position: absolute;
	left: 26%;
	top: 0;
	width: 60%;
	display: block;}
.header-menu strong {
	font-weight: normal;
	color: #fff;}
.header-menu a {
	text-decoration: none;}
.header-menu a:hover {
	color: #009dd7;
	text-decoration: underline;}
.header-menu p {
	position: absolute;
	padding: 4px 12px 7px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	line-height: 1.0;}
.header-menu p.hm-a {
	background: url(../images/bg-menu-a.png) repeat-x 0 center;}

.hm-1 {
	font-size: 290%;
	left: 0;
	top: 17px;}
.hm-2 {
	font-size: 220%;
	left: 13%;
	top: 58px;}
.hm-3 {
	font-size: 200%;
	left: 33%;
	top: 22px;}
.hm-4 {
	font-size: 160%;
	left: 48%;
	top: 61px;}
.hm-5 {
	font-size: 140%;
	left: 64%;
	top: 18px;}
.hm-6 {
	font-size: 140%;
	left: 74%;
	top: 52px;}
.hm-7 {
	font-size: 140%;
	left: 82%;
	top: 28px;}

.logo {
	position: absolute;
	left: 30px;
	top: 20px;}
.logo a, .logo strong, .logo i {
	display: block;
	position: relative;
	width: 212px;
	height: 64px;
	overflow: hidden;} 
.logo i {
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/sankusmlogo.png) no-repeat 0 0;}
.logo a i {
	cursor: pointer;} 

.header-phone {
	float: right;
	position: relative;
	right: 30px;
	padding: 20px 0 24px;}
.hc {
	font-size: 134%;
	line-height: 1.6;
	color: #374e5a;}
.hc h4 {
	font-size: 100%;
	padding: 0;}
.hc p {
	padding: 0;
	font-weight: bold;}


/* ---------------------------- */

/* FOOTER */

.footer {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;}

.foot {
	padding: 20px 0 24px 15%;
	position: relative;}

.foot-phone {
	width: 16%;
	float: left;}
.foot-address {
	float: left;
	width: 34%;}
.foot-com {
	float: left;
	width: 25%;}
.foot-copy {
	float: right;
	width: 21%;
	position: relative;
	right: 30px;}
.footlogo {
	position: absolute;
	top: 34px;
	left: 30px;
	width: 97px;
	height: 97px;
	overflow: hidden;
	background: url(../images/footlogo.png) no-repeat 0 0;}

.artox {
	font-size: 11px !important;
	color: #808080;
	padding: 4px 0 16px !important;}
.artox a {
	color: #808080;
	text-decoration: none;}
.artox img {
	padding: 3px 0;}

.fc {
	font-size: 134%;
	line-height: 1.8;
	color: #fff;}
.fc h4 {
	font-size: 100%;
	color: #1a9bd7;
	padding: 0;}
.fc h4 a {
	color: #1a9bd7;}
.fc p {
	padding: 0;}

/* ----------------------------- */


/* LEFTCOLUMN */

.b-left {
	width: 200px;
	margin: 0 0 0 0;
	padding: 36px 0 0 30px;
	float:left;
position:absolute;	
}

.left-menu {
	margin: 0;
	padding: 2px 0 24px;
	list-style: none;}
.left-menu li {
	font-size: 140%;
	margin: 0 0 7px;
	position: relative;}
.left-menu li i.ilb {
	display: block;
	position: absolute;
	top: 50%;
	left: -20px;
	width: 7px;
	height: 37px;
	margin: -19px 0 0;
	overflow: hidden;
	background: url(../images/leftbullet.png) no-repeat 0 0;}

/* ---------------------------- */


/* RIGHTCOLUMN */


/* ------------------------------- */


/* CONTENT */

.midd {
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 0 32px;}

.fmidd {
	width: 100%;
	float: left;}

.b-content {
	margin: 0 0 0 220px;
	padding: 33px 30px 0;}

.tt {
	position: relative;
	padding: 0 0 0 10px;}
.tt h1 {
	font-size: 210%;
	font-weight: normal;
	padding: 0 0 12px;}
.tt h2 {
	font-size: 180%;
	font-weight: normal;
	padding: 0;}

.sm-menu {
	padding: 10px 0 22px;}
.sm-menu ul {
	overflow: hidden;
	margin: 0 0 0 -4px;
	padding: 0;
	list-style: none;}
.sm-menu ul li {
	float: left;
	white-space: nowrap;
	font-size: 120%;
	padding: 0 14px;
	line-height: 38px;
	margin: 0 6px 0 0;
	position: relative;}
.sm-menu ul li.sm-a  {
	padding: 0;
	background: url(../images/sm-menu-bg.gif) repeat-x 0 -80px;}
.sm-menu ul li.sm-a div {
	background: url(../images/sm-menu-bg.gif) no-repeat 0 0;
	float: left;}
.sm-menu ul li.sm-a p {
	padding: 0 14px;
	background: url(../images/sm-menu-bg.gif) no-repeat right -40px;
	float: left;}

.meterial-list {
	padding: 10px 0 6px 35px;}
.meterial-list h2 {
	font-size: 170%;
	font-weight: normal;
	margin: 0 0 6px -35px;
	padding: 0 0 0 35px;
	position: relative;
	background: url(../images/bullet.gif) no-repeat 12px 4px;}

.material-item {
	overflow: hidden;
	margin: 0 0 12px;}
.meterial-list .article {
	padding-left: 0 !important;}
.material-item .pix {
	width: 300px;
	float: left;}
.material-item .details {
	margin: 0 0 0 320px;}
.material-gamma {
	padding: 12px 0 0;}
.material-gamma h3 {
	font-size: 140%;
	padding: 0 0 8px;}
.material-gamma p {
	padding: 0 0 12px;
	margin: 0 0 0 -10px;}

/* ----------------------- */


/* GALLERY */

.gline {
	margin: 36px 0 0;
	padding: 0 0 32px;
	border-bottom: 1px solid #a3c1d9;
	position: relative;}

.gallery-item {
	width: 500px;
	position: relative;
	padding: 0 10px;
	float: left;
	margin: 0 0 0 -100%;}
.gallery-item a {
	display: block;
	position: absolute;
	top: 50%;
	width: 37px;
	height: 36px;
	margin: -20px 0 0;
	overflow: hidden;
	cursor: pointer;
	font-size: 140%;
	white-space: nowrap;
	text-indent: 300em;
	z-index: 9;}
.gallery-item img {
	z-index: 3;}
.gallery-item a.prev {
	left: -10px;
	background: url(../images/prev-next.png) no-repeat 0 0;}
.gallery-item a.next {
	right: -10px;
	background: url(../images/prev-next.png) no-repeat -42px 0;}
.gallery-imgpos {
	position: relative;
	overflow: hidden;
	padding: 12px 0 0;
	margin: 0 auto;}
.gallery-imgpos i {
	display: block;
	float: left;
	padding: 0 3px;
	cursor: pointer;
	width: 6px;
	height: 6px;
	overflow: hidden;
	background: url(../images/imposbg.gif) no-repeat 3px 0;}
.gallery-imgpos i.gimga {
	background: url(../images/imposbg.gif) no-repeat -7px 0;
	cursor: default;}
.gallery-item .loading {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100px;
	height: 100px;
	margin: -50px 0 0 -50px;
	overflow: hidden;
	background: url(../images/loading.gif) no-repeat 0 0;
	z-index: 9;}

.gallery-details {
	position: relative;
	margin: 0 0 0 536px;
	font-size: 120%;}
.gallery-details p {
	padding: 0 0 8px;}


/* ---------------------------------------- */


/* ARTICLE */

.article {
	font-size: 120%;}
.article p {
	padding: 0 0 1.0em;}

.b-content .article {
	padding-left: 10px;
	}
.article h2 {
	margin: 0;
	font-size: 130%;
	margin-bottom: 10px;
	font-weight: bold;}

/* ------------------------- */


/* Other Classes */

.ch {
	overflow: hidden;}

.dnone {
	display: none;}

.dblock {
	display: block;}

.fw {
	float: left;
	width: 100%;}

.f-l {
	float: left;}

.f-r {
	float: right;}

.ta-r {
	text-align: right;}

.ta-l {
	text-align: left;}

.ta-c {
	text-align: center;}

.va-t {
	vertical-align: top;}

.va-b {
	vertical-align: bottom;}

.va-m {
	vertical-align: middle;}

.tb {
	width: 100%;
	border-collapse: collapse;}

.tb2 {
	width: auto;
	border-collapse: collapse;}

.f1 {
	font-size: 110%;}

.f2 {
	font-size: 120%;}

.f3 {
	font-size: 130%;}

.f4 {
	font-size: 140%;}

.fd {
	font-size: 100%;}
	
.pr {
	position: relative;}
 
.pd0 {
	padding: 0;}


/* CLEAR */

.clr {
	width: 100%; 
	font-size: 0px;}
.clr:after {
	content: ".";
	display: block;
	font-size: 1px; 
	height: 0;
	clear: both;
	visibility: hidden;}
.clr {
	display: inline-block;}
/* Hide from IE Mac \*/
.clr {
	display: block;}
/* End hide from IE Mac */

div.pop {display:none; background-color:white; width:1100px; border:dashed #18a0f6 1px; padding:7px; text-align:justify;}

div.pop h2 {font-size: 13px; text-align: left; margin-bottom: 5px; font-weight: bold;}
div.pop div.images {border:solid #A3C1D9 1px; padding:10px 15px 0 30px; margin-bottom:15px; }
div.pop div.images img {float:left; margin-left:25px;}