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

/* Column code based on work from cssgrid.net: 
The 1140px Grid by Andy Taylor – http://cssgrid.net – http://www.twitter.com/andytlr – http://www.catchingzebra.com */
.container {padding-left: 20px; padding-right: 20px;}
.row {clear: both; overflow: hidden;}

.col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11 {float: left; margin-right: 3.8%; position: relative;}

.col_1 {width: 4.85%;}  /* ie - 4.7% */
.col_2 {width: 13.5%;}  /* ie - 13.2% */
.col_3 {width: 22.15%;} /* ie - 22.05% */
.col_4 {width: 30.8%;} 	/* ie - 30.6% */
.col_5 {width: 39.45%;} /* ie - 39% */
.col_6 {width: 48.1%;} 	/* ie - 48% */
.col_7 {width: 56.75%;} /* ie - 56.75% */
.col_8 {width: 65.4%;} 	/* ie - 61.6% */
.col_9 {width: 74.05%;} /* ie - 74.05% */
.col_10 {width: 82.7%;} /* ie - 82.7% */
.col_11 {width: 91.35%;}/* ie - 91.35% */
.col_12 {clear: both; width: 100%; float: left;}


.last, .omega {margin-right: 0 !important;}
img, object, embed {max-width: 100%;}


/*
_______________________________
Columnal - sub-columns */

.col_2 .col_1 {margin-right:28.62%; width:35.69%;}
.col_2 .pre_1 {padding-left:35.69%;}
.col_2 .suf_1 {padding-right:35.69%;}

/* */

.col_3 .col_2, .col_3 .col_1 {margin-right:17.45%;}
.col_3 .col_1 {width:21.7%;}
.col_3 .col_2 {width:60.86%;}

.col_3 .pre_1 {padding-left:21.7%;}
.col_3 .pre_2 {padding-left:60.86%;}

.col_3 .suf_1 {padding-right:21.7%;}
.col_3 .suf_2 {padding-right:60.86%;}

/* */

.col_4 .col_3, .col_4 .col_2, .col_4 .col_1 {margin-right:12.36%;}
.col_4 .col_1 {width:15.73%;}
.col_4 .col_2 {width:43.82%;}
.col_4 .col_3 {width:71.91%;}

.col_4 .pre_1 {padding-left:28.09%;}
.col_4 .pre_2 {padding-left:56.18%;}
.col_4 .pre_3 {padding-left:84.27%;}

.col_4 .suf_1 {padding-right:28.09%;}
.col_4 .suf_2 {padding-right:56.18%;}
.col_4 .suf_3 {padding-right:84.27%;}

/* */

.col_5 .col_4, .col_5 .col_3, .col_5 .col_2, .col_5 .col_1 {margin-right:9.7%;} 
.col_5 .col_1 {width:12.24%;}
.col_5 .col_2 {width:34%;}
.col_5 .col_3 {width:56.28%;}
.col_5 .col_4 {width:78%;}

.col_5 .pre_1 {padding-left:21.94%;}
.col_5 .pre_2 {padding-left:43.7%;}
.col_5 .pre_3 {padding-left:65.98%;}
.col_5 .pre_4 {padding-left:87.7%;}

.col_5 .suf_1 {padding-right:21.94%;}
.col_5 .suf_2 {padding-right:43.7%;}
.col_5 .suf_3 {padding-right:65.98%;}
.col_5 .suf_4 {padding-right:87.7%;}

/* */

.col_6 .col_5, .col_6 .col_4, .col_6 .col_3, .col_6 .col_2, .col_6 .col_1 {margin-right:7.77%}
.col_6 .col_1 {width:10.19%;}
.col_6 .col_2 {width: 28.13%;}
.col_6 .col_3 {width: 46.11%;}
.col_6 .col_4 {width: 64.1%;}
.col_6 .col_5 {width: 82%;}

.col_6 .pre_1 {padding-left:89.77%;}
.col_6 .pre_2 {padding-left:71.87%;}
.col_6 .pre_3 {padding-left:53.88%;}
.col_6 .pre_4 {padding-left:35.9%;}
.col_6 .pre_5 {padding-left:17.96%;}

.col_6 .suf_1 {padding-right:89.77%;}
.col_6 .suf_2 {padding-right:71.87%;}
.col_6 .suf_3 {padding-right:53.88%;}
.col_6 .suf_4 {padding-right:35.9%;}
.col_6 .suf_5 {padding-right:17.96%;}

/* */

