html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
body {
	font: 16px/17px Arial, Helvetica, sans-serif;
	text-align: center;
/*	background: #356aa0; */
	background: #052a7e;
	color: #000;
}
table { border-collapse:separate; border-spacing:4;}
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
a img { border: none; }
a:link , a:visited {text-decoration:none;color:#00f}
a:hover{text-decoration:underline;color:#00f}

#header {background: url(images/header-bg.jpg) no-repeat center top;}
.pagewidth {width: 890px;margin: 0 auto;text-align: left;}
.headerDiv .logo {font-size: 100%;padding:18px 10px 8px 20px;float:left}
.headerDiv .logo a {
display: block;
height: 94px;
width: 94px;
text-indent:-2000em;
background: url(images/al-qotob-logo.png) no-repeat 0 0;
outline:none;
}
.headerDiv .topLinks {float:right;margin:0;list-style:none;margin-top:10px;}
.headerDiv .topLinks li {display:inline;font-size:11px;border-right:solid 1px #FFF;line-height:11px; padding:0 10px}
.headerDiv .topLinks li:last-child {border-right:none}
.headerDiv .topLinks li a {color:#FFF;font-size:11px;text-shadow:1px 1px 2px #000;}
.headerDiv .topLinks li a:hover {color:#e8e8e8;}
#mainLinks {padding:88px 0 4px 200px;list-style:none;}
#mainLinks li {display:inline;font: normal 16px/20px Tahoma, Arial, sans-serif;padding:0 10px}
#mainLinks li a {color: #FFF;text-shadow:1px 1px 2px #000;padding:0 0 9px}
#mainLinks li a:hover, #mainLinks li a.selectedTab {color:#fd0;background: url(images/link-hover-bg.png) no-repeat center bottom;text-decoration:none}

#mainLinks .dropdown {list-style:none;}
#mainLinks .dropdown li {display:list-item;font: normal 12px/20px Tahoma, Arial, sans-serif;padding:0 10px}
#mainLinks .dropdown li a {color: #FFF;padding:0 0 9px}
#mainLinks .dropdown li a:hover, #mainLinks .dropdown li a.selectedTab {color:#fd0;background:none}

.banner {padding-top:5px;}


.main {padding-top:5px}
.curvy {
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}
.fullwidth {background-color:#000000;padding:10px 10px;}
.leftCol {background-color:#b5d3f1;float: left;width: 594px;padding:10px 12px;}
.leftColfull {background-color:#FFFFFF;float: left;width:890; padding:10px 12px;}
.rightCol {background-color:#ecefd9;float: right;width: 242px;padding:10px 12px;}
p {color:#636363;padding:0 0 14px 0;}
.leftCol p {color:#636363;padding:0 0 14px 5px;}
h2, h3{
	font: normal 20px/28px "Trebuchet MS", "Comic Sans MS", sans-serif;
	background: url(images/title-bg.png) no-repeat left bottom;
	margin:0 20px 10px 0;
	color: #f2c83c;
	padding:0 10px 0 35px;text-shadow:1px 1px 1px #000;
}
h4{
	font: normal 14px/28px "Trebuchet MS", "Comic Sans MS", sans-serif;
	background: url(images/title-bg.png) no-repeat right bottom;
	margin:0 20px 10px 0;
	color: #f2c83c;
	padding:0 2px 0 0;
	text-shadow:1px 1px 1px #000;
}
h5{
	font: normal 14px/28px "Trebuchet MS", "Comic Sans MS", sans-serif;
	background: url(images/title-bg.png) no-repeat right bottom;
	margin:0 20px 10px 0;
	color: #f2c83c;
	padding:0 2px 0 0;
	text-shadow:1px 1px 1px #000;
}



.projects {}
.projects dl{}
.projects dl a{color:#bf9700}
.projects dl a:hover{color:#826805}
.projects dt{font-weight:bold}
.projects dt span{display:block;color:#666;font-size:11px;font-weight:normal}
.projects dd{padding-bottom:15px;color:#666}


.more {text-align:right}
.more a {color:#bf9700}





/*Footer*/
.footer {
	background: #4982b9 url(images/footer_bottom_bg.gif) repeat-x left top;
	border-top: 1px solid #3097ff;
	clear:both;
	font-size:11px;
	line-height:13px;
	padding:20px 10px 30px;
	margin-top:6px
}

.footerLinks {float:left;list-style:none;}
.footerLinks li {display:inline;border-right:solid 1px #FFF;padding:0 10px}
.footerLinks li:last-child {border-right:none}
.footerLinks li a {color:#FFF}
.footerLinks li a:hover {color:#e8e8e8;}
.footer .copyright {color:#FFF;float:right}


/*Clear Fix*/
.cf:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.cf {display: inline-block;}
html[xmlns] .cf {display: block;}
* html .cf {height: 1%;}

/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:288px;	width: 890px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 10px; right: -7px;
	width: 178px; height:40px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 2px 5px;
	text-decoration: none;
	color: #111;
	font-size:11px;
	background: #f6e786;
	border: 1px solid #968200;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.paging a.active {
	font-weight: bold;
	background: #ffdd00;
	color: #000;
}
.paging a:hover {font-weight: bold;}


#slider-code { height: 125px; overflow:hidden; }
#slider-code .viewport { float: left; width: 470px; height: 114px; overflow: hidden; position: relative; }
#slider-code .buttons {
	display: block;
	margin: 30px 10px 0 0;
	float: left;
	background: url(images/arrows.png) no-repeat 0px 0px;
	height: 35px;
	width: 33px;
	text-indent: -2000px;
}
#slider-code .next {margin: 40px 0 0 10px;}
#slider-code .next:hover {background-position:0 -35px}
#slider-code .prev {margin: 40px 10px 0;background-position:-35px 0}
#slider-code .prev:hover {background-position:-35px -35px}
#slider-code .disable {visibility: hidden;}
#slider-code .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0 top: 0; }
#slider-code .overview li{ float: left; margin: 0 6px 0 0; padding: 1px; height: 110px; width: 150px;}