@charset "UTF-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #303030;
	background-image: url(../images/body_bg.png);
	background-repeat: repeat-x;
	color: #999;
	margin: 0px;
	padding: 0px;
	text-align: center;
	}
#container {
	width: 900px;
	margin: 0 auto;
	font-size: 95%; /* slight adjustment */
	text-align: left;
	}
h2 {
	color: #fff;
	font-size: 170%;
	font-weight: lighter;
	margin: 0;
	padding: 0;
}

#header {
	float: left;
	width: 100%;
	height: 95px;
	}
	#kaaba_links {
		float: right;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		margin: 5px 0 0 0;
		padding: 0;
		list-style: none;
		}
		#kaaba_links li {
			float: left;
			margin: 0 0 0 0;
			padding: 0;
			font-family: Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			}
		#kaaba_links a {
			float: left;
			display: block;
			color: #999;
			text-decoration: none;
			border: 0px;
			padding: 5px 7px;
			}
		#kaaba_links a:hover {
			color: #fff;
			}
	#logo {
		float: left;
		height: 90px;
		}
		h1 {
			background: url(../imgs/logo_sm.png) no-repeat top center;
			height: 90px;
			text-indent: -2000px;
			text-align: center;
			float: left;
			height: 125px;
			width: 268px;
			border: 0;
			padding: 0;
			margin: 0;
			font-size: 300%;
			font-weight: lighter;
			}		
#feature {
	float: left;
	width: 100%;
	height: 350px;
	background: url(../images/feature_bg.png) no-repeat top left;
	}
	#feature #right_col {
		float: left;
		margin: 0 45px 0 80px;
		}
	#feature #left_col {
		float: left;
		width: 325px;
		font-size: small;
		font-weight: normal;
		color: #666;
		text-align: justify;
		padding: 30px 0 0 0;
		}
		#feature #left_col span {
			color: #fff;
			}
#footer {
	float: left;
	width: 100%;
	clear: both;
	color: #666;
	}

/* adjustment for IE5 */
body {
	font-size: x-small; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: small;
	}
html>body { /* be nice to Opera */
	font-size: small;
	}