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

#top-wrap{
  width:100%;
  float:left;  
}
#bodywrap{
	width:100%;
	float:left;
	padding:50px 0 0 0;
	background-color:#f3f3f3;
}

/* Layout styles */
#header-wrap{
  width: 100%;
  float:left;
  background-color: #232629;
}


#header{
  width:970px;
  height:72px;
  float: none;
  margin:0 auto;
  position: relative;
}

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

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

/* stylin navigation content */
ul.nav{
  min-width: 573px;
  float:right;
  display:block;
  margin:22px 0 0 0;
}
ul.nav li{
  float: left;
  width:auto;
}
ul.nav li a{
  float:left;
  font-size: 12px;
  color:#fff;
  text-align:center;
  padding:0px 16px;
  line-height:25px;
}

ul.nav li a:hover, ul.nav li a.active{
  float:left;
  color:#232629;
  padding:0 16px 0 0px;
  background: url(images/nav-right.png) no-repeat right;
}
ul.nav li a:hover span, ul.nav li a.active span{
  display:block;
  float:left;
  color:#232629;
  height:29px;
  padding:0 0px 0 16px;
  background: url(images/nav-left.png) no-repeat left;
}

/* stylin banner content */
.banner-wrap{
	width:100%;
	height:378px;
	float:left;
	position:relative;
	background: url(images/banner_bg.png) repeat-x;
}
.banner-inner{
	height:378px;
	background:url(images/banner-grad.png) no-repeat 50px 0;
}
.banner{
	width:970px;
	display:block;
	float:none;
	margin:0 auto;
}
.banner img{
	float:right;
	margin:42px 0 0 0;
}
.leftContent{
	width:375px;
	float:left;
	margin:65px 0 0 0;
}
.leftContent h2{
	width:100%;
	float:left;
	font-size:36px;
	color:#fff;
	padding-bottom:25px;
	text-transform:uppercase;
	text-shadow: 2px 2px 3px #016137;
}

.leftContent p{
	width:370px;
	float:left;
	font-size:12px;
	color:#fff;
	line-height:21px;
	padding-bottom:35px;
}
.leftContent a.m-info{
	width:173px;
	height:46px;
	float:left;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	color:#fff;
	text-shadow: 1px 1px 1px #d3ceaa;
	text-align:center;
	line-height:44px;
	background:url(images/m-info_btn.png) no-repeat;
}

