/***************************************************************
*
*		Kunigis Communications css	
*			css.php
*
****************************************************************/
/* updated 2012-02-06 by Sean Osterhout, SeanOsterhout.com 	   */

@charset "utf-8";

body {
	font: normal normal normal 8pt/17pt arial, sans-serif; 
	overflow-x: hidden;
	height: 100%; min-height: 100%; width: 97%;
}

.content a, a:focus, .content a:visited {
	color: #030;
	border-bottom:1px dotted #030;
}
.content a:hover, .content a:active {
	color: #090;
	border-bottom:1px solid #030;
}

h1 { font-size: 115%; }	
h2 { font-size: 110%; }
h3 { font-size: 105%; }

ul, .bulletless { list-style-type: none; }


/***	NAV 																	***/
	.nav-aside .main-nav {
		width: 100%;
		margin:0; padding:0;
		border-top:2px groove #003300;
	}
	.main-nav li {
		padding:0; margin:0; 
		width: 100%;
		border-bottom:2px groove #003300;
	}
	.main-nav a, main-nav a:focus {
		display: block;
		height: 35px; line-height:35px;
		cursor: pointer;
		width: 100%;
		position: relative;
		text-decoration: none;
	}
	.main-nav a, .main-nav a:focus, .main-nav a:visited {
		color: #cecece;
		padding: 0 0 0 25px;
	} 
	.main-nav a:active, .main-nav .selected a {
		color: #cbe2c8;
	}
	.main-nav a:hover {
		color: #81b281;
	}
	.main-nav a:hover, .main-nav a:active { 
		font-style: normal;
	}
	.main-nav a:hover:before, .main-nav .selected a:before {
		content:"";
		background: url(/resources/images/nav-hatetab.png) no-repeat right;
		background-size: 100% 100%;
		position: absolute; left:0; right:9px; top: 0; bottom:-7px;
	
		}
	.main-nav .selected a:hover {
		color: #cecece;
		cursor: default;
		pointer-events: none;
		}
/***  END Nav																	***/

