
/*==============================================
	TABLE OF CONTENTS
================================================

	1. NORMALIZE CSS
	2. BASIC CSS
	3. TYPOGRAPHY CSS
	4. GRID CSS
	5. INDEX CSS

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

/*======================================== 
	NORMALIZE CSS
/*======================================*/

* { margin: 0; padding: 0; }
body { background:#f1f1f1; color: #9d9c9c; 
	font: normal 12px 'open_sansregular', sans-serif; line-height: 1em; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not ([controls]) { display: none; height: 0; }
[hidden] { display: none; }
html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
html, button, input, select, textarea { font-family: sans-serif; }
code, kbd, pre, samp { font-family: monospace, serif; font-size:1em }
pre { white-space: pre-wrap; word-wrap: break-word; }
input[type="button"],input[type="reset"],input[type="submit"] { border: 0; cursor: pointer; }
button[disabled],input[disabled] { cursor: default }
input[type="checkbox"],input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; 
	-webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none }
textarea { overflow: auto; vertical-align: top;  }
table { border-collapse: collapse; border-spacing: 0; }

/*======================================== 
	BASIC CSS
/*======================================*/

/** { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; 
	-ms-box-sizing: border-box; box-sizing: border-box; }*/
a, a:focus { outline: none; text-decoration: none; }
a:active, a:hover { outline: 0; }
dfn { font-style: italic; }
hr { clear: both; border: 0; }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
ol, ul, li { list-style: decimal; line-height: 1em; } 

/**/
.clr { clear: both; line-height: 0; margin: 0; padding: 0; }
.hide { display: none; }
.show { display: block; }
.nobdr { border: 0 !important; }
.nobg { background: none !important; }
.nopadd { padding: 0px !important; }
.nomrgn { margin: 0px !important; }
.bold, b, strong { font-weight: bold; }
.italic { font-style: italic; }
.center { text-align: center; }
.aleft { text-align: left !important; }

/**/
.mtn { margin-top: 0 !important; }
.mrn { margin-right: 0 !important; }
.mbn { margin-bottom: 0 !important; }
.mln { margin-left: 0 !important; }

/**/
.ptn { padding-top: 0!important;  }
.prn { padding-right: 0!important;  }
.pbn { padding-bottom: 0!important;  }
.pln { padding-left: 0!important;  }

/**/
.left { display: block; float: left !important; }
.right { display: block; float: right !important; }

/**/
.posR { position: relative; }
.posA { position: absolute; }
.posI { position: inherit; }

/**/
::selection { background: #FFF; color: #4b184c; }
::-moz-selection { background: #FFF; color: #4b184c; }

/*======================================== 
	TYPOGRAPHY CSS
/*======================================*/

p { line-height: 1.5em; }
h1, h2, h3, h4, h5, h6 { display: block; font-weight: normal; font-family: 'open_sans_lightregular', Arial; }
h1 { font-size: 42px; line-height: 42px; padding-bottom:20px }
h2 { font-size: 36px; line-height: 36px; }
h3 { font-size: 28px; line-height: 28px; }
h4 { font-size: 20px; line-height: 20px; }
h5 { font-size: 15px; line-height: 15px; }
h6 { font-size: 14px; line-height: 14px; }

/*======================================== 
	GRID CSS
/*======================================*/

#wrapper { margin: auto; width: 980px; }

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10 { display: block; float: left; }

strong, .bold { font-family: 'open_sans_semiboldregular', Arial; font-weight: normal;  }
.white { background: #fff; }
.grey { color: #f7f7f7; }


/*==============================================
	INDEX PAGE CSS
==============================================*/

/* wrapper */
#wrapper { margin: auto; width: 980px; padding: 25px 0; }

/* block */
.block { border-radius: 10px; overflow: hidden; margin: 0 0 10px 0; }
.shadow { box-shadow: 0 0 3px #ddd; -moz-box-shadow: 0 0 3px #ddd; -webkit-box-shadow: 0 0 3px #ddd; }

/* header */
#header { background: #fdfbfb; border-bottom: 1px solid #d9d8d8; overflow: hidden; }
.headertxt { color: #4c4b4b; clear: both; padding: 20px 0 0 45px; }
.headertxt p { font-size: 16px; } 
.heading1 { color: #4c4b4b; }

/* banner */
.banner { background: #f7f7f7; padding: 20px 0 20px 45px; overflow: hidden; }
.banner h4 { color: #5b9fdb; padding: 0 0 20px 0; }
.pad{ padding: 8px 0 8px 0;}
.textbox { color: #4c4b4b; float: left; padding: 0px 45px 0px 0px; }
.textboxun { color: #4c4b4b; float: left; padding: 0px 45px 0px 0px; width: 800px;}
.textboxun h6 { color: #4c4b4b; padding: 0 0 20px 0; font-family: 'open_sans_semiboldregular', Arial; font-weight: normal; }
.textboxun li { margin: 0 0 20px 20px; font-size: 13px; }

.boxlast{background: #ffffff; width:250px; height: 150px; float: left; padding: 15px;color: #4c4b4b; }

.txt14 { font-size: 14px; line-height: 18px; }
.txt16 { font-size: 16px; padding: 0 0 24px 0; }
.txt28 { font-size: 28px; padding: 0 0 2px 0; }
.txt20 { font-size: 20px; line-height: 26px; }
.txt30 { font-size: 30px; line-height: 30px; }
.txt52 { font-size: 52px; line-height: 62px; padding: 0 0 40px 0; }
.txt36 { color: #090; font-size: 36px; line-height: 37px; padding: 0 0 10px 0; }



/* footer */
footer { color: #8d8c8c; padding: 10px 0 70px 0; font-size: 12px; margin: auto; width: 980px; }
footer p { padding: 20px 0 0 0; text-align: center; }
footer a { color: #8d8c8c; }
footer a:hover { text-decoration: underline; }