.col_7 .col_6, .col_7 .col_5, .col_7 .col_4, .col_7 .col_3, .col_7 .col_2, .col_7 .col_1 {margin-right: 6.56%;}
.col_7 .col_1 {width:8.66%;}
.col_7 .col_2 {width:23.88%;}
.col_7 .col_3 {width:39.11%;}
.col_7 .col_4 {width:54.33%;}
.col_7 .col_5 {width:69.56%;}
.col_7 .col_6 {width:84.78%;}

.col_7 .pre_1 {padding-left:15.22%;}
.col_7 .pre_2 {padding-left:30.44%;}
.col_7 .pre_3 {padding-left:45.67%;}
.col_7 .pre_4 {padding-left:60.89%;}
.col_7 .pre_5 {padding-left:76.12%;}
.col_7 .pre_6 {padding-left:91.34%;}

.col_7 .suf_1 {padding-right:15.22%;}
.col_7 .suf_2 {padding-right:30.44%;}
.col_7 .suf_3 {padding-right:45.67%;}
.col_7 .suf_4 {padding-right:60.89%;}
.col_7 .suf_5 {padding-right:76.12%;}
.col_7 .suf_6 {padding-right:91.34%;}

/* */

.col_8 .col_7, .col_8 .col_6, .col_8 .col_5, .col_8 .col_4, .col_8  .col_3, .col_8 .col_2, .col_8 .col_1 {margin-right:5.78%;}
.col_8 .col_1 {width:7.44%;}
.col_8 .col_2 {width:20.66%;}
.col_8 .col_3 {width:33.89%;}
.col_8 .col_4 {width:47.11%;}
.col_8 .col_5 {width:60.33%;}
.col_8 .col_6 {width:73.56%;}
.col_8 .col_7 {width:86.78%;}

.col_8 .pre_1 {padding-left:13.22%;}
.col_8 .pre_2 {padding-left:26.44%;}
.col_8 .pre_3 {padding-left:39.67%;}
.col_8 .pre_4 {padding-left:52.89%;}
.col_8 .pre_5 {padding-left:66.11%;}
.col_8 .pre_6 {padding-left:79.34%;}
.col_8 .pre_7 {padding-left:92.56%;}

.col_8 .suf_1 {padding-right:13.22%;}
.col_8 .suf_2 {padding-right:26.44%;}
.col_8 .suf_3 {padding-right:39.67%;}
.col_8 .suf_4 {padding-right:52.89%;}
.col_8 .suf_5 {padding-right:66.11%;}
.col_8 .suf_6 {padding-right:79.34%;}
.col_8 .suf_7 {padding-right:92.56%;}

/* */

.col_9 .col_1, .col_9 .col_2, .col_9 .col_3, .col_9 .col_4, .col_9 .col_5, .col_9 .col_6, .col_9 .col_6, .col_9 .col_7, .col_9 .col_8 {margin-right:5.1%;}
.col_9 .col_1 {width:6.57%;}
.col_9 .col_2 {width:18.25%;}
.col_9 .col_3 {width:29.93%;}
.col_9 .col_4 {width:41.61%;}
.col_9 .col_5 {width:53.25%}
.col_9 .col_6 {width:64.97%;}
.col_9 .col_7 {width:76.65%;}
.col_9 .col_8 {width:88.33%;}

.col_9 .pre_1 {padding-left:11.67%;}
.col_9 .pre_2 {padding-left:23.35%;}
.col_9 .pre_3 {padding-left:35.03%;}
.col_9 .pre_4 {padding-left:46.71%;}
.col_9 .pre_5 {padding-left:58.35%}
.col_9 .pre_6 {padding-left:70.07%;}
.col_9 .pre_7 {padding-left:81.75%;}
.col_9 .pre_8 {padding-left:93.43%;}

.col_9 .suf_1 {padding-right:11.67%;}
.col_9 .suf_2 {padding-right:23.35%;}
.col_9 .suf_3 {padding-right:35.03%;}
.col_9 .suf_4 {padding-right:46.71%;}
.col_9 .suf_5 {padding-right:58.35%}
.col_9 .suf_6 {padding-right:70.07%;}
.col_9 .suf_7 {padding-right:81.75%;}
.col_9 .suf_8 {padding-right:93.43%;}

/* */

.col_10 .col_9, .col_10 .col_8, .col_10 .col_7, .col_10 .col_6, .col_10 .col_5, .col_10 .col_4, .col_10 .col_3, .col_10 .col_2, .col_10 .col_1 {margin-right:4.61%;}
.col_10 .col_1 {width:5.85%;}
.col_10 .col_2 {width:16.31%;}
.col_10 .col_3 {width:26.77%;}
.col_10 .col_4 {width:37.23%;}
.col_10 .col_5 {width:47.69%;}
.col_10 .col_6 {width:58.16%;}
.col_10 .col_7 {width:68.62%;}
.col_10 .col_8 {width:79.08%;}
.col_10 .col_9 {width:89.54%;}

