/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
-----------------------------------*/
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
-----------------------------------*/
/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
-----------------------------------*/
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 0.9em;
}

/* Embedded content
-----------------------------------*/
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}


/* Grouping content
-----------------------------------*/
/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/* Forms
-----------------------------------*/
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}


/* Tables
-----------------------------------*/
/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}
/**
* End Normalize
*/


/*----------------------------------
	Base 970 Grid
-----------------------------------*/

body {
	min-width: 320px;
}
.container {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	width: 960px;
}
.row {
	display:block;
	overflow:hidden;
	clear:both;
}

*[class*="grid_"].alpha {
	margin-left:0;
}
*[class*="grid_"].omega {
	margin-right:0;
}

.container .grid_1  { width: 6.6666666666667%; }
.container .grid_2  { width: 15%; }
.container .grid_3  { width: 23.333333333333%; }
.container .grid_4  { width: 31.666666666667%; }
.container .grid_5  { width: 40%; }
.container .grid_6  { width: 48.333333333333%; }
.container .grid_7  { width: 56.666666666667%; }
.container .grid_8  { width: 65%; }
.container .grid_9  { width: 73.333333333333%; }
.container .grid_10 { width: 81.666666666667%; }
.container .grid_11 { width: 90%; }
.container .grid_12 { width: 98.333333333333%; }

*[class*="grid_"] {
	margin-left: 0.83333333333333%;
	margin-right: 0.83333333333333%;
	float: left;
	display: block;
}
*[class*="grid_"] img, 
*[class*="grid_"] object, 
*[class*="grid_"] embed {	
	max-width: 100%;
}
*[class*="grid_"] img { 
	height: auto; 
}

.left-col {
	width: 50%;
	float: left;
	display: block;
}
.right-col {
	width: 50%;
	float: left;
	display: block;
}


.left-col img,
.right-col img {
	max-width: 100%;
}


/* Mobile switch */
.mobile-only {
	display: none;
}
.pc-only,
.mobile-off {
	display: block;
}

/*------------over 768px------------*/
@media all and (min-width: 768px) and (max-width: 959px) {

body {
	min-width: 768px;
}
.container {
	margin-left: auto;/*10px*/
	margin-right: auto;/*10px*/
	width: 758px;
}

/* Mobile switch */
.mobile-only,
.tablet-off,
.pc-only {
	display: none;
}
.mobile-off {
	display: block;
}

}

/*------------over 480px------------*/
@media all and (min-width: 480px) and (max-width: 767px) {
	
body{
	min-width: 480px;
}
	
.container { 
	margin: 0 auto; 
	width: 470px; 
	overflow: hidden; 
}

.left-col,
.right-col {
	width: 100%;
	margin: 0;
	margin-bottom: 11px;
	clear: both;
	float: none;
}	
.container *[class*="grid_"] {
	width: 100%;
	clear: both;
	float: none;
	display: block;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
}

/* Mobile switch */
.pc-only,
.mobile-off {
	display: none;
}
.mobile-only,
.tablet-off {
	display: block;
}


}

/*------------over 320px------------*/
@media all and (max-width: 479px) {

body{
	min-width: 320px;
}

.container { 
	margin: 0 auto; 
	width: 300px; 
	overflow: hidden; 
}

.left-col,
.right-col {
	width: 100%;
	margin: 0;
	clear: both;
	float: none;
}
.container *[class*="grid_"] {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
}

/* Mobile switch */
.mobile320-off,
.mobile-off,
.pc-only {
	display: none;
}
.mobile-only,
.tablet-off {
	display: block;
}


}


/*---------------------------------
	HR
-----------------------------------*/
hr { 
	clear:both;
	border-bottom:0;
	border-top:1px solid #fff;
	filter: alpha(opacity=0)/*ie100*/
	-moz-opacity:0.0;/*fx1.0*/
	opacity:0.0;/*wk1.0*/
	border-right:0;
	border-left:0;
	margin:15px 0;
	min-height: 0px;
	height:1px;
}
hr.space { 
	margin:20px 0;
}


