/* 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;}
.relative{ position:relative;}
.none{ display:none;}

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

body{ background: url(../images/bg.jpg) 0 0 repeat; border:0; font:14px 'Voltaire', sans-serif; color:#6d6d6d; line-height:21px; min-width:950px; overflow:hidden;text-shadow:0 0 1px rgba(0, 0, 0, .2)}

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

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

.main {	margin: 0 auto;	width: 950px; position:relative;}

.bg1{ background:url(../images/bg_img.jpg) center center no-repeat;min-height:100%; height:auto !important; height:100%; margin-bottom:-102px;}
body, html {height:100%;}
.block{ height:102px;}

.bg2{ height:102px; background:url(../images/bg_footer.png) 0 0 repeat-x}


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

a{ color:#660000; text-decoration: none; outline:none}
a:hover{ color:#000}
h1{ padding:0 0 0 8px; float:left;}
h2{ font-size:26px; line-height:1.2em; padding:3px 0 16px 0; color:#3c3c3c; font-weight:normal;}
p{ padding-bottom:21px;}

/* ============================= header ====================== */
header{ height:125px; padding-top:29px; overflow:hidden}

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

#top_nav{ float:right; padding:63px 0 0 0; margin-right:-17px;}
#top_nav li{ float:left; padding-right:2px; background:url(../images/top_line.png) right 20px no-repeat;}
#top_nav .last{ padding-right:0; background:none}
#top_nav a{ display:block; padding:0 17px; text-align:center; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#000}
#top_nav img{}
#top_nav span{ display:block; margin-top:2px;}



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

#content{ height:616px; position:relative; padding-bottom:28px;}
#content > ul{ width:3800px; position:relative;}
#content > ul > .navig{ float:left; width:238px; background:url(../images/line_vert1.png) 0 bottom no-repeat; height:616px; position:relative}
#content > ul > .content{ float:left; width:712px; background:#fff; height:425px; position:relative;}

#content > ul > .navig.nav1{ width:236px; background:none}
#content > ul > .content.nav1{ width:714px;}


.navig a{ display:block; position:relative; height:504px;}
.navig a > span{ font-size:22px; color:#5c5c5c; text-transform:uppercase; padding:35px 18px 0; display:block; line-height:1.2em}
.navig a > span span{ float:left; font-size:39px; line-height:1.2em; width:46px; color:#616161; margin-top:-15px}
.navig > p{ position: absolute; left:16px; width:209px;}

.content{}

.angle_top_left{ background:url(../images/angle_top_left.gif) 0 0 no-repeat; width:6px; height:6px; top:-7px; left:-7px; position:absolute}
.angle_top_right{ background:url(../images/angle_top_right.gif) 0 0 no-repeat; width:6px; height:6px; top:-7px; right:-7px; position:absolute}
.angle_bot_left{ background:url(../images/angle_bot_left.gif) 0 0 no-repeat; width:6px; height:6px; top:426px; left:-7px; position:absolute}
.angle_bot_right{ background:url(../images/angle_bot_right.gif) 0 0 no-repeat; width:6px; height:6px; top:426px; right:-7px; position:absolute}


.pad1{ padding:30px 40px 60px 45px;width:629px;}
.pad_left1{ padding-left:50px;}
.pad_bot1{ padding-bottom:20px;}
.pad_top1{ padding-top:5px;}
.marg_right1{ margin-right:11px;}

.list1{}
.list1 li{ padding-bottom:28px;}
.list1 a span{ display:inline-block; background:url(../images/marker_1.gif) 0 0 no-repeat; width:9px; height:14px; margin-right:6px; margin-top:5px;}

.link1{ color:#474748; font-size:19px;}

.close{ position:absolute; bottom:0; left:45px;   height:51px; width:627px;}
.close a{ float:right; padding-right:12px; background:url(../images/marker_2.gif) right 10px no-repeat; margin-top:11px;}

.prev, .next{ float:left; margin-top:116px; display:block; width:28px; height:42px; background:url(../images/marker_left.gif) 0 0 no-repeat;}
.prev{ margin-right:19px;}
.next{ margin-left:18px; background:url(../images/marker_right.gif) 0 0 no-repeat;}


/* tab pane styling */
.panes div {
	display:none;		
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	height:100px;
	font-size:14px;
	background-color:#fff;
}

#gallery1{ float:left; padding-top:5px;}
#gallery1 li{ float:left;}
#gallery1 img{ height:264px; width:533px}

#map{ float:left; margin-right:20px; margin-top:5px;}

.popup_page{ width:720px; padding:30px 40px 10px}

#page_About .marg_right1{ margin-right:20px;}


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

footer { padding-top:38px;}
footer a{}
footer a:hover{}

#footer_menu{ float:right; padding:8px 0 0 0}
#footer_menu li{ float: left; padding-right:12px; background:url(../images/footer_menu_line.gif) right 8px no-repeat; margin-right:11px;}
#footer_menu a{ color:#cccccc; display:block; font-size:12px; text-transform: uppercase;}
#footer_menu .last{ padding-right:0; background:none; margin-right:0}
#footer_menu .active a{ color:#000}

#footer_logo{ float:left; margin-left:-3px; text-indent:-9999px; background:url(../images/footer_logo.png) 0 0 no-repeat; width:120px; height:42px;}

footer .left{ padding:11px 0 0 5px; font:12px Tahoma, Geneva, sans-serif; color:#cccccc}
footer .left a{ color:#cccccc}
footer .left a:hover{ color:#000}

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

#ContactForm{}
#ContactForm .wrapper{ overflow:inherit; min-height:40px;}
#ContactForm .success{ padding-bottom:15px; display:none}
#ContactForm label{ position:relative;min-height:22px; display: inline-block;}
#ContactForm .message{ height:222px;}
#ContactForm  span{ display:block}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#4d820a; line-height:14px; display:none; width:100%}
#ContactForm a{ margin-left:20px; float:right;}
#ContactForm .input { margin:0;width:181px; height:15px; background: none; padding:3px 10px;color:#474747; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#ContactForm textarea { overflow: auto; margin:0}


#ContactForm  .bg{ background:#fff; border-top:1px solid #c2c2c2; border-left:1px solid #c2c2c2; position:relative;border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; float:left;}