.col_10 .pre_1 {padding-left:10.46%;}
.col_10 .pre_2 {padding-left:20.92%;}
.col_10 .pre_3 {padding-left:31.38%;}
.col_10 .pre_4 {padding-left:41.84%;}
.col_10 .pre_5 {padding-left:52.3%;}
.col_10 .pre_6 {padding-left:62.77%;}
.col_10 .pre_7 {padding-left:73.23%;}
.col_10 .pre_8 {padding-left:83.69%;}
.col_10 .pre_9 {padding-left:94.06%;}

.col_10 .suf_1 {padding-right:10.46%;}
.col_10 .suf_2 {padding-right:20.92%;}
.col_10 .suf_3 {padding-right:31.38%;}
.col_10 .suf_4 {padding-right:41.84%;}
.col_10 .suf_5 {padding-right:52.3%;}
.col_10 .suf_6 {padding-right:62.77%;}
.col_10 .suf_7 {padding-right:73.23%;}
.col_10 .suf_8 {padding-right:83.69%;}
.col_10 .suf_9 {padding-right:94.06%;}

/* */

.col_11 .col_10, .col_11 .col_9, .col_11 .col_8, .col_11 .col_7, .col_11 .col_6, .col_11 .col_5, .col_11 .col_4, .col_11 .col_3, .col_11 .col_2, .col_11 .col_1 {margin-right:4.14%;}
.col_11 .col_1 {width:5.32%;}
.col_11 .col_2 {width:14.79%;}
.col_11 .col_3 {width:24.26%;}
.col_11 .col_4 {width:33.73%;}
.col_11 .col_5 {width:43.2%;}
.col_11 .col_6 {width:52.66%;}
.col_11 .col_7 {width:62.1%;}
.col_11 .col_8 {width:71.6%;}
.col_11 .col_9 {width:81.07%;}
.col_11 .col_10 {width:90.54%;}

.col_11 .pre_1 {padding-left:9.46%;}
.col_11 .pre_2 {padding-left:18.93%;}
.col_11 .pre_3 {padding-left:28.4%;}
.col_11 .pre_4 {padding-left:37.87%;}
.col_11 .pre_5 {padding-left:47.34%;}
.col_11 .pre_6 {padding-left:56.8%;}
.col_11 .pre_7 {padding-left:66.24%;}
.col_11 .pre_8 {padding-left:75.74%;}
.col_11 .pre_9 {padding-left:85.21%;}
.col_11 .pre_10 {padding-left:94.68%;}

.col_11 .suf_1 {padding-right:9.46%;}
.col_11 .suf_2 {padding-right:18.93%;}
.col_11 .suf_3 {padding-right:28.4%;}
.col_11 .suf_4 {padding-right:37.87%;}
.col_11 .suf_5 {padding-right:47.34%;}
.col_11 .suf_6 {padding-right:56.8%;}
.col_11 .suf_7 {padding-right:66.24%;}
.col_11 .suf_8 {padding-right:75.74%;}
.col_11 .suf_9 {padding-right:85.21%;}
.col_11 .suf_10 {padding-right:94.68%;}

/*
_______________________________
Columnal - prefix and suffix columns for horizontal spacing options */

/* spacing for before column */
.pre_1 {padding-left: 8.65%;} /* 4.85 + 3.8 */
.pre_2 {padding-left: 17.3%;} /* 13.5 + 3.8 */
.pre_3 {padding-left: 25.95%;} /* 22.15 + 3.8 */
.pre_4 {padding-left: 34.6%;} /* 30.8 + 3.8 */
.pre_5 {padding-left: 43.25%;} /* 39.45 + 3.8 */
.pre_6 {padding-left: 51.9%;} /* 48.1 + 3.8 */
.pre_7 {padding-left: 60.55%;} /* 56.75 + 3.8 */
.pre_8 {padding-left: 69.2%;} /* 65.4 + 3.8 */
.pre_9 {padding-left: 77.85%;} /* 74.05 + 3.8 */
.pre_10 {padding-left: 86.5%;} /* 82.7 + 3.8 */
.pre_11 {padding-left: 95.15%;} /* 91.35 + 3.8 */

