/*
Theme Name: Ibaanah
Theme URI: http://www.ibaanah.com/
Description: This theme is desert and sky.
Version: 1.0
Author: Saladin Ali-Salaam
Author URI: http://www.myqi.com/
Tags: blue, brown, custom header, fixed width, two columns, widgets

	Beautiful Lugah
	 http://www.myqi.com/

	This theme was designed and built by Saladin Ali-Salaam for Al-Ibaanah Arabic Institute

*/



/* Begin Typography & Colors */
body {
	background-color: #000;
	margin-top: 1px;
	background-image: url(./images/background.jpg);
	background-repeat:no-repeat;
	background-position: 50% 0%;
	background-attachment:fixed;
}
#header {
	position:relative;
	background-image: url(./images/header_bkd.jpg);
	width: 1004px;
	height: 359px;
	margin: auto;
}
#carousel-bkd {
	background-color: #0A121D;
	width: 1004px;
	height: 171px;
	margin: auto;
}
#divider-1 {
	background-color: #162941;
	width: 1004px;
	height: 5px;
	margin: auto;
}
#content-1 {
	background-color: #11214B;
	width: 1004px;
	height: 59px;
	margin: auto;
	padding-top:7px;
}
#divider-2 {
	background-color: #7F5D28;
	width: 1004px;
	height: 15px;
	margin: auto;
}
#content-2 {
	background-color: #FFFFFF;
	width: 1004px;
	height: 212px;
	margin: auto;
}
#content-3 {
	background-image: url(./images/aux-2_bkd.gif);
	width: 944px;
	height: 216px;
	margin: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: white;
	padding-left: 30px;
	padding-right: 30px;
	padding-top:30px;
}

/* Header elements */
#motto-text {
	position: relative;
	margin: auto;
	background-image: url(./images/motto-text.png);
	width: 828px;
	height: 68px; 
	margin-bottom: 7px;
}

/* message box */
.msgbox {
	cursor:pointer;
}

.msgbox .left{
	background-image: url(http://www.myqi.com/ibaanah.com/wp/wp-content/themes/ibaanah/images/obj-00_left.png);
	width: 17px;
}
.msgbox .middle{
	background-image: url(http://www.myqi.com/ibaanah.com/wp/wp-content/themes/ibaanah/images/obj-00_middle.png);
	color: #fffab0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	font-style:normal;
	text-align:center;
	vertical-align: top;
	padding-top: 3px;
}
.msgbox .smTxt {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	font-style:normal;
}
.msgbox .right{
	background-image: url(http://www.myqi.com/ibaanah.com/wp/wp-content/themes/ibaanah/images/obj-00_right.png);
	width: 17px;
}

/* logo */

#logo {
	position:absolute;
	margin-left:0px;
	top: 70px;
	left: 9px;
	background-image: url(./images/logo_ibaanah.png);
	width: 167px;
	height: 167px;
	cursor: pointer;
}
#blurb-00{
	position:absolute;
	left:173px;
	top:138px; 
	width:180px;
	color: #f6eddd;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 11pt;
}
#blurb-00-register a{
	cursor:pointer;
	font-weight: bold;
	text-decoration:none;
	color:#FFF
}
#blurb-00-register a:hover {
	cursor:pointer;
	font-weight: bold;
	color: #541204;
	text-decoration:none; 
}
#main-menu-wrapper{
display:inline;
}
#main-menu {
	position:absolute;
	left:368px;
	top:140px; 
	list-style:none;
	width: 604px;
}
.menu-item {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fdffc8;
	margin-bottom: 0px;
	display:inline;
}
.menu-item a{
	padding-right: 23px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fdffc8;
	cursor: pointer;
	margin-bottom: 0px;
	display:inline;
	text-decoration: none;
}
.menu-item a:hover{
	padding-right: 23px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffde00;
	cursor: pointer;
	text-decoration: none;
}
.flag-selected-bkd{
	position: absolute;
	background-image: url(./images/flag-selected-bkd.png);
	background-repeat: no-repeat;
	width: 62px;
	height: 49px;
	top: 128px;
	left: 938px;
}

.flag-selected-bkd:hover{
	position: absolute;
	background-image: url(./images/flag-selected-bkd.png);
	background-repeat: no-repeat;
	width: 62px;
	height: 49px;
	top: 128px;
	left: 938px;
}

/* flags */
#flag-bkd{
	position: relative;
	top: -35px;
	left: 635px;
	background-image: url(./images/flag_bkg.png);
	background-repeat:no-repeat;
	width: 366px;
	height: 52px;
	cursor: pointer;
	padding-left:7px;
	overflow:hidden;
}
#flags{
	margin: 0;
	padding: 0;
	list-style: none;
}
.flag-item{
	background-repeat:no-repeat;
	width: 50px;
	height: 41px;
	float:left;
	margin-top: 6px;
}
#myflag{
	background-image:url(./images/flag-1.png);
	width: 50px;
	height: 41px;
	margin-left: 6px;
	margin-top: 4px;
	background-repeat:no-repeat;
	cursor:pointer;
}

/* comapany name */

#company-name{
	position:absolute;
	background-image: url(./images/company-name.png);
	background-repeat:no-repeat;
	top:177px;
	left: 151px;
	width: 734px;
	height:57px;
}
#register-for-classes-today{
	position:absolute;
	background-image: url(./images/register-for-classes-today.png);
	top: 251px;
	left:348px;
	width: 311px;
	height: 32px;
	cursor:pointer;
}
#registration-steps{
	position:absolute;
	top:295px;
	left: 175px;
	width: 656px;
}
#program-selection{
	background-image: url(./images/program-selection.png);
	background-repeat:no-repeat;
	width:220px;
	height:51px;
	cursor:pointer;
	float:left;
}
#entry-requirements{
	background-image: url(./images/entry-requirements.png);
	background-repeat:no-repeat;
	width:219px;
	height:51px;
	cursor:pointer;
	float:left;
}
#fillout-application{
	background-image: url(./images/fillout-application.png);
	background-repeat:no-repeat;
	width:217px;
	height:51px;
	cursor:pointer;
	float:left;
}
#program-selection:hover{
	background-image: url(./images/program-selection-hover.png);
	background-repeat:no-repeat;
	width:220px;
	height:51px;
	cursor:pointer;
	float:left;
}
#entry-requirements:hover{
	background-image: url(./images/entry-requirements-hover.png);
	background-repeat:no-repeat;
	width:219px;
	height:51px;
	cursor:pointer;
	float:left;
}
#fillout-application:hover{
	background-image: url(./images/fillout-application-hover.png);
	background-repeat:no-repeat;
	width:217px;
	height:51px;
	cursor:pointer;
	float:left;
}
.ibaanah-entry{
	background-color:white;	
	width:1004px;
	margin:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

