﻿body 
{
    width:100%;
    height:auto;
    margin:0px;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#222222;
}
#main-outer
{
	float:left;
	width:100%;
	height:auto;
	background:#E1DFE0;
}

#main_inner
{
    float:none;
	width:100%;
    max-width:1200px;
    height:auto;
    margin:0 auto;
}
.wrapper{
	width:100%;
    max-width:1200px;
    height:auto;
    margin:0 auto;
}

#top-outer
{
float: left;
width: 100%;
height: auto;
background: #333;
min-height: 36px;
}

.toparea-inner-outer{
width: 100%;
min-height: 36px;
}

.toparea-inner-outer-left{
	width:50%;
	float: left;
}


.toparea-inner-outer-right{
	width: 43%;
	background: url(../images/ttopbbg.jpg) no-repeat right #333;
	float: left;
	padding-left: 7%;
}

.toparea-qc{
width:62%;
float:left;
padding-top: 10px;
font-weight: bold;
font-size: 13px;
}

.toparea-social{
width:38%;
float:left;
}

#menu-outer
{
    float:left;
    width:100%;
    height:auto;
	background:url(../images/top-bg.jpg) repeat-x #333;
}
#menu-outer-logo
{
    float:left;
    width:271px;
    height:136px;
}
#menu-outer-menu
{
    float:left;
    width:929px;
    height:136px;
}
#banner-outer
{
	float:left;
	width:100%;
	height:auto;
	background:#e8e8e8;
}
#banner-area
{
	float:left;
	width:96%;
	height:auto;
	/*min-height:421px;*/
	margin:0 2%;
	/*background :url(../images/index_12.jpg) no-repeat center 433px #fff ;*/
	background : #fff;
	
}
#banner-image
{
	float:left;
	width:98%;
	padding:1%;
	background-image: url(../images/banner-shadow.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 457px;
}

#body-outer
{
	float:left;
	width:100%;
	height:auto;
	background :#e8e8e8; 
	padding-bottom: 10px;
}
#body-area
{
	float:left;
	width:96%;
	height:auto;
	margin:0 2%;
	background :#fff; 
}
#body-outer-left
{
    float: left;
    width: 298px;
    height: auto;    
}
#body-outer-left-top
{
    float: left;
    width: 298px;
    height: auto;
	background:url(../images/acco-menu-head.jpg) no-repeat;
	padding-top: 57px;
}
#body-outer-left-bottom
{
float: left;
width: 283px;
height: 177px;
background: url(../images/index_19.jpg) no-repeat;
padding-top: 44px;
padding-left: 15px;
font-size: 14px;
}
#body-outer-right
{
    float: left;
    width: 852px;
    height: auto;
}
#body-outer-right-top
{
   float:left;
   width:832px; 
   height:auto;
   background: #FFFFFF url(../images/welcome.png) top left no-repeat;
   padding:10px;
}

.welc-ct-head
{
padding-top: 0px;
}

.welcome-ct-text
{
text-align: justify;
color: #636363;
font-size: 14px;
text-indent: 32px;
padding-top: 23px;
}

#body-outer-right-seperation
{
    float:left;
    width:852px;
    height:37px;   
	background :url(../images/index_17.jpg) no-repeat center; 
}

#body-outer-right-bottom {
float: left;
width: 852px;
height: auto;
background-color: white;
}
#bottom-outer-social-email
{
    float: left;
    width: 100%;
    height: auto;
    border-top: 8px solid #ebebeb;
}
#bottom-outer-social
{
    float: left;
    width: 555px;
    min-height: 114px;
    background-color: white;
    margin: 10px;
    border-right: 1px solid #ccc;
	padding-top:30px;
}
#bottom-outer-email
{
    float: left;
    width: 555px;
    height: 144px;
    background-color: white;
    margin: 10px;
}
#border-bottom-outer
{
    float:left;
    width:100%;
    height:auto;
	background:#313131;
   
}
#border-bottom-top
{
    float:left;
    width:100%;
    min-height:175px;
    height:auto;
}
.border-bottom-box
{
    float:left;
    width:23%;
	margin:1%;
}
.bottom-header{
color: #fff;
text-transform: uppercase;
border-bottom: 1px solid #4C4C4C;
padding-bottom: 12px;
font-size: 16px;
font-weight: bold;
margin-bottom: 12px;
margin-top: 20px;
}
.border-bottom-box ul{
list-style:none;
margin-left: -25px;
}
.border-bottom-box ul li{
background:url(../images/arrow.png) no-repeat;
padding-left: 20px; 
}
.border-bottom-box a{
color:#fff;
text-decoration:none;
text-transform:uppercase;
font-size:12px;
}

