@charset "utf-8";
/* CSS Document */
/****************reset css starts here*****************/
h1, h2, h3, h4, h5, h6, p, ul, li, body, html, form, fieldset, figure {
	margin: 0;
	padding: 0;
	outline: none;
	font-weight: normal;
	border: 0
}
form, fieldset {
	float: left;
	width: 100%
}
img {
	border: 0 none;
	max-width: 100%;
	height: auto;
	float: left
}
a {
	text-decoration: none;
	border: 0;
	outline: 0;
}
ul {
	list-style: none;
}
.clear {
	clear: both;
}
/****************body*****************/
body, html {
	height: 100%;
}
body {
	font-family: arial, sans-serif, Helvetica, monospace;
	background: url(../images/background.jpg) center 0 no-repeat;
}
/* layout section start here */
.outer_container {
	float: left;
	width: 100%;
	position: relative;
	margin-top: 10px;
}
.layout {
	margin: 0 auto;
	width: 950px;
}
p {
	clear: both;
}
#Header {
	float: left;
}
#HeaderLeft {
	float: left;
	width: 250px;
}
#HeaderRight {
	float: left;
}
#HeaderRight h1 {
	font-size: 50px;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 10px;
}
#HeaderRight h2 {
	font-size: 38px;
}
#HeaderRight h3 {
	font-size: 38px;
}
#HeaderRight h3 a {
	color: #000;
	text-decoration: none;
}
#HeaderRight h3 a:hover {
	color: #fff;
}

.appleLinks a {
		color: #000;
		text-decoration: none;
		}

.appleLinks a:hover {
		color: #000;
		text-decoration: none;
		}


#Content {
	float: left;
	width: 100%;
	margin-top: 25px;
}
#ContentLeft {
	float: left;
	width: 530px;
}
#ContentRight {
	float: left;
}
.ContenttextArea {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	background-color: rgba(255,255,255,0.4);
	width: 400px;
	padding: 10px;
	min-height: 257px;
}
.ContenttextArea a {
	color: #333;
	text-decoration: underline;
}
.ContenttextArea a:hover {
	color: #FFF;
}
#ContentRight h2 {
	margin-bottom: 10px;
}
.roundframe {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}
#Footer {
	float: left;
	width: 930px;
	margin-top: 30px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	background-color: rgba(255,255,255,0.4);
	padding: 10px;
}
#FooterLeft {
	float: left;
	width: 90px;
}
#FooterRight {
	float: left;
}
#FooterRight h1 {
	font-size: 35px;
	margin-top: 15px;
}
#Acreds {
	float: left;
	width: 910px;
	margin-top: 30px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	background-color: rgba(255,255,255,0.4);
	padding: 10px 10px 10px 30px;
	margin-bottom:20px;
	text-align:center !important
}


#Acreds img { padding-right:15px;}
#Acreds img .last { padding-right:0px;}




 @media only screen and (max-width: 1056px) {
		.layout, #Footer,#Acreds {width: 95%;}
		#ContentLeft {width: 55% !important;}
		#ContentRight{width: 45% !important;}
	 	.ContenttextArea {width: 95% !important;}
}


 @media only screen and (max-width: 992px) {
	 	#HeaderRight { width:60%}
	 	#HeaderLeft { widows:20%}
	 	#HeaderRight h1 { font-size: 45px;margin-top: 0px; padding-top:0px;}
	 	#Content { padding:0px 10px 0px 20px; width: 100% !important;}
	 	#ContentLeft {width: 65% !important;}
		#ContentRight{width: 75% !important; margin-top:20px;}
	 	.ContenttextArea {width: 95% !important;}
		#FooterRight h1 { font-size: 25px; 	margin-top: 10px; }
		#FooterLeft p img { max-width:50px; height:auto;}
		#Footer, #Acreds {width: 95% !important; }
		#Acreds img{ max-width:100px}
		
}


 @media only screen and (max-width: 767px) {
	 body {margin-bottom:50px;}
		#HeaderLeft {width: 150px;}
		#HeaderLeft img { max-width:100px; height:auto;}
		#HeaderRight h1 {font-size: 30px;margin-bottom: 2px;margin-top: 0px;}
		#HeaderRight h2 {font-size: 28px;}
		#HeaderRight h3 {font-size: 18px;}
		#Content { padding:0px 10px 0px 20px;width: 100% !important; }
		#ContentLeft {width: 75% !important;}
		#ContentRight {width: 75% !important;}
		.ContenttextArea {width: 100% !important;}
		#Footer,#Acreds {width: 85% !important; margin-bottom:20px;  }
		#FooterLeft {width: 60px;}
		#FooterRight h1 { font-size: 16px; 	margin-top: 5px; }
		#FooterLeft p img { max-width:30px; height:auto;}
		#Acreds img{ max-width:60px}
		#Acreds {margin-bottom:50px;}
}


 @media only screen and (max-width: 479px) {
	 	#Header { clear:both !important;}
	 	#HeaderLeft {width: 90px;}
		#HeaderLeft img { max-width:70px; height:auto;}
		#HeaderRight h1 {font-size: 20px;margin-bottom: 2px;margin-top: 0px;}
		#HeaderRight h2 {font-size: 18px;}
		#HeaderRight h3 {font-size: 10px;}
		#Content { padding:0px 10px 0px 20px;width: 90% !important; clear:both; }
		#ContentLeft {width: 90% !important;}
		#ContentRight {width: 90% !important;}
		.ContenttextArea {width: 100% !important;}
		iframe{ max-width: 90% !important; height:auto}
		#Footer { display:none; }
		#Acreds {width: 80% !important; margin-bottom:20px;  }

}