html, body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, form, img, table, dl, dt, dd, a, input { padding:0; margin:0; }
html                                { height: 100%; }
body                                {width: 100%; height: 100%; background-color: #000; font: 11px Arial, Helvetica, sans-serif; color: #c9c9c9;}
img, input, textarea                {border: none;}
ul                                  {list-style-type: none;}
a:link                              {color: #45a9ca; cursor: pointer;}
a:visited                           { color: #45a9ca; }
a:active                            { color: #ff0000;}
a:hover                             {cursor : pointer; color: #f4ff48; text-decoration: none;}
a:active, a:focus, img              {outline: 0;}
.clear                              {clear: both;}
.floatLeft { float: left; }
.floatRight { float: right; }

#main { width: 1000px; margin: 0 auto; height: 100%; background: url(../img/bg.png) no-repeat top center}
#main2 { width: 1000px; margin: 0 auto; height: 100%; background: url(../img/bg2.png) no-repeat top center}
#main3 { width: 1000px; margin: 0 auto; height: 100%; background: url(../img/bg3.png) no-repeat top center}
body > #main {height: auto; min-height: 100%;}
/* header */
.header { overflow: hidden; padding-bottom: 30px; zoom: 1;  }
.logo { background: url(../img/logo.jpg);  width: 233px; height: 46px; display: block; float: left; margin-top: 25px; text-indent: -9999px; }
.menu { padding: 00px 80px 0px 0px; float: right; overflow: hidden;  }
.menu li { display: block; float: left; padding: 40px 30px 0px 30px; }
.menu a { font: 16px Tahoma, Arial, sans-serif; text-decoration: underline; color: #2a6072; }
.menu a:hover { text-decoration: none; color: #45a9ca; }
.menu .curent a { text-decoration: none; color: #fff; }
.menu .curent { background: url(../img/current.gif) no-repeat top center;}

/* content */
.content { position: relative; padding-top: 350px;}
/* view button */
.buttonBlock { width: 410px; overflow: hidden; margin: 0px auto; padding-bottom: 48px; position: relative; z-index: 5; }
.buttonBlock a { display: block; background: url(../img/button.gif); width: 125px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #fff; text-decoration: none; font-family: Tahoma, Arial, sans-serif;}
.buttonBlock a:hover { background: url(../img/buttonHover.gif); color: #323231;}
.aboutModel { overflow: hidden; zoom: 1; }
/* left side */
.leftSide { float: left; width: 314px;  }
.content h2 { color: #45a9ca; font-size: 24px; padding-bottom: 20px; font-weight: normal; }
.content p {  text-indent: 10px; padding-bottom: 20px; }
.brace { background: url(../img/brace.gif) no-repeat; padding: 18px 0px 0px 50px; height: 90px; margin-left: 20px; }
.brace li { display: block; font: 11px Tahoma, Arial, sans-serif; color: #959494; }
/* right side */
.rightSide { float: right; width: 315px;}
.rightSide ul { list-style-type: disc; color: #c9c9c9;}
.rightSide ul li { display: list-item; margin-left: 20px;}
/* center side */
.centerSide { float: left; width: 370px; padding-top: 237px;}
.bookSession { display: block; text-indent: -9999px; background: url(../img/bookButton.jpg); width: 200px; height: 50px; margin: 0 auto; cursor: pointer; }
.bookSession:hover { display: block; background: url(../img/bookButtonHover.jpg);}
/* -----------pop-up */ 
#PrewWin { width: 100%; height: 100%; position:fixed; z-index: 90; top: 0px; left: 0px; } 
/* shadow */
#shadow { width: 100%; height: 100%; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; background-color: #000; position: absolute; z-index: 90; top: 0px; left: 0px; }
/* gallery */
#PrewWin ul { width: 384px; background-color: #fff; overflow: hidden; padding: 12px 12px 0px 0px; position:fixed; _position: absolute; top: 100px; left: 50%; margin-left: -200px; z-index: 95; *padding-bottom: 12px; _padding-bottom: 0px; }
#PrewWin li { display: block; float: left; margin: 0px 0px 12px 12px; _position: relative; _left: -12px;}
#PrewWin li a { display: block;}
/* video */
#PrewVideo { width: 425px; display: none; background-color: #fff; overflow: hidden; position:fixed; _position: absolute; top: 100px; left: 50%; margin-left: -213px; z-index: 95; border: 12px solid #fff;}

/* -------------------------------------------- links.html */
.content2 { padding: 0px 380px 155px 0px; width: 620px;}
.links { overflow: hidden; }
.links li { display: block; overflow: hidden; margin-bottom: 10px; zoom: 1;}
.links li a { display: block; float: left; border: 5px solid #fff; }
.links li a:hover { border: 5px solid #45a9ca; }

/* -------------------------------------------- galery.html */
.gallery { text-align: center; padding: 0px 100px;}
.gallery li { display: inline;  zoom: 1; }
.gallery li img { border: 5px solid #fff; margin: 5px; }
.gallery li a:hover img { border-color: #45a9ca; }

.backButton { display: block; text-indent: -9999px; background: url(../img/backButton.jpg); width: 200px; height: 50px; margin: 55px auto 0px auto; cursor: pointer; }
.backButton:hover { display: block; background: url(../img/backButtonHover.jpg);}

/* footer */
.footer { text-align: center; font-size: 9px; color: #404040; padding: 90px 0px 50px 0px; position: relative; margin-top: -155px; height: 15px; }
.footer.fix { margin-top: 0px; }


.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */