/* reset */
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0;padding:0;}
img,fieldset{border:0;}
/* set html5 elements to block */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
/* apply a natural box layout model to all elements */
*,*:after,*:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
/* viewport css */
@-webkit-viewport{width:device-width;}@-moz-viewport{width:device-width;}@-ms-viewport{width:device-width;}@-o-viewport{width:device-width;}@viewport{width:device-width;}
/* body css */
body{margin:0;text-align:center;}
.section{clear:both;padding:0;margin:0;}
/* media css */
img{max-width:100%;height:auto;display:block;}
.video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.video iframe,.video object,.video embed{position:absolute;top:0;left:0;width:100%;height:100%;}
/* form css */
input[type=text],input[type=password],input[type=number],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=email],input[type=search],input[type=tel],input[type=url],input[type=file],input[type=button],input[type=submit],input[type=reset],select,textarea{-webkit-appearance:none;border-radius:0;}
input[type=text],input[type=password],input[type=number],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=email],input[type=search],input[type=tel],input[type=url],input[type=file],select,textarea{width:100%;}
/* general table css */
table{width:100%;table-layout:fixed;word-wrap:break-word;}
/* split column css */
.split-column{float:left;width:100%;margin-bottom:20px;}
.split-column:last-child {margin-bottom:0;}
/* content css */
.content{margin:0 auto;text-align:left;max-width:1200px;} /* width of your responsive website (example 1200px) */
.one-column{float:left;width:98%;margin:10px 1%;padding:5px;}
.two-column,.two-fourth-column{float:left;width:48%;margin:10px 1%;}
.three-column{float:left;width:31.333333%;margin:10px 1%;}
.two-third-column{float:left;width:64.666666%;margin:10px 1%;}
.four-column,.one-fourth-column{float:left;width:23%;margin:10px 1%;}
.three-fourth-column{float:left;width:73%;margin:10px 1%;}
.six-column{float:left;width:14.666666%;margin:10px 1%;}
.five-sixth-column{float:left;width:81.333333%;margin:10px 1%;}
@media screen and (max-width: 800px) {
.one-column,.two-fourth-column,.three-column,.two-third-column,.one-fourth-column,.three-fourth-column,.six-column,.five-sixth-column{width:97%;margin:10px 1.5%;}
.two-column,.four-column{width:47%;margin:10px 1.5%;}
}
@media screen and (max-width: 600px) {
.content{min-width:300px;}
.one-column,.two-column,.two-fourth-column,.three-column,.two-third-column,.four-column,.one-fourth-column,.three-fourth-column,.six-column,.five-sixth-column{width:96%;margin:10px 2%;}
}
/* Stylesheet: Cossy-Grid Modified On 2015-03-30 18:47:25 */
/* fixed header css */
header {
	z-index: 2000;
	position: fixed;
	top: 0;
	width: 100%;
}

main { z-index: 1000; }

main .content {	margin-top: 105px; /* header height */ }

footer { z-index: 1000;	}

@media screen and (max-width: 800px) {		
	header:hover {
		overflow: auto;
		max-height: 100%;
	}	
}
/* Stylesheet: Cossy-Fixed Modified On 2015-04-10 15:05:16 */
/* menu css */
#menu {	font-size: 15px;}

#menu, #menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu li {
	float: left;
	position: relative;
}

#menu li ul {
	position: absolute;
	margin-top: -10%;
	margin-left: 10%;
	display: none;
}

#menu ul li ul,
#menu ul ul li ul {
	margin-top: -10%;
	margin-left: 80%;
}

/* show submenu 1 */

#menu li:hover ul {
	display: block;
}

#menu li:hover ul ul {
	display: none;
}

/* show submenu 2 */

#menu ul li:hover ul {
	display: block;
	}

#menu ul li:hover ul ul {
	display: none;
}

/* show submenu 3 */

#menu ul ul li:hover ul {
	display: block;
}

/* menu link css */