/* spacing for after column */
.suf_1 {padding-right: 8.65%;}
.suf_2 {padding-right: 17.3%;}
.suf_3 {padding-right: 25.95%}
.suf_4 {padding-right: 34.6%;}
.suf_5 {padding-right: 43.25%;}
.suf_6 {padding-right: 51.9%;}
.suf_7 {padding-right: 60.55%;}
.suf_8 {padding-right: 69.2%;}
.suf_9 {padding-right: 77.85%;}
.suf_10 {padding-right: 86.5%;}
.suf_11 {padding-right: 95.15%;}

/*
_______________________________
Columnal - vertical spacing options */

.margin_top_5 {margin-top: 5px !important;}
.margin_top_15 {margin-top: 15px !important;}
.margin_top_25 {margin-top: 25px !important;}
.margin_top_30 {margin-top: 30px !important;}
.margin_top_35 {margin-top: 35px !important;}
.margin_top_45 {margin-top: 45px !important;}
.margin_top_60 {margin-top: 60px !important;}
.margin_top_90 {margin-top: 90px !important;}
.margin_top_120 {margin-top: 120px !important;}

.margin_bottom_5 {margin-bottom: 5px !important;}
.margin_bottom_15 {margin-bottom: 15px !important;}
.margin_bottom_25 {margin-bottom: 25px !important;}
.margin_bottom_30 {margin-bottom: 30px !important;}
.margin_bottom_35 {margin-bottom: 35px !important;}
.margin_bottom_45 {margin-bottom: 45px !important;}
.margin_bottom_60 {margin-bottom: 60px !important;}
.margin_bottom_90 {margin-bottom: 90px !important;}
.margin_bottom_120 {margin-bottom: 120px !important;}

.padding_top_15 {padding-top:15px !important;}
.padding_top_30 {padding-top:30px !important;}
.padding_top_45 {padding-top:45px !important;}
.padding_top_60 {padding-top:60px !important;}
.padding_top_90 {padding-top:90px !important;}
.padding_top_120 {padding-top:120px !important;}
.padding_top_130 {padding-top:130px !important;}

.padding_bottom_15 {padding-bottom:15px !important;}
.padding_bottom_30 {padding-bottom:30px !important;}
.padding_bottom_45 {padding-bottom:45px !important;}
.padding_bottom_60 {padding-bottom:60px !important;}
.padding_bottom_90 {padding-bottom:90px !important;}
.padding_bottom_120 {padding-bottom:120px !important;}
.padding_bottom_130 {padding-bottom:130px !important;}



/*
_______________________________
Columnal - extras */

.clear, .clearboth {clear:both !important;}
.clearleft {clear:left !important;}
.clearright {clear:right !important;}

.textcenter {text-align:center;}
.textright {text-align:right;}
.textleft {text-align:left;}

/* this will insert a pseduo element clears floats for an element containing floated content */
.selfclear:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}

.mobile-only {display: none;}

/* END COLUMNAL - CORE CODE
///////////////////////////////////////////// */



/* COLUMNAL - MOBILE
///////////////////////////////////////////// */

@media handheld, only screen and (max-width: 767px) {
	.row, .body, .container {
	width: 100%;
	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;
	}
	/* kill prefixes and suffixes, otherwise 1-column version breaks */
	.pre_1, .pre_2, .pre_3, .pre_4, .pre_5, .pre_6, .pre_7, .pre_8, .pre_9, .pre_10, .pre_11 {padding-left: 0;}
	.suf_1, .suf_2, .suf_3, .suf_4, .suf_5, .suf_6, .suf_7, .suf_8, .suf_9, .suf_10, .suf_11 {padding-right: 0;}

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

	/* cssgrid.net - mobile presets */
	.col_1, .col_2, .col_3, .col_4, .col_5, .col_6,
	.col_7, .col_8, .col_9, .col_10, .col_11, .col_12 {
		clear: both;
		float: none;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		width: auto;
		width: -moz-available;
	}


	/* Columnal - sub columns */
	.col_2 .col_1, 
	.col_3 .col_2, .col_3 .col_1,
	.col_4 .col_3, .col_4 .col_2, .col_4 .col_1,
	.col_5 .col_4, .col_5 .col_3, .col_5 .col_2, .col_5 .col_1,
	.col_6 .col_5, .col_6 .col_4, .col_6 .col_3, .col_6 .col_2, .col_6 .col_1,
	.col_7 .col_6, .col_7 .col_5, .col_7 .col_4, .col_7 .col_3, .col_7 .col_2, .col_7 .col_1,
	.col_8 .col_7, .col_8 .col_6, .col_8 .col_5, .col_8 .col_4, .col_8 .col_3, .col_8 .col_2, .col_8 .col_1,
	.col_9 .col_1, .col_9 .col_2, .col_9 .col_3, .col_9 .col_4, .col_9 .col_5, .col_9 .col_6, .col_9 .col_7, .col_9 .col_8,
	.col_10 .col_9, .col_10 .col_8, .col_10 .col_7, .col_10 .col_6, .col_10 .col_5, .col_10 .col_4, .col_10 .col_3, .col_10 .col_2, .col_10 .col_1,
	.col_11 .col_10, .col_11 .col_9, .col_11 .col_8, .col_11 .col_7, .col_11 .col_6, .col_11 .col_5, .col_11 .col_4, .col_11 .col_3, .col_11 .col_2, .col_11 .col_1,
	.col_12 .col_11, .col_12 .col_10, .col_12 .col_9, .col_12 .col_8, .col_12 .col_7, .col_12 .col_6, .col_12 .col_5, .col_12 .col_4, .col_12 .col_3, .col_12 .col_2, .col_12 .col_1 {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}

	/* .row {width: 100%;} */
	/* Type presets */
	.container h1 {margin:.5em 0 .5em;}
	.container h2 {margin:.5em 0 .535em;}
	.container h3 {margin:.5em 0 .57em;}
	.container h4 {margin:.5em 0 .615em;}
	.container h5 {margin:.5em 0 .67em;}
	.container h6 {margin:.5em 0 .8em;}

	/* .reverse {padding-top: 1em; margin-bottom: 1em;} */

	/* Columnal content control - use on any elements to show/hide content on mobile */
	.mobile-hide {display: none;}
	.mobile-only {display: block;}

	/*****************************************
	   CUSTOM ADDITIONS FOR MOBILE SITE LAYOUT 
	*****************************************/

	

}
/* END COLUMNAL - MOBILE
///////////////////////////////////////////// */

