/* Browser Resetter */
body,div,span,p,a,img,h1,h2,h3,h4,h5,h6,ul,ol,li,blockquote,input{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	top: 0px;
	background-position: top;
}
ul,li,ol{list-style:none;}
img{float: left;}
a{outline: none; text-decoration:none;}


/* General body layout */
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	background-color: 000000;
}

#top-wrap{
  width:100%;
  float:left;
  background: repeat-x top;
}

#body-wrap{
  width:100%;
  float:left;
  background: #fff;
}

/* Layout styles */
#header-wrap{
  width:100%;
  height: 126px;
  float:left;
  border-bottom:2px solid #1f2020;
}

#header{
	width:992px;
	height:126px;
	float: none;
	margin:0 auto;
	position:relative;
	background-color:000000;
	color: #000000;
}

h1{
  display: block;
  float:left;
  margin:14px 0 20px 35px;
}

/* tool tip for logo */
em.ttip {
background:url(images/bubble.png) no-repeat;
width: 112px;
height: 56px;
float:left;
display: block;
position:absolute;
top: 210px;
left: 5px;
text-align: center;
text-indent:0px;
margin-top: 20px;
z-index: 2;
display: none;
line-height:70px;
color:#4e4e4e;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

p.call{
  float: right;
  width:290px;
  margin:40px 35px 0 0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#747474;
}
p.call a{
	font-size:11px;
	color:#747474;
}

/* stylin navigation content */
div.menu{
	min-width:980%;
	float:left;
	display:block;
}
div.menu img.left{
	float:left;
}
div.menu img.right{
	float:left;
}
ul.nav{
  min-width:800px;
  float:left;
  display:block;
  padding-left:140px;
  background:url(images/menu_bg.png) repeat-x;
}
ul.nav li{
  float: left;
  width:auto;
  margin-right: 1px;
  background: url(images/nav-bg.png) repeat-x;
}
ul.nav li a{
  float:left;
  font-size: 12px;
  font-weight: bold;
  color:#b6b6b6;
  padding:23px 30px 15px 30px;
}

ul.nav li a:hover, ul.nav li a.active{
  float:left;
  background: url(images/nav-hover.png) repeat-x;
}

/* stylin banner content */
div.middle-wrap{
	width:100%;
	height:375px;
	float:left;
	background:#000000 url(images/banner_bg.png) no-repeat center center;
}

div.banner{
	width:992px;
	float:none;
	margin:0 auto;
	position:relative;	
}
.leftContent{
	width:297px;
	height:360px;
	float:left;
	margin:16px 13px 0 5px;
	background:url(images/baner-left-con.png) no-repeat;
}
.leftContent blockquote{
    width:236px;
	float:left;
	display:block;
	padding:22px 0px 0 0;
	font-size:16px;
	line-height:27px;
	color:#fff;
	margin:25px 0 0 29px;
	background:url(images/q-top.png) no-repeat top left;
}
.leftContent blockquote span{
	clear:both;
	display:block;
	float:right;
	width:21px;
	height:21px;
	padding-top:25px;
	margin:10px 10px 0 25px;
	/padding:0px; 
	/margin-top:0px;
	background:url(images/q-bot.png) no-repeat left;
}

div.rightContent{
	width:573px;
	height:350px;
	float:left;
	display:block;
	padding:0px 38px;
	margin:26px 0 0 0;
	background:url(images/slider_bg.png) no-repeat;
}

/* slider content starts here */

#slider{
	display:block;
	width:573px;
	height:325px;
	float:left;
	position:relative;
	overflow:hidden;
	top:0px;
	left:0px;
}
#slider ul{
	width:573px;
	height:325px;
	float:left;
	position:absolute;
	overflow:hidden;
	}
#slider li{
	display:inline;
	width:573px;
	height:325px;
	float:left;
	position:relative;
	}
#prevBtn, #nextBtn{
	display:block;
	text-indent:-8000px;
	width:16px;
	height:32px;
	float:left;
	position:absolute;
	left:354px;
	top:180px;
	}
#nextBtn{
	left:950px;
	top:220px;
	}
#prevBtn a, #nextBtn a{
	display:block;
	width:16px;
	height:32px;
	float:left;
	position:relative;
	background: url(images/slide-left.png) no-repeat 0 0;
	}
#prevBtn a{
	display:block;
}
#nextBtn a{
	display:block;
	top:-40px;
	background: url(images/slide-right.png) no-repeat 0 0;
	}
	
#slider ul li img.slider{
	margin:24px 0 0 0px;
}

/* stylin main body content */
#content-wrap{
  width:992px;
  float:none;
  margin:0 auto; 
  padding-bottom:33px;
}
#content-wrap h2{
	width:100%;
	float:left;
	font-size:21px;
	font-weight:bold;
	padding-bottom:20px;
}

div.inner-wrap{
	width:972px;
	float:left;
	padding:26px 8px 0px 12px;
	margin-bottom:26px;
	border-bottom:1px solid #e5e5e5;
}

/* stylin leftPan content */
.leftPan{
	width:631px;
	float:left;
	margin-right:49px;
}
.innerLeft{
	width:292px;
	float:left;
	margin:0 45px 0 0;
}
#content-wrap .innerLeft img{
	margin:0 0 27px 0;
}
#content-wrap .innerLeft p{
	width: 285px;
	float:left;
	font-size:12px;
	color:#727272;
	line-height:21px;
	padding-bottom:30px;
}
.innerLeft p a.more{
	font-size:12px;
	color:#cc0000;
	font-style:italic;
	line-height:21px;
}

