/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden; display:block}

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

body{ background:#000; border:0; font:12px Arial, Helvetica, sans-serif; color:#515151; line-height:18px; min-width:1020px}

.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;}

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

.block {height:247px;}
.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -247px;}
body, html {height:100%;}

.bg_spinner{ width:100%; height:100%; position: absolute; z-index:0; background:url(../images/ajax-loader.gif) 50% 30px no-repeat}
#bgSlider{ min-width:1020px;}
#bgSlider img{ bottom:0; top:auto !important}

.body1{ background:url(../images/bg_footer.png) 0 0 repeat-x;}

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

a{ color:#000000; text-decoration: underline; outline:none; font-weight:bold}
a:hover{ text-decoration: none}
h1{ padding: 0 0 0 77px; float:left;}
h2{ font:26px Arial, Helvetica, sans-serif; font-style:italic; color:#000; line-height:1.2em; padding:23px 0 16px 0;}
p{ padding-bottom:18px;}
strong{ color:#080808}

/* ============================= header ====================== */
header{ padding-top:104px; min-height:161px; position:relative; z-index:2}


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

.pagination{ float:right; padding:9px 45px 0 0}
.pagination li{ float:left; padding-left:5px;}
.pagination li a{ display:block; width:25px; height:25px; background:url(../images/buttons.png) right 0 no-repeat}
.pagination li a:hover, .pagination .current a{ background-position:left}

#menu { width:100%; height:75px; margin-top:20px;}
#menu > li { float:left; padding-left:1px; background:url(../images/menu_line.png) 0 0 no-repeat; position:relative}
#menu > li > a{ display:block; padding:0 0 0 38px; font-size:21px; font-style:italic; color:#fff; text-decoration:none; font-weight:normal; line-height:82px; height:86px; letter-spacing:-1px; background:url(../images/menu_bg.png) repeat; position:relative}
#menu > li:hover > a{
	background:url(../images/menu_hover.png) top repeat;
	color:#F00
}
#menu > .active > a, #menu > .active:hover > a{ background:url(../images/menu_active.gif) top repeat-x #000; color:#fff}

#menu .nav1{ padding-left:0; background:none}
#menu .nav6{}
#menu .nav1 > a{border-radius:13px 0 0 13px; -moz-border-radius: 13px 0 0 13px; -webkit-border-radius: 13px 0 0 13px;}
#menu .nav6 > a{border-radius:0 13px 13px 0; -moz-border-radius: 0 13px 13px 0; -webkit-border-radius: 0 13px 13px 0;}

#menu .nav1 > a{ width:93px}
#menu .nav2 > a{ width:107px}
#menu .nav3 > a{ width:114px}
#menu .nav4 > a{ width:134px}
#menu .nav5 > a{ width:138px}
#menu .nav6 > a{ width:201px}

.submenu1{ background:url(../images/submenu_bg.png) repeat; position:absolute; top:86px; left:1px; width:145px;}
.submenu1 li{ background:url(../images/submenu_line_hor.png) 0 0 repeat-x; padding-top:1px; position:relative}
.submenu1 li a{ display:block; height:31px; font-size:13px; line-height:29px; color:#000; text-decoration:none; font-weight:normal; padding-left:24px;}
.submenu1 li a:hover{ background:#a5a3a3; color:#fff}

.submenu2{ background:url(../images/submenu_bg.png) repeat; position:absolute; top:0px; left:145px; width:145px;}
.submenu2 > li > a{ background:url(../images/submenu_line_ver.png) 0 0 no-repeat}

#menu ul{ display:none}

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

#content{overflow:hidden; background:url(../images/content_bg.png) repeat;padding:20px 30px 81px;border-radius:13px; -moz-border-radius: 13px; -webkit-border-radius: 13px; position:relative; z-index:1; margin-bottom:52px}

#page1 #content{ height:0; padding:0; margin:0}
#page3 #content{ padding-bottom:62px;}
#page4 #content{ padding-bottom:31px;}
#page5 #content{ padding-bottom:44px;}
#page7 #content{ padding-bottom:63px;}


.pad_bot1{ padding-bottom:10px;}
.pad_bot2{ padding-bottom:16px;}
.marg_right1{ margin-right:30px}
.marg_right2{ margin-right:14px}
.pad_top1{ padding-top:10px;}
.pad_left1{ padding-left:30px;}

.box1{ background:#000; position:relative;border-radius:13px; -moz-border-radius: 13px; -webkit-border-radius: 13px; padding:20px; margin-bottom:13px;}
#page2 .box1 h2{ font-size:30px; color:#fff; padding:29px 0 8px 0; float:left; width:493px; border-bottom:1px solid #1a1a1a; margin-bottom:21px; letter-spacing:-1px;}
.box1 p{ color:#adadad}
.box1 strong{ color:#d8d8d8}
#page3 .box1{ margin-bottom:20px;}

.box2{ background:#fff; padding:26px 20px 24px 20px; text-transform:uppercase; font-size:11px; width:318px;border-radius:13px; -moz-border-radius: 13px; -webkit-border-radius: 13px;}

#gallery{ width:883px !important}
#gallery li{ width:883px; float:left; margin-right:30px}
.prev, .next{ position:absolute; z-index:2; right:30px; top:30px; width:22px; height:22px; display:block; background:url(../images/marker_right.png) 0 0 no-repeat}
.prev{ right:58px; background:url(../images/marker_left.png) 0 bottom no-repeat}
.prev:hover{ background-position:top}
.next:hover{ background-position:bottom}


.button1{ display:inline-block; text-decoration:none; line-height:34px; cursor:pointer; position:relative; font-weight:bold;}
.button1 span{ display:block; background:url(../images/marker_right.png) right 6px no-repeat; padding-right:32px; height:35px;}
.button1 strong{ display:block;padding:0 20px;border-radius:18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; position:relative; background:url(../images/button_bg.gif) top repeat-x #333333; color:#fff;}
.button1:hover span{ background-position: right -24px; }
.button1:hover strong{ background:#1f1f1f}

.list1{}
.list1 li{ padding-bottom:15px; background:url(../images/marker_1.gif) 0 4px no-repeat; padding-left:23px; overflow:hidden}
.list1 li a{ text-transform:uppercase; color:#858585; font-weight: normal; text-decoration:none;}
.list1 li a:hover{ color:#000}

.list2{ padding-left:10px;}
.list2 li{ line-height:18px}
.list2 li a{ padding-left:11px; color:#adadad; font-weight:normal; text-decoration:none; background:url(../images/marker_2.gif) 0 7px no-repeat}

.list3{}
.list3 li{ padding-top:12px;}
.list3 li a{ display:block; background:#fff; padding:10px; padding-right:30px; color:#000; font-weight:normal; text-decoration:none; position:relative; cursor:pointer; border-radius:13px; -moz-border-radius: 13px; -webkit-border-radius: 13px;}
.list3 img{ float:left; margin-right:14px;}
.list3 li a:hover{ background:#000; color:#adadad;}
.list3 strong{ text-transform:uppercase; display:block; font-weight:bold; padding-top:6px}
.list3 b{ font-weight:normal; display:block; padding-bottom:18px;}
.list3 a:hover strong{ color:#fff}

.list4{ padding-left:5px;}
.list4 li{ line-height:18px;}
.list4 li a{ color:#515151; font-weight: normal; text-decoration:none; padding-left:16px; background:url(../images/marker_3.gif) 0 7px no-repeat}
.list4 li a:hover{ color:#ba2f1d}

.date{ float:left; background:url(../images/box1.png) 0 0 no-repeat; width:76px; height:62px; text-align:center; font:26px Arial, Helvetica, sans-serif; color:#fff; font-style: italic; line-height:1.2em; padding-top:8px; margin-right:18px; margin-top:4px;}
.date span{ display:block; margin-top:-11px;}
.date.color1{ background:url(../images/box2.png) 0 0 no-repeat; color:#fff}

.font1{ font-size:13px;}
.font2{ color:#858585; text-transform:uppercase;} 
.font2 span{ color:#0e0f0e}

.color1{ color:#b92f1d}
.color2{ color:#5b8025}

.block_with { padding-left:94px; margin-left:-14px; margin-top:-13px; padding-top:22px; padding-right:40px; padding-bottom:23px; overflow:hidden}
.block_with .pad_bot1{ padding-bottom:6px;}
.img1{ background:url(../images/page2_img1.png) 0 0 no-repeat}
.img2{ background:url(../images/page2_img2.png) 0 0 no-repeat}
.img3{ background:url(../images/page2_img3.png) 0 0 no-repeat}
.img4{ background:url(../images/page2_img4.png) 0 0 no-repeat}

.testimonials{ width:238px; padding:7px 45px 36px 0; text-align:right; background:url(../images/bg_testimonials.png) right 0 no-repeat}

.map{ border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; overflow:hidden; float: left; margin-right:34px;}
.cols{ width:163px; float:left; line-height:20px; height:165px; padding-bottom:0}


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

footer { padding:58px 0 0 44px; font-size:11px; text-transform:uppercase; color:#393939; height:189px;}
footer b{ font-weight: normal; color:#757575}
footer strong{ color:#b1b1b1; font-weight:normal}
footer a{ font-weight:normal; text-decoration:none; color:#393939}
footer a:hover{ text-decoration:underline}

#footer_menu{ padding:0 0 8px 0; width:100%; overflow:hidden;}
#footer_menu li{ float:left; padding-right:15px;}
#footer_menu li a{ color:#757575}

.address{ width:155px; padding-bottom:16px;}

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

#ContactForm { padding-top:21px}
#ContactForm .wrapper{ min-height:44px;}
#ContactForm .box{ width:100%; overflow:hidden}
#ContactForm .bg{ background:#fff; border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; float:left;}
#ContactForm .textarea_box{ min-height:170px; width:100%; overflow:hidden; padding-bottom:8px;}
#ContactForm .input {width:338px; background: none; padding:12px 10px; margin-bottom:5px;color:#515151; font:12px Arial, Helvetica, sans-serif; height:15px; margin:0}
#ContactForm textarea { overflow: auto;width:438px; background: none; padding:12px 10px; margin-bottom:5px;color:#515151; font:12px Arial, Helvetica, sans-serif; height:135px; margin:0}

#ContactForm label{ position: relative; display:block;}
#ContactForm .error, #ContactForm .empty{ position: relative; font-size:10px; color:red; line-height:14px; display:none}

.success{ padding-bottom:15px; display:none}