* { margin: 0; padding: 0; }

html { overflow: hidden; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ccc;
	background: #101010;
	overflow: hidden;
	margin: 0 auto;
}

h3 { font-size: 18px; }

a { color: #fff; outline: none; }

p {  margin: 1.5em 0; }

img { border: 0; }

.clear { clear: both; }

.center { text-align: center; }

span.small { font-size: 11px; }

p.large { font-size: 15px; font-weight: bold; }
p.caption { font-size: 11px; color: #999; }

a.player { display:block; width:400px; height:266px; outline: 1px solid #000;  }


/* Preloader ***********/
.QOverlay {
	background-color: #222;
	z-index: 9999;
}

.QLoader {
	background-color: #d57b26;
	height: 3px;
}

.QAmt {
	color:#666;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:40px;
	font-weight:bold;
	line-height:50px;
	height:50px;
	width:100px;
	margin:-60px 0 0 -50px;
}
/* EOF Preloader *********/

#main-container {
	margin: 0 auto;	
	overflow: hidden;
}

.container {
	position: relative;
	width: 920px;
	padding: 10px 20px;
	margin: 50px auto 0 auto;
	background: url('../img/template/container.png');
}

.container ul { margin-left: 30px; margin-bottom: 15px; }



.page {
	width: 100%; 
	height: 1200px;
	display: block; 
	float: left;   
	margin: 0 auto;
}

.header { margin-bottom: 10px; }

h1.logo { width: 400px; float: left; margin-top: -80px; margin-left: 20px; }

ul.menu { float: right; width: 450px; margin-top: 20px;  }

	ul.menu li {
		list-style: none;
		float: left;
	}
	
	ul.menu li a {
		text-indent: -9999px;
		display: block;
		margin: 0 12px;
		padding-bottom: 5px;
		border: 3px solid transparent;
	}
	
	
	ul.menu li.menu-why a { background: url('../img/template/why.png') no-repeat top left; width: 55px; height: 32px; }
	ul.menu li.menu-how a { background: url('../img/template/how.png') no-repeat top left; width: 56px; height: 32px; }
	ul.menu li.menu-where a { background: url('../img/template/where.png') no-repeat top left; width: 80px; height: 32px; }
	ul.menu li.menu-what-next a { background: url('../img/template/what-next.png') no-repeat top left; width: 128px; height: 32px; }
	
	#why ul.menu li.menu-why a, ul.menu li.menu-why a:hover { background: url('../img/template/why-selected.png') no-repeat top left; border-bottom: 3px solid #e9681f; }
	#how ul.menu li.menu-how a, ul.menu li.menu-how a:hover { background: url('../img/template/how-selected.png') no-repeat top left; border-bottom: 3px solid #e9681f; }
	#where ul.menu li.menu-where a, ul.menu li.menu-where a:hover { background: url('../img/template/where-selected.png') no-repeat top left; border-bottom: 3px solid #e9681f; }
	#what-next ul.menu li.menu-what-next a, ul.menu li.menu-what-next a:hover { background: url('../img/template/what-next-selected.png') no-repeat top left; border-bottom: 3px solid #e9681f; }

h2.homepage { width: 408px; height: 95px; margin-bottom: 30px; display: block; background: url('../img/template/homepage-text.png') no-repeat top left; text-indent: -9999px; }

h3.just-go { width: 129px; height: 36px; display: block; background: url('../img/template/just-go.png') no-repeat top left; text-indent: -9999px; }
h3.share { width: 78px; height: 37px; display: block; background: url('../img/template/share.png') no-repeat top left; text-indent: -9999px; }
h3.site-navigation { width: 208px; height: 37px; display: block; background: url('../img/template/site-navigation.png') no-repeat top left; text-indent: -9999px; }
h3.downloads { width: 158px; height: 40px; display: block; background: url('../img/template/downloads.png') no-repeat top left; text-indent: -9999px; }



.left-column {
	float: left;
	width: 410px;
	margin-left: 30px;
}

.right-column {
	float: right;
	width: 410px;
	margin-right: 30px;
}


#footer { 
	background: #1f1f1f url('../img/template/footer.png') repeat-x top left; 
	height: 50px; 
	overflow: hidden; 
	position: fixed;
	bottom: 0;
	width: 100%;
	color: #999;
}

	#footer a#not-muslim {
		text-indent: -9999px;
		background: url('../img/template/not-a-muslim.png') no-repeat top left;
		height: 37px;
		width: 282px;
		display: block;
		margin: 7px 10px 0 0;
		cursor: pointer;
		float: right;
		
	}

	#footer a#footer-open {
		text-indent: -9999px;
		background: url('../img/template/open.png') no-repeat top left;
		height: 37px;
		width: 91px;
		display: block;
		margin: 7px 0 0 10px;
		cursor: pointer;
		float: left;
	}
	
	
	#footer a#footer-close {
		text-indent: -9999px;
		background: url('../img/template/close.png') no-repeat top left;
		height: 37px;
		width: 101px;
		display: block;
		margin: 2px 0 0 10px;
		cursor: pointer;
	}
	
	#footer #footer-extended {
		margin-top: 22px;
		width: 100%;
	}
	
		#footer #footer-extended a { color: #ccc; }
	
		#footer #footer-extended #footer-navigation {
			float: left;
			width: 30%;
			margin-left: 8%;
			margin-bottom: 30px;
		
		}
		
		#footer #footer-extended #footer-navigation ul { margin-top: 20px; float: left; width: 150px; }
		
			#footer #footer-extended #footer-navigation ul li {
				list-style: none;
				margin: 5px 0;
			}
		
		#footer #footer-extended #footer-downloads {
			float: left;
			width: 15%;
			margin-right: 5%;
			
		}
		
			#footer #footer-extended #footer-downloads ul { margin-top: 20px;  }
		
			#footer #footer-extended #footer-downloads ul li {
				list-style: none;
				margin: 5px 0;
			}	
		
		#footer #footer-extended #footer-share {
			float: left;
			width: 35%;
			margin-right: 5%;
		
		}
		
		#footer #footer-extended #footer-share ul { margin-top: 20px; width: 80px; float: left; }
		
			#footer #footer-extended #footer-share ul li {
				
				list-style: none;
				margin: 5px 5px;
			}
			
			#footer #footer-extended #footer-share ul#icons { width: 200px; }
			#footer #footer-extended #footer-share ul#icons li { float: left; margin-top: -5px;  }
			#footer #footer-extended #footer-share ul#icons li#facebook {  margin-left: 5px; }
		