#menu a {
	display: block;
	background: #fff;
	color: #000;
	text-decoration: none;
	padding: 15px 20px;
}

#menu a:hover {
	background: #999;
	color: #fff;
}

#menu ul {
	background: #999;
	border: 1px solid #999;
	width: 200px;
}

#menu ul a {
	background: #fff;
	color: #000;
	font-size: 14px;
	width: 198px;
	padding: 15px;
}

.currentpage {
	background: #999 !important;
	color: #fff !important;
}

/* menu z-index */

#menu {
	z-index: 1000;
}

#menu ul {
	z-index: 2000;
}

#menu ul ul {
	z-index: 3000;
}

#menu ul ul ul {
	z-index: 4000;
}

@media screen and (max-width: 800px) {	

	/* mobile menu css */
	
	#nav-mobile {
		padding: 15px;
	}
	
	#nav-mobile:before {
		content: "Navigate to...";
	}
	
	#menu {
		display: none;
		border: 1px solid #999;
	}
	
	#menu-mobile:hover #menu {
		display: block
	}

	/* menu css */
	
	#menu li {
		float: none;
	}
	
	#menu li ul,
	#menu ul li ul,
	#menu ul ul li ul {
		position: relative;
		margin-top: 0;
		margin-left: 0;
		display: block;
	}
	
	#menu li:hover ul ul,
	#menu ul li:hover ul ul {
		display: block;
	}
	
	#menu ul {
		width: 100%;
		border: 0;
	}

	/* menu link css */
	
	#menu li a {
		background: #fff;
	}
	
	#menu ul a {
		width: 100%;
		padding: 15px 10%;
	}
	
	#menu ul li ul a {
		width: 100%;
		padding: 15px 15%;
	}
	
	#menu ul li ul ul a {
		width: 100%;
		padding: 15px 20%;
	}
}
/* Stylesheet: Cossy-Menu Modified On 2015-02-17 08:29:13 */
/* sticky div css */

#sticky-left-content.fix {
	margin-left: 34.333333%;
}

#sticky-left.stick {
	position: fixed;
	top: 0;
	right: 50%;
	width:376px;
	margin:10px 212px 10px 12px;
}

#sticky-right.stick {
	position: fixed;
	top: 0;
	left: 50%;
	width:376px;
	margin:10px 12px 10px 212px;
}

@media screen and (max-width: 1200px) {
	
	#sticky-left.stick {
		right: 66.666666%;
		width: 31.333333%;
		margin:10px 1%;
	}	
	
	#sticky-right.stick {
		left: 66.666666%;
		width: 31.333333%;
		margin:10px 1%;
	}
	
}

@media screen and (max-width: 800px) {
	
	#sticky-left-content, #sticky-left-content.fix {
		margin-left: 1.5%;
	}
	
	#sticky-left.stick {
		position: relative;
		width: 97%;
		margin:10px 1.5%;
		left: 0;
	}
	
	#sticky-right.stick {
		position: relative;
		width: 97%;
		margin:10px 1.5%;
		left: 0;
	}
	
}

@media screen and (max-width: 600px) {
	
	#sticky-left-content, #sticky-left-content.fix {
		margin-left: 2%;
	}
	
	#sticky-left.stick {
		width: 96%;
		margin:10px 2%;
	}
	
	#sticky-right.stick {
		width: 96%;
		margin:10px 2%;
	}
	
}
/* Stylesheet: Cossy-Sticky Modified On 2015-02-17 08:29:28 */
/* body css */
html, 
body {
	height: 100%;
        overflow-y:scroll;
}

body {
	background: #fff;
	font-family: 'Open Sans', sans-serif;
	color: #000;
	font-size: 15px;
	font-weight: 300;
	line-height: 20px;
	-webkit-text-size-adjust: 100%;
	display: table;
	width: 100%;
}

/* headings and paragraph margin css */

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 15px;
}

/* headings css */

h1 {
	font-size: 25px;
	font-weight: 400;
	color: #666;
	line-height: 25px;
}

