/* 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;}
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:#000;
}

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

#body-wrap{
  width:970px;
  float:none;
  margin: 0 auto;
}

/* Layout styles */
#header-wrap{
  width:100%;
  /*height: 595px;*/
  float:left;
  background: url(images/header-wrap.png) repeat-x;
}


#header{
  width:970px;
  float: none;
  margin:0 auto;
  padding-bottom:24px;
  position: relative;
}

h1{
  display: block;
  float:left;
  margin:24px 0 5px 12px;
  font-family:Verdana, Geneva, sans-serif;
  font-weight:lighter;
}

h1 span{
  font-size:18px;
  color:#cccccc;
  line-height:30px;

}


p.slogan{
  float: left;
  width:auto;
  font-size:14px;
  color:#cccccc;
}

/* tool tip for logo */
em.ttip {
background:url(images/bubble.png) no-repeat;
width: 112px;
height: 56px;
float:left;
display: block;
position:absolute;
top: 230px;
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:auto;
  margin:56px 33px 0 0;
  font-size:14px;
  color:#cccccc;
}

/* stylin navigation content */
div.menu{
  width: 970px;
  float:left;
  display: block;
  margin-bottom: 24px;
}

ul.nav{
  min-width: 930px;
  height:68px;
  float:left;
  display:block;
  background: url(images/nav_bg.png) repeat-x;
}
ul.nav li{
  float: left;
  width:auto;
  margin-right:1px;
  padding:11px 0 0 0;
}
ul.nav li a{
  float:left;
  font-size: 12px;
  color:#cccccc;
  padding:0px 12px;
  text-align:center;
  line-height:46px;
}

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

/* stylin banner content */
div.banner-wrap{
	width:970px;
	float:none;
	margin:0 auto;
}
div.banner{
	width:970px;
	height:341px;
	float:left;
	position:relative;
	margin-bottom:46px;
	background:url(images/banner_bg.png) no-repeat;
}
div.banner .leftContent{
	width:410px;
	display:block;
	float:left;
	margin:60px 0 0 58px;
}
.leftContent h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:27px;
	font-weight:bold;
	color:#000;
	padding-bottom:20px;
}
.leftContent p{
	width:406px;
	float:left;
	font-size:12px;
	line-height:21px;
	color:#464646;
	padding-bottom:22px;
}
.leftContent ul{
	width:390px;
	float:left;
	padding-bottom:25px;
}
.leftContent ul li{
	width:368px;
	float:left;
	display:block;
	padding-left:20px;
	line-height:23px;
	background:url(images/ticker.png) no-repeat left;
}
.leftContent ul li a{
	font-size:12px;
	color:#464646;	
}
.leftContent a.m-info{
	background:url(images/m-info_bg.png) no-repeat;
	width:153px;
	height:32px;
	float:left;
	font-size:14px;
	color:#fff;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	line-height:30px;
	text-shadow:1px 1px 0 #633296;
}

/* slider content starts here */
#slider-wrap{
    width:390px;
	height:276px;
	display:block;	
	float:right;	
	margin:40px 36px 0 0;
	overflow:hidden;
	background: url(images/slider_back.png) no-repeat;
}
	
/* slider content starts here */

#slider{
	display:block;
	width:340px;
	height:222px;
	float:left;
	position:relative;
	overflow:hidden;
	top:17px;
	left:34px;
}
#slider ul{
	width:340px;
	height:222px;
	float:left;
	position:absolute;
	overflow:hidden;
	}
#slider li{
	display:inline;
	width:340px;
	height:222px;
	float:left;
	position:relative;
	}
#prevBtn, #nextBtn{
	display:block;
	text-indent:-8000px;
	width:38px;
	height:38px;
	float:left;
	position:absolute;
	left:548px;
	top:148px;
	}
#nextBtn{
	left:912px;
	top:188px;
	}
#prevBtn a, #nextBtn a{
	display:block;
	width:38px;
	height:38px;
	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;
}


/* stylin main body content */
#content-wrap{
  clear:both;
  width:970px;
  float:none;
  margin:0 auto;
  padding:5px 0 0 0;
}

div.lower-lists{
	width:960px;
	float:left;
	padding-bottom:60px;
	margin-bottom:33px;
	background:url(images/gradient-bottom.png) no-repeat bottom center;
}
div.lower-lists ul.services{
	width:960px;
	float:left;
	display:block;
}
ul.services li{
	width:260px;
	float:left;
	padding-right:40px;
	display:block;
	margin-right:43px;
	background:url(images/border-lists.png) no-repeat right;
}
ul.services li h4{
	font-size:21px;
	color:#000;
	width:auto;
	float:left;
	padding:7px 0 0 0;
}
ul.services li img{
	float:right;
	margin:-3px 0 30px 0;
}
ul.services li p{
	width:260px;
	float:left;
	display:block;
	font-size:12px;
	color:#727272;
	line-height:21px;
	padding-bottom:37px;
}
ul.services li a.more{
	width:62px;
	display:block;
	float:left;
	font-size:12px;
	color:#8937dd;
	padding-right:17px;
	background:url(images/r-arow.png) no-repeat right;
}
ul.services li.box2 img, ul.services li.box3 img{
	margin-bottom:24px;
}
ul.services li.box3{
	margin:0px;
	padding:0px;
	background:none;
}