/* Looped slider content */
.container { width:970px; height:378px; overflow:hidden; position:relative; cursor:pointer; margin:0 auto;}
.slides { position:absolute; top:0; left:0; }
ul.pagination { list-style:none; padding:0; margin:0; position: relative; top:-18px; left:190px; background:url(images/pagination.jpg) no-repeat; width:79px;
height:18px; float:left;}
ul.pagination li  { float:left; width:9px; height:9px; float:left; background:#fff; margin:5px 0px 0 6px;}
ul.pagination li a {  background:url(images/slide-visited.png) no-repeat; display:block; width:9px; height:9px; float:left font-size:0px; }
ul.pagination li.active a { background:url(images/hover-active.png) no-repeat;}


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

/* stylin leftPan content */
.leftPan{
	width:625px;
	display:block;
	float:left;
	margin-right:60px;
}

/* universal rules for content inside leftPan */
.leftPan h3{
	width:100%;
	float:left;
	font-size:18px;
	color:#232629;
	padding-bottom:26px;
}
.leftPan p{
	width:100%;
	float:left;
	font-size:12px;
	color:#727272;
	line-height:21px;
	text-align:justify;
	padding-bottom:23px;
}
.leftPan a.more{
	width:59px;
	height:14px;
	float:left;
	font-size:11px;
	color:#fff;
	font-weight:normal;
	text-align:center;
	background: #00b987 url(images/read-more.jpg) no-repeat;
}


/* stylin innerLeft column inside leftPan */
.leftPan .innerLeft{
	width:270px;
	float:left;
	margin-right:69px;
}
.leftPan .innerLeft p{
	width:270px;
	float:left;
}

/* stylin inner Right content */
.leftPan .innerRight{
	width:266px;
	display:block;
	float:left;
}
.innerRight img{
	float:left;
	margin:0 0 0 0;
}
.innerRight ul, .innerRight li{
	width:266px;
	display:block;
	float:left;
}
.innerRight ul li{
	padding-bottom:40px;
}
.leftPan .innerRight ul li p{
	width:191px;
	text-align:left;
	float:right;
	padding:0px;
}

/* stylin rightPan content */
.rightPan{
	width:277px;
	float:right;
}
.rightPan h3{
	font-size:18px;
	color:#232629;
	padding-bottom:28px;
}
.rightPan a{
	font-size:11px;
	color:#fff;
	width:59px;
	height:14px;
	text-align:center;
	float:left;
	background:url(images/read-more.jpg) no-repeat;
}

.rightPan ul{
	width:277px;
	float:left;
	display:block;
}
.rightPan ul li{
	width:100%;
	float:left;
	padding-bottom:38px;
}
.rightPan ul li p{
	width:277px;
	float:left;
	font-size:12px;
	color:#727272;
	line-height:21px;
	padding-bottom:15px;
}

/* stylin bottom-wrap */
.botomwrap{
	width:970px;
	float:left;
	margin:40px 0 46px 0;
}
.botomLeft{
	width:625px;
	float:left;
	margin-right:60px;
}
.botomLeft h4{
	width:100%;
	float:left;
	font-size:18px;
	color:#232629;
	padding-bottom:12px;
}
.botomLeft blockquote{
	width:618px;
	float:left;
	font-size:12px;
	color:#727272;
	line-height:21px;
	padding:15px 0 26px 0;
	background:url(images/quot-watermark.png) no-repeat top left;
}
.botomLeft p.signature{
	clear:left;
	float:left;
	font-size:12px;
	color:#5d5d5d;
	font-weight:bold;
}

/* stylin rightside content */
.botomRight{
	width:277px;
	display:block;
	float:left;
}
.botomRight h4{
	width:100%;
	float:left;
	font-size:18px;
	color:#232629;
	padding-bottom:26px;
}
.botomRight p.qcontact{
	width:233px;
	float:left;
	font-size:12px;
	color:#727272;
	line-height:21px;
}
p.qcontact a{
	font-size:12px;
	color:#727272;
	text-decoration:underline;
}
p.qcontact a:hover{
	font-size:12px;
	color:#727272;
	text-decoration:none;
}
	
	

/* stylin footer content */
#footer-wrap{
  clear:both;
  width:100%;
  float:left;
  background-color:#232629;
}

#footer{
  width:970px;
  height:200px;
  float:none;
  margin:0 auto;
  position:relative;
}

#footer p.copyright{
	min-width:120px;
	float:left;
	font-size:11px;
	color:#727272;
	line-height:21px;
	margin:55px 0 0 0;
}
/* stylin signature content */
p.sign{
	clear:left;
	width:180px;
	float:left;
	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;
	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 footer logo */
div.footLogo{
	width:237px;
	height:200px;
	float:right;
	position:absolute;
	top:0px;
	right:70px;
	background:url(images/gradient_footer.png) no-repeat left center;
}
div.footLogo img{
	margin:68px 0 0 30px;
}

/* ####################################
######## Stylin Inner pages ###########
#################################### */
div.clear{
	clear:both;
	width:100%;
	height:40px;
	float:left;
}

/* contact us page */
.leftPan img.map{
	margin-bottom:28px;
}
.rightPan p{
	font-size:12px;
	color:#727272;
	line-height:21px;
	width:100%;
	float:left;	
}

/* 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 dashed #454545;
 }
 
 /* stylin sitemap content */
ul.sitemap, ul.sitemap li{
	clear:both;
	width:120px;
	float:left;
	display:block;
}
ul.sitemap li a{
	font-size:12px;
	line-height:19px;
	color:#00b987;
	float:left;
}
ul.sitemap li a:hover{
	color:#454545;
}