/* 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: url(../images/bg_top.jpg) top repeat-x #fff; border:0; font:14px Arial, Helvetica, sans-serif; color:#222222; line-height:18px; padding-bottom:90px;}

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

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


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

a{ color:#979a8e; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
h1{ float: left; font:40px "Times New Roman", Times, serif; line-height:60px; font-style:italic; padding:71px 0 0 10px; font-weight:normal}
h2{ font:30px "Times New Roman", Times, serif; color:#222222; font-style:italic; font-weight:normal; color:#222222; line-height:36px; padding:21px 0 18px 0}
p{ padding-bottom:18px;}

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

#menu{ text-align:center; position:relative; z-index:2}
#head{ text-align:center; top:-34px; position:relative; z-index:1}

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

#content{ margin-top:-105px; position:relative; padding-bottom:79px;}


.marg_right1{ margin-right:13px;}
.marg_right2{ margin-right:20px;}
.pad_left1{ padding-left:65px;}
.marg_top1{ margin-top:10px;}
.pad_bot1{ padding-bottom:18px;}

.font1{ font-weight:bold; color:#222222; padding-bottom:6px;}
.font2{ display:inline-block; font-size:11px; font-weight:bold; color:#222222; margin-bottom:10px; background:#f3f5ec; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius:3px;  behavior: url(js/PIE.htc); line-height:26px; padding: 0 15px}
.font3{ font-weight:bold; font-size:16px; color:#222222; padding-bottom:6px;}
.font4{ font:30px "Times New Roman"; font-weight:bold;  color:#222222; padding-bottom:6px;}

.box { background: #fff; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius:7px;  behavior: url(js/PIE.htc); border:1px solid #f0f0f0; padding:0 25px 20px; position:relative}
.box:hover{ background:#f3f5ec; border:1px solid #f3f5ec;}

.box:hover .list1 li{ background:#e4e8d8}
.box:hover .list1 li a{ background: url(../images/marker_3.gif) 24px 10px no-repeat }
.box:hover .list1 li:hover{background:#90ca00;}
.box:hover .list1 li a:hover{  background: url(../images/marker_2.gif) 24px 10px no-repeat }

.under{ padding-bottom:13px; border-bottom:2px solid #dee0d7; margin-bottom:16px;}
.under2{ padding-bottom:20px; background:url(../images/line_hor.gif) bottom repeat-x; margin-bottom:22px;}


.list1 li{ margin-bottom:1px; line-height:40px; width:100%; overflow:hidden; position:relative; background:#f3f5ec; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius:7px; behavior: url(js/PIE.htc);}
.list1 li a{ display:block; height:40px;  padding:0 24px 0 50px; font-weight:bold; color:#222222; text-decoration:none; background: url(../images/marker_1.gif) 24px 10px no-repeat;}
.list1 li:hover{background:#90ca00; color:#fff;}
.list1 li a:hover{ background: url(../images/marker_2.gif) 24px 10px no-repeat;}

.letter_spacing{ letter-spacing:-1px;}

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

footer { color:#dddddd; font-size:12px; text-transform:uppercase; background:#2e3028; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius:7px;  behavior: url(js/PIE.htc); padding:39px 45px 45px 30px;}
footer strong{ font-weight:normal; color:#eeeeee}
footer a{ color:#666666; text-decoration:none}
footer a:hover{ text-decoration:underline}



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

#ContactForm {font-weight:bold; color:#222222;}
#ContactForm a{ margin-left:45px; margin-top:25px; float:right}
#ContactForm .input {width:277px; height:15px; border:1px solid #a09b96; background:#fff; padding:2px 5px; margin-bottom:3px;color:#96998d; font:13px Arial, Helvetica, sans-serif;}
#ContactForm textarea { overflow: auto;width:281px; height:99px; border:1px solid #a09b96; background:#fff; padding:2px 5px; margin-bottom:3px;color:#96998d; font:13px Arial, Helvetica, sans-serif;}

.col_1{ width:289px; float: left;}
.col_2{ width:293px; float:left; padding-left:12px;}