.contact {
	text-align: center;
	color: #cbe2c8;
	font-size: 6pt;	line-height: 10pt;
	margin: 10px auto; padding: 8px 0;
	border-top: 1px dashed #81b281;
	width: 80%;
	font-size: 8pt;
	}
	.contact a, .contact a:visited { color: #cbe2c8; }

.content { margin: 0 0 25px 0; }
	.content p { margin: 0 0 15px 0; }	
	.content ul { margin: 0 0 0 10%; }
	.content li { text-indent: -5%; }


.note {
	font-style: italic; font-size: 75%; 
	position:relative; 
	float:right;
	}
	.note:before { content:"*"; position: absolute; left:-15px; }
	

.testimonial, .testimonial p { position: relative; }
.testimonial { margin: 0 0 3% 0; }
	.testimonial p { margin:0; padding:0;}
	.testimonial p:before {	content:"\201c"; top:10px; left:-21px;}
	.testimonial p:after {	content:"\201d"; right:-15px; bottom:0; }
	.testimonial p:before, .testimonial p:after {
		font-size: 50pt;
		color: #d2e7ee;
		position: absolute; z-index: -1;
		}
	.testimonial .creditedto { 
		float:right;
		text-align: right; 
		font-size: 80%; font-style: italic;
		}
		.creditedto .as-at { font-size:85%; }
		.creditedto .as-at:before { content: "- "; }
	
.sample { padding: 0 0 5% 0; }
	.sample img {
		float:left;
		vertical-align: top;
		margin: 0 5% 0 0;
		width: 10%; max-width: 100px; min-width: 25px; 
		
		/* box-shadow */		
		-webkit-box-shadow: 2px 2px 7px #000; 
		   -moz-box-shadow: 2px 2px 7px #000; 
				box-shadow: 2px 2px 7px #000; 
		}
	.sample p { padding:0 0 0 15% }
	
.webmaster { font-size: 75%; text-align: center;}
	.webmaster, .webmaster a, .webmaster a:visited { color: #454;  }	
	.webmaster a:hover { color: #9c9; }

/* Clearfix hack */
	.group:after {
		visibility: hidden;
		display: block;
		content: "";
		clear: both;
		height: 1px;
		}
		*:first-child+html .group { zoom: 1; } /* IE7 */
		

/* Mobile Styles */
/*****************************************************************		Kunigis Communications styles*			mobile.css*****************************************************************//* updated 2012-02-06 by Sean Osterhout, SeanOsterhout.com 	   */@media screen and (min-width: 300px) {
	.contact {
		max-width: 270px;
		font-size: 8pt;
		}

	.contact li {
		display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline;
		}	
	}
@media screen and (min-width: 300px) and (max-width: 749px) {
		.contact li:nth-child(even):before {
				content:"\00B7";
				margin: 0 3px 0 0;
			}
		}
@media screen and (min-width: 450px) {
	.main-nav a {
		font-size: 11pt;
		}
	}
@media (max-width: 574px) {
	.screen {
			display:none;
			}
	body {	
		margin: 0 5px;
		max-width: 480px;

		position: relative;
		
		/* box-shadow */		
		-webkit-box-shadow: 0px 0px 7px #000; 
		   -moz-box-shadow: 0px 0px 7px #000; 
				box-shadow: 0px 0px 7px #000; 
		}
	header {
		padding:10px 5px 0; 
		}
	#wrapper {		
		/* background gradient */
		background: #002200; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBlMjQwZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iIzJkNDMyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MzdhNjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(left,  rgba(14,36,14,1) 0%, rgba(45,67,45,1) 85%, rgba(99,122,99,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(14,36,14,1)), color-stop(85%,rgba(45,67,45,1)), color-stop(100%,rgba(99,122,99,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  rgba(14,36,14,1) 0%,rgba(45,67,45,1) 85%,rgba(99,122,99,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgba(14,36,14,1) 0%,rgba(45,67,45,1) 85%,rgba(99,122,99,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgba(14,36,14,1) 0%,rgba(45,67,45,1) 85%,rgba(99,122,99,1) 100%); /* IE10+ */
		background: linear-gradient(left,  rgba(14,36,14,1) 0%,rgba(45,67,45,1) 85%,rgba(99,122,99,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e240e', endColorstr='#637a63',GradientType=1 ); /* IE6-8 */
		
		/* box-shadow */		
		-webkit-box-shadow: 0px 0px 7px #000; 
		   -moz-box-shadow: 0px 0px 7px #000; 
				box-shadow: 0px 0px 7px #000; 
		}
	.tagline {
		position: relative;	left:-8px;
		background: white;
		/* border radius */
		-webkit-border-top-right-radius: 7px;
			-moz-border-radius-topright: 7px; 
				border-top-right-radius: 7px;
		-webkit-border-bottom-right-radius: 7px;
			-moz-border-radius-bottomright: 7px;
				border-bottom-right-radius: 7px;
		/* background clip */
		-webkit-background-clip: padding-box;
		   -moz-background-clip: padding; 
				background-clip: padding-box;
		/* box-shadow */		
		-webkit-box-shadow: 1px 1px 4px #000; 
		   -moz-box-shadow: 1px 1px 4px #000; 
				box-shadow: 1px 1px 4px #000; 
		}
	.content {
		background: #ded;
		margin: 15px 2%; padding: 5px 10px;

		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
				border-radius: 3px;
			
		-webkit-box-shadow: 0px 0px 15px #000000; 
		   -moz-box-shadow: 0px 0px 15px #000000;  
				box-shadow: 0px 0px 15px #000000; 	
		}
	header img {
		width: 100%;
		}
		
	}	/* END mobile.css */
/* Full-screen Styles */		
@media (min-width: 575px) {
	.print-vertical {
		display:none;
		}
	body {
		background: url(/resources/images/footer-mountains.jpg) no-repeat right bottom fixed;
		background-size: 90% 50%;
		font-size: 10pt; line-height: 14pt;
		width: 100%;
		margin: 0; padding: 0;
		display:table;
		position: relative;		
		}
	body:before {
		content:"";
		position: absolute; top:0; z-index:-1;
		width:100%; height:20%; max-height: 175px;
		
		background: transparent; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' unless addressed through multiple css sheets*/
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E2Y2FjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(166,202,204,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(166,202,204,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(166,202,204,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(166,202,204,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(166,202,204,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
		background: linear-gradient(top,  rgba(166,202,204,1) 0%,rgba(255,255,255,1) 100%); /* W3C */

		}
	
	h1,h2,h3,h4,h5,h6 { font-weight:normal; }
	
	#wrapper {
		padding: 10px 0;
		display:table-row;
		vertical-align:top;

	}
	.tagline {
		position: relative;	left:-8px;
		width: auto;
		}
	.nav-aside {
		display:table-cell;
		position: relative;
		width: 17.5%; min-width:150px; height:100%;
		
		/* background gradient */
		background: #002200; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' unless addressed through multiple css sheets*/
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBlMjQwZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iIzJkNDMyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MzdhNjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(left,  rgba(14,36,14,1) 0%, rgba(45,67,45,1) 85%, rgba(99,122,99,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(14,36,14,1)), color-stop(85%,rgba(45,67,45,1)), color-stop(100%,rgba(99,122,99,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  rgba(14,36,14,1) 0%,rgba(45,67,45,1) 85%,rgba(99,122,99,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgba(14,36,14,1) 0%,rgba(45,67,45,1) 85%,rgba(99,122,99,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgba(14,36,14,1) 0%,rgba(45,67,45,1) 85%,rgba(99,122,99,1) 100%); /* IE10+ */
		background: linear-gradient(left,  rgba(14,36,14,1) 0%,rgba(45,67,45,1) 85%,rgba(99,122,99,1) 100%); /* W3C */
		
		/* box-shadow */		
		-webkit-box-shadow: 0px 0px 7px #000; 
		   -moz-box-shadow: 0px 0px 7px #000; 
				box-shadow: 0px 0px 7px #000; 
		}
		
		.main-nav a:hover:before, .main-nav .selected a:before { right:15px; }
		.nav-aside .main-nav {
			margin: 65% 0 0 0;
			min-width: 150px;
			}
		.main-nav a { font-size: 9pt; }
		
	header {
		position: absolute; z-index:100; top:0;
		width:100%;	min-width:800px;
		margin: 25px 0 0 25px;
		}	
		.kunigis-communications img, .tagline { max-width: 53%;	}
		.tagline {	margin: 0 0 0 17.5%; }
	
	.content {
		padding: 0 0 0 35px;
		max-width: 800px;
		background: rgba(217,252,255,.35);
		
		/* box-shadow */		
		-webkit-box-shadow: 0px 0px 15px rgba(217,252,255,.45); 
		   -moz-box-shadow: 0px 0px 15px rgba(217,252,255,.45); 
				box-shadow: 0px 0px 15px rgba(217,252,255,.45); 
		
		}
	.nav-aside .contact {
		margin-top: 50%;
		width: 75%;	
		}
		.contact li {
			display: block;
			font-size: 6pt;
			margin: 1px 0 0 0;
			letter-spacing: 1px;
			}
	.content article:last-child { padding:0 0 25px 0;}
	.subsection { margin: 25px 0 0 0; }
	.inset { padding: 0 0 0 2.5%; }
	
	.webmaster { position:absolute; bottom:0; right: 1%; }
		.webmaster, .webmaster a, .webmaster a:visited { color: #cecece; }	
		.webmaster a:hover { color: #ccffcc; }
	}
@media screen and (min-width: 750px) {
	body {
		background-size: 90% auto;
		font-size: 1em; line-height: 17pt;
		}
	
	.nav-aside { min-width:170px; }
	.nav-aside .main-nav { min-width: 175px; }
	
	header { min-width:1000px; }
	
	.contact li {
		font-size: 8pt;
		margin: 3px 0 0 0;
		}
	
	.content { min-width: 600px; }
	.content li { position: relative; }
	.content li:before { 
		content: "\00b7";
		position: absolute; left: -10px;
		} 
	
	.bulletless li:before, .bulletless:before  { content:""; }
	
	.twocolumn {
		-webkit-column-count: 2;
		-webkit-column-gap:   1em;
		-moz-column-count:    2;
		-moz-column-gap:      1em;
		column-count:         2;
		column-gap:           1em;
		}
		.twocolumn section {
			width:100% !important;
			height: auto !important;
			display: block!important;
			}
		.twocolumn li {
			text-indent:0;
			}
		
	}

@media (min-width: 1200px) {
		body {
			background-size: 90% 50%;
			}
	}