/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography for Slate.
   
-------------------------------------------------------------- */

/* Default font settings */
body { 
  /* customize_body */ font:normal normal 13px Verdana; /* customize_body */
  /* customize_body */ color:#666; /* customize_body */
  line-height:1.5;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-family: Verdana, Arial, Helvetica, "微软雅黑"; font-weight: 400; /* customize_heading_color */ color:#444; /* customize_heading_color */ }
h1 a, h2 a, h3 a { text-decoration: none; }

h1 { font-size: 3.2em; font-weight: 700; line-height: 1.1em; margin: 0 0 0.5em; }
h2 { font-size: 2.5em; line-height: 1.1em; margin: 0 0 0.5em; }
h3 { font-size: 1.8em; line-height: 1em; margin: 0 0 0.75em; }
h4 { font-size: 1.4em; line-height: 1.25em; margin: 0 0 1em; }
h5 { font-size: 1.2em; font-weight: bold; margin: 0 0 .75em; }
h6 { font-size: 1em; font-weight: bold; margin: 0 0 .75em; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left, img.left	{ float:left; margin:0 1.75em 1.75em 0; }
p img.right, img.right	{ float:right; margin:0 0 1.75em 1.75em; }
img.left, img.right		{ background:#fff; padding:5px; border:1px solid #ddd; }

a { 
	/* customize_link */ color:#506d83; /* customize_link */
	text-decoration: underline;
}
a:hover     { /* customize_link_hover */ color:#27465e; /* customize_link_hover */ }

strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

hr {
  	border: 0!important;
  	width: 100%;
  	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 2em 0!important;
}


/*	Blockquotes  */
blockquote, blockquote p { font-family:"Droid Serif", Georgia, Times, serif; font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
blockquote { margin: 0 0 20px; padding: 0 20px 0 19px; border-left: 3px solid #ddd; }
blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 0 1.5em 2em; padding:0 }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}



/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
.left		{ float:left; }
.right		{ float:right; }

.icon		{ float:left; margin:0 10px 0 0 !important; }

.button {}

/* ----------------------------------------------
	Theme Name : Slate
	Author : Chris Seymour
	Author URI : http://www.c5mix.com/	
 ------------------------------------------------ */


/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 

body {
	/* customize_background */ background-color:#e1e1e1; /* customize_background */
	margin:2%;
	padding:0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
	display: block;
	margin:0;
	padding:0;
}
a { }
a img {
	border: 0;
}

img, object, embed, iframe {
	max-width: 100%;
}

img {
	height: auto;
	-ms-interpolation-mode:bicubic;
}

* {
	outline:none;
}


/* ------------------------------------------
   LAYOUT
------------------------------------------- */ 

#container {
	/* customize_container_background */ background-color:#fff; /* customize_container_background */
	margin:0 auto;
	max-width:1100px;
	width:100%;
	/*box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);*/
}

.inner {
}

/* Header */

header {
	/* customize_header_background */ background-color:#fff; /* customize_header_background */
	padding:10px 3.8%;
	overflow:hidden;
	border-top:4px solid #ccc;
}
#logo {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	display:inline-block;
	float:left;
	width:40%;
}
#logo a {
	font-size:3.5em;
	color:#666;
	text-decoration:none;
	line-height:1em;
}
a#logo-text {
	/* customize_header_logo */ color:#fff; /* customize_header_logo */
	/* customize_header_logo_background */ background-color:#ccc; /* customize_header_logo_background */
	display:inline-block;
	margin-top: -40px!important;
	padding: 60px 10px 10px;
	border-bottom-width:3px;
	border-bottom-style:solid;
	/* customize_header_logo_border */ border-bottom-color:#aaa; /* customize_header_logo_border */
	text-shadow:1px 1px 1px #ddd, -1px -1px 2px #666;
}
a#logo-text:hover {
	/* customize_header_logo_background_hover */ background-color:#bbb; /* customize_header_logo_background_hover */
	/* customize_header_logo_border_hover */ border-bottom-color:#888; /* customize_header_logo_border_hover */
	text-shadow:1px 1px 1px #ddd, -1px -1px 2px #444;
}
#logo p {
	margin:0;
	display:inline;
}
#header-area {
	float:right;
	text-align:right;
	width:60%;
}
#header-area p {
	margin:0;
}
#header-area input[type="text"] {
	display:inline!important;
}



