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

/*====================================== reset.css is here ========================================*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { 	margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
body {	line-height: 1;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}

.no_bg_pad{background:none !important; padding:0 !important;}
.no_bg{ background:none !important;}
.no_pad{ padding:0px !important;}
.no_mar{ margin:0px !important;}
.no_border{ border:none !important;}
.clear{clear:both;}
.flt_lft{ float:left !important;}
.flt_rht{ float:right !important;}

/**************************************************************************************/

html, body									{ height:100%;}

body										{ background:url(../images/background_image.gif) repeat-x left top #e7e9eb;}
.wrapper									{ width:918px; margin:0 auto; background:#fff;}
.top_shadow									{ background:url(../images/top_shadow.png) no-repeat center top; min-height:100%;}

/*----------header----------*/

.header										{ height:126px;}
.logo										{ padding:24px 0 0 54px;}
.logo a										{ display:block; text-decoration:none;}
.logo a img									{ display:block;}

/*----------banner----------*/

.banner										{ padding:0 0 60px 0;}
.banner img									{ display:block;}

/*----------content----------*/

.content									{ width:100%; padding:0 0 105px 0;}
.content_lft								{ width:620px; float:left;}

.text										{ width:565px; padding:0 0 0 55px;}
.text p										{ font-size:12px; line-height:18px; font-family:Arial, Helvetica, sans-serif; color:#6e6d6b; padding:0 0 20px 0;}
.text p a									{ color:#6e6d6b; text-decoration:none; display:inline-block;}
.text p a:hover								{ text-decoration:underline;}

.content_rht								{ width:235px; float:right;}

.gray_box									{ width:200px; background:#f2f3f4; border:1px solid #dddddd;}
.gray_add									{ background:url(../images/gray_btm_border.jpg) no-repeat left bottom; padding:16px 0 5px 32px;}
.gray_add p									{ font-size:11px; line-height:14px; font-family:Arial, Helvetica, sans-serif; color:#6e6d6b; padding:0 0 15px 0;}
.gray_add p a								{ color:#6e6d6b; text-decoration:none; display:inline-block;}
.gray_add p a:hover							{ text-decoration:underline;}

.gray_contact								{ padding:18px 0 30px 32px;}
.gray_contact span.phone_no					{ font-size:11px; line-height:18px; font-family:Arial, Helvetica, sans-serif; color:#6e6d6b; display:block; padding:0 0 0 20px; background:url(../images/cell_bg.png) no-repeat left top;}
.gray_contact a.mess_link					{ font-size:11px; line-height:18px; font-family:Arial, Helvetica, sans-serif; color:#6e6d6b; display:inline-block; padding:0 0 0 20px; background:url(../images/mess_bg.png) no-repeat left 5px; text-decoration:none;}
.gray_contact a.mess_link:hover				{ text-decoration:underline;}

.social_box									{ float:right;}
.social_box ul								{ float:right; display:block; padding:28px 32px 0 0;}
.social_box ul li							{ float:left; display:block; padding:0 0 0 5px;}
.social_box ul li a							{ display:block; text-decoration:none;}

/*----------footer----------*/

.footer										{ padding:10px 0; }
.footer p									{ font-size:11px; line-height:18px; font-family:Arial, Helvetica, sans-serif; color:#7e7e7e; text-align:center;}