/* This stylesheet was designed and developed by ©hai inspired by Chris Converse */

@charset "UTF-8";

/* Text Formatting */

body {
	font-family: 'Oxygen', sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 20px;
	color: #000000;
	background-color: #005a95;
}
.page {
	font-size: 1em;
	background-color: #FFF;
}

h1 { font-size: 2.2em; color: #005a95; margin: 0px 0px .5em 0px; font-weight: normal; }
h2 { font-size: 1.6em; color: #007dbb; margin: 0px 0px .5em 0px; }
h3 { font-size: 1.25em; color: #007dbb; margin: 0em 0px .25em 0px; }
p { margin: 0px 0px 1em 0px; font-size: 1em; }
li { margin: 0px 0px 10px 0px; }
a img { border: none; }
a { color: #005a95; }
a:hover { color: #0096d4; }
img {
	max-width: 100%;
	height:auto;}

/* Layout */
div#ccm-highlighter {z-index:100!important;}
.page { 

	position: relative; 
	margin: 0px auto 0px auto; 
	max-width: 1000px; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 7px #000000;
	-moz-box-shadow: 0px 0px 7px #000000;
	box-shadow: 0px 0px 7px #000000;
	}
	
.page header {
	display: block;
	position: relative;
	height: 130px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.page header a.logo {
	position: absolute;
	top: 20px;
	left: 45px;
	display: block;
	width: 180px;
	height: 105px;
	background: url(../../images/logo_large.png) no-repeat 0px 0px;
}

.nav-container {
	float: left;
	padding: 0px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 300px;
	}
#qm1 {display: none;}	
.page .page_content {
	padding: 1px 0px 1px 0px;
}
.page .page_content .page_content_container{
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
	background-image: url(../../images/surfer-wave-bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.page .page_content .content {
	padding: 0px;
	width: 70%;
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 20%;
}
.logos {
	margin: 200px 0 0 0;
	padding: 0px;
	width: 98%;
	height: 40px;
	background-color: #FFF;
}
.logos h3 {
	padding-left: 3%;
	padding-top: 3%;
	color: #005a95;
}

.page .page_content .slidingtabs {
	padding: 0px;
	width: 70%;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20%;
	clear: left;
	float: left;
}

.page .page_content .contentbg {
	padding: 0px;
	background-position: left bottom;
	background-repeat: no-repeat;
	min-height: 500px;
	background-image: -moz-linear-gradient(top, #FFFFFF 42%, #3eccf1);
	background-image: url(../../images/surfer-wave-bg.jpg);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-top: 200px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}

.page footer {
	display: block;
	margin-top: 100px;
	border-top: 0px solid #ddd;
	padding: 15px 10px 15px 20px;
	font-size: .9em;
	color: #757575;
	background-color: #FFF;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-box-shadow: 0px 5px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 5px 3px rgba(0,0,0,0.3);
	box-shadow: 0px 5px 3px rgba(0,0,0,0.3);
}

.clear_both { clear: both; line-height: 1px; }


/* Small Screen Rules */
@media screen and (min-width: 150px) and (max-width: 500px) {	
	body { padding: 10px; }
	.page { margin: 0px; padding: 0px; font-size: 1.2em }
	.page header { height: 50px; background-image: url(file:///E|/My%20Profile/My%20Websites/images/banner_small.jpg); }
	.page header a.logo {
		top: 10px;
		left: 5px;
		margin: 0px auto 0px auto;
		width: 127px;
		height: 38px;
		background: url(../../images/logo_small.png) no-repeat 0px 0px;
	}
.nav-container {
	float: right;
	padding: 0px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}	
#qm0{display: none;}
#qm1{display: block;}
	.page .page_content .page_content_container {
	width: inherit;
	float: none;
	margin: 0px;
	background-image: -moz-linear-gradient(top, #FFFFFF 90%, #005a95);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.9, #FFFFFF), color-stop(1.0, #005a95));

}
.page .page_content .content { margin: 10px 10px 0px 10px; width: 90%; }


.page .page_content .contentbg {min-height: 0px;}
	.page footer { font-size: .8em; }
}


/* Medium Screen Rules */
@media screen and (min-width: 501px) and (max-width: 800px) {
	.page { margin: 0px; padding: 0px; font-size: 1.15em }
	.page header { height: 90px; background-image: url(file:///E|/My%20Profile/My%20Websites/images/banner_medium.jpg); padding: 10px 50px 0px 75px; }
	.page header a.logo {
		top: 20px;
		left: 25px;
		width: 90px;
		height: 55px;
		background: url(../../images/logo_medium.png) no-repeat 0px 0px;
	}
	.nav-container {
	float: left;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
	}
#qm0{display: none; font-size: 10px;}
#qm1{display: block;}		
	.page .page_content .page_content_container {
	background-image: url(../../images/surfer-wave-bg-med.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;		
		}

}