/*
	Labbayk Nasheeds
	Script edited by maznet designs
*/
* {
	margin: 0;
	padding: 0;
	}
.clear {
	clear: both;
	}
p {
	margin-bottom: 15px;
	}
body {
	text-align: center;
	color: #333;
	background: #3aaadc;
	font: .69em/14pt verdana, arial, tahoma, sans-serif;
	}

/* images */
img {
	border: 0;
	}
img.left{
	float: left;
	clear: left;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 3px;
	}
	
/* headings */
h1{	
	font: 20pt "Century Gothic", "Trebuchet MS", georgia, serif;
	color: #fff;
	background: url('images/header-logo.png') center top no-repeat;
	margin: 0 auto;
	display: block;
	width: 356px;
	height: 180px;
	}
h2{
	font: 16pt "Century Gothic", "Trebuchet MS", georgia, serif;
	color: #3aaadc;
	background: inherit;
	padding-bottom: 2px;
	}
h3{
	font: 15pt "Century Gothic", "Trebuchet MS", georgia, serif;
	color: #3aaadc;
	background: inherit;
	margin-top: 15px;
	padding-bottom: 2px;
	}
h4{
	font: 11pt "Century Gothic", "Trebuchet MS", georgia, serif;
	color: #3aaadc;
	background: inherit;
	padding-bottom: 2px;
	margin: 0;
	}	

/* link classes */
a:link{
	color: #935f15;
	background: inherit;
	text-decoration: none;
	}
a:active{
	color: #000;
	background: inherit;
	text-decoration: none;
	}
a:visited{
	color: #935f15;
	background: inherit;
	text-decoration: none;
	}
a:hover{
	color: #f7a301;
	background: inherit;
	text-decoration: none;
	}
a.footer-link:link{
	color: #333;
	background: inherit;
	}
a.footer-link:visited{
	color: #fff;
	background: inherit;
	}
a.bread:link, a.bread {
	color: #fff;
	background: #935f15;
	}
a.bread:hover {
	color: #935f15;
	background: #935f15;
	}
a.bread:visited {
	color: #fff;
	background: #935f15;
	}

/* forms */
textarea {
	width: 400px;
	padding: 2px;
	font: normal 1em Verdana, sans-serif;
	border: 1px solid #eee;
	height: 100px;
	color: #777;
}
input, select, textarea {
	font: normal 1em Verdana, sans-serif;
	padding: 5px;
	border: 1px solid #935f15;
	color: #000;
	background: #fff;
}
input:hover, textarea:hover {
	color: inherit;
	background: #fff;
	border: 1px solid #13507f;
}
input:focus, textarea:focus {
	color: #000;
	background: #f5f5f5;
	border: 1px solid #cecece;
}
input[type=submit], input[type=reset] {
	font: 8pt verdana, arial, sans-serif;
	color: #000;
	background: inherit;
}

/* misc classes */
.text-right{
	float: right;
	}
.information {
	background: #f8fafc url('images/icons/information.png') center no-repeat;
	background-position: 15px 50%;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #935f15;
	border-bottom: 2px solid #935f15;
	}
	.information a:link {
		color: #935f15;
		background: none;
		}
	.information a:hover {
		color: #ffb400;
		background: none;
	}
.signuppad {
	padding-top: 9px;
	}
.spacing{
	height: 100px;
	}
.highlight{
	background: #ffffcd;
	padding: 1px;
	}
.floatl {
	float: left;
	clear: left;
	padding: 5px;
  }
.home{
	background: url('images/icons/house.png') left center no-repeat;
	padding: 5px 0px 5px 20px;
	}
.login{
	background: url('images/icons/door_in.png') left center no-repeat;
	padding: 5px 0px 5px 20px;
	}
	
/* Skeleton */	
#header{
	width: 800px;
	height: 50px;
	margin: 0 auto;
	background: #00000 url('images/logotop.gif') no-repeat center bottom;
	color: inherit;
	}
	ul#breadcrumb{
		padding-top: 16px;
		float: right;
		list-style: none;
		}
		ul#breadcrumb li{
			display: inline;
			padding-left: 6px;
			}		
#logo-wrap{
	width: 100%;
	height: 175px;
	background: #000000 url('images/logobg.png') repeat center
	}
#logo{
	width: 798px;
	height: 180px;
	margin: 0 auto;
	color: #000;
	background: #3aaadc url('images/logo2.png') repeat center;
	text-align: left;
	}
	#logo h1 span{ display: none;}
	#customize{
		float: right;
		margin-right: 0px;
		margin-bottom: 0px;
		padding-top: 113px;
		width: 126px;
		height: 67px;
		}
