* { padding:0; margin:0; }
p { margin:10px 0; }
a img { border:none; }
.clear { clear:both; height:1px; }


body { background:#000 url(images/body-bg.jpg) no-repeat top center; font-family:Arial,Helvetica,sans-serif; font-size:14px; }

#wrapper { margin:0 auto; width:900px; }
#mobile-heading { display:none; }

#header { height:120px; background:url(images/banner.jpg) no-repeat; }
#header #logo { float:left; height:100%; width:100%; display:block; text-indent:-9999px; }

#footer { clear:both; padding:20px 10px; margin-top:20px; text-align:center; color:#777; }
#footer span { font-weight:bold; color:#999; }
#footer p { font-size:90%; }
#footer a { color:#777; }

#menu { height:50px; background:url(/images/banner.jpg) no-repeat 0 -120px; }
#menu ul { list-style-type:none; padding-top:10px; float:right; margin-right:15px; }
#menu li { float:left; line-height:40px; height:40px; padding-left:10px; margin-left:5px; font-weight:bold; font-size:16px; text-transform:uppercase; 
	 }
#menu a { color:#ddd; display:block; float:left; height:40px; line-height:40px; padding-right:10px; text-decoration:none; 
	 }
#menu a:hover { text-decoration:underline; color:#fff; }
#menu li.active { background:url(images/menu-tab.png) no-repeat; }
#menu li.active a { background:url(images/menu-tab.png) no-repeat top right; color:#000; }
#menu li.active a:hover { text-decoration:none; cursor:default; }

#content { padding:10px; padding-left:15px; background-color:white; border-radius: 10px; }
/*
#content-cap-top { height:10px; background:url(images/content-cap.png) no-repeat; }
*/
/*
#content-cap-bottom { height:10px; background:url(images/content-cap.png) no-repeat 0 -10px; }
*/

#content-left { float:left; width:435px; border:0px solid red; }
#content-left h1 { text-align:center; font-size:20px; margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #ccc; }
#content-left p { text-align:justify; font-size:14px; line-height:20px; }
#content-left ul { margin:10px 0 0 30px; }

#content-right { width:425px; height:520px; float:right; font-size:20px; position:relative; border:0px solid red;
	background:url(images/content-right-bg.jpg) no-repeat top right; }
#content-right-text { margin:20px 20px 0 20px; }
#content-right-text h2 { font-size:22px; text-align:center; border-bottom:1px solid #bbb; padding-bottom:4px; }
#content-right-text ul { margin:10px 0 0 20px; }
#content-right-text ul ul { margin:8px 0 8px 20px; font-size:16px; }
#content-right-text li { padding:4px 0; }

.mpta { font-size:10px; width:130px; position:absolute; top:150px; right:10px; }

/* Facebook bg */
#fbml-content { background:#000 url(images/fbml-bg.jpg) no-repeat; }

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

.content-left-entry {
	width: 100%;
}

@media only screen and (max-width: 1024px) {
	#wrapper {
		width: 94%;
	}
	#header {
		width: 100%;
		background-position: center;
		background-repeat: none;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-ms-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
	}
	#menu {
		width: 100%;
		background-image: none;
	}
	#content {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
	#content-left {
		width: 50%;
		padding-right: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
	}
	#content-left img {
		max-width: 100%;
		height: auto;
	}
	#content-left iframe {
		width: 100%;
	}
	#content-right {
		width: 50%;
		padding-left: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		float: right;
	}
	#content-right-text li {
		font-weight: 700;
		font-size: 15px;
	}
}

@media only screen and (max-width: 768px) {
	#content-left {
		width: 100%;
		padding-right: 0;
	}
	#content-left img {
		width: 100%;
	}
	#content-right {
		width: 100%;
		background: none;
		padding-left: 0;
	}
}

@media only screen and (max-width: 560px) {
	#menu li {
		font-size: 12px;
	}
}

@media only screen and (max-width: 480px) {
	
	#content-right { width:100%; height:100%;}

#menu ul { list-style-type:none; padding-top:10px; float:left; margin-left:8%;}
#menu li { font-size: 10px; float:left; line-height:40px; height:40px; padding-left:10px; margin-left:5px; font-weight:bold; text-transform:uppercase; 
	 }
#menu a { color:#ddd; display:block; float:left; height:40px; line-height:40px; padding-right:10px; text-decoration:none; 
	 }

	#header { height:220px; background:url(images/remotim.png) no-repeat; 
	background-repeat:no-repeat;
background-size:contain;
background-position:center;  
	
	}
	
	.mpta {visibility:hidden;}
	

		
}

  .mobileShow {display: none;} 

  /* Smartphone Portrait and Landscape */ 
  @media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 480px){ 
      .mobileShow {display: inline;}
  }