/* Left & Right alignment */

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

/* Global properties ======================================================== */

body{ background: url(../images/bg.jpg) center center #dfdfdf; border:0; font:11px Arial, Helvetica, sans-serif; color:#9c9b9b; line-height:20px; min-width:1460px; text-transform:uppercase; 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: #dfdfdf; 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}


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

.main {	margin: 0 auto;	width: 1360px; padding:0 50px; position:relative;}

body, html{ height:100%}
.over{ position:relative; width:100%; overflow:hidden;min-height:100%; height:auto !important;}

#icons{ position:absolute; right:0; background:url(../images/bg_icons.jpg) 0 0 no-repeat; width:26px; height:82px; padding:22px 0 0 13px; top:335px;}
#icons li{ padding-bottom:10px; line-height:0px;}

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

a{ color:#252525; text-decoration: none; outline:none}
a:hover{ text-decoration: none}
h1{ padding:11px 0 0 0; float:left;}
h2{ position:relative; font-size:44px; font-weight:bold; line-height:66px; color:#fff; background:#252525; padding:0 14px; margin-top:34px; z-index:2; display:inline-block}
p{ padding-bottom:20px;}

/* ============================= header ====================== */
header{ height:134px; padding-top:30px;}

#logo{ display:block; text-indent:-9999px; background:url(../images/logo.png) 0 0 no-repeat; width:150px; height:36px;}

.menu{ float:right; background: url(../images/bg_menu.gif) repeat; height:64px; border:1px solid #bfbfbf}
#menu {}
#menu > li { float:left; width:105px; position:relative; padding-right:2px; background:url(../images/menu_line.gif) right 0 no-repeat}

#menu > li > a{ display:block; font-size:14px; color:#a4a4a4; text-align:center; line-height:64px; position:relative}
#menu > li > a > span{ position:absolute; top:-1px; left:-1px; width:100%; height:100%; background:#252525; padding:1px}
#menu > li > a > strong{ position:relative;}
#menu > li > a:hover, #menu > .active > a{ }
#menu > .last{ padding-right:0; background:none}

.submenu{ position:absolute; left:-1px; top:65px; background: url(../images/submenu_bg.gif) 0 0 repeat-x; border:1px solid #bfbfbf; width:426px; border-top:0; height:42px}
.submenu li{float:left; width:105px; position:relative; padding-right:2px; background: url(../images/submenu_line.gif) right 0 no-repeat}
.submenu li a{ display:block; font-size:14px; color:#a4a4a4; text-align:center; line-height:42px; position:relative}
.submenu li a span{ position:absolute; top:-1px; left:-1px; width:100%; height:100%; background:#252525; padding:1px}
.submenu li a strong{ position:relative;}
.submenu .last{ padding-right:0; background:none}

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

#content{ min-height:447px; padding-bottom:89px; position:relative}
#content > ul > li{ position:relative;}

#gallery{ width:1359px; overflow:hidden}
#gallery ul{}
#gallery li{ width:407px; height:407px; float:left; padding:19px; background:url(../images/bg_box.png) repeat; border:1px solid #bfbfbf; margin-right:9px;}
#gallery a{ position:relative; display:block; width:100%; height:100%}
#gallery img{ position:absolute; top:0; left:0; z-index:1}

.box{ position:relative; z-index:1; background:#e6e6e6; border:1px solid #bfbfbf; padding:41px 31px; width:790px; height:232px; margin-top:-1px;}

.scroll{height:225px; width:720px; overflow:hidden}
.track{ width:17px; height:206px; padding:17px 0; top:71px !important; left:774px !important; background: url(../images/scroll_track.gif) 0 0 no-repeat;}
.shuttle{ width:17px; height:79px; margin-left:0px; background: url(../images/scroll_drag.png) 0 0 no-repeat}
._up-butt, ._down-butt{ position:absolute; width:17px; height:17px; left:0}
._up-butt span, ._down-butt span{ display:block; width:100%; height:100%}
._up-butt{ background:url(../images/marker_up.png) right 0 no-repeat}
._down-butt{ background:url(../images/marker_down.png) 0 0 no-repeat}
._up-butt span{ background:url(../images/marker_up.png) 0 0 no-repeat}
._down-butt span{ background:url(../images/marker_down.png) right 0 no-repeat}

.pad_bot1{ padding-bottom:10px;}
.pad_top1{ padding-top:25px}
.marg_right1{ margin-right:26px;}


.font1{ font-size:15px; color:#252525;}

#gallery2{}
#gallery2 li{ float:left; margin-right:10px; margin-bottom:10px;}
#gallery2 .last{ margin-bottom:0}
#gallery2 a{ display:block; position:relative;}
#gallery2 img{ position:relative;}
#gallery2 span{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/img_hover.gif) 0 0 no-repeat}

.google_map{ float:left; margin-right:19px; padding:15px; width:437px; height:192px; background:#fff; border:1px solid #dfdfdf}

.address span{ float:left; width:108px;}

.link1{ position:relative;}
.link1 span{ position:absolute; bottom:0; left:0; width:0; background:#252525; height:1px;}

.col1{ width:640px; margin-top:-6px;}

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

footer { font-size:10px; line-height:20px; color:#6f6f6f; padding-top:4px}
footer a{ color:#6f6f6f}
footer a:hover{}

.bg1{ position:absolute; width:100%; background:#252525; height:27px; left:0; bottom:0}
.bg2{ background:url(../images/bg_gallery_scroll.gif) 0 0 repeat-x; height:32px; left:0; bottom:27px; position:absolute; width:100%; overflow:hidden}

.all_scroll_gallery{ position:relative; width:286px; height:17px; background: url(../images/gallery_track.gif) 0 0 no-repeat; margin-top:8px}
.scroll_gallery{ top:0; margin-left:17px; height:17px; width:252px; position:relative}
.scroll_drag{ position:absolute; left:0; top:0px; height:17px; background: url(../images/gallery_scroll_drag.png) 0 0 no-repeat; width:79px; cursor:pointer}
.marker_left{ position:absolute; width:17px; height:17px; background:url(../images/marker_left.png) 0 bottom no-repeat; top:0; left:0}
.marker_left span{ background:url(../images/marker_left.png) 0 0 no-repeat; width:100%; height:100%; display:block}
.marker_right{ position:absolute; width:17px; height:17px; background:url(../images/marker_right.png) 0 0 no-repeat; top:0; right:0}
.marker_right span{ background:url(../images/marker_right.png) 0 bottom no-repeat; width:100%; height:100%; display:block}