*{margin: 0; padding: 0;}
body{text-align:left; font-size:12px; font-family:Tahoma; line-height:18px; color:#ffffff; background:#000000; /*background: url(../images/all_bg.png) repeat;*/}

#main{ width:960px; margin:0 auto;}
#header{width:100%; overflow:hidden; text-align:center;}
#header1{width:960px; margin:0 auto; text-align:center;}
.logo{ margin:56px 0 0 0;}
.slogan{ padding-top:1px;color:#00AFFF; font-size:18px; font-weight:bold;}
ul{list-style-type:none;}

a img{ border:0px}

.tt{color:#00AFFF; font-weight:bold;}
img {border:0; vertical-align:top;}
a{color:#00AFFF; text-decoration:none; outline:none!important;}
a:hover{text-decoration:underline;}
.clear{clear:both;}
p{margin-bottom:12px;}
ul {list-style: none; margin-bottom:15px;}
strong{color:#00AFFF; font-weight:normal;}
.btt{color:#00AFFF; padding:0!important;}
.menu {margin-top:34px;}
.menu li {width:120px; display:inline;}
.menu li a {color:#ffffff; margin:0 32px 0 0; text-decoration:none; width:120px; font-size:14px; font-weight:bold;}
.menu li a:hover, .menu li a.active {color:#00AFFF;}

.content{background:#15346b; margin-top:10px; float:left; width:100%;}
.matter{padding:24px 36px 36px 36px;}
h1{font-size:28px; padding:24px 0; color:#00AFFF;}
h2{font-size:14px; padding:0 0 8px 0; color:#9BFF00;}
.wman{margin-top:28px;}
hr {border: 1px dotted  #00A6FF; border-style: none none dotted; margin:12px 0; }
.img-bdr{border:2px solid #ffffff;}

.footer {margin:30px 0; font-size:12px;}
.footer1 {padding:12px 0; margin:0 auto; font-size:12px; width:960px;}

ol.list2 { float:left; padding-top:5px; padding-left:35px; list-style:decimal !important;}
ol.list2 li {line-height:20px; padding:2px 4px; vertical-align:top;}  

.list3 ul { float:left;}
.list3 li { background:url(../images/arr.png) no-repeat scroll 4px 14px transparent; padding:10px 0 0 24px; } 

.list4 ul { float:left;}
.list4 li { background:url(../images/arr.png) no-repeat scroll 4px 16px transparent; padding:10px 0 0 24px;  font-weight:bold;}
.img-ind{float:right; margin-right:50px;}

.list5 ul { float:left;}
.list5 li { background:url(../images/arr.png) no-repeat scroll 4px 14px transparent; padding:10px 0 0 24px; } 
.subtt{color: #9BFF00; font-size: 18px; padding:0px;}

.list6 ul { float:left;}
.list6 li { background:url(../images/arr.png) no-repeat scroll 4px 14px transparent; padding:10px 0 0 22px; margin-left:14px; font-weight:bold; } 

.ftr_copy{width:100%; background:#1B202C; font-size:12px; text-align:center;}
.ftr_menu{  margin:0 auto; padding:12px 0 2px;}
.ftr_menu span{padding:0 8px; color:#000000;}
.ftr_menu a{ color:#ffffff;}
.ftr_menu a:hover,.ftr_menu a.active{ color:#00AFFF; text-decoration:none;}
.ftr_edit{padding:7px 0 0 0;}

.footer_ad{ background: none repeat scroll 0 0 #015F84; font-weight: bold; height:24px; margin:28px auto 8px;padding:6px 0 0 30px; text-align: center;}
.footer_ad span{ margin:0 28px;}
.footer_ad1{ background:#015F84; margin:10px auto;padding:10px; text-align: center;}
.footer_ad .post{ font-weight:bold; color:#00AFFF;}

/*#form-main {display:block; width:288px; float:left;}
#form-main .wdt1 { width:288px; float:left;}
#form-main label {display:block; height:31px;}
#form-main input {width:276px; font-size:12px; color:#719EDC; padding:5px 5px; margin:0; font-family:Arial, Helvetica, sans-serif; border:1px solid #0E42B0;}
#form-main input.button {width:80px; font-size:12px; color:#719EDC; padding:5px 5px; margin:0; font-family:Arial, Helvetica, sans-serif; border:1px solid #E1DBD8; float:right;}
#form-main textarea {height:134px; overflow:auto; width:276px; font-size:12px; color:#719EDC; padding:3px 5px; margin:0; font-family:Arial, Helvetica, sans-serif; border:1px solid #0E42B0; resize:none;}
input.btn{  margin-left:10px !important; width:80px !important;  height:30px; font-size:13px;  background-color:#012867;  border:solid 1px #0E42B0;
    color:#0095FF !important; cursor:pointer; display:block; float:right; }
input.btn:hover{ background-color:#021F4D; border-color:#0E42B0 !important; color:#ffffff !important;}
.buttons {text-align:right; margin-top:5px;width:288px; float:left;}
.buttons a{ font-size:12px; font-weight:bold; padding:0 2px 0 10px; color:#000000; text-decoration:none;}
.buttons a:hover{ color:#021F4D;}
*/
#contact-area {	overflow:hidden; }
#contact-area input, #contact-area textarea { padding: 2px 6px; width:365px; font-size:13px; height:24px; margin: 0px 0px 4px 0; border:none;}
#contact-area .space {margin: 0px 0px 4px 0;}
#contact-area textarea { height: 100px; background:#ffffff;  resize:none;}
#contact-area .buttons {width:340px; overflow: hidden; margin: 10px 0 0;}
#contact-area textarea:focus, #contact-area input:focus { border: 1px solid #012867;}
#contact-area input.submit-button { width: 74px; height:30px; float: right; margin:0 8px 0 0; background:#012867; color:#008DFF; cursor:pointer;}
#contact-area input.submit-button:hover {background:#033D99; color:#ffffff; cursor:pointer;}
#contact-area input.reset-button { width: 74px; height:30px; float: right; background:#012867; color:#000000; cursor:pointer;}
#contact-area input.sub-paypal { width: 100px; float: right; background:#3e9803; color:#ADFF03; margin-left:10px; cursor:pointer;}
#contact-area input.sub-button { width: 100px; float: right; background:#3e9803; color:#ADFF03; cursor:pointer;}
#contact-area label { float: left; margin-right: 15px; width: 160px; padding: 3px 0; line-height: 23px;}

.logott{margin:6px auto 0 56px;}





/*******************************************/


#gallery1 li a img
{
    opacity:0.5;
}


/*===================RESPONSIVE LAYOUTS==========================*/
@media only screen and (min-width: 768px) and (max-width: 979px) {
body { width:748px; margin: 0 auto; }
#main { width: 748px; }
#header1,.footer1 { width:748px; }
.logo { margin: 10px 0 10px; }
.menu { margin-top: 20px; }
.img-ind { float: right; margin: 0 0 0 15px; }
.matter { padding: 20px 15px; }
#page5 .matter img { max-width:98%; height:auto;}
#contact-area label { margin-right: 0; padding: 5px 0; width: 100%; }
#contact-area .buttons { width: 164px; }

}

@media only screen and (max-width: 767px) {
body {  padding:0 10px; }
#main { width: 100%; }
#header1,.footer1 { width:100%; }
#header img,#header1 img { max-width:100%; height:auto;}
.logo { margin: 10px 0 10px; }
.menu { margin: 10px 0; }
.menu ul { margin-bottom: 0px; }
.menu li { display: block; width: 100%; text-align:center; margin-bottom:1px; }
.menu li a { margin:0; width: 100%; display:block; line-height: 24px; background:#00a0f0; }
.menu li a:hover, .menu li a.active { color: #000; }
.img-ind { float: none; margin: 0 auto 15px; width:150px; display: block; }
.content { margin-top: 0px; }
.matter { padding: 10px; }
#page5 .matter img { max-width:98%; height:auto;}
#contact-area label { margin-right: 0; padding: 5px 0; width: 100%; }
#contact-area .buttons { width: 164px; }
ol.list2 { float: none; }
.list6 li { margin-left:0; }
#contact-area input, #contact-area textarea { padding: 2px 1.5%; width: 97%; }
.footer_ad span
{
    margin:0 10px;
}
}

@media (max-width:639px)
{
    .footer_ad 
    {
     height:auto;        
    }
    .footer_ad span
    {
        float:none;
        display:block;
    }
}