/*  Main Navigation  */

/*** SUPERFISH ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}

/*** DEMO SKIN ***/
.sf-menu {
	float: left;
}
.sf-menu ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
	padding: .75em 1em;
	text-decoration: none;
	zoom: 1; /* IE7 */
}
.sf-menu a {
}
.sf-menu li {
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
}
.sf-menu ul li {
}
.sf-menu ul ul li {
}
.sf-menu li:hover,
.sf-menu li.sfHover {
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 2em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #fff; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #fff; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}

nav {
	/* customize_nav_background */ background-color:#323232; /* customize_nav_background */
	margin:0;
	padding:0 3.8%;
	clear:both;
	z-index:10;
}
nav ul {
	line-height:1;
}
nav ul li {
}

nav ul li a {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size:1.25em;
	/* customize_nav_link */ color:#ddd; /* customize_nav_link */
	text-decoration:none;
	text-shadow:1px 1px 3px #111;
	text-transform:uppercase;
}
nav ul li a:hover, nav ul li a.nav-selected, nav ul li a.nav-path-selected, nav ul li:hover {
	/* customize_nav_link_hover */ color:#fff; /* customize_nav_link_hover */
	/* customize_nav_link_hover_background */ background-color:#00baff; /* customize_nav_link_hover_background */
}

/* Dropdown Menus */		
nav li ul {
	z-index:99;
}
nav li li {
	/* customize_nav_link_hover_background */ background-color:#292929; /* customize_nav_link_hover_background */
    font-size: 0.8em;
}
nav li li a {
}	
nav li li a:hover, nav li li a.nav-selected, nav li li a.nav-path-selected {
	/* customize_nav_dropdown_link_hover_background */ background-color:#222; /* customize_nav_dropdown_link_hover_background */
}
nav li li li {
	font-size:1em;
}

nav .clearboth {
	height:0;
}

#mobile-nav-btn {
    display: none;
    font-size:1.25em;
    font-weight: bold;
    color: #ddd;
	text-shadow:1px 1px 3px #111;
	text-transform:uppercase;
    padding: .75em 1em;
    cursor: pointer;
	position:relative;
}
#mobile-nav-btn span {
	box-shadow: 0 10px 0 1px #ddd, 0 16px 0 1px #ddd, 0 22px 0 1px #ddd;
    display: block;
    height: 0;
    position: absolute;
	top:8px;
    right: 1em;
    width: 16px;
}
.mobnav-subarrow {
    display: none;
}



/* Feature */

#feature {
	margin:0 auto;
	overflow:hidden;
}
#feature p {
	font-size:1.3em;
}
#feature img {
	vertical-align:bottom;
}



/* Sections */

#sections {
	margin:0 0 3.8%;
	padding-bottom:1.5em;
	border-bottom:1px solid #ccc;
}



/* Wrapper */

#wrapper {
	margin:0;
	padding:1.8%;
	overflow: hidden;
}




/* Page Meta */

#page-meta {
	border-bottom:1px solid #ccc;
	margin-bottom:3%;
	padding-bottom:3%;
}
#page-meta h1 {
	margin:0;
}
#page-meta p {
	margin:0.25em 0 0;
	font-family:"Droid Serif", Georgia, Times, serif;
	font-style:italic;
	font-size:1.2em;
}


