/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}
.relative{ position:relative;}

/* Global properties ======================================================== */
a.linkopacity img {
 filter:alpha(opacity=50);
 -moz-opacity: 0.5; 
opacity: 0.5;
 -khtml-opacity: 0.5;}
 

a.linkopacity:hover img {
 filter:alpha(opacity=100); 
-moz-opacity: 1.0; 
opacity: 1.0;
 -khtml-opacity: 1.0; }
.pad_bot2 b{color:#99cdee;}
body{ background:#272727; border:0; font:12px Tahoma, Geneva, sans-serif; color:#fff; line-height:18px; min-width:1030px; overflow:hidden}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); position: relative;}

.page_spinner{ position:absolute;background:#272727; z-index:99; width:100%; height:100%; top:0; left:0}
.page_spinner div{ position:absolute;background: url(../images/ajax-loader.gif) 50% 50% no-repeat;width:100%; height:100%; top:0; left:0}

#bgStretch {overflow:hidden;z-index:-1; position:fixed}
.spinner {width:100%;height:100%;position: fixed;z-index:0;left:0;top:0;background: url(../images/ajax-loader.gif) center center no-repeat;}
#bg_pagination{ left:-9999px; position:absolute;}

.prev, .next{ position:absolute; top:426px; width:44px; height:95px; z-index:1;}
.prev{ left:22px;}
.next{ right:22px;}
.prev img, .next img{ width:100%; height:100%; position:absolute; top:0; left:0;}

/* Global Structure ============================================================= */

.main {	margin: 0 auto;	width:863px; }

.block {height:64px;}
.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -64px; position:relative; width:100%; overflow:hidden}
body, html {height:100%;}

.bg1{ background:url(../images/bg_top.png) 0 0 repeat-x}
.bg2{ background:url(../images/bg_footer.gif) 0 0 repeat-x #272727; height:64px; position:relative;}

/* ============================= main layout ====================== */

a{ color:#d4d4d4; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
h1{ padding:17px 0 0 0; float:left;}
h2{ margin-left:-10px; padding:4px 0 4px 1px; background:url(../images/line_hor1.png) 0 bottom repeat-x; font-size:14px; color:#99cdee; font-weight:normal; margin-bottom:26px}
p{ padding-bottom:15px;text-align:justify;}
strong{ color:#99cdee}
b{ color:#99cdee}
/* ============================= header ====================== */
header{ height:163px; position:relative; z-index:9}

/* #logo{ display:block; text-indent:-9999px; background:url(../images/logoooo.png) 0 0 no-repeat; width:299px; height:78px;} */
#logo{ display:block; text-indent:-9999px; background:url(../images/logobl.jpg) 0 0 no-repeat; width:300px; height:129px;}
.menu { float:right; padding-top:53px;}
.menu > ul{ float:left; width:130px; margin-right:37px;}
.menu > .last{ margin-right:0; width:118px;}
.menu > ul > li { padding-bottom:13px; position:relative; background:url(../images/bg_menu.gif) 0 4px no-repeat;} 
.menu > ul > li > a{ font-size:14px; color:#e7ddcf; padding-left:22px; text-decoration:none; position:relative;}
.menu > ul > li > span{ position:absolute; top:8px; width:5px; height:5px; left:4px; background:url(../images/menu_active.gif) 0 0 no-repeat}
.menu > ul > li > a:hover, #menu > .active > a{ }

.submenu_1{ position:absolute; top:24px; background:#01405e; width:130px; left:0; padding:10px 0}
.submenu_1 li{ position:relative;}
.submenu_1 a{ padding-left:16px; text-decoration:none; line-height:24px; position:relative; display:block}
.submenu_1 span{ position:absolute; background:#2b77a8; width:100%; height:100%}

.submenu_2{ position:absolute; top:-10px; background:#01405e; width:130px; left:131px; padding:10px 0}

/* ============================= content ====================== */

#content{ margin-top:11px; padding-bottom:20px; position:relative;}
#content > ul > li{ height:592px; position:relative}

.bg_cont{ background:url(../images/bg_content.png) repeat; width:863px; overflow:hidden; position:relative;}

.close{ position:absolute; top:13px; right:14px; background:url(../images/close.png) 0 0 no-repeat; width:11px; height:11px;}

.pad{ padding:20px 0 0 24px; float:left; width:500px;}
.marg_right1{ margin-right:26px;}
#page_services .marg_right1{ margin-right:18px;}
#page_info .marg_right1{ margin-right:14px;}
.pad_bot1{ padding-bottom:6px;}
.pad_bot2{ padding-bottom:26px;}
.pad_left1{ padding-left:40px;}
.pad_top1{ padding-top:5px;}

.font1{ font:20px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:26px; color:#d2d2d2; padding-bottom:42px;}

.bord { padding:10px; position:relative; display:inline-block;}
.bord span{background:#fff; position:absolute; width:100%; height:100%; top:0; left:0;}
.bord img{ position:relative}

#page_info .bord{ margin-top:6px;}

.button1{ float:right;font-size:14px; color:#1c1c1c; position:relative;background:url(../images/marker_1.gif) 13px 14px no-repeat #fff;  text-decoration:none; line-height:31px; margin-right:5px;}
.button1 strong{ position:absolute; width:100%; height:100%; position:absolute; background:url(../images/marker_1_active.gif) 13px 14px no-repeat #5797c1}
.button1 span{ position:relative; display:block; padding:0 15px 0 20px;}

.link2{ color:#919191}

.list1{}
.list1 li{ padding-bottom:18px;}
.list1 a{ color:#919191; text-decoration:none}
.list1 img{ float:left; margin-right:7px; margin-top:-3px;}

#gallery1{ width:380px !important; left:55px !important; margin-bottom:50px;}
#gallery1 li{ float:left; margin-right:10px;}
#gallery1 img{ width:165px; height:149px;}

#prev, #next{ position:absolute; top:37px; width:26px; height:105px;}
#prev{ left:0; background:url(../images/marker_left2.png) 0 0 no-repeat}
#next{ right:10px; background:url(../images/marker_right2.png) 0 0 no-repeat}

.date{ float:left; background:url(../images/date_bg.png) 0 0 no-repeat; width:39px; height:45px; margin-right:10px; font-size:19px; color:#626262; text-align:center; margin-top:3px; padding-top:8px}
.date span{ display:block; font-size:12px; line-height:1.2em; color:#fff; padding-top:10px;}

.google_map{ float:left; width:286px; height:592px; background:#000}


.scroll{height:430px; width:435px; overflow:hidden}
.track{ width:1px; height:430px; padding:30px 0; top:60px !important; left:470px !important; background:#464646;}
.shuttle{ width:5px; height:55px; margin-left:-2px; background:#fff}
._up-butt, ._down-butt{ height:0px !important;}


#gallery1 a{ display:block;}

/* ============================= footer ====================== */

footer { font-size:11px; color:#fff; padding-top:24px}
footer a{ color:#e7ddcf; text-decoration:none}
footer a:hover{}

/* ============================= forms ============================= */

#ContactForm{ font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; font-style:italic; width:475px; line-height:30px; margin-top:-7px; position:relative}
#ContactForm .wrapper{ overflow:inherit; min-height:78px;}
#ContactForm .success{ display:none; position:absolute; bottom:10px; left:0; line-height:18px;}
#ContactForm label{ position:relative;min-height:48px; display: inline-block;}
#ContactForm .message{ height:192px;}
#ContactForm  span{ display:block}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#fff; line-height:14px; display:none; width:100%}
#ContactForm a{ margin-right:0; font-style:normal; font-family:Tahoma, Geneva, sans-serif; margin-left:16px;}
#ContactForm .input { margin:0;width:206px; height:17px; background:#2a73a1; border:1px solid #bdb9b9; padding:15px 10px;color:#fff; font:13px Tahoma, Geneva, sans-serif;}
#ContactForm textarea { overflow: auto; margin:0;width:206px; height:95px; background:#2a73a1; border:1px solid #bdb9b9; padding:15px 10px;color:#fff; font:13px Tahoma, Geneva, sans-serif; resize:none}


#ContactForm  .bg{ display:inline-block}
#ContactForm .col1{ width:228px;}
#ContactForm .pad_left1{ padding-left:19px;}