.copyright { font-size: 11px; text-align: right; color: #666; margin-top: 20px; }


.block { width: 1800px; display: block; float: left;   background-color: #333; }

.block .container2 {  position: relative; height: 1100px; }

.block .container2 .panel { position: absolute; top: 0; }


form {}

form#interest { background: #444; padding: 10px 15px; margin-top: 5px; }
form#interest .go { margin-left: 120px; }

form select { padding: 3px 5px; border: 2px solid #999; background: #f2f2f2; color: #000; min-width: 200px; }

form .go { background: #e9681f; color: #fff; font-weight: bold; padding: 5px; border: 1px solid #333; }

form .input { padding: 3px 5px; border: 2px solid #999; background: #f2f2f2; color: #000; float: left; }
form label { width: 120px; float: left; display: block; }
form p { clear: both; padding: 10px 0; margin: 0; }

span.required { color: #F00; }

p#error, p.errors { background-color: #f4e1e1; color: #C00; font-weight: bold; padding: 5px 5px; text-align: center; }
p.success { color: #e9681f; font-weight: bold; padding: 0; margin: 50px 0 0 0; text-align: center; font-size: 16px; }

a#courses-button { width: 173px; height: 50px; display: block; background: url('../img/template/find-courses.png') no-repeat top left; text-indent: -9999px; outline: none; margin: 0 auto;
}

a#interest-button { width: 215px; height: 50px; display: block; background: url('../img/template/register-interest.png') no-repeat top left; text-indent: -9999px; outline: none; margin: 0 auto;
}


#home { background: url('../img/template/bg/home-bg.jpg') no-repeat fixed 50% 0;  }
#where { background: url('../img/template/bg/where-bg.jpg') no-repeat 50% 0;  }
#how { background: url('../img/template/bg/how-bg.jpg') no-repeat 50% 0;  }
#why { background: url('../img/template/bg/why-bg.jpg') no-repeat 50% 0;  }
#what-next { background: url('../img/template/bg/what-next-bg.jpg') no-repeat 50% 0;  }
#about { background: url('../img/template/bg/sub-3-bg.jpg') no-repeat 50% 0;  }
#support-us { background: url('../img/template/bg/sub-2-bg.jpg') no-repeat 50% 0;  }
#our-partners { background: url('../img/template/bg/sub-2-bg.jpg') no-repeat 50% 0;  }
#you { background: url('../img/template/bg/sub-2-bg.jpg') no-repeat 50% 0;  }
#join-us { background: url('../img/template/bg/sub-2-bg.jpg') no-repeat 50% 0;  }


#results { 
	margin: 5px 10px;
}

	#results h3 { color: #e9681f; padding: 10px; font-size: 15px; }
	
	#results h4 { padding: 0 10px; font-size: 14px; font-weight: bold; }
	
	#results p { padding: 0 10px; }

	#results ul { 	background: #444;
	
	border-top: 2px solid #666;}
	
		#results ul li { list-style: none; padding: 10px 15px; border-bottom: 15px solid #333; }
	
	#results #course-description { background: #555; padding: 10px 10px 5px 10px; margin-bottom: 5px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
		#results #course-description h4 { font-size: 12px; }
		#results #course-description p { font-size: 11px; }

.jqmWindow {
    display: none;    
    position: fixed;
    top: 5%;
    left: 50%;    
    margin-left: -300px;
    width: 600px;  
	height: 370px;
    background-color: #333;
    color: #fff;
    border: 3px solid #666;
    padding: 15px;
}

.jqmWindow .content { overflow: auto; height: 200px; margin-top: 10px; }

.jqmClose { 
	padding: 8px 15px; 
	background: #666 url('../img/template/gradient.gif') repeat-x top left; 
	border-top: 1px solid #f3f3f3;
	color: #fff; 
	text-decoration: none; 
	font-weight: bold; 
	position: absolute; 
	right: 0;
	bottom: 0;
	margin-top: 30px;
	margin-right: 20px;
}


.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}