/* Breadcrumbs */

#breadcrumbs {
	margin-bottom:0.75em;
	font-family:"Lato", Arial, Helvetica, sans-serif;
	font-size:0.75em;
	text-transform:uppercase;
	color:#999;
	float:right;
}
#breadcrumbs a {
	color:#999;
}
#breadcrumbs a:hover {
	color:#777;
}
.ccm-autonav-breadcrumb-sep {
	margin:0 3px;
}



/* Content */

#content {
}



/* Sidebar */

#sidebar {
}



/* Sub Navigation */

#sidebar ul.nav, #sidebar ul.nav ul {
	margin: 0 0 2em;
	padding: 0;
	list-style: none;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
}
#sidebar ul.nav li {
	font-size: 1.1em;
	text-transform:uppercase;
	margin-top:2px;
	margin-bottom:3px;
	padding:0;
}
#sidebar ul.nav li a {
	background:#eee;
	color:#666;
	text-decoration:none;
	display:block;
	padding:5px;
	border-left:3px solid #bbb;
}
#sidebar ul.nav li a:hover, #sidebar ul.nav li a.nav-selected, #sidebar ul.nav li a.nav-path-selected {
	background:#ddd!important;
	color: #444!important;
	border-left-color:#888!important;
}
#sidebar ul.nav li a.nav-selected, #sidebar ul.nav li a.nav-path-selected {
	font-weight: bold;
}
#sidebar ul.nav li li {
	border-bottom:none!important;
	color:#777;
	font-size:0.85em;
	text-transform:none;
}
#sidebar ul.nav li ul {
	margin:0.5em 1em;
}
#sidebar ul.nav li li a {
	background:none;
	padding:0!important;
	border:none;
}
#sidebar ul.nav li li a:hover, #sidebar ul.nav li li a.nav-selected, #sidebar ul.nav li li a.nav-path-selected {
	background:none!important;
}




/* Footer */

footer {
	/* customize_footer_background */ background-color:#444; /* customize_footer_background */
	clear:both;
	margin:0;
	padding:40px 3.8%;
	border-top:2px solid #333;
	font-size:12px;
	/* customize_footer_text_color */ color:#ddd; /* customize_footer_text_color */
	text-shadow:1px 1px 3px #111;
}
footer a {
	/* customize_footer_link */ color:#ddd; /* customize_footer_link */
}
footer a:hover {
	/* customize_footer_link_hover */ color:#fff; /* customize_footer_link_hover */
}
footer .row:first-child {
	margin-bottom:3.8%;
}
footer #credits {
	overflow:hidden;
}
footer #credits p {
	margin:0;
}
footer #credits .right {
	font-family:"Droid Serif", Georgia, Times, serif;
	font-style:italic;
}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
	/* customize_footer_heading_color */ color:#ddd; /* customize_footer_heading_color */
}
footer ul {
	margin-left:0;
	list-style:none;
}
footer ul li {
	border-bottom:1px dotted #777;
	padding:5px 0;
}
footer ul li a {
	display:block;
	text-decoration:none;
}




/* Forms
================================================== */

#container form {
	margin-bottom: 20px;
}
#container fieldset {
	margin-bottom: 20px;
}
#container input[type="text"],
#container input[type="password"],
#container input[type="email"],
#container input[type="tel"],
#container textarea,
#container select {
	border: 1px solid #ccc;
	padding: 6px 4px;
	outline: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #777;
	margin: 0;
	width: 210px;
	max-width: 100%;
	display: block;
	margin-bottom: 20px;
	background: #fff;
}
#container select {
	padding: 0;
}
#container input[type="text"]:focus,
#container input[type="password"]:focus,
#container input[type="email"]:focus,
#container input[type="tel"]:focus,
#container textarea:focus {
	border: 1px solid #aaa;
	color: #444;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
	box-shadow:  0 0 3px rgba(0,0,0,.2);
}
#container textarea {
	min-height: 60px;
}
#container label,
#container legend {
	display: block;
	font-weight: bold;
	font-size: 13px;
}
#container select {
	width: 220px;
}
#container input[type="checkbox"] {
	display: inline;
}
#container label span,
#container legend span {
	font-weight: normal;
	font-size: 13px;
	color: #444;
}


/* Page List Block */
.ccm-page-list-title {
	margin:0 0 0.45em;
}
div.ccm-page-list-description {
	margin-bottom:2.5em;
}
.ccm-page-list-thumbnail {
	margin-bottom:0.5em;
}
.ccm-page-list-link {
	text-decoration:none;
}
.ccm-page-list-one-col .row, .ccm-page-list-two-col .row, .ccm-page-list-three-col .row, .ccm-page-list-four-col .row {
	margin-bottom:2em;
}
.ccm-page-list-one-col p, .ccm-page-list-two-col p, .ccm-page-list-three-col p, .ccm-page-list-four-col p {
	margin-bottom:0.75em;
}


