/* 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;}

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

body{ background:#000; border:0; font:14px Georgia, "Times New Roman", Times, serif; color:#656262; line-height:24px; min-width:960px; overflow:hidden}

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

#bgSlider{}

.bg1{ background:url(../images/bg_top.png) top repeat-x;}

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


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

a{ color:#3c5424; text-decoration: none; outline:none}
a:hover{ color:#000; text-decoration: none}
h1{ padding:218px 0 173px 5px;}
h2{ font-size:24px; color:#404041; line-height:1.2em; padding:70px 0 32px 0;}
h3{ font-size:20px; color:#404041; line-height:16px;}
h4{ font-size:10px; color:#404041; line-height:16px; font-weight: normal;}
p{ padding-bottom:24px;}

/* ============================= header ====================== */
header{}

.block1{ height:720px;}

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

.menu_bg{ background:url(../images/menu_bg.png) center 9px no-repeat; height:153px;}

#menu { padding-left:50px;}
#menu > li { float:left; position:relative;}
#menu > li > a{ display:block; font-size:24px; height:127px; line-height:127px; position:relative; z-index:2}
#menu > li > a span{ position:absolute; background:#3c5424; width:100%; height:100%; top:0; left:0; display:block;}
#menu > li > a strong{ position:relative; padding:0 27px; display:block;}
#menu > li > a:hover, #menu > .active > a{ }

#menu > .with_ul > a strong{ background:url(../images/menu_marker.png) center 82px no-repeat}

.submenu_1{ position: absolute; left:-16px; top:119px; padding:19px 7px 24px; width:148px; background:#181818; z-index:1}
.submenu_1 li{ padding-bottom:1px; line-height:29px; position: relative;}
.submenu_1 a{ display:block; text-align:center; color:#727272;}
.submenu_1 li:hover > a{ color:#fff; background:#000;}

.submenu_2{ position: absolute; left:156px; top:-19px; padding:19px 7px 24px; width:148px; background:#181818; z-index:1}

#menu ul{ display:none;}

.join{ float:right; position: relative; width:85px; height:32px; margin-left:2px; color:#fff; line-height:28px; background:url(../images/button1_bg.png) 0 0 no-repeat}
.join span{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/button1_bg.png) right 0 no-repeat;}
.join img{ float:left; margin-right:13px; position:relative;}
.join strong{ font-weight:normal; position:relative;}
.join:hover{ color:#fff;}

.top{ padding:15px 5px; line-height:26px; overflow:hidden}

.user_login{ float:right; margin-right:16px; color:#666666}
.user_login a{ color:#666666}
.user_login a:hover{ color:#fff;}

header .left{ color:#fff;}

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

#content{ position:absolute; height:0px; margin-top:-10px;}
#content > ul > li{ position:relative; margin:0 5px; height:470px; width:950px;}

.box{ position:absolute; left:0; top:0; width:100%; background:#f9f9f9; height:1px}

.marg_right1{ margin-right:20px;}
.pad_bot1{
	padding-bottom:29px;
	text-align: left;
}
.pad_bot2{ padding-bottom:17px;}
.pad_left1{ padding-left:25px;}

figure{ padding-top:4px;}

.cols{ width:180px; float:left;}
#page_services .cols{ width:270px;}

.list1{}
.list1 li{ line-height:24px; padding-bottom:16px;}
.list1 a{ padding-left:17px; background:url(../images/marker_2.gif) 0 6px no-repeat; color:#656262}
.list1 a:hover{ color:#3c5424;}

.list2{}
.list2 li{ padding-bottom:10px;}
.list2 img{ float:left; margin-right:16px; padding-top:4px;}


.button1{ display:inline-block; color:#f9f9f9 !important; position:relative; background:#262627;}
.button1 span{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#3c5424;}
.button1 strong{ padding: 0 16px 0 24px; position:relative; background:url(../images/marker_1.png) 14px 15px no-repeat; line-height:38px; display:block; font-weight:normal;}

.font1{ text-transform:uppercase}

.color1{ color:#3c5424;}


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

footer { height:90px; line-height:48px; color:#616161; padding:0 5px;}
footer a{ color:#616161}
footer a:hover{ color:#fff}

#footer_logo{ display:inline-block; font-size:24px; margin-right:5px;}

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

#ContactForm{ padding-top:4px;}
#ContactForm .wrapper{ overflow:inherit; min-height:40px;}
#ContactForm .success{ padding-bottom:15px; display:none}
#ContactForm label{ position:relative;min-height:30px; display: inline-block;}
#ContactForm .message{ height:110px;}
#ContactForm  span{ display:block}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#3c5424; line-height:14px; display:none; width:100%}
#ContactForm a{ margin-left:20px; float:right; margin-top:8px;}
#ContactForm .input { margin:0;width:208px; height:18px; background:#fff; border:1px solid #e8e8e8; padding:5px 10px;color:#656262; font:14px Georgia, "Times New Roman", Times, serif;}
#ContactForm textarea { overflow: auto; margin:0;width:288px; height:98px; background:#fff; border:1px solid #e8e8e8; padding:5px 10px;color:#656262; font:14px Georgia, "Times New Roman", Times, serif;}