h2 {
	font-size: 25px;
	font-weight: 400;
	color: #000;
	line-height: 25px;
}

h3 {
	font-size: 20px;
	font-weight: 400;
	color: #666;
}

h4 {
	font-size: 20px;
	font-weight: 400;
	color: #000;
}
	
h5 {
	font-size: 15px;
	font-weight: 400;
	color: #666;
}

h6 {
	font-size: 15px;
	font-weight: 400;
	color: #000;
}

/* list css */

ul {
	list-style-type: disc;
	margin: 15px 45px;
}

ol {
	list-style-type: decimal;
	margin: 15px 45px;
}

ul li,
ol li {
	display: list-item;
}

/* link css */

a {
	color: #000;
	text-decoration: underline;
}

a:visited {
	color: #333;
}

a:hover {
	color: #999;
}

a:active {
	color: #666;
}

.gridlink a {
	font-weight: 400;
	text-decoration: none;
}

/* elements css */

strong,
b {
	font-weight: 400;
}

em,
i {
	font-style: italic;
}

u {
	text-decoration: underline;
}

/* form css */

.form {
	margin: 15px;
}

.form h1,
.form h2,
.form h3,
.form h4,
.form h5,
.form h6,
.form p {
	margin: 15px 0;
}

.form input {
	border-radius: 0;
}

.form select {
	border-radius: 0;
	-webkit-appearance: none;
}

.form input,
.form textarea,
.form button,
.form select {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 300;
	line-height: 20px;
}

.form input[type=text],
.form input[type=email],
.form input[type=tel],
.form input[type=password],
.form select,
.form textarea {
	padding: 7px;
	background: #fff;
	border: 1px solid #999;
}

.form input[type=radio],
.form input[type=checkbox] {
	margin-top: 15px;
}

.form input[type=submit],
.form input[type=reset] {
	margin-top: 15px;
	padding: 10px;
	background: #999;
	color: #fff;
	border: 0;
}

.form input[type=submit]:hover,
.form input[type=reset]:hover {
	background: #666;
}

/* table css */

table {
	width: 96%;
	margin: 15px 2%;
	border-spacing: 0;
	border-collapse: collapse;
}

table th {
	font-weight: 400;
	padding: 10px;
	border: 1px solid #999;
	background: #efefef;
}

table td {
	padding: 10px;
	border: 1px solid #999;
}

/* content css */

header {
	background: #000;
	border-bottom: 1px solid #999;
}

main {
	display: table-row;
	height: 100%;
}

footer {
	display: table-row;
	height: 1px;
	background: #fff;
	outline: 1px solid #999;
}

header .three-column,
header .two-third-column,
footer .four-column,
footer .one-column {
	border: 0;
}

header .three-column p {
	text-align: right;
}

footer .one-column {
	display: none;
}

.one-column,
.two-column,
.three-column,
.three-column-close,
.two-third-column,
.four-column,
.one-fourth-column,
.two-fourth-column,
.three-fourth-column,
.six-column,
.five-sixth-column {
	background: #fff;
	border:none;
}


@media screen and (max-width: 800px) {
	
	/* content css */
	
	header .three-column,
	footer .four-column {
		display: none;
	}

	footer .one-column {
		display: block;
		text-align: center;
	}
	
}

@media screen and (max-width: 600px) {

	/* table css */
	
	table {
		width: 94%;
		margin: 15px 3%;
		font-size: 12px;
	}

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

	/* retina display css */
	
	body {
		background: url('images/back@2x.jpg') #fff;
		background-size: 66px; /* size no retina image */
		-moz-background-size: 66px;
		-webkit-background-size: 66px;
	}

}

.gridlink {
margin:0px;
}

header{
margin-bottom:3px;
padding-bottom:2px;
}

header .two-third-column {
background: #000;
margin-top:25px;
}

header .three-column
{
background: #000;
margin:0px;
}
/* Stylesheet: Cossy-Style Modified On 2015-04-10 15:01:33 */