/* Blog Styles */

/* Default Blog */
#blog-index .entry {
}
#blog-index .entry .title h3 {
	margin:0 0 0.5em;
}
.meta, #blog-index .entry .title h4 {
	font-family:"Droid Serif", Georgia, Times, serif;
	font-size:0.95em;
	font-style:italic;
	color:#999;
}
.meta a, #blog-index .entry .title h4 a {
	color:#999;
}
.meta a:hover, #blog-index .entry .title h4 a:hover {
	color:#666;
}
.blog-entry-divider {
	margin:3em 0!important;
}

h4.guestBook-title {
	border-bottom-color:#ccc!important;
	margin-left:0!important;
	margin-right:0!important;
}


/* Date Nav / Tag Cloud */
.ccmDateNav, .ccm-search-block-tag-cloud-wrapper {
	margin-bottom:1.5em;
}
ul.ccm-search-block-tag-cloud li a {
	line-height:1em;
}


/* Slideshow block */
.ccm-SlideshowBlock-display .slideImgWrap div {
    background-position: center top !important;
    background-size: 100% auto !important;
}


/* Icons */
.date, .tags, .comments, .user, .star, .settings, .view, h4.guestBook-title {
	background-position:left 50%;
	background-repeat:no-repeat;
	padding-left:16px;
	margin:0 2px;
}
.date {
	background-image:url(/packages/theme_slate/themes/slate/images/icons/calendar.png);
}
.tags {
	background-image:url(/packages/theme_slate/themes/slate/images/icons/tag.png);
}
.comments, h4.guestBook-title {
	background-image:url(/packages/theme_slate/themes/slate/images/icons/comments.png);
}
.user {
	background-image:url(/packages/theme_slate/themes/slate/images/icons/user.png);
	padding-left:15px;
}
.star {
	background-image:url(/packages/theme_slate/themes/slate/images/icons/star.png);
}
.settings {
	background-image:url(/packages/theme_slate/themes/slate/images/icons/settings.png);
}
.view {
	background-image:url(/packages/theme_slate/themes/slate/images/icons/view.png);
}


/* Next/Previous */
.ccm-next-previous-wrapper .ccm-next-previous-parentlink {
	text-align:center;
}


/* #Buttons
================================================== */

#container a.button,
#container button,
#container input[type="submit"],
#container input[type="reset"],
#container input[type="button"] {
	background: #eee; /* Old browsers */
	background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
	background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
	background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
	background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
	background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
	background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	border: 1px solid #aaa;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 4px 12px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #444;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px rgba(255, 255, 255, .75);
	cursor: pointer;
	margin-bottom: 20px;
	line-height: 21px;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#container a.button:hover,
#container button:hover,
#container input[type="submit"]:hover,
#container input[type="reset"]:hover,
#container input[type="button"]:hover {
	color: #222;
	background: #ddd; /* Old browsers */
	background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
	background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
	background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
	background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
	background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
	background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	border: 1px solid #888;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
}

#container a.button:active,
#container button:active,
#container input[type="submit"]:active,
#container input[type="reset"]:active,
#container input[type="button"]:active {
	border: 1px solid #666;
	background: #ccc; /* Old browsers */
	background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
	background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
	background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
	background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
	background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
	background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */
}

#container .button.full-width,
#container button.full-width,
#container input[type="submit"].full-width,
#container input[type="reset"].full-width,
#container input[type="button"].full-width {
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center;
}


.row {
	clear:both;
	display:block!important;
	margin-left:0!important;
	overflow:hidden;
}


/* Google Maps Fix */
.googleMapCanvas img {
	max-width:none!important;
}


/* alignment classes & additional classes*/

.left  { float: left; }
.right { float: right; }


/* Clearing */

.clearboth { clear: both; }
.clear { display:inline-block; }
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: ".";
}
#images {
	width: 90%;
	margin: 0 auto 0 auto; 
	text-align: center; // Will center the images contained in the div 
	} 
	.centImg { 
	float: left; 
	padding-right: 30px; 
} 
h8{
	width:auto;
    height: inherit;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
	border:5px solid #99cc00;
	background-color:#fff
}

h9{
	width:auto;
    height:inherit;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
	border:5px solid #33b5e5;
	background-color:#fff
}
/* customize_miscellaneous */  /* customize_miscellaneous */