body {
	background: transparent URL("../images/mainBG.jpg") top center no-repeat;
	background-size:cover;
}
#main-content {
	width:100%;
	padding:0px 0px 0px 0px;	
}
#logo {
	background:#fff;	
}
.logoImage {
	margin-top:20px;
	margin-left:30px;
	padding-bottom:20px;
}
#bannerArea {
	min-height:600px;
	background: white; /* For browsers that do not support gradients */
    	background: -webkit-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,1)); 
    	background: -o-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,1)); 
    	background: -moz-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,1)); 
    	background: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,1)); 
}
#banner {
	background: transparent URL("../images/banner2.png") no-repeat;
	z-index:2;
	padding:10px;
	position:relative;
	margin-left:-20px;
	min-height:250px;
}
#bannerText {
	margin-top:35px;
	margin-left:40px;
}
#bannerImage {
	z-index:1;
	position:absolute;
	float:right;
	margin-left:950px;
	margin-top:-100px;
}
.worldImage {
	z-index:2;
	position:absolute;	
}
p {
	font-size:16px;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
}
/*Responive Section*/
/*Large Screen*/
@media screen and (max-width:1290px) and (min-width: 1040px) {
	#banner {background: transparent URL("../images/banner2md.png") no-repeat;}
	#bannerText {margin-top:20px;}
	#bannerImage {margin-left:720px;}
}

/*Medium Screen*/
@media screen and (max-width:1040px) and (min-width: 780px) {
	#banner {background: transparent URL("../images/banner2sm.png") no-repeat;}
	#bannerText {margin-top:10px;margin-left:20px;}
	p {font-size:12px;} 
	#bannerImage {margin-left:520px; margin-top:-100px;}
 	.worldImage {width:200px;} 
}
/*Small Screen*/
@media screen and (max-width:780px) and (min-width: 660px) {
	#banner {background: transparent URL("../images/banner2xs.png") no-repeat;}
	#bannerText {margin-top:5px;margin-left:10px;}
	#bannerImage {margin-left:433px;	margin-top:-340px;}
	p {font-size:10px;padding:0px;} 
	.worldImage {width:200px;}
}
/*X-Small Screen*/
@media screen and (max-width:660px) and (min-width: 420px) {
	#banner {background: transparent URL("../images/banner2xs.png") no-repeat;}
	#bannerText {margin-top:5px;margin-left:10px;}
	#bannerImage {margin-left:420px;margin-top:-340px;}
	p {font-size:10px;padding:0px;} 
	.worldImage {width:200px;margin:0 auto;}
}
/*X-Small Screen*/
@media screen and (max-width:420px) and (min-width: 300px) {
	#banner {background: transparent URL("../images/banner2xs.png") no-repeat;}
	#bannerText {margin-top:5px;margin-left:10px;}
	#bannerImage {margin:0 auto; position:absolute; text-align:center; width:35%; float:none;margin-top:-100px;}
	p {font-size:10px;padding:0px;} 
	.worldImage {width:200px;margin:0 auto;}
}