/* 
	project: Default Design for Schooly Script 
   author: Mohammed Alshareef (www.arb4design.com) 
	Creation Date : 01-02-2010
	Updated On : 01-02-2010
	
*/
   

/* Layout styles 
---------------------------------------------------------------------------------------------------------------------------------------------------*/

body {
	background-image : url(../images/bg.gif);
}

div#container {
	width: 990px;
	margin: 0 auto;
}

div#header {
	width: 950px;
	margin: 20px 0 20px 0 ;
}

div#slider {
	width: 950px;
	height: 350px;
	margin: 10px auto;
	float: right;
	background: url(../images/Slider_bg.gif) no-repeat 160px;
}

div#sections {
	width: 990px;	
	margin: 10px auto;
	float: right;
}

div#footer {
	width: 990px;	
	margin: 10px auto;
	float: right;
	background: url(../images/footer_bg2.gif) repeat-x;
}

div#section_long{
	width: 660px;	
	margin: 1px auto;
	float: right;
}

div#section_long div#header{
	width: 660px;
	height: 35px;
	background: url(../images/section_long.gif) no-repeat top;
	margin: 12px auto;
}

div#section_long div#header_screenshots{
	width: 660px;
	height: 35px;
	background: url(../images/screenshots.gif) no-repeat top;
	margin: 12px auto;
}

div#section_long div#header_clients{
	width: 660px;
	height: 35px;
	background: url(../images/clients_bar.gif) no-repeat top;
	margin: 12px auto;
}

div#section_long div#header_demo{
	width: 660px;
	height: 35px;
	background: url(../images/demo_header.gif) no-repeat top;
	margin: 12px auto;
}

div#section_long div#text{
	width: 90%;
	margin: -12px 35px 0 15px;
	text-align: right;
	padding: 0px 5px 0 5px ;
	direction: rtl;
	color: #666862;
	font-weight: bold;
	line-height: 30px;
}

div#section_long a {
	color: #666862;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	margin: 6px 0 0 0;
}

div#section_long a:hover {
	text-decoration: underline;
}

div#section1{
	width: 330px;	
	margin: 1px auto;
	float: right;
}

div#section1 div#header{
	width: 330px;
	height: 35px;
	background: url(../images/section1.gif) no-repeat top;
	margin: 12px auto;
}

div#section1 div#text{
	width: 280px;
	margin: -12px 35px 0 15px;
	text-align: right;
	padding: 0px 5px 0 5px ;
	direction: rtl;
}

div#section1 a {
	color: #666862;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	margin: 6px 0 0 0;
}

div#section1 a:hover {
	text-decoration: underline;
}

div#section2{
	width: 330px;	
	margin: 1px auto;
	float: right;
}

div#section2 div#header{
	width: 330px;
	height: 35px;
	background: url(../images/section2.gif) no-repeat top;
	margin: 12px auto;
}

div#section2 div#text{
	width: 280px;
	margin: -12px 35px 0 15px;
	text-align: right;
	padding: 0px 5px 0 5px ;
	direction: rtl;
}

div#section2 a {
	color: #666862;
	text-decoration: none;
	font-weight: bold;
	font-size: 18px;
	margin: 15px 0 0 0;
}

div#section2 a:hover {
	text-decoration: underline;
}

div#section3{
	width: 330px;	
	margin: 1px auto;
	float: right;
}

div#section3 div#header{
	width: 330px;
	height: 23px;
	background: url(../images/section3.gif) no-repeat top;
	margin: 12px auto;
}

div#section3 div#text{
	width: 280px;
	margin: -12px 35px 0 15px;
	text-align: right;
	padding: 0px 5px 0 5px ;
	direction: rtl;
}

div#section3 a {
	color: #666862;
	text-decoration: none;
	font-weight: bold;
	font-size: 18px;
	margin: 15px 0 0 0;
}

div#section3 a:hover {
	text-decoration: underline;
}

div#section3 img.bullet1 {
	margin: 0px 0 0 0 ;
}

div#slider img.main_img {
	border: 1px solid #EBEBEB;
	width: 520px;
	height: 270px;
	margin: 35px 0 0 205px;
}

div#header img#logo {
	float: right;
}

div#header div#topMenu {
	float: right;
	width: 650px;
	margin: -30px 30px 0 0 ;	
}

/*Global Nav Styles*/
ul#nav-menu {
	width: 650px; 
	list-style: none;
	
}

ul#nav-menu li a {
	display: block; float: right; height: 58px;
	background-image: url(../images/nav-menu.gif); text-indent: -9999px;
}

	ul#nav-menu li a.home {
		width: 120px; background-position: 120px 0;	
	}
	
	ul#nav-menu li a.features {
		width: 110px; background-position: 230px 0;	
	}
	
	ul#nav-menu li a.screenShots {
		width: 120px; background-position: 350px 0;	
	}
	
	ul#nav-menu li a.support {
		width: 120px; background-position: 470px 0;	
	}

	ul#nav-menu li a.contact {
		width: 120px; background-position: 600px 0;	
	}
		
ul#nav-menu li a.home:hover, ul#nav-menu li a.home:focus {
		background-position: 120px -54px;	
	}
	
	ul#nav-menu li a.features:hover, ul#nav-menu li a.features:focus {
		background-position: 229px -55px;	
	}
	
	ul#nav-menu li a.screenShots:hover, ul#nav-menu li a.screenShots:focus {
		background-position: 349px -52px;	
	}
	
	ul#nav-menu li a.support:hover, ul#nav-menu li a.support:focus {
		background-position: 470px -52px;	
	}

	ul#nav-menu li a.contact:hover, ul#nav-menu li a.contact:focus {
		background-position: 600px -52px;	
	}
			
/*  Footer classes */
#footer_left {
	background: url(../images/.gif) repeat-x top;
	height: 283px;
	float : right;
	width: 450px;
	color: gray;
}

#footer_right {
	background: url(../images/footer_contact_bg.png) repeat 10px;
	height: 360px;
	float : right;
	width: 538px;	
	direction: rtl;
	color: #666862;
}


#footer_left .footer_links {
	list-style: none;
	float: right;
	width: 100%;
	color: Blue;
}

#footer_left .footer_links a{
	color: #FF6E02;
	text-decoration: none;
	font-weight: bold;
}

#footer_left .footer_links a:hover{
	color: gray;
	text-decoration: underline;
}

#footer_right #contact_form img.img_footer_contact{
	margin: 20px 0px 0 0 ;
	display: inline;
}

#footer_right #contact_form {
	margin: -12px 35px 0 0 ;
	padding: 1px 10px 0 0 ;
	width: 100%;
	text-align: right;
	color: Gray;
}

#footer_right fieldset {
	 border: 0;
	 margin: -50px 0 0 0 ;
}

#footer_right input[type=text] {
	width: 150px;
	border: 1px solid #EAEAEA;
	color: gray;
	height: 25px;
	font-size: 16px;
	text-align: right;
}


#footer_right input.footer_textbox {
	width: 200px;
	border: 1px solid #EAEAEA;
	color: gray;
	height: 25px;
	font-size: 16px;
	text-align: right;
	margin: 0 0 0 10px;
}

#footer_right textarea {
	width: 412px;
	border: 1px solid #EAEAEA;
	color: gray;
	height: 90px;
	font-size: 16px;
	text-align: right;
	margin: 5px 0 0 0;
}

#footer_right input {
color: gray;
border: 1px solid #ACACAC;
width: 120px;
height: 30px;
direction: rtl;
font-size: 18px;
}