@charset "utf-8";
/* CSS Document */

a, img a, img, a img {border:0;	outline:0; text-decoration:none;}

/* Float Elements
---------------------------------*/
.fl-lt {float:left;}
.fl-rt {float:right;}

/* only to clear floats - to be used with any class as addition */
.clear {
	clear: both;
}
/* clear float with blank <div>or <br>*/
.clrflt {
	clear:both;
	line-height:1px;
	font-size:1px;
	overflow: hidden;
}

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/* Primary Styles
---------------------------------*/
body {
	background:url(../img/top_bg.png) repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	color:#000;
	padding:0px;
	margin:0px;
}



/*=======header=======*/

.header
{
	width:970px;
	margin:0 auto;
	padding:21px 0 26px 10px;
}

.logo
{
	font-size:25px;
	font-weight:bold;
	color:#333333;
	font-family: "Trebuchet MS", Arial, Verdana;
}

.logo a
{
	text-decoration:none;
	color:#FFFFFF;
}

/*=======menu=======*/

.menu
{
	font-size:14px;
	color:#CCCCCC;
	text-transform:uppercase;
	margin:20px 0 0 0;
}

.menu ul
{
	padding:0px;
	margin:0px;
	list-style:none;
}

.menu ul li
{
	display:block;
	float:left;
	padding:0 20px 0 22px;
	background:url(../img/sep.png) no-repeat left center;
}

.menu ul li a
{
	text-decoration:none;
	color:#FFFFFF;
}

.menu ul li.nosep
{
	background:none;
}

.menu ul li a:hover
{
	text-decoration:underline;
}

/*=======banner=======*/

.banner_wrap
{
	background:#242424;
	padding:0 0 0 0;
}

.banner
{
	width:980px;
	margin:0 auto;
	padding:21px 0;
}

.banner_left
{
	width:413px;
	height:275px;
	border:5px solid #000;
}

.banner_right
{
	width:476px;
	padding:0 32px 0 0;
	font-size:13px;
	color:#CCCCCC;
}

.banner_right h2
{
	padding:0 0 16px 0;
	color:#21acb9;
	font-size:24px;
	margin:0px;
	font-weight:normal;
	font-family: "Trebuchet MS", Arial, Verdana;
}

.banner_right p
{
	line-height:22px;
	padding:0 0 22px 0;
	margin:0px;
}

.read_more_button
{
	width:112px;
	height:34px;
	font-size:12px;
	text-align:center;
	background-color: #21acb9;
}

.read_more_button a
{
	text-decoration:none;
	line-height:34px;
	font-weight:bold;
	color:#242424;
	display:block;
}

/*=======content=======*/

.content_wrap
{
	background:url(../img/content_wrap.jpg) repeat-x left top;
	border-bottom:5px solid #242424;
	padding:32px 0;
}

.content
{
	width:980px;
	margin:0 auto;
	font-size:13px;
	color:#333333;
}

.content h2
{
	padding:0 0 26px 0;
	margin:0px;
	font-size:24px;
	color:#242424;
	font-weight:normal;
	font-family: "Trebuchet MS", Arial, Verdana;
}

.content p
{
	padding:0px;
	margin:0px;
	line-height:20px;
}

.text
{
	padding:0 10px 34px 10px;
}

.service_box
{
	width:940px;
	border-top:14px solid #21acb9;
	background:#ececec url(../img/border.jpg) repeat-x left top;
	padding:17px 20px 26px 20px;
	font-size:12px;
	margin:0 32px 0 0;
}

.service_box h3
{
	padding:0 0 22px 0;
	margin:0px;
	font-weight:normal;
	color:#242424;
	font-size:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.service_box p
{
	line-height:20px;
	padding:0 0 17px 0;
	margin:0px;
}

.read_more_button2
{
	width:112px;
	height:34px;
	background:#21acb9;
	font-size:12px;
	text-align:center;
}

.read_more_button2 a
{
	text-decoration:none;
	line-height:34px;
	font-weight:bold;
	color:#FFFFFF;
	display:block;
}

.last
{
	margin:0px;
}

/*=======footer=======*/

.footer
{
	width:980px;
	margin:0 auto;
	padding:30px 0;
}

.footer_left
{
	font-size:12px;
	color:#666666;
}

.social_area
{
	padding:0 0 26px 0;
	color:#333333;
}

.social_area span
{
	display:block;
	float:left;
	margin:0 26px 0 0;
}

.social_area a
{
	width:87px;
	float:left;
	text-decoration:none;
	color:#333;
}

.social_area a img
{
	float:left;
	margin:0 6px 0 0;
}

.footer_left p
{
	padding:0px;
	margin:0px;
}

.footer_left p a
{
	text-decoration:underline;
	color:#666666;
}

.footer_left p a:hover
{
	text-decoration:none;
}

.footer_right
{
	font-size:12px;
	color:#333;
	/*text-transform:uppercase;*/
	padding-right:20px;
}

.footer_right ul
{
	padding:0px;
	margin:0px;
	list-style:none;
}

.footer_right ul li
{
	padding:0 6px 0 8px;
	background:url(../img/sep2.png) no-repeat left center;
	float:left;
}

.footer_right ul li a
{
	text-decoration:none;
	color:#333333;
}

.footer_right ul li.nosep
{
	background:none;
}

.footer_right ul li a:hover
{
	text-decoration:underline;
}