@charset "utf-8";
/* CSS Document */
/********** Defualt style*************/
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, form, fieldset, p, select, input { margin: 0; padding: 0; outline: 0; border: none; list-style: none; font-weight: normal; font-size: 100%; }
img, fieldset, input { border: none; padding: 0; margin: 0; }
a:focus { outline: none; }
a { text-decoration: none; outline: none; color: #000000; }
a:hover { text-decoration: none; cursor: pointer; }
img { border: 0; outline: none; }
/********** Style for body *************/
body {
color:#000000; font:12px Arial, Helvetica, sans-serif; background:url(body_bg.jpg) repeat left top;
}
#outer_layout {
width:100%; float:left; background:url(outer_layout.jpg) repeat-x left top;
}
.layout {
width:983px; margin:0 auto;
}
#header {
width:983px; height:150px; float:left; background:url(header_bg.jpg) no-repeat left top;
}
.header_left {
width:348px; float:left;
}
.logo {
width:310px; float:left; padding: 5px 0 0 38px;
}
.header_right {
width:635px; float:left;
}
.tagline {
width:618px; float:left; padding: 8px 0 0 17px;
}
#menu {
width:583px; float:left; padding:15px 0 0 42px;
}
#menu ul {
list-style:none; float:left; width:583px; 
}
#menu li {
float:left; color:#fff; font:16px Arial, Helvetica, sans-serif; padding:0 25px 0 0;
}
#menu a {
color:#fff; font:16px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; display:block; padding:0 0 0 10px;
}
#menu a:hover {
color:#ff0; font:16px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:underline; padding:0 0 0 10px; display:block; 
}
#menu a span {
color:#fff; font:16px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; display:block; padding:6px 10px 8px 0;
}
#menu li a:hover span {
color:#ff0; font:16px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:underline; display:block; padding:6px 10px 8px 0; 
}
#menu li a.selected {
color:#ff0; font:16px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding:0 0 0 10px; display:block; background:url(menu_left.png) no-repeat left top;
}
#menu li a.selected span {
color:#ff0; font:16px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; display:block; padding:6px 10px 8px 0; background:url(menu_right.png) no-repeat right top;
}
#banner {
width:947px; float:left; margin:0 0 0 36px; background:url(banner_bg.jpg) no-repeat left top; height:250px;
}
.banner_content1 {
width:431px; float:left; padding:13px 0 0 16px;
}
.banner_content2 {
width:596px; float:left; padding:31px 0 0 15px;
}
.corner_left {
width:36px; height:40px; float:left; position:absolute; z-index:1; margin:150px 0 0 0;
}
.corner_right {
width:37px; height:45px; float:left; position:absolute; z-index:2; margin:150px 0 0 946px;
}
#body_container {
width:909px; float:left; background:#fff; margin:0 37px 0 37px; padding:0 0 10px 0;
}
.left_container {
width:607px; float:left;
}
.content_section {
width:569px; float:left; margin:20px 20px 20px 18px;
}
.content_section .head{float:left; width:561px;}
.content_section h3 {
color:#fff; font:18px Arial, Helvetica, sans-serif; width:543px; height:32px; position:relative; background:url(pattern_bg.png) repeat-x left top; border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; behavior:url(include/PIE.htc); padding:10px 0 0 18px; margin:0 0 21px 0; font-weight:bold;
}
.content_section h4 {
color:#fff; font:18px Arial, Helvetica, sans-serif; width:543px; height:32px; position:relative; background:url(pattern_bg1.png) repeat-x left top; border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; behavior:url(include/PIE.htc); padding:10px 0 0 18px; margin:0 0 21px 0; font-weight:bold;
}
.content_section p {
color:#000000; font:14px/16px Arial, Helvetica, sans-serif; padding:0 0 20px 15px;
}
.content_section a {
color:#ff2020; font:14px/16px Arial, Helvetica, sans-serif; text-decoration:none;
}
.content_section a:hover {
color:#ff2020; font:14px/16px Arial, Helvetica, sans-serif; text-decoration:underline;
}
.content_section span {
color:#ff2020; font:14px/16px Arial, Helvetica, sans-serif;
}
.right_container {
width:302px; float:left;
}
.right_section {
width:302px; float:left;
}
.outer_right{float:left; width:284px;}
.right_section_top {
width:266px; float:left; height:29px; position:relative; background:url(pattern_bg.png) repeat-x left top; border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; behavior:url(include/PIE.htc); margin:20px 0 0 0; padding:12px 0 0 18px;
}
.right_section_top h3 {
color:#fff; font:17px Arial, Helvetica, sans-serif; text-transform:uppercase;
}
.right_section_mid {
width:250px; min-height:250px; float:left; background:url(right_section_midbg.jpg) no-repeat left top; padding:15px 0 0 52px;
}
.right_section_mid ul {
list-style:none;
}
.right_section_mid li {
text-align:left;  color:#000; font:14px/16px Arial, Helvetica, sans-serif; padding:0 0 7px 8px; background:url(bullet.gif) no-repeat left 5px;
}
.right_section_mid li a:hover {
text-align:left;  color:#000; font:14px/16px Arial, Helvetica, sans-serif;
}
.right_section_mid li.active {
text-align:left;  color:#ff2020; font:14px/16px Arial, Helvetica, sans-serif;
}
.right_section_bottom{
width:302px; float:left; background:url(right_section_bottom.jpg) no-repeat left top; height:8px;
}
.testimonial_section {
width:302px; float:left;
}
.testimonial_section_top {
width:266px; float:left; height:29px; position:relative; background:url(pattern_bg.png) repeat-x left top; border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; behavior:url(include/PIE.htc); margin:20px 0 0 0; padding:12px 0 0 18px;
}
.testimonial_section_top h3 {
color:#fff; font:17px Arial, Helvetica, sans-serif; text-transform:uppercase;
}
.testimonial_section_mid {
width:220px; min-height:180px; float:left; background:url(testimonial_section_mid.jpg) no-repeat left top; padding:15px 30px 0 52px;
}
.testimonial_section_mid p {
text-align:left;  color:#000; font:14px/16px Arial, Helvetica, sans-serif; padding:15px 0 7px 0;
}
.testimonial_section_mid h3 {
text-align:left;  color:#000; font:14px/16px Arial, Helvetica, sans-serif; text-align:right;
}
.testimonial_section_bottom{
width:302px; float:left; background:url(right_section_bottom.jpg) no-repeat left top; height:8px;
}
#footer {
width:100%; float:left; background:url(footer_bg.jpg) repeat-x left bottom;
}
.footer_section {
width:983px; float:left;  height:100px;
}
.footer_left {
width:530px; float:left;
}
.bottom_nav {
width:484px; float:left; padding:22px 0 0 46px;
}
.bottom_nav ul {
list-style:none; display:inline;
}
.bottom_nav li {
text-align:left; float:left; position:relative;  color:#bebebe; font:12px/14px Arial, Helvetica, sans-serif; padding:0 10px 5px 10px; background:url(bottom_nav.gif) no-repeat right 3px;
}
.bottom_nav a {
text-align:left;  color:#bebebe; font:12px/14px Arial, Helvetica, sans-serif;
}
.bottom_nav a:hover {
text-align:left;  color:#fff; text-decoration:underline; font:12px/14px Arial, Helvetica, sans-serif;
}
.bottom_nav li.last {
background:none;
}
.copyright {
width:484px; float:left; padding:0 0 0 46px;
}
.copyright p {
text-align:left; color:#bebebe; font:12px/14px Arial, Helvetica, sans-serif; padding:0 0 5px 10px;
}
.copyright ul {
list-style:none; display:inline; float:left;
}
.copyright li {
text-align:left; float:left; position:relative;  color:#bebebe; font:12px/14px Arial, Helvetica, sans-serif; padding:0 10px 5px 10px; background:url(bottom_nav.gif) no-repeat right 3px;
}
.copyright a {
text-align:left;  color:#bebebe; font:12px/14px Arial, Helvetica, sans-serif;
}
.copyright a:hover {
text-align:left;  color:#fff; text-decoration:underline; font:12px/14px Arial, Helvetica, sans-serif;
}
.copyright li.last {
background:none;
}
.footer_mid {
width:282px; float:left; padding:22px 0 0 12px;
}
.footer_mid h3 {
text-align:left; color:#bebebe; font:17px/19px Arial, Helvetica, sans-serif; padding:0 0 5px 0;
}
.footer_mid p {
text-align:left; color:#bebebe; font:17px/16px Arial, Helvetica, sans-serif;
}
.footer_mid a {
text-align:left; color:#bebebe; font:bold 17px/16px Arial, Helvetica, sans-serif; text-decoration:none;
}
.footer_mid a:hover {
text-align:left; color:#fff; font:bold 17px/16px Arial, Helvetica, sans-serif; text-decoration:none;
}
.footer_img {
width:143px; float:left;  padding:14px 0 0 10px;
}