/************************************************************************************
RESET
*************************************************************************************/
* {
	margin: 0;
	padding: 0;
	outline:none;
}
html{
	overflow-y:visible;
}
img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	display:block;
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}
/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after, header:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix{ display: inline-block; }
.clearfix{ display: block; zoom: 1; }

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-weight:normal;background:url(../images/bgpic.png) center top}
a, a:visited{
	text-decoration:none;

}
a:hover{

}
hr{ height:1px;border:0; background:#d7dddf;}

ul, ol{ margin:10px; padding:0;}

li{}

p{ font-size:13px; color:#808080; line-height:18px; margin:0 0 10px 0;}

h1,h2,h3,h4,h5, h6{ font-weight:normal; font-family: "Open Sans",sans-serif;}
h1{}
h2{ font-size:30px;color:#333;font-weight: 600;}
h3{}
h4{}
h5{}
h6{}

/************************************************************************************
Custom Style
*************************************************************************************/
input[type="text"], input[type="email"], input[type="submit"], textarea, select,input[type="password"],input[type="password"] {
  padding:6px;
}

/* top hdr
---------------------------------------------------*/
.top-hdr{padding:10px 0 10px 0; background:#f4f4f4;}
.top-hdr-inside{ width:1000px; margin:0 auto;}
.logo{ float:left;margin: 2px 0 5px;}
.top-hdr-rt{ float:right;}
.top-hdr-rt ul{ list-style:none; margin: 2px 0 0 0;}
.top-hdr-rt ul li{ display: table-cell;padding: 0 5px 0 10px;border-right: 2px solid #d2d2d2;}
.top-hdr-rt ul li.last-line{padding: 0 0 0 10px;;border-right: 0;}

/* main nav
---------------------------------------------------*/
.main-nav-bg-box{ background:#ed8453; height:38px;position: relative;}
.main-nav {
  margin: 0 auto;
  padding: 7px 0 0;
  text-align: center;
  width: 1000px;
  z-index: 999999;
}

/* banner
----------------------------------------------*/
.banner{ text-align: center; background:url(../images/banner.png) center center repeat-x; height:213px;}
.banner-inner-page{ text-align: center; background:url(../images/inner-page-banner.png) center center repeat-x; height:213px;}
.banner-inside-box{ width:41%; margin:0 auto;}

.banner-inside-box h2 {
  color: #fff;
  font-size: 41px;
  font-weight: lighter;
  line-height: 42px;
  margin: 0 0 6px;
  padding-top: 35px;
}
.banner-inner-page .banner-inside-box h2 {
  padding-top: 50px;
}
.banner-inside-box h3 {
  color: #fff;
  font-size: 38px;
  font-weight: lighter;
  line-height: 39px;
}
.banner-inside-box p {
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  margin:0;
}
.learn-more-btn {
  background: url("../images/button.png") no-repeat scroll left center ;
  height: 40px;
  margin: 20px auto;
  width: 132px;
}
.learn-more-btn a {
  font-size: 13px;
  line-height: 40px;
  color: #000;
  float:left;
  width:100%;
}
.learn-more-btn a:hover {
  color:#ed8453;

}
/* body part
----------------------------------------------------------------------------------------------------*/
.body-contaner{width:1000px; margin:31px auto 0;}
.block{ padding:7px; background:#fff; float:left; box-shadow: 0 2px 6px 0 #d9d9d9;width:261px;margin: 0  29px 0 29px;}
.block1{ padding:7px; background:#fff; float:left; box-shadow: 0 2px 6px 0 #d9d9d9;width:100%;margin: 0  29px 0 29px;}
.block1 ul li{ font-size:13px; color:#808080; padding-left:8px; text-decoration:none;}
.block1 img{width:100%; height:auto}
.block1 h2 {
  color: #000;
  font-size: 17px;
  line-height: 18px;
  margin: 10px 0 6px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:normal;
}
.block h2 {
  color: #000;
  font-size: 17px;
  line-height: 18px;
  margin: 10px 0 6px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:normal;
}
.block1 p{ line-height:16px;margin: 0 0 3px;}
.block p{ line-height:16px;margin: 0 0 3px;}
/*.block-03{ float:right; margin:0;}*/
a.read-more{ font-size:12px; color:#007cc3;}
a.read-more:hover{ color:#808080;}
/*about part
----------------------------------------------------------------------------------------------------*/
.body-contaner-01{width:1000px; margin:31px auto 0;}
.body-contaner-01 h2{ background:url(../images/line.png) 95% center no-repeat;line-height: 20px;margin: 0 0 30px;}
.body-contaner-01 p {
  color: #777;
  font-size: 13px;
  line-height: 24px;
  margin: 0 0 20px;
}
.body-contaner-01 {}
.body-contaner-01 img{ float:left;margin: 0 32px 15px 0;}



/* end body part
----------------------------------------------------------------------------------------------------*/
.footer-outer{ border-top:1px solid #ccc; text-align:center; padding:15px 0 12px 0; margin:27px 0 0 0;}
.footer{ width:1000px; margin:0 auto;}
.footer-nav{ font-size:12px;}
/*.footer-nav ul {
  list-style: none outside none;
  margin: 0 auto;
  width: 35%;
}*/
.footer-nav ul {
  list-style: none outside none;
  margin:0;
}
/*.footer-nav ul li{display: inline;border-right:1px solid #484848;padding: 0 5px;float: left; }*/
.footer-nav ul li {
  border-right: 1px solid #484848;
  display: inline;
  margin: 0 2px 0 4px;
  padding: 0 5px 0 0;
}
.footer-nav ul li.footer-last-line{border-right:0;padding: 0 5px;}
.footer-nav ul li a{ color:#484848;}
.copy {
  clear: both;
  color:#484848;
  margin:6px 0 0 0;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	width: 100%;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
}



/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .grid_1 {
	width:6.333%;
}

.container_12 .grid_2 {
	width:14.667%;
}

.container_12 .grid_3 {
	width:23.0%;
}

.container_12 .grid_4 {
	width:31.333%;
}

.container_12 .grid_5 {
	width:39.667%;
}

.container_12 .grid_6 {
	width:48.0%;
}

.container_12 .grid_7 {
	width:56.333%;
}

.container_12 .grid_8 {
	width:64.667%;
}

.container_12 .grid_9 {
	width:73.0%;
}

.container_12 .grid_10 {
	width:81.333%;
}

.container_12 .grid_11 {
	width:89.667%;
}

.container_12 .grid_12 {
	width:98.0%;
}


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}