/*General*/
body {
	color:#333;
	background:#eeeeee url(../images/greenbluewave-1000.png) no-repeat center 200px;
	background:#eeeeee;
	border-top:6px solid #283891;
	font-size:1em;
	font-family:Oxygen,Trebuchet,Arial,sans serif;
	padding:0;
}

.leftpanel, .rightpanel {
	background-color:#eeeeee;
	background-color:rgba(238,238,238,0.8);
}

.rightpanel img { margin:0 auto; display:block; }

div.testimony img {
	float: left;
	border-radius: 25px 0px 5px 0px;
	margin-right: 15px;
	width:150px;
}

div.testimony {
	margin:0 4em;
	font:1em Georgia,serif;
}

div.testimony span {
	font-style:italic;
	font-weight:bold;
}

a { color:  #283891; text-decoration:none; font-weight:bolder; }
a:hover { text-decoration:underline; }
h1,h2,h3,h4,h5 { font-family:Georgia,serif; }
h1 { margin-bottom:0; }
h4 { width:90%; }

.pad { padding:0 5px; }
.right { text-align:right; }
.contact a { color:#eee; font-weight:normal; }

.lowlight {
	background:#aaa;
	padding:3px 0px;
	border-radius: 8px 8px; -moz-border-radius: 8px 8px; -webkit-border-radius: 8px 8px;
	border:1px solid #888;
	margin:0 auto;
	text-align:center;

	background: #ddd; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZjNjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2NlMzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ddd 0%, #aaa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddd), color-stop(100%,#aaa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ddd 0%,#aaa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ddd 0%,#aaa 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ddd 0%,#aaa 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ddd 0%,#aaa 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddd', endColorstr='#aaa',GradientType=0 ); /* IE6-8 */
}

div.rightpanel ul.check li {
	font: italic 1.3em Georgia,serif;
}

p.intro span, div.rightpanel span.notice {
	color:#008509;
}

.highlight {
	padding:5px 0px;
	color:#fff;
	text-align:center;
	/*box-shadow: 0px 0px 8px #000; -moz-box-shadow: 0px 0px 8px #000; -webkit-box-shadow: 0px 0px 8px #000;*/
	-webkit-box-shadow: 6px 6px 10px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 6px 6px 10px 0px rgba(0,0,0,0.6);
	box-shadow: 6px 6px 10px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 3px 3px 4px #555;
	-webkit-box-shadow: 3px 3px 4px #555;
	box-shadow: 3px 3px 4px #555;
	border-radius: 5px 5px; -moz-border-radius: 5px 5px; -webkit-border-radius: 5px 5px;
	background: #2580c3;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FmMmYyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZjIyMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #2580c3 0%, #283891 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2580c3), color-stop(100%,#283891));
	background: -webkit-linear-gradient(top,  #2580c3 0%,#283891 100%);
	background: -o-linear-gradient(top,  #2580c3 0%,#283891 100%);
	background: -ms-linear-gradient(top,  #2580c3 0%,#283891 100%);
	background: linear-gradient(to bottom,  #2580c3 0%,#283891 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2580c3', endColorstr='#283891',GradientType=0 );
}

div.contact {
	font-size:1.1em;
	width:80%;
	text-align:center;
	padding:10px;
	margin:10px auto;
	border:1px solid #555;
	-moz-box-shadow: 3px 3px 4px #999;
	-webkit-box-shadow: 3px 3px 4px #999;
	box-shadow: 3px 3px 4px #999;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}

.midlight
{
	color:#eee;
	background: #00ae0b; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FmMmYyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZjIyMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #00ae0b 0%, #008509 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00ae0b), color-stop(100%,#008509)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #00ae0b 0%,#008509 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #00ae0b 0%,#008509 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #00ae0b 0%,#008509 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #00ae0b 0%,#008509 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ae0b', endColorstr='#008509',GradientType=0 ); /* IE6-8 */
}

/*Header*/
.hcontainer {
	border-bottom: 1px solid #82868f;
	background: #ddd; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZjNjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2NlMzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ddd 0%, #aaa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddd), color-stop(100%,#aaa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ddd 0%,#aaa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ddd 0%,#aaa 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ddd 0%,#aaa 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ddd 0%,#aaa 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddd', endColorstr='#aaa',GradientType=0 ); /* IE6-8 */
}
#header { color:#3E424C; margin:0 auto; height:100px;}
#header ul { float:right; margin:0; font-size:1.1em; }
#header li { display:inline; list-style:none; margin:0; }
#header li a{ display:inline-block; color:#3E424C; padding:20px 10px; font-weight:normal; }

#header li a:hover {
	color:#fff;
	text-decoration:none;
	margin:0;
	box-shadow: 0px 0px 3px #000; -moz-box-shadow: 0px 0px 3px #000; -webkit-box-shadow: 0px 0px 3px #000;
	border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px;
}

/*Content*/
#accordion h2 {
	text-align:center;
	cursor:pointer;
	margin:8px 0;
}

#accordion .acontent { display:none; }
ul.check { padding-left:20px; }
ul.check li { background:url(../images/check.png) no-repeat left center; list-style:none; line-height:16px; padding-left:25px; margin-bottom:15px;}
ul.star { padding-left:20px; }
ul.star li { background:url(../images/star.png) no-repeat left center; list-style:none; line-height:16px; padding-left:25px; margin-bottom:15px;}

/* Footer */
.fcontainer {background:#888; border-top:4px solid #283891; border-bottom:1px solid #555; }
#footer { color:#DDD; font-size:0.8em; margin:0 auto 20px auto; padding:45px 0 15px 0; }
#footer a { color:#DDD; font-weight:normal; }
#footer a:hover { color:#DDD; text-decoration:none; }
#footer li { display:none; list-style:none; }

#mainlogo { width:180px; }

@media screen and (min-width:720px) and (max-width:960px) { /* tablet */
	#header ul { font-size:1.0em; }
	div.contact { font-size:1.0em; }
	div.rightpanel ul.check li { font-size:1.2em; }
	/*
	#mainlogo { width:250px; }
	#screenshots img { width:200px; }
	#screenshots a { max-width:100%; }
	*/
}


@media screen and (max-width:720px) { /* mobile */
	#header li a {
		color:#FFF; text-decoration: none; background:#7F2200; margin: 0;
		box-shadow: 0px 0px 3px #FFF; -moz-box-shadow: 0px 0px 1px #FFF; -webkit-box-shadow: 0px 0px 3px #FFF;
		border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px;
		background: #2580c3;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FmMmYyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZjIyMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #2580c3 0%, #283891 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2580c3), color-stop(100%,#283891));
		background: -webkit-linear-gradient(top,  #2580c3 0%,#283891 100%);
		background: -o-linear-gradient(top,  #2580c3 0%,#283891 100%);
		background: -ms-linear-gradient(top,  #2580c3 0%,#283891 100%);
		background: linear-gradient(to bottom,  #2580c3 0%,#283891 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2580c3', endColorstr='#283891',GradientType=0 );
	}
	#mainlogo { margin:0 auto; display:block; }
	div.contact { font-size:1.0em; }
	div.rightpanel ul.check li { font-size:1.2em; }

	#header ul { font-size:0.9em; margin-top:10px; padding:0; float:center; display:inline-block; }
	#menu { text-align:center; }
	h1 { margin-top:70px; text-align:center; }
	h2 { font-size:1.2em; }
	h3 { font-size:1.1em; }
	.footer-text { text-align:center; margin-top:10px; }
	#footer { padding:15px 0 10px 0; }
	div.testimony { margin:0 2em; }
}