/* stylin inner Right content inside leftPan */
.innerRight{
	width:292px;
	float:left;
	margin:0 0px 0 0;
}
.innerRight img{
	margin:0 0 27px 0;
}
#content-wrap .innerRight p{
	width: 285px;
	float:left;
	font-size:12px;
	color:#727272;
	line-height:21px;
	padding-bottom:30px;
}
#content-wrap .innerRight p a.more{
	font-size:12px;
	color:#cc0000;
	font-style:italic;
	line-height:21px;
}

/* stylin rightside content */
.rightPan{
	width:292px;
	float:left;
}
.rightPan img{
	margin:0 0 27px 0;
}
.rightPan p{
	width: 285px;
	float:left;
	font-size:12px;
	color:#727272;
	line-height:21px;
	padding-bottom:30px;
}
.rightPan p a.more{
	font-size:12px;
	color:#cc0000;
	font-style:italic;
	line-height:21px;
}

/* stylin bottom content */
div.botomContainer{
	width:971px;
	float:left;
	padding:0 11px 26px 10px;
}

div.lowerLeft{
	width:630px;
	float:left;
	margin-right:49px;
}
div.lowerLeft h2{
	width:630px;
	float:left;
}
div.lowerLeft p{
	width:601px;
	float:left;
	font-size:12px;
	color:#727272;
	line-height:21px;
	padding-bottom:22px;
	padding-bottom:20px;
}

ul.list1{
	margin-right:79px;
}
ul.list1,ul.list2{
	width:245px;
	float:left;
	display:block;
}
ul.list1 li,ul.list2 li{
	width:224px;
	float:left;
	display:block;
	padding-left:19px;
	background:url(images/bullet.png) no-repeat left;
}
ul.list1 li a,ul.list2 li a{
	font-size:12px;
	line-height:27px;
	color:#727272;
	padding-left:
}

/* stylin lower right content */
.lowerRight{
	width:291px;
	float:left;
}

.lowerRight h2{
	width:291px;
	float:left;
}
.lowerRight p{
	width:291px;
	float:left;
	display:block;
	font-size:12px;
	color:#595959;
	line-height:21px;
	padding-bottom:20px;
}
.lowerRight p a{
	color:#289cde;
	text-decoration:underline;
}
.lowerRight p a:hover{
	text-decoration:none;
}

/* stylin footer content */
#footer-wrap{
  clear:both;
  width:100%;
  float:left;
  background:#000000 url(images/footer-wrap.png) repeat-x;
}

#footer{
  width:970px;
  height:64px;
  float:none;
  margin:0 auto;
  padding-top:20px;
}

#footer p.copyright{
	min-width:120px;
	float:left;
	font-size:11px;
	color:#727272;
	line-height:21px;
}
/* stylin signature content */
p.sign{
	width:180px;
	float:right;
	margin:7px 47px 0 0;
	font-size:11px;
	color:#727272;
	font-style:italic;
	font-weight:bold;
}
p.sign a{
	font-size:11px;
	color:#727272;
	font-style:italic;
	font-weight:normal;
    text-decoration:underline;
}
p.sign a:hover{
  text-decoration:none;
}

/* stylin footer navigation content */
ul.footNav{
	clear:left;
	min-width:260px;
	float:left;
}
ul.footNav li{
	float:left;
	color:#727272;
	line-height:21px;
}
ul.footNav li a{
	float:left;
	padding:0px 4px;
	font-size:11px;
	color:#727272;
}

/* #####################################
######### Stylin Inner Pages ##########
#################################### */

/* About us page */
.leftPan p{
	width:523px;
	float:left;
	font-size:12px;
	color:#727272;
	line-height:21px;
	padding-bottom:30px;
}
.leftPan p a{
	font-size:12px;
	color:#cc0000;
	font-style:italic;
	line-height:21px;
}
.leftPan p a:hover{
	text-decoration:underline;
}

/* stylin contact us page */
.leftPan img.map{
	float:left;
	margin:0 0 20px 0;
}

/* stylin blog page content */
 ul.blog{
	display:block;
	width:100%;
	float:left;
}
 ul.blog li{
	width:100%;
	float:left;
	display:block;
	padding-bottom:30px;
}
 ul.blog li h5{
	font-size:21px;
	color:#494949;
	line-height:21px;
	padding:0px 0px 10px 0;
}
 ul.blog li img{
	margin:10px 9px 10px 0;
}
 ul.blog li p a{
	font-size:12px;
	color:#727272;
	text-decoration:underline;
}
 ul.blog li p a:hover{
	text-decoration:none;
}
 ul.blog li p.date, ul.blog li p.post, ul.blog li p.comments{
	padding:0 0 9px 0;
}
 ul.blog li a.more{
	width:80px;
	float:left;
	font-size:12px;
	color:#cc0000;
	text-align:left;
	padding:0px;
	margin:0px;
	font-style:italic;
}
 ul.blog li a.more:hover{
	display:block;
	width:80px;
	float:left;
	color:#cc0000;
	text-decoration:underline
}

/* stylin sitemap content */
ul.sitemap{
	clear:both;
	width:100px;
	float:left;
	padding-bottom:50px;
}
ul.sitemap li{
	width:100%;
	float:left;
	display:block;
	line-height:21px;
}
ul.sitemap li a{
	font-size:12px;
	color:#cc0000;
	text-decoration:underline;
}
ul.sitemap li a:hover{
	color:#cc0000;
	text-decoration:none;
}