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

ul,li{float:left; list-style:none;}
img{float:left;border:0;}
/* General body layout */

body{
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight: normal;
  color:#727272;
  line-height:21px;
}

#top-wrap{
  width:100%;
  float:left;
  background: url(images/top-wrap.png) repeat-x top;
}

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

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

h1{
  display: block;
  float:left;
  margin:0px 0 0 22px;
}

/* 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: 25px;
text-align: center;
text-indent:0px;
z-index: 2;
display: none;
line-height:70px;
color:#4e4e4e;
margin-top:10px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

p.call{
  float: right;
  width:auto;
  font-size: 12px;
  color: #005b9b;
  font-weight: bold;
  margin:36px 15px 0 0;
}

/* styling site navigation */
ul.nav{
  width:698px;
  height:45px;
  float:left;
  margin: 5px 0 0 0;
  padding-left:273px;
}
ul.nav li{
  float: left;
  display:block;
  margin-right:1px;
}
ul.nav li a{
  float:left;
  font-size:12px;
  color:#fff;
  padding: 11px 25px;
}

/* navigation hover state */
ul.nav li a:hover, ul.nav li a.active{
  color:#000;
  background: url(images/nav-hover.png) repeat-x;
}

/* stylin banner content */
#banner{
  width:970px;
  height:347px;
  float:left;
  margin:20px 0 30px 0;
  background:url(images/banner-back.png) no-repeat;
}
#banner img, #banner ul li div.caption{
	float:left;
}

/* stylin right side banner contents */
div.rightContent{
	width:280px;
	float:right;
	display:block;
	margin:48px 34px 0 0;
	position:relative;
	overflow:hidden;
}

div.rightContent h2{
	font-size:23px;
	font-weight:bold;
	color:#000;
	padding-bottom:20px;
}
div.rightContent p{
	font-size:12px;
	color:#d9d9d9;
	line-height:21px;
	padding-bottom:30px;
}

div.rightContent a.vmore{
	font-size:14px;
	color:#cacdd9;
	font-weight:bold;
	text-align:center;
	background:url(images/view-more.png) no-repeat;
	width:178px;
	height:41px;
	float:left;
	line-height:42px;
}

/* stylin middel content */
#middleContent{
	width:970px;
	float:left;
	padding-bottom:25px;
}

ul.innerContent{
	width:100%;
	float:left;
}

ul.innerContent li{
	width:266px;
	float:left;
	display:block;
	margin-right:70px;
}
ul li.nomar{
	margin:0px;
}

ul.innerContent li div{
	height:70px;
	width:266px;
	float:left;
	margin-bottom:20px;
	border-bottom:1px solid #dadada;
}
ul.innerContent li img{
	float:left;
	margin:0 12px 8px 0;	
}

ul.innerContent li h4{
	font-size:21px;
	color:#002c57;
	font-weight:bold;
	padding:20px 0 0 0;
}

ul.innerContent li p{
	width:256px;
	float:left;
	color:#727272;
	line-height:21px;
	padding-bottom:28px;
}

ul.innerContent li a.more{
	font-size:12px;
	color:#002c57;
	line-height:21px;
	padding-right:23px;
	background:url(images/arrow.png) no-repeat right;
}

/* stylin main body content */
#content-wrap{
	width:970px;
	float:left;
	margin-top:20px;
	margin-bottom:42px;		
}

#content-wrap img{
	float:left;
}

.leftPan{
	width:606px;
	float:left;
	margin-right:60px;
}
#content-wrap .innerLeft{
	background:url(images/content-body_bg.gif) repeat-y;
	width:579px;
	float:left;
	padding-left:27px;	
}
#content-wrap .innerLeft h3{
	width:528px;
	float:left;
	font-size:21px;
	color:#002c57;
	padding:9px 0 23px 0;
}
#content-wrap .innerLeft img{
	margin:4px 28px 0 0;
}
#content-wrap .innerLeft p{
	width:347px;
	float:left;
	padding-bottom:20px;
}
#content-wrap .innerLeft p a{
	font-size:12px;
	color:#002c57;
}