#border-bottom-footer
{
    float:left;
    width:100%;
    height:auto;
    background-color:#292929;
}
#border-bottom-footer-left
{
    float:left;
    width:49%;
    height:auto;
	padding:7px 0.5%;
}
#border-bottom-footer-right
{
    float:left;
    width:49%;
    height:auto;
	padding:7px 0.5%;
	text-align:right;
}
.pdBox{
  float: left;
  width: 45.8%;
  margin-right: 1%;
  margin-bottom: 1%;
  margin-left: 1%;
  padding: 1%;
  background: #FCFCFC;
  max-height: 285px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #E4E4E4;
  height: auto;
}
.menuDiv{float:right;padding-top: 78px;}
@media screen and (max-width:600px){
	#body-outer-left,#body-outer-right,#body-outer-right-top,#body-outer-right-seperation,#body-outer-right-bottom,#top-outer,#banner-outer,#border-bottom-top-1,#border-bottom-top-2,#border-bottom-top-3,#border-bottom-top-4,#bottom-outer-email,#bottom-outer-social,#border-bottom-footer-left,#border-bottom-footer-right,#menu-outer,#menu-outer-menu{ width:100%; height:auto;}
	#menu-outer-logo,#top-outer-1,#top-outer-2,#top-outer-3,#top-outer-4{width:100%; text-align:center;}
	#bottom-outer-social {
	margin: 0px; 
	border-right: none;
	border-bottom: 1px solid #ccc;
	}
	#bottom-outer-email {
	margin: 0px; 
	}
	#banner-area {
	background: url(../images/index_12.jpg) no-repeat center 170px #fff;
	}.border-bottom-box{ width:98%;}
	.pdBox{
	float:left; width:98.5%;
	max-height:300px;
	}
	.menuDiv{padding: 10px;}.menuDiv li{margin: 3px;}
}
@media screen and (min-width:600px) and (max-width:1215px){
	#body-outer-left,#body-outer-right,#body-outer-right-top,#body-outer-right-seperation,#body-outer-right-bottom,#menu-outer,#menu-outer-menu,#top-outer,#banner-outer,#bottom-outer-email,#bottom-outer-social{ width:100%; height:auto;}
	#top-outer-1,#top-outer-2,#top-outer-3,#top-outer-4{width:50%; text-align:center;}
	#bottom-outer-social {
	width:48.5%;
	margin: 0.25%; 
	border-bottom: none;
	border-right: 1px solid #ccc;
	}
	#border-bottom-top-1,#border-bottom-top-2,#border-bottom-top-3,#border-bottom-top-4{ width:50%;}
	#bottom-outer-email {
	width:48.5%;
	margin: 0.25%; 
	}
	#border-bottom-footer-left,#border-bottom-footer-right{ width:100%; text-align:center;}
	#banner-area {
	background: url(../images/index_12.jpg) no-repeat center 400px #fff;
	}
	.border-bottom-box{ width:48%;}
	.pdBox{
	float:left; width:48.5%;
	height:300px;
	}
	.menuDiv{padding: 10px;}.menuDiv li{margin: 3px;}
}

.newslettertext{
background:#e8e8e8;
border:none;
padding:10px;
width:70%;
border-radius:5px;
outline:#e8e8e8e;
}
.newslettercaption{
text-transform:uppercase;
font-size:12px;
font-weight:bold;
color:#636363;
margin-bottom:20px;
}
.newsletterbtn{
background:#e80205;
border:none;
padding:5px;
border-radius:5px;
color:#fff;
text-decoration:none;
}
.newsletterbtn:hover{
opacity:0.5;
}
#saveNletterArea{
font-size:12px;
color:#00a0dc;
display:none;
}
.copy, .copy a{
color:#fff;
font-size:11px;
text-decoration:none;
}
.copy a:hover,.border-bottom-box a:hover{
color:#636363;
}
.content-area{
padding:10px;
text-align:justify;
}

.readmore
{
color: #FFFFFF;
text-decoration: none;
font-size: 12px;
background-color: #EA0309;
padding: 2px 6px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.readmore:hover
{
opacity:0.6;
text-decoration: none;
color: #FFFFFF;
}

.readmore-red
{
color: #FFFFFF;
text-decoration: none;
font-size: 12px;
background-color: #EA0309;
padding: 2px 6px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-left: 6px;
}

.readmore-red:hover
{
opacity:0.6;
text-decoration: none;
color: #FFFFFF;
margin-left: 6px;
}

hr.myhr {
    border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(166, 166, 166, 0.75), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	margin-top: 15px;
	margin-bottom: 15px;
}

.blue_btn {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 120px;
height: 40px;
padding: 10px 20px;
background-color: #EA030B;
color: #FFFFFF;
text-transform: uppercase;
text-decoration: none;
font-size: 12px;
border: none;
outline: none;
font-weight: bold;
}

.pageTitle {
padding-bottom: 10px;
border-bottom: 1px solid #E9E9E9;
margin: 10px 0 20px;
position: relative;
color: #4A4A4A;
text-transform: uppercase;
font-size: 20px;
}

.subTitle {
padding-bottom: 8px;
border-bottom: 1px solid #E9E9E9;
margin: 5px 0 10px;
position: relative;
color: #4A4A4A;
text-transform: uppercase;
font-size: 15px;
/*margin-left: 29%;*/
}

.rnd-img
{
border: 5px solid #ddd;
float: left;
vertical-align: baseline;
margin: 10px;
-webkit-border-radius: 150px;
-moz-border-radius: 150px;
border-radius: 150px;
width: 120px;
height: 120px;
}

.sqr-img
{
border: 3px solid #ddd;
float: left;
vertical-align: baseline;
margin: 10px 5px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
width: 500px;
height: 160px;
}
.head-arrow-img
{
vertical-align: sub;
}

.red-plus
{
color: #EA030B;
font-size: 13px;
font-weight: bold;
margin-right: 5px;
}