/*---------------------------------
	HEADINGS
-----------------------------------*/
h1,h2,h3,h4,h5,h6 {
font-weight:nomal;
line-height:1.2em;
padding: 0;
}

h1 {
font-size:24px;
margin:10px 0 10px 0;
}

h2 {
font-size:21px;
margin:10px 0 10px 0;
}

h3 {
font-size:18px;
margin:10px 0 10px 0;
}

h4 {
font-size:16px;
margin:10px 0 10px 0;
}

h5 {
font-size:14px;
margin:7px 0 7px 0;
}

h6 {
font-size:14px;
margin:7px 0 7px 0;
}

/*---------------------------------
	PARAGRAPHS
-----------------------------------*/
p {
font-size: 14px;
line-height:1.52em;
margin:0 0 14px 0;
}

/*---------------------------------
	BLOCKQUOTES
-----------------------------------*/
blockquote{
font-size:1.5em;
font-style: italic;
color:#888;
margin:30px 30px 30px 0;
padding:0 0 0 20px;
border-left:1px solid #ccc;
}

	blockquote span{font-size:0.7em;color:#000;display:block;}
	blockquote.small{font-size:1.2em;}
	
/*---------------------------------
	LISTS
-----------------------------------*/
ul, ol{
	padding:0;
	margin:0 0 20px 25px;
}

	li{
	padding:5px 0;
	margin:0;
	}

ul.list {
	padding: 0 0 0 36px;
	margin: 0 0 14px 0;
}

	ul.list li {
	padding: 5px 0;
	margin: 0;
	list-style-type: square;
	}
	
ul.alt{
padding:0;
margin:0 0 20px 0;
}

	ul.alt li{
	list-style-type:none;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	margin:0 0 -1px 0;
	background:url("../images/icon-arrow-right.png") no-repeat 5px 0.7em;
	padding-left:20px;
	}
	
/*---------------------------------
	TABLES
-----------------------------------*/
table{width:100%;margin:0 0 10px 0;text-align:left;border-collapse: collapse;}
	thead, tbody{margin:0;padding:0;}
	th, td{padding:7px 10px;font-size:0.9em;border-bottom:1px dotted #ddd;text-align:left;}
	thead th{font-size:0.9em;padding:3px 10px;border-bottom:1px solid #ddd;}
	tbody tr.last th,
	tbody tr.last td{border-bottom:0;}
	
/* striped */
table.striped{}
	table.striped tr.alt{background:#f5f5f5;}
	table.striped thead th{background:#fff;}
	table.striped tbody th{background:#f5f5f5;text-align:right;padding-right:15px;border-right:1px dotted #e5e5e5;}
	table.striped tbody tr.alt th{background:#efefef;}

/* tight */
table.tight{}
	table.tight th, .tight td{padding:2px 10px;}


/* table */
table.table {
	width: 100%;
	margin: 0;
	text-align: left;
	border-collapse: collapse;
}
.table thead, .table tbody {
	margin: 0;
	padding: 0;
}
.table tbody {
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
}
.table th, 
.table td {
	padding: 5px 10px;
	font-size: 1em;
	font-weight: nomal;
	border-top: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	text-align: left;
}


/*---------------------------------
	TABS
-----------------------------------*/
ul.tabs{
margin:10px 0 -1px 0;
padding:0;
width:100%;
border-bottom:1px solid #e5e5e5;
float:left;
}

	ul.tabs.left{text-align:left;}
	ul.tabs.center{text-align:center;}
	ul.tabs.right{text-align:right;}

	ul.tabs li{
	list-style-type:none;
	margin:0 2px 0 0;
	padding:0;
	display:inline-block;
	*display:inline;/*IE ONLY*/
	position:relative;
	top:0;
	left:0;
	*top:1px;/*IE 7 ONLY*/
	zoom:1;
	}
	
	ul.tabs li a{
	text-decoration:none;
	color:#666;
	display:inline-block;
	padding:9px 15px;
	position: relative;
	top:0;
	left:0;
	line-height:100%;
	background:#f5f5f5;
	box-shadow: inset 0px -3px 3px rgba(0,0,0,0.03);
	border:1px solid #e5e5e5;
	border-bottom:0;
	font-size:0.9em;
	zoom:1;
	}
	
	ul.tabs li a:hover{
	background:#fff;
	}
	
	ul.tabs li.current a{
	position:relative;
	top:1px;
	left:0;
	background:#fff;
	box-shadow: none;
	color:#222;
	}
	
	.tab-content {
	border:1px solid #efefef;
	border-left:1px solid #e5e5e5;
	clear:both;
	padding: 5%;
	margin: 0;
	width: 90%;
	}
	
/*---------------------------------
	BREADCRUMBS
-----------------------------------*/
ul.breadcrumbs{
margin:10px 0;
padding:0;
line-height:0%;
font-size:0;
}

	ul.breadcrumbs li{
	list-style-type:none;
	margin:0;
	padding:0;
	display:inline-block;
	*display:inline; /* IE ONLY*/
	position:relative;
	zoom:1;
	line-height:100%;
	font-size:14px; /* 0.8em default to override font-size:0; on parent*/
	}
	
	ul.breadcrumbs li a{
	display:inline-block;
	*display:inline; /* IE ONLY*/
	position:relative;
	padding:5px 15px 5px 5px;
	font-size:0.9em;
	zoom:1;
	margin:0;
	background:url("images/icon-arrow-right.png") no-repeat right center;
	}
	
	ul.breadcrumbs li.last a{
	color:#333;
	cursor: default;
	text-decoration:none;
	background:none;
	}
	
	ul.breadcrumbs li.last a:hover{
	text-decoration:none;
	}

/*---------------------------------
	Text-Align
-----------------------------------*/
.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}


/*---------------------------------
	Float
-----------------------------------*/
img {
	vertical-align: middle;
}

.f-left {
	 float: left;
}
img.left {
	margin-right: 14px;
	margin-bottom: 7px;
}
.f-center {
	float: none;
	margin: 0 auto;
}
img.center {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
.f-right {
	float: right;
}
img.right {
	margin-left: 14px;
	margin-bottom: 7px;
}

	
/*---------------------------------
	IMAGES
-----------------------------------*/
/*
	for img .style1, .style2, .style3
	view js/kickstart.js Image Style Helpers
*/
img{
margin:0;
padding:0;
border:0;
display:inline-block;
position:relative;
zoom:1;
}

	img.align-left{float:left;margin:0 10px 5px 0;}
	img.align-right{float:right;margin:0 0 5px 10px;}
	img.full-width{clear:both;display:block;width:100%;height:auto;margin:0 0 10px 0;}
		
/*---------------------------------
	MEDIA
-----------------------------------*/
	
iframe.map-placeholder{
border:1px solid #ccc;
margin:0;
padding:0;
overflow: hidden;
box-sizing: border-box;
}
	
.calendar{
text-align:center;
text-shadow:0px 1px 0px #fff;
color:#666;
border:1px solid #ddd;
background:#f5f5f5;
}
	.calendar h4#current-month{font-size:1em;margin:0;padding:2% 0;border-top:1px solid #fff;line-height:100%;font-weight:normal;}
	.calendar table{margin:0;border-collapse: collapse;border:0;}
	.calendar th, .calendar td{text-align:center;padding:0;font-weight: normal;line-height:100%;border:0;}
	.calendar th{width:14.2857%;padding:2% 0;border-bottom:1px solid #ddd;}
	.calendar td{background:#fff;padding:3% 0;}
	.calendar th.weekday{color:#999;font-size:0.7em;text-transform: uppercase;}
	.calendar td.other-month{color:#ccc;}
	.calendar td.current-month{background:#fff;color:#777;}


/*---------------------------------
	Flat Button
-----------------------------------*/


/*---------------------------------
	Plus Design
-----------------------------------*/
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*---------------------------------
	Colors
-----------------------------------*/
.red {
	color: #CC3366;
}
.purple {
	color: #BA55D3;
}
.violet {
	color: #EE82EE;
}
.plum {
	color: #DDA0DD;
}
.blue {
	color: #4169E1;
}
.sky {
	color: #87CEFA;
}
.green {
	color: #3CB371;
}
.olive {
	color: #808000;
}
.pink {
	color: #DB7093;
}
.tomato {
	color: #FF6347;
}
.orange {
	color: #FF8C00;
}
.yellow {
	color: #FFD700;
}
.brown {
	color: #8B4513;
}
.lightbrown {
	color: #BC8F8F;
}

/*---------------------------------
	M-btn
-----------------------------------*/
.m-btn {
  position: relative;
  display: inline-block;
  overflow: visible;
  margin: 0;
  padding: 10px 14px;   
  cursor: pointer;
  outline: none;
  border: none; 
  background-color: #eeeeee;
  /* IE hacks */
  zoom: 1;
  z-index: 1;
  *display: inline;
  font-size: 14px;
  line-height: 14px;
  color: #333333;
  min-width: 42px;
  text-shadow: #ffffff 0 1px 0;	 
  text-align: center;  
  text-decoration: none;
  white-space: nowrap;
  vertical-align: inherit;
}
.m-btn:hover,
.m-btn:focus,
.m-btn:active,
.m-btn.active {
  color: #333;
  text-decoration: none;  
  background-color: #dcdcdc;
  z-index: 100;
  outline: none;
}

.m-btn:active, 
.m-btn.active {
  background-color: #eeeeee;
  -webkit-box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.25);
}

/* Blue border on button focus. */
.m-btn:focus {
  border-color: #4D90FE;
}
/* overrides Firefox */
.m-btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* Common button classes */
.m-btn.red:active,
.m-btn.red.active,
.m-btn.orange:active,
.m-btn.orange.active,
.m-btn.blue:active,
.m-btn.blue.active,
.m-btn.green:active,
.m-btn.green.active,
.m-btn.black:active,
.m-btn.black.active {
  -webkit-box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.25);
  color: white !important;  
}


/*  Red */
.m-btn.red {
  color: white;  
  text-shadow: none;	
  background-color: #d84a38;
}
.m-btn.red:hover, 
.m-btn.red:focus, 
.m-btn.red:active, 
.m-btn.red.active {    
  background-color: #c53727;
}
.m-btn.red:active,
.m-btn.red.active
{
  background-color: #dd4b39;
}

/*  Orange */
.m-btn.orange {
  color: white;  
  text-shadow: none;	
  background-color: #ff6600;/*#FF8C00;*/
}
.m-btn.orange:hover, 
.m-btn.orange:focus, 
.m-btn.orange:active, 
.m-btn.orange.active {    
  background-color: #FF4500;/*#FF6347;*/
}
.m-btn.orange:active,
.m-btn.orange.active
{
  background-color: #ED7248;
}

/*  Blue */
.m-btn.blue   
{
  color: white;  
  text-shadow: none;	
  background-color: #3498db;
}
.m-btn.blue:hover, 
.m-btn.blue:focus, 
.m-btn.blue:active,
.m-btn.blue.active {  
  background-color: #0072bb;
}
.m-btn.blue:active,
.m-btn.blue.active
{
  background-color: #3498db;
}

/*  Green */
.m-btn.green {
  color: white;
  text-shadow: none;	 
  background-color: #35aa47;
}
.m-btn.green:hover, 
.m-btn.green:focus, 
.m-btn.green:active, 
.m-btn.green.active { 
  background-color: #007700;/*#1d943b;*/
}
.m-btn.green:active,
.m-btn.green.active
{
  background-color: #35aa47;
}
/*  Black */
.m-btn.black {
  color: white; 
  text-shadow: none;	
  background-color: #555555;
}
.m-btn.black:hover, 
.m-btn.black:focus, 
.m-btn.black:active, 
.m-btn.black.active { 
  background-color: #222222;
}
.m-btn.black:active,
.m-btn.black.active
{
  background-color: #222222;
}