html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, dl, dt, dd, ol, ul, li, fieldset, img, form, label, input, legend { margin:0; padding:0; border:0; outline:0; vertical-align: baseline; }
span.clear { clear:both; }
img {float:left; }
:focus { outline:0; }
.left{ float:left!important;}
.right{ float:right!important;}
body{font:normal 12px/17px Arial, Helvetica, sans-serif;}
p{ font:normal 12px/17px Arial, Helvetica, sans-serif; color:#000}

a:hover{ text-decoration:none}

#layout{width:924px; margin:0 auto;}
#header{width:924px; float:left; height:129px; position:relative; margin-bottom:-4px; z-index:0}
#header .logo{width:auto; float:left; padding:20px 0 0 55px;}
#header .right_sec{width:680px; float:right; padding-right:30px;}
#header .right_sec .top_menu{/*width:640px;*/ width:auto; float:right; padding:20px 0 0}
#header .right_sec .top_menu ul{width:auto; float:left; list-style:none}
#header .right_sec .top_menu ul li{width:auto; float:left; padding:0 5px 0 6px; background:url(../images/separator.gif) no-repeat 0 3px;}
#header .right_sec .top_menu ul li.first{ background:none;}
#header .right_sec .top_menu ul li a{width:auto; float:left; text-decoration:none; font:normal 13px/15px Arial, Helvetica, sans-serif; color:#868686;}
#header .right_sec .top_menu ul li a:hover{ color:#000}

#header .right_sec .top_menu ul.right_menu li a{ font-weight:bold;  color:#5C00A5;}
#header .right_sec .top_menu ul.right_menu li a:hover{ text-decoration:underline}
#header .right_sec .top_menu ul.right_menu li span{ font:normal 13px/15px Arial, Helvetica, sans-serif; color:#868686; float:right; font-weight:bold;}


#menu{width:auto; float:right; padding:60px 0 0;}
#menu ul{width:auto; float:left; list-style:none}
#menu ul li{width:auto; float:left; padding-right:5px;}
#menu ul li a{width:auto; float:left; padding:0 10px; height:33px; border-radius:10px 10px 0 0; font:normal 13px/33px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}
#menu ul li a:hover{background:#000!important;}
#menu ul li a.menu1{background:#4E4EE6}
#menu ul li a.menu2{background:#717199}
#menu ul li a.menu3{background:#999999}
#menu ul li a.menu4{background:#AAAAE6}
#menu ul li a.menu5{background:#34349A}

#body_container{width:924px; float:left;}
#body_container .main_layout{width:924px; float:left; background:url(../images/strip.png) repeat-y 0 0;}
#body_container .main_layout .top_bg{width:864px; float:left; background:url(../images/contant_bg.png) no-repeat 0 0; padding:30px 30px 11px}

#body_container .home_page{width:864px; float:left;}
#body_container .home_page .left_side{width:260px; float:left;}
#body_container .home_page .left_side .image_box{width:260px; float:left; padding-bottom:40px; min-height:150px; overflow:hidden;}
#body_container .home_page .left_side .text_box{width:260px; float:left;}
#body_container .home_page .left_side .text_box h3{ font:normal 14px/16px Arial, Helvetica, sans-serif; color:#868686; padding-bottom:10px;}
#body_container .home_page .left_side .text_box .slider h4{ font: normal bold 14px/16px "Calibri",Arial,Helvetica,sans-serif; color:#000066;}
#body_container .home_page .left_side .text_box .slider h4 a{ font: normal bold 14px/16px "Calibri",Arial,Helvetica,sans-serif; color:#000066; text-decoration:none;}
#body_container .home_page .left_side .text_box .slider p strong{}
#body_container .home_page .left_side .text_box p{ font:normal 12px/17px Arial, Helvetica, sans-serif; color:#000;}

#body_container .home_page .right_side{width:550px; float:right;}
#body_container .home_page .right_side h2{ font: italic bold 42px/40px "Calibri",Arial,Helvetica,sans-serif; color:#000066; padding-bottom:20px;}
#body_container .home_page .right_side h3{ font:24px/20px "Calibri",Arial,Helvetica,sans-serif; color:#000066; padding-left:150px; padding-bottom:20px;}

#body_container .home_page .right_side .blue_area{width:550px; float:left; padding:0px 0 0}
#body_container .home_page .right_side .blue_box{width:235px; float:left; background:#000066; padding:20px 15px 25px; border-radius:10px; min-height:71px; height:auto!important; height:60px}
#body_container .home_page .right_side .blue_box form{width:235px; float:left; }
#body_container .home_page .right_side .blue_box p{ color:#fff;}
#body_container .home_page .right_side .blue_box a{ color:#15ff05; text-decoration:underline}
#body_container .home_page .right_side .blue_box .row{width:235px; float:left; padding-top:10px;}
#body_container .home_page .right_side .blue_box form input{width:140px; height:30px; background:#fff; border:1px solid #5b91c7; padding:0 10px; float:left; margin-right:5px}
#body_container .home_page .right_side .blue_box form input.btn{ width:45px; height:32px; cursor:pointer}
#body_container .home_page .right_side .blue_box.right a{ padding-top:24px; float:left}

#body_container .register_page{width:864px; float:left}
#body_container .register_page .top_banner{width:864px; float:left; background:url(../images/header_abo.jpg) no-repeat 0 0; height:256px;}
#body_container .register_page .top_banner .banner_data{width:440px; float:right; padding:20px 20px 0 0}
#body_container .register_page .top_banner .banner_data h3{ font:bold 16px/18px Arial,Helvetica,sans-serif; color:#000066; padding-bottom:10px;}
#body_container .register_page .top_banner .banner_data ul{width:100%; float:left; list-style:none;}
#body_container .register_page .top_banner .banner_data ul li{width:98px; float:left; padding:0 0 10px 10px; background:url(../images/bullet.gif) no-repeat 0 7px; font:normal 12px/14px Arial,Helvetica,sans-serif; color:#000}

.register_page .bottom_sec{width:864px; float:left; padding:20px 0 0 }
.register_page .register_form{width:615px; float:left;}
.register_page .register_form .title{width:615px; float:left; height:26px; border-radius:10px 10px 0 0; background:#000066}
.register_page .register_form .title h3{ padding:0 0 0 10px; font:bold 13px/26px Arial, Helvetica, sans-serif; color:#fff;}
.register_page .register_form .data{width:615px; float:left; background:url(../images/bottom-center.jpg) repeat-y 0 0;}
.register_page .register_form .data .bottom_bg{width:595px; float:left; background:url(../images/bottom-tab.jpg) no-repeat 0 bottom; padding:10px 10px 20px;}
.register_page .register_form .data .create_add1{width:490px; margin-left:50px;}
.register_page .register_form .data .row{width:100%; float:left; padding-bottom:5px;}
.register_page .register_form .data form{width:100%; float:left;}
.register_page .register_form .data form label{width:230px; float:left; color:#000066; /*font-weight:bold*/}
.register_page .register_form .data form label span{ color:#ff0000}
.register_page .register_form .data form span.data_info{width:235px; float:left;}
.register_page .register_form .data form span.data_info ul{float:left; list-style:none;}
.register_page .register_form .data form span.data_info ul li{ margin-top:3px;}
.register_page .register_form .data .login_form{width:490px; float:left;}
.register_page .register_form .data .login_form form{width:490px; float:left;}
.register_page .register_form .data .login_form form input{width:150px; margin-right:10px;}
.register_page .register_form .data .login_form form .btn{width:auto; margin-top:-2px;}
.register_page .register_form .data .profile_image{width:100%; float:left;}
.register_page .register_form .data .profile_image .img_box{width:265px; float:left;}
.register_page .register_form .data .profile_image img{ padding:3px; border:1px solid #CCCCCC}
.register_page .register_form .data .profile_image label{ width:auto; padding-bottom:5px;}

.register_page .register_form .data form input{width:215px; float:left; height:20px; border:1px solid #ccc; padding:0 10px}
.register_page .register_form .data form .input_text{ font-size:11px; line-height:14px; color:#a1a1a1}
.register_page .register_form .data form .input_text a{ color:#a1a1a1}
.register_page .register_form .data form input.check{width:14px; float:left; height:14px; margin-right:10px;}
.register_page .register_form .data form select{width:235px; float:left; height:20px;  border:1px solid #ccc;}
.register_page .register_form .data form textarea{width:235px; float:left; height:60px;  border:1px solid #ccc;}
.register_page .register_form .data form textarea.comment_textarea{ width:325px; height:140px;}
.register_page .register_form .data form .btn{width:auto; float:left; border-radius:10px; background:#000066; font:normal 12px Arial, Helvetica, sans-serif; color:#fff; border:0px; padding:0 20px; cursor:pointer; height:34px; line-height:30px;}
.register_page .register_form .data .row_padd{ padding-top:20px; float:left}
.register_page .register_form .data .add_btn{width:270px; float:right; height:93px; background:url(../images/btn1.jpg) no-repeat 0 0; border:none; color:#fff; cursor:pointer}

#blog_page{width:580px; float:left; padding:10px 5px 10px 10px;}
#blog_page .blog_row{width:580px; float:left; border-bottom:1px solid #ccc; padding:10px 0 15px}
#blog_page .blog_row h3{font:bold 13px/18px Arial,Helvetica,sans-serif; color:#000; padding-bottom:3px;}
#blog_page .blog_row h3 a{color:#000066; text-decoration:none;}
#blog_page .blog_row h3 a:hover{ text-decoration:underline;}
#blog_page .blog_row h3 span{ float:right; font-style:italic; color:#868686; font-size:11px;}
#blog_page .blog_row p{font:normal 12px/15px Arial,Helvetica,sans-serif; color:#000; padding-bottom:10px;}
#blog_page .blog_row a.read_more{ color:#000066;}
#blog_page .blog_row a.read_count{ color:#cc0000; float:right; margin-right:10px;}
#blog_page .blog_row img.user_img{padding:2px; border:1px solid #ccc; margin:0 5px 0 15px; float:right; width:70px; height:70px;}
#blog_page .blog_row .deatils{width:580px; float:left;}
#blog_page .blog_row .unread{ background:#f5f5f5;}


#blog_page .comment_box{width:558px; float:left; padding:10px 10px; border:1px solid #ccc; margin:20px 0 0}
#blog_page .comment_box h2{ padding-bottom:10px; font:bold 14px/16px Arial, Helvetica, sans-serif; margin:0 0 20px; border-bottom:1px solid #aaa}
#blog_page .comment_box h2 span{color:#555}
#blog_page .comment_box form{width:auto; float:left; padding:0 0 0 50px}
#blog_page .comment_box form .row{width:500px; float:left; padding-bottom:10px;}
#blog_page .comment_box form .row label{width:150px!important;}
#blog_page .comment_box form .row input{width:200px; float:left; height:20px; border:1px solid #ccc; padding:0 10px}
#blog_page .comment_box form .row .btn{width:auto; height:30px; border:0px; padding:0 15px;}


#blog_page .recive_comment{width:580px; float:left;}
#blog_page .recive_comment h2{font:bold 15px/20px Arial, Helvetica, sans-serif; color:#fff; padding-bottom:5px; background:#000066; padding:3px}
#blog_page .recive_comment ul{width:580px; float:left; list-style:none;}
#blog_page .recive_comment ul li {width:510px; float:left; border-bottom:1px solid #ccc; padding:10px 10px 10px 60px; position:relative; min-height:50px; height:auto!important; height:50px;}
#blog_page .recive_comment ul li .user_img{width:60px; float:left; position:absolute; top:10px; left:0px;}
#blog_page .recive_comment ul li .user_img img{width:50px; height:50px;}
#blog_page .recive_comment ul li h3{font:normal 13px/15px Arial, Helvetica, sans-serif; color:#333; padding-bottom:5px;}
#blog_page .recive_comment ul li p{font:normal 11px/15px Arial, Helvetica, sans-serif; color:#333;}
#blog_page .recive_comment ul li strong{ color:#000;}
#blog_page .recive_comment ul li a{ text-decoration:underline; color:#000;}
#blog_page .recive_comment ul li a:hover{ text-decoration:none; color:#000;}


#blog_page .pageing{width:580px; float:left; padding:15px 0 0}
#blog_page .pageing ul{width:auto; float:left; list-style:none;}
#blog_page .pageing ul li{width:auto; float:left; padding-right:10px;}
#blog_page .pageing ul li a{ width:auto; float:left; padding:2px 6px; border:1px solid #ccc; color:#555; font:bold 12px/14px Arial, Helvetica, sans-serif; text-decoration:none;}
#blog_page .pageing ul li a:hover, #blog_page .pageing ul li a.active{ color:#fff; background:#000066}


.right_side{width:210px; float:right;}
.testimonial{width:200px; float:right; padding-right:10px;}
.testimonial h3{ font:bold 16px/20px Arial,Helvetica,sans-serif; color:#999; padding-bottom:10px;}
.testimonial .row{width:200px; float:left;}
.testimonial p{ font:normal 11px/15px Arial,Helvetica,sans-serif; color:#000; padding-bottom:10px;}
.testimonial .control{width:auto; float:right}
.testimonial .control a{ color:#DB59AA; margin:0 5px; text-decoration:none; font-weight:bold}
.testimonial .control a:hover{ color:#000; text-decoration:underline; margin:0 5px;}

.right_side .category{width:210px; float:left; padding:0 0 15px}
.right_side .category .title{width:210px; float:left; height:26px; border-radius:10px 10px 0 0; background:#000066}
.right_side .category .title h3{ padding:0 0 0 10px; font:bold 13px/26px Arial, Helvetica, sans-serif; color:#fff;}
.right_side .category .data{width:198px; float:left; border:1px solid #e9d7e3; border-radius:0 0 10px 10px; padding:10px 5px; background:#fff;}
.right_side .category .data ul{width:195px; float:left; list-style:none; padding-left:3px;}
.right_side .category .data ul li{width:180px; float:left; padding:0 0 0 15px; background:url(../images/bullet.gif) no-repeat 0 8px;}
.right_side .category .data ul li a{font:bold 13px/20px Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}
.right_side .category .data ul li a:hover{text-decoration:underline;}
.right_side .img_section{width:210px; float:left;}
.right_side .img_section img{border:5px solid #e9d7e3}




#footer{width:924px; float:left; padding:20px 0}
#footer ul{width:924px; float:left; list-style:none; text-align:center;}
#footer ul li{width:auto; display:inline; padding:0 10px; background:url(../images/separator.gif) no-repeat 0 2px}
#footer ul li.first{ background:none; padding-left:0px;}
#footer ul li a{ text-decoration:none; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#333333;}
#footer ul li a:hover{ text-decoration:underline; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#000;}


.slider {
    height: 153px;
    position: relative;
    width: 550px;
}

.slider div {
    display: none;
    height: 119px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 550px;
    z-index: 20;
}

.greenTxt{color: #15ff05}

/** Development CSS	**/
.required{ border:1px solid red !important;}
#message{ color:red; font-style:italic; padding-bottom:10px;}
.sucess{ color:#669900!important;}
.noheight{height:auto!important;}
.nowidth{width:auto!important;}
#AjaxActionData{ display:none;}

.notification{ border:2px solid #FFD700; background:#FFFFDD; padding:2px;}
img.message_icon{ padding-right:10px;}




@media (max-width: 643px) {
#layout{width:98%; margin:0 auto;}	
#header{width:100%; float:none;z-index:0;height: 178px;}
#header .logo {
    float: none;
    margin: 0 auto;
    width: 150px;
}
#header .right_sec{width:100%; float:none; padding-right:0px;}
#header .right_sec .top_menu{width:auto; float:none; clear: both;}

#body_container{width:98%; float:none;}
#body_container .main_layout{width:100%; float:none;clear: both;}
#body_container .main_layout .top_bg{width:91%; float:none; padding: 30px 15px 11px;}

#body_container .home_page{width:100%; float:none;}
#body_container .home_page .right_side{width:100%; float:none; clear: left;}	
#body_container .home_page .right_side h3{padding-bottom: 0px; padding-left: 0px;}

.slider {
    width: 98% !important; height: 223px;
}
.slider div {
    width: 100% !important;
}

#body_container .home_page .right_side .blue_area {
    float: none;
    padding: 0px 0 0;
    width: 100%;
}
#body_container .home_page .right_side .blue_box {
    float: none;
    margin-bottom: 15px;
    width: 93%;
}
.right {
    float: none !important;
}

#header .right_sec .top_menu ul li{padding: 1px 5px 0 22px;}

#menu {
    float: none;
    padding: 60px 0 0;
}

#footer{width:100%; float:none;}
#footer ul{width:100%; float:none;}
#body_container img {float:none; width:100%; }	


#body_container .register_page {
    float: none;
    width: 100%;
}


.register_page .register_form .title {
    float: none;
    width: 100%;
}
.register_page .register_form {
    float: none;
    width: 100%;
}
.right_side {
    float: none;
    width: 100%;
	margin-top: 20px;
}

.right_side .category {
    float: none;
    padding: 0 0 15px;
    width: 100%;
}

.right_side .category .data {float: none; width: 96%;height: 100px;}

.right_side .category .title {float: none; width: 100%;}


.right_side .img_section {
    float: none;
    width: 96%;
}

.register_page .bottom_sec {
    float: none;
    width: 100%;
}
.register_page .register_form .data {
    float: none;
    width: 100%;
}

.register_page .register_form .data .bottom_bg {
    float: none;
    width: 90%;
}

#blog_page {
    float: none;
    width: 100%;
}

#blog_page .blog_row {
    float: none;
    width: 100%;
}

#blog_page .blog_row .deatils {
    float: none;
    width: 100%;
}
#blog_page .pageing {
    float: none;
    width: 100%;
	height: 20px;
}
#blog_page .pageing ul {
    margin-top: 0px;
}
.register_page .bottom_sec {
    float: none;
    padding: 30px 0 0;
    width: 100%;
}

.register_page .register_form .data .create_add1 {
    margin-left: 0px;width: 100%;
}
.register_page .register_form .data .row_padd {
    float: none;
}
.register_page .register_form .data .row {
    float: none;
    padding-bottom: 5px;
    width: 100%;
}
.register_page .register_form .data form {
    float: none;
    width: 90%;
}
.register_page .register_form .data .row {
    clear: left;
    float: none;
    padding-bottom: 25px;
    width: 100%;
}

.register_page .register_form .data .profile_image .img_box {
    float: none;
    width: 100%;
}
#body_container img {
    float: none;
    height: 100%;
    width: 100%;
}
#blog_page .comment_box {
    float: none;
    width: 100%;
}


#blog_page .comment_box {
    float: none;
    width: 90%;
}
.register_page .register_form .data .row {
    clear: left;
    float: none;
    padding-bottom: 25px;
    width: 100%;
}

#blog_page .comment_box form {
    float: none;
    padding: 0 0 0 0px;
    width: auto;
}

#blog_page .comment_box form .row {
    float: none;
    padding-bottom: 10px;
    width: 90%;
}

.register_page .register_form .data form textarea.comment_textarea {
    height: 140px;
    width: 100%;
}

.btn{width:auto; float:left; border-radius:10px; background:#000066; height:25px; font:normal 12px/30px Arial, Helvetica, sans-serif; color:#fff; border:0px; padding:0 20px; cursor:pointer; height:30px; line-height:30px;}
}