/* stylin LeftPan content */
.leftPanImp{
	width:920px;
	display:block;
	float:left;
}
.leftPanImp h3{
	width:auto;
	float:left;
	font-size:21px;
	color:#000;
	padding-bottom:39px;
	padding-left:10px;
}
.leftPanImp img{
	clear:left;
	float:left;
}
.leftPanImp div.para{
	width:910px;
	float:right;
	display:block;
}
.leftPanImp div.para p{
	width:900px;
	float:left;
	font-size:12px;
	color:#727272;
	line-height:21px;
	padding-bottom:30px;
}

.leftPanImp a.more{
	width:62px;
	display:block;
	float:left;
	font-size:12px;
	color:#8937dd;
	padding-right:17px;
	background:url(images/r-arow.png) no-repeat right;
}
/* stylin LeftPan content */
.leftPan{
	width:560px;
	display:block;
	float:left;
}
.leftPan h3{
	width:auto;
	float:left;
	font-size:21px;
	color:#000;
	padding-bottom:39px;
	padding-left:10px;
}
.leftPan img{
	clear:left;
	float:left;
}
.leftPan div.para{
	width:550px;
	float:right;
	display:block;
}
.leftPan div.para p{
	width:540px;
	float:left;
	font-size:12px;
	color:#727272;
	line-height:21px;
	padding-bottom:30px;
}

.leftPan a.more{
	width:62px;
	display:block;
	float:left;
	font-size:12px;
	color:#8937dd;
	padding-right:17px;
	background:url(images/r-arow.png) no-repeat right;
}
.leftPan ul{
	width:550px;
	float:left;
	padding-bottom:25px;
}
.leftPan ul li{
	width:540px;
	float:left;
	display:block;
	padding-left:20px;
	line-height:23px;
	padding-bottom:25px;
	padding-top:25px;
	background:url(images/ticker.png) no-repeat left;
}
.leftPan ul li a{
	font-size:12px;
	color:#464646;	
}


/* stylin right side content */
.rightPan{
	width:368px;
	float:right;
	position:relative;
}
.innerContent{
	width:368px;
	float:left;
	background:url(images/right-curve_body.png) repeat-y;
}
.innerContent h3{
	font-size:21px;
	color:#000;
	background:url(images/side-heading_bg.png) no-repeat;
	width:336px;
	height:46px;
	float:left;
	padding:13px 0 0 20px;
	position:relative;
	right:-22px;
}
ul.lists{
	width:290px;
	float:left;
	display:block;
	margin:22px 0 0 32px;
}
ul.lists li{
	width:100%;
	float:left;
}
ul.lists li p{
	width:289px;
	float:left;
	font-size:12px;
	color:#727272;
	line-height:21px;
}
ul.lists li p a{
	color:#8937dd;
	font-weight:bold;
}
.iframe{
	margin:22px 0 0 32px;
}

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

#footer{
  width:970px;
  height:94px;
  float:none;
  margin:0 auto;
  padding:25px 0 0 0;
}

#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:#6b6b6b;
	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 ##########
################################## */
div.service{
	margin-top:50px;
}

.leftPan p{
	width:100%;
	float:left;
	font-size:12px;
	text-align:justify;
	color:#727272;
	line-height:21px;
	padding-bottom:30px;
}

/* 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 h4{
	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 p.date a{
	 text-decoration:none;
	 border-bottom:1px dotted #3d3d3d;
 }
 
/* stylin contact us page */
.leftPan img.map{
	margin-bottom:15px;
	float:left;
}
.rightPan p.address{
	width:290px;
	float:left;
	font-size:12px;
	color:#727272;
	line-height:21px;
	margin:10px 0 0 30px;
} 
.bookmark img{
	float:none;
}

/* stylin sitemap content */
.leftPan ul.sitemap, ul.sitemap li{
	clear:both;
	width:120px;
	float:left;
	display:block;
}
.leftPan ul.sitemap li a{
	font-size:12px;
	line-height:21px;
	color:#8937dd;
	float:left;
	text-decoration:none;	
}
ul.sitemap li a:hover{
	text-decoration:underline;
	color:#8937dd;
}