#navigation{
	color: #fff;
	background: #3aaadc url('images/navbg.png') center repeat;
	width: 100%;
	margin: 0 auto;
	height: 40px;
	}
	ul#nav{	
		list-style: none;
		margin-left: 0px;
		padding-top: 2px;
		padding-left: 0px;
		padding-top: 11px;	
		font: bold 10pt "Trebuchet MS", verdana, tahoma, sans-serif;
		text-transform: uppercase;
		}
		ul#nav li{
			margin: 0 auto;
			display: inline;
			margin-right: 20px;
			}
			ul#nav li a{
				padding: 8px;
				color: #FFF;
				background: #;
				}
			ul#nav li a:hover{
				color: #000;
				background: #;
				}
	#subpages{
		width: 800px;
		height: 44px;
		margin: 0 auto;
		color: #fff;
		background: #00000 url('images/logobott.gif') no-repeat top center;
		text-align: left;
		border-top: 1px;
		}
		.subinside{
			width: 800px;
			margin: 0 auto;
			padding: 10px 0px 2px 5px;
			}
			ul#ul-subpages{
				list-style: none;
				}
			ul#ul-subpages li{
				display: inline;
				}
			ul#ul-subpages li a:link{
				color: #fff;
				background: inherit;
				}
			ul#ul-subpages li a:hover{
				color: #5e98c5;
				background: inherit;
				}
#index{
	width:  800px;
	margin: 0 auto;
	padding: 5px 0px 0px 0px;
	}
#wrap{
	width: 100%;
	margin: 0 auto;
	background: #fff;
	text-align: left;
	}
#content{
	width: 800px;
	margin: 0 auto;
	padding: 8px;
	color: #333;
	background: #fff;
	}
	#left{
		width: 57%;
		float: left;
		padding: 8px;
		color: #333;
		background: inherit;
		}
	#left2 {
		width: 75%;
		float: left;
		color: #333;
		background: inherit;
		}
	ul#features-left {
		float: left;
		width: 40%;
		margin-left: 0px;
		padding-left: 30px;
		padding-top: 5px;
		list-style: none;
		}
	ul#features-right{
		float: right;
		width: 50%;
		margin-left: 0px;
		padding-left: 10px;
		padding-top: 5px;
		list-style: none;
		}
		ul#features-left li, ul#features-right li{
			background: #fff url('images/icons/bullet_go.png') no-repeat left center;
			padding: 0px 0px 0px 20px;
			}
	ul.unordered{
		padding-left: 30px;
		}
		ul.unordered li{
			padding-bottom: 3px;
			}
			ul.unordered li ul {
				padding-left: 30px;
				}
	ol.ordered{
		padding-left: 30px;
		}
		ol.ordered li{
			padding-bottom: 3px;
			}
#sidebar{
	width: 35%;
	float: right;
	padding: 10px 10px 0px 0px;
	}
#sidebar2 {
	width: 20%;
	float: right;
	padding: 10px 10px 0px 0px;
	}
	#announcement{
		width: 98%;
		border: 2px solid #fcf170;
		color: #000;
		background: #fbf6cf url('images/icons/announce-star.gif') bottom right no-repeat;
		}
		#announcement p{
			padding: 5px;
			}
	ul#offered{
		list-style: none;
		}
		ul#offered li{
			padding-bottom: 18px;
			}
	ul#packages{
		list-style: none;
		margin-bottom: 20px;
		}
		ul#packages li{
			}
			ul#packages li a:link{
				font-weight: bold;
				color: #0c3f66;
				background: #fff url('images/icons/bullet_blue.gif') left center no-repeat;
				padding: 3px 3px 3px 15px;
				display: block;
				}
			ul#packages li a:visited{
				font-weight: bold;
				color: #0c3f66;
				background: #fff url('images/icons/bullet_blue.gif') left center no-repeat;
				padding: 3px 3px 3px 15px;
				display: block;
				}
			ul#packages li a:hover{
				color: #89b6d9;
				background: #1e6092 url('images/icons/bullet_blue.gif') left center no-repeat;
				padding: 3px 3px 3px 15px;
				display: block;
				}
#footer{
	width: 800px;
	margin: 0 auto;
	text-align: left;
	}
	.copyright{
		float: left;
		width: 45%;
		padding: 5px 0px 0px 5px;
		}
	ul.legal{
		float: right;
		width: 45%;
		padding: 5px 0px 5px 0px;
		list-style: none;
		text-align: right;
		}
		ul.legal li{
			display: inline;
			}

/* table styles */
table.table {
	width: 95%;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 25px;
	}
th {
	font: bold 10pt verdana, arial, helvetica, sans-serif;
	border-right: 0px solid #fff;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	letter-spacing: 0px;
	text-align: center;
	padding: 6px 6px 6px 12px;
	color: #fff;
	background: #000 url('images/th-bg.png');
	}
th.nobg {
	border-top: 0;
	border-left: 0;
	color: #124d7a;
	border-right: 0px solid #fff;
	background: none;
	text-align: left;
	}
td {
	border-right: 0px solid #fff;
	border-bottom: 1px solid #fff;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
	width: 125px;
	text-align: center;
	}
td.zero {
	padding: 0px;
	border: 0px;
	}
td.alt {
	background: #fafafa;
	color: #fff;
	width: 125px;
	text-align: center;
}
th.spec {
	border-left: 0px solid #fff;
	border-top: 0;
	background: #fff;
	color: #000;
	text-align: left;
	font: bold 8pt verdana, arial, helvetica, sans-serif;
	}
th.specalt {
	border-left: 0px solid #fff;
	border-top: 0;
	background: #fafafa;
	text-align: left;
	font: bold 8pt verdana, arial, helvetica, sans-serif;
	color: #797268;
	}