@charset "utf-8";
body { margin:0; padding:0; width:100%; height: 100%; background:#e1e1e9; }
html { padding:0; margin:0 ; } a { text-decoration:none;}
a:hover { text-decoration:underline;}
/* main */
#wrapper{background-color:#FFF; margin:auto; width:978px; height:auto;}
.main { padding:0; margin:0 auto; height: auto; }
/********** header **********/
.blok_header { margin: auto; padding:0; width:978px; background:url(../images/header_bg.gif) top repeat-x;}
.header { margin:0 auto; padding:0; width:978px;}
/* logo */
.logo { padding-left:5px; margin-top:55px; margin-bottom: 35px; width:400px; float:left; background: url(../images/logo_bg.gif) top repeat-x;} /* menu */ /*header_text_bg*/
.container {width:978px;margin:0 auto;}
.header_text_bg { margin:0; padding:0; background-color:#FFF;
} /*header_text*/
.header_text { height:266px; margin:0 auto; padding:0; width:978px; background:url(../images/header_text_main_bg.gif) top center no-repeat; }
.header_text .div { width:887px; height:280px; padding:27px 0 0 0;}
.header_text .div .left1 { float:left; width:400px; padding:0 20px; margin:0;}
.header_text .div .left1 h2 { font:bold 24px Arial, Helvetica, sans-serif; color:#fff; padding:10px 0; margin:0;}
.header_text .div .left1 p { font:bold 12px Arial, Helvetica, sans-serif; color:#9d9d9d; background:url(../images/simple_ul_li.gif) left no-repeat; text-decoration:none; padding:0; line-height:1.8em; margin:0; text-indent:15px;}
.header_text .div .left3 p { font: 12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; padding:0; line-height:1.8em; margin:0; text-indent:15px;}
.header_text .div .left1 a { display:block; padding:10px 0;}
/*header_text_bg2*/
.header_text_bg2 { margin:0; padding:0; background:#191919;}
/*header_text*/
.header_text2 { height:90px; margin:0 auto; padding:0; width:978px; background: url(../images/header_text_main_bg.gif) top center no-repeat;}
.header_text2 h2 { width:340px; float:left; font:bold 36px Arial, Helvetica, sans-serif; color:#fff; padding:20px 0 0 20px; margin:0;}
.header_text2 img { float:right; padding:30px 40px 0 0; margin:0;}
/********** body **********/ /* FBG */
.FBG_top { margin:0; padding:0; border-top:0px solid #fff; }
.FBG { width:975px; margin:0 auto; padding:0; height:auto;}
.FBG_resize { width:206px; height: 195px; float:left; margin-top:8px; padding:0px 7px 5px 7px; background:url(../images/middle.png); border-right:1px solid #dcdcdc; }
.FBG_learn { width:120px; height: 24px; margin-top:1px; padding-left:20px; }
.FBG_rightside {background:url(../images/Body-Small.png); width:290px; height: 60px; float:left; margin-top:5px; margin-left:9px;padding:53px 5px 5px 5px; }
.FBG h2 { border-bottom:0px solid #dcdcdc; font: bold 14px Arial, Helvetica, sans-serif; color:#2a2a2a; padding:15px 5px; margin:0;}
.FBG p { font: normal 8.5pt Verdana; color:#000; padding:10px 5px; margin:0; line-height:1.8em; font-size: 11px; text-align: left;
}
.FBG a { text-decoration:none; color:#21aad6; padding:0;}
.FBG img { float:left; margin:10px; padding:0;}
/* navigation */
.navigation { width:100%; margin:0 auto; padding:5px 0;}
.navigation a { font: bold 12px Arial, Helvetica, sans-serif; color:#5b5b5b; text-decoration:none; padding:0 10px; margin:0; line-height:1.8em;}
.navigation a:hover { color:#1ea2d3; text-decoration:underline;} p.clr, .clr { clear:both; padding:0; margin:0;}
.clrr {padding:0; margin:0; float:right;}
li.bg, .bg { clear:both; border-bottom:1px solid #e4e4e4; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}
li.line, .line { border-top:1px solid #c7c7c7; padding:0; margin:10px 0; background:none; list-style:none;} #pagetit .pagetitle{
color:#009;
font-family:Verdana, Geneva, sans-serif;
font-size:12pt;
} .list{ width: 160px; height: 200px; margin-left: 10px; }
.list1{ width: 180px; height: 200px; float:right; margin-right:10px; } .ul{ list-style-position: outside; list-style-type: disc; font-family: Verdana, Helvetica, sans-serif; font-size: 8.5pt; font-style: normal; font-weight: normal; font-variant: normal;
}
.cnt {
width: 560px;
margin-left:20px;
}
.cntimage{
width:150px;
float: left;
}
.cntimage2{
width:160px;
margin-left:60px;
}
.cntimage3{
width:160px;
float:right;
}
.main_image { width: 598px; height: 340px; float: left; background: #333; position: relative; overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/ color: #fff;
}
.main_image h2 { font-size: 1em; font-weight: bold; font-family:Verdana, Geneva, sans-serif; color:#FF0; margin: 0 0 5px; padding: 10px;
}
.main_image p { font-size: 0.8em; line-height: 1.4em; padding: 10px; margin: 0; color:#FFF; font-family:Verdana, Geneva, sans-serif;
}
.block small { /*--We'll be using this same style on our thumbnail list--*/ font-size: 0.9em; padding: 0 0 0 10px; background: url(icon_calendar.gif) no-repeat 0 center;
}
.block desc { font-size: 12px; font-family:Verdana, Geneva, sans-serif; color:#FFF;} .main_image .block small {margin-left: 10px;}
.main_image .desc{ position: absolute; bottom: 0; left: 0; /*--Stick the desc class to the bottom of our main image container--*/ width: 100%; display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{ width: 100%; background: #111; border-top: 1px solid #000;
}
.main_image a.collapse { /*--This is our hide/show tab--*/ background: url(btn_collapse.gif) no-repeat left top; height: 27px; width: 93px; text-indent: -99999px; position: absolute; top: -27px; right: 20px;
}
.main_image a.show {background-position: left bottom;} .image_thumb { float: left; width: 378px; background: #f0f0f0; border-right: 1px solid #fff; border-top: 1px solid #ccc;
}
.image_thumb img { border: 1px solid #ccc; padding: 3px; background: #fff; float: left;
}
.image_thumb ul { margin: 0; padding: 1px; list-style: none;
}
.image_thumb ul li{ margin: 0; padding: 3px 10px; background: #f0f0f0 url(nav_a.gif) repeat-x; width: 358px; float: left; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; border-right: 1px solid #ccc;
}
.image_thumb ul li.hover { /*--Hover State--*/ background: #ddd; cursor: pointer;
}
.image_thumb ul li.active { /*--Active State--*/ background: #fff; cursor: default;
}
html .image_thumb ul li h2 { font-size: 1.1em; font-family:Arial, Helvetica, sans-serif; margin: 5px 0; padding: 0;
}
.image_thumb ul li .block { float: left; font-family:Verdana, Geneva, sans-serif; font-size:14px; margin-left: 10px; padding: 0; width: 260px;
}
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/ .fb{
width: 25px;
height: 25px;
margin-top:1px;
margin-bottom:8px;
margin-right: 5px;
float: right;
border: 1px #CCC;
padding: 3px 3px 3px 3px;} .phonenumber{
width:150px; height: 25px;
margin-top:6px;
margin-bottom:8px;
margin-right: 5px;
float: right;
border: 1px #CCC;
padding: 3px 3px 10px 3px;
font-family:Verdana, Geneva, sans-serif;
font-size:13px;
font-weight:bold;
line-height:2.5em;
}