/* stylin right side column content */
.rightPan{
	width:266px;
	float:left;
}
.rightPan .toplist{
	width:265px;
	float:left;
	padding-bottom:12px;
	border-bottom:1px solid #bababa;
}
.toplist img{
	float:left;
	margin:0 20px 0 0;
}
.toplist h3{
	width:200px;
	font-size:21px;
	color:#002c57;
	padding:16px 0 0 0;
}
div.botom{
	width:256px;
	float:left;
	padding:16px 0 0 0;
}
/*div.botom ul li p{
	float:left;
	padding-left:0px;
	padding-bottom:20px;
	margin-left:0px;
}
div.botom ul li p a{
	font-size:12px;
	color:#727272;
	font-weight:bold;
}
div.botom ul li p a:hover{
	font-size:12px;
	color:#002c57;
	text-decoration:underline;
}
*/
ul.lists{
	width:266px;
	float:left;
}
ul.lists li{
	padding-bottom:30px;
}
ul.lists li img{
	margin:4px 0 0 0;
}
ul.lists li p{
	width:175px;
	float:left;
	padding-left:17px;
}
ul.lists li p a{
	font-size:12px;
	color:#727272;
	font-weight:bold;
}
ul.lists li p a:hover{
	font-size:12px;
	color:#002c57;
	text-decoration:underline;
}
/* stylin footer content */
#footer-wrap{
	width:100%;
	height:129px;
	float:left;
	background:url(images/footer-wrap.png) repeat-x;
}

#footer{
	width:970px;
	float:none;
	margin:0 auto;
	padding:44px 0 0 0;
}

#footer p.copyright{
	min-width:280px;
	float:left;
	font-size:11px;
	color:#565656;
	line-height:21px;
}
#footer p.sign{
	float:right;
	font-size:11px;
	color:#565656;
	font-style:italic;
	font-weight:bold;
	margin-right:40px;
}

/* footer links */
ul.footNav{
	clear:both;
	min-width:250px;
	float:left;
}
ul.footNav li{
	float:left;
}
ul.footNav li a{
	font-size:11px;
	color:#565656;
	line-height:21px;
	padding:1px 5px;
}


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

/* stylin about us page */
#content-wrap .content{
	background:url(images/content-body_bg.gif) repeat-y;
	width:579px;
	float:left;
	padding-left:27px;
}

#content-wrap .content p{
	width:95%;
	float:left;
	text-align:justify;
	padding-bottom:20px;
}

#content-wrap .content p.para{
	width:363px;
	float:left;
	padding-bottom:20px;
}
#content-wrap .content p a{
	font-size:12px;
	color:#002c57;
}
#content-wrap .content img{
	float:left;
	margin:4px 28px 0 0;
}
#content-wrap .content h3{
	width:528px;
	float:left;
	font-size:21px;
	color:#002c57;
	padding:9px 0 23px 0;
}

/* stylin contact us page */
#content-wrap .content div.bookmark img{
	margin:0px 2px 0 0;
}
.rightPan h3{
	width:200px;
	font-size:21px;
	color:#002c57;
	padding:16px 0 0 0;	
}

.rightPan p.ddress{
	width:200px;
	float:left;	
}


/* stylin  blog content  */
ul.nopad li p{
	width:175px;
	float:left;
	padding-left:0px;
}

/* stylin blog page content */
#content-wrap ul.blog{
	display:block;
	width:100%;
	float:left;
}
#content-wrap ul.blog li{
	width:100%;
	float:left;
	display:block;
	padding-bottom:20px;
}
#content-wrap ul.blog li h5{
	font-size:21px;
	color:#157EB8;
	line-height:21px;
	padding:0px 0px 10px 0;
}
#content-wrap ul.blog li img{
	margin:10px 9px 10px 0;
}
#content-wrap ul.blog li p a{
	font-size:12px;
	color:#002c57;
}
#content-wrap ul.blog li p a:hover{
	text-decoration:underline;
}
#content-wrap ul.blog li p.date,#content-wrap ul.blog li p.post,#content-wrap ul.blog li p.comments{
	padding:0 0 9px 0;
}
#content-wrap ul.blog li a.more{
	display:block;
	width:60px;
	float:left;
	color:#002c57;
	padding-right:14px;
	background:url(images/s-arow.png) no-repeat right;
}
#content-wrap ul.blog li a.more:hover{
	display:block;
	width:60px;
	float:left;
	color:#002c57;
	text-decoration:underline;
}

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