@charset "utf-8";
/* CSS Document */

/* Colors--------------------------------------------------------------*/
/* Body Background:		#9a7d5c     
 * Body Font:        	#333333   
 * Links:          		#c75f03
 * Links Hover:         #0054a6 
 * Headline:      		#790000
*/

/* Redeclarations--------------------------------------------------------Start----*/ 
a:active,
a:focus 						{outline:0;}
a:active,
a:focus 						{outline:expression(hideFocus='true');}
::-moz-focus-inner				{border: 1px solid transparent!important;}
a:link,a:visited                {text-decoration:none;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,html,p,blockquote,    		{margin:0; padding:0;}
body                            {
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#333;
	font-size:12px;
	padding:17px 0 0 0;
	margin:0;
	background-color: #808080;
}
#primary-content .breadcrumb img {
	float: right;
}

a                               {color:#c75f03;}
a:hover                         {color:#0054a6;}
a img                           {border:none;}
h1                              {font-size:20px; color:#790000; padding:0 0 15px 0; margin:0; font-weight:400; font-family:Arial, Helvetica, sans-serif;}
h2                              {
	font-size:18px;
	padding:0 0 10px;
	font-weight:400;
	color:#790000;
	margin:0;
}
h3                              {font-size:13px; color:#790000; margin:0 0 10px 10px;}
h4                              {font-size:12px; color:#790000;}
ul, li							{padding:0; margin:0; list-style:none;}
/* Redeclarations--------------------------------------------------------End------*/ 

/* Layout----------------------------------------------------------------Start----*/
#wrapper                        {width:994px; margin:0 auto;}
#header                         {position:relative;}
#content						{background:#fff url(../images/content-part-bg.gif) no-repeat scroll 51px 37px; min-height:297px; height:auto !important; height:297px; padding:0 0 23px 87px; margin:0 0 10px 0;}
#footer                         {clear:both; margin:0 auto; width:994px; display:block; height:30px;}
/* Layout----------------------------------------------------------------End------*/

/* Header Styles---------------------------------------------------------Start----*/
#header .flash					{width:994px; height:346px; background:#fff url(../images/header-flash-bg.jpg) no-repeat;}
.logo							{position:absolute; width:262px; height:124px; left:722px; top:0px; background:url(../images/massaleh-logo.png) no-repeat; z-index:10;} 
* html .logo					{background:none;} 
.logo a							{width:262px; height:124px; display:block;}
.arabic							{text-align:left; height:22px; padding:15px 0 0 0; font-family:Tahoma, Geneva, sans-serif;} 
.arabic span					{padding:0 10px;}
.arabic a						{color:#000; text-decoration:none; font-weight:900; font-size:14px;}
.arabic a:hover					{color:#f5dfa9;}
.primary-nav					{position:absolute; width:202px; top:124px; left:754px;}
/* Header Styles---------------------------------------------------------End------*/


#primary-content				{background:url(../images/pcontent-bottom-bg.gif) no-repeat scroll bottom left #f5f4f0; padding:0 35px 12px 36px;}
#primary-content .intro			{width:355px; padding:0 28px 0 0; margin:30px 25px 0 0;}
#primary-content .intro img.glance{margin:10px auto 0 auto;}
#primary-content p				{text-align:justify;}
#primary-content .featured-pro	{width:175px; padding:0 23px 0 0; margin:30px 25px 0 0;}
#primary-content .news			{width:197px; margin:30px 0 0 0;}
#primary-content .news .news-title{display:block; font-weight:900; margin:0 0 5px 0;}
#primary-content .featured-pro p, #primary-content .news p{padding:0; margin:10px 0 0;}

#primary-content .inner-content	{background:#eceae0 url(../images/inner-content-right-curve.png) no-repeat scroll top right;}
#primary-content .inner-content-bottom{background:url(../images/inner-content-bottom.png) no-repeat scroll bottom center; padding:15px 15px 20px 15px; width:530px; min-height:610px; height:auto !important; height:610px;}
#primary-content .inner-content p{margin:10px 0 15px 0; padding:0 10px !important;}

#primary-content .side-bar {width:276px;}
#primary-content .side-bar h2{color:#790000; padding:10px 0 5px 0; font-size:13px; font-weight:900; margin:0 0 10px 0;}

/*Inquiry Form---------------------------------------------------------- Start -----------*/
#primary-content .side-bar .inquiry{margin:50px 25px 0 0; background:url(../images/inquiry-bottom-bg.gif) no-repeat scroll bottom right; padding:0 15px 15px 0;}
.inquiry label, .inquiry p{padding:3px 0; display:block; margin:0 !important;}
.inquiry p img{margin:0 auto; text-align:center;}
.inquiry label span, .inquiry p span{display:block; font-weight:900; margin-bottom:5px;}
.inquiry label input, .inquiry p input{width:96%; padding:3px; border-bottom:1px solid #d4cfb9; background:#fff; border-right:0; border-left:0; border-top:0;}
.inquiry label textarea, .inquiry p textarea{width:96%; padding:3px; border-bottom:1px solid #d4cfb9; background:#fff; border-right:0; border-left:0; border-top:0;}
.inquiry input.button{background:#8f8c7a; padding:5px 0px; font-weight:900; color:#fff; border:0 none; width:100%; float:none !important;}
.inquiry input.button:focus{background:#8f8c7a; border:0 none;}
.inquiry input:focus, .inquiry textarea:focus{background:#FFC; border-bottom:1px solid #F90;}
.inquiry .inner-bg{background:url(../images/inquiry-top-bg.gif) no-repeat scroll top left; padding:12px 0 0 15px;}

/*Inquiry Form---------------------------------------------------------- End -----------*/

#primary-content .inner-content h2{font-size:18px; color:#790000; padding:0 0 10px 0; margin:0; font-weight:400; font-family:Arial, Helvetica, sans-serif;}
#primary-content .inner-content h1 {font-size:20px; color:#790000; padding:0 0 26px 0; margin:0; font-weight:400; font-family:Arial, Helvetica, sans-serif; background:url(../images/heading-bg.gif) no-repeat scroll left bottom;}
#primary-content .inner-content h1 span {font-size:12px; color:#333;}
#ver-nav 						{position:relative;overflow: hidden;display:block; margin:0 0 15px 0;}
#ver-nav li, #ver-nav li.second	{line-height:30px;padding:0 10px; border-bottom:1px solid #d4cfb9;}
#ver-nav li a, #ver-nav li.second a{font-size:12px;overflow:hidden; display: block; color:#333;border-bottom:1px solid #F5F4F0}
#ver-nav li.selected			{background:#eceae0; color:#c75f03; font-weight:900; border:0 none; height:30px;}
#ver-nav li.second				{padding:0 20px;}


 /* Footer Styles---------------------------------------------------------Start----*/
#footer 						{
	font-size:11px;
	color:#000;
}
#footer a						{color:#000; text-decoration:none;}
#footer a:hover					{
	color:#FFFFFF;
}
#footer .flinks					{width:447px; display:inline-block; text-align:center;}
#footer .copy					{width:310px; display:inline-block; text-align:left;}
#footer .designed				{width:231px; display:inline-block; text-align:right;}

/* Footer Styles---------------------------------------------------------End------*/
 
/* General Classes-------------------------------------------------------Start----*/ 
.cf								{clear:both;}
.left							{float:left;}
.right							{float:right;}
.hline							{background:url(../images/h-divider.gif) no-repeat scroll right 30px;}
.more							{text-align:left; width:auto; float:right; background:url(../images/arrow-more.gif) no-repeat scroll right 6px; padding:0 10px 0 0; display:block; margin:5px 0;}
.breadcrumb						{padding:10px 0; margin:0 0 15px 0; }
.breadcrumb a					{font-weight:900;}
.breadcrumb span				{font-family:Verdana, Geneva, sans-serif; font-size:14px; font-weight:900; padding:0 5px;}
.general						{margin:0;}
.general li						{padding:0 0 3px 20px; background:url(../images/li-bullet.gif) no-repeat scroll left 4px; margin:0 0 0 10px;}
.general li a					{color:#333;}
.general li a:hover				{color:#0054a6;}
.divider						{background:url(../images/page-divider.png) repeat-x scroll top center; height:30px; padding:0 !important; margin:0 0 10px 0 !important;}
span.hlight						{font-weight:900; color:#790000; font-size:12px !important;}
img.vertical					{vertical-align:middle; padding:0 5px 0;}
.center							{text-align:center !important;}
.error, .req 					{color:#D8122D; font-weight:normal; font-size:13px; font-family:Verdana, Geneva, sans-serif;}
span.req						{position:relative; vertical-align:top; float:none !important; width:auto !important;}
img.thumb						{width:110px; height:110px; margin:0 1px; padding:4px; background:#fff; border:2px solid #8f8c7a;}
img.pro-logo					{margin:0 14px 0 0; padding:4px; background:#fff; border:2px solid #8f8c7a;}
/* General Classes--------------------------------------------------------End-----*/ 

/* Project Slider Classes--------------------------------------------------------Start-----*/ 
#primary-content .project-thumb {width:200px; float:left; padding:0 23px 0 0; margin:0; display:block; text-align:center;}
#primary-content img.project-big{width:500px; padding:4px; background:#fff; margin:0 0 10px 0; border:2px solid #8f8c7a; height:137px;}
#primary-content .project-thumb img{width:189px; height:169px; padding:4px; background:#fff; margin:0 0 10px 0; border:2px solid #8f8c7a;}
#primary-content .project-details{width:300px; float: left;}
#primary-content .project-details p{border-bottom:1px solid #d6cfc1; padding:0 0 6px 0 !important; margin:0 0 7px !important;}
#primary-content .project-details p.p-details{min-height:110px; height:auto !important; height:110px;}
#primary-content .read-more		{float:right; width:150px; text-align:right; padding:6px 0 0 0;}
.button							{width:130px;float:left; cursor:pointer;}
#next							{margin-left:10px; float:right; text-align:right;}
#prev							{margin-right:10px;}
#next img, #prev img			{vertical-align:middle; margin:0 10px;}

#mask {
	width:530px;
	height:472px;
	overflow:hidden;
	position:relative;
	float:left;
	margin:10px 0 0;
}
#folio {
	position:absolute;
	top:0;
	left:0;
	width:3535px;
	float:left;
	height:472px;

}
.col {
	display:block;
	width:530px;
	float:left;
	height:472px;	
}

/* Project Slider Classes--------------------------------------------------------End-----*/

/* Pagination Style------------------------------------------------------Start-----*/

ul#pagination-pgallery				{margin:0px 0 10px 0px; padding:8px 0 0; text-align:right;}
#pagination-pgallery li				{border:0; margin:0; padding:0; font-size:90%; list-style:none; display:inline;}
#pagination-pgallery a				{border:solid 1px #d6cfc1; margin-right:2px; font-weight:900; padding:5px 10px;}
#pagination-pgallery 
.previous-off, 
#pagination-pgallery .next-off		{color:#838383; font-weight:bold; padding:5px 6px;border:solid 1px #d6cfc1}
#pagination-pgallery .next a, 
#pagination-pgallery .previous a	{font-weight:bold; border:solid 1px #FFFFFF;}	
#pagination-pgallery a.active		{color:#fff; font-weight:bold; background:#0054a6;}
#pagination-pgallery a:hover		{border:solid 1px #d6cfc1; font-weight:bold; color:#fff; background:#0054a6;}

/* Pagination Style------------------------------------------------------End-----*/


 /* Inner Page Styles---------------------------------------------------------Start----*/
#primary-content .inner-content .members{background:url(../images/members-bg.png) no-repeat scroll left top; width:528px; height:83px; margin:0; padding:0 !important; overflow:hidden; margin:0 0 20px 0;}
#primary-content .inner-content .members img{padding:6px; float:left; display:inline; margin:0 20px 0 0; width:78px; height:71px;}
#primary-content .inner-content .members h3{float:left; display:inline; padding:7px 0 7px 0; margin:0; font-size:14px; width:414px; color:#333333; line-height:30px;}

#primary-content .members p	{float:left; display:inline; padding:0 !important; margin:0 !important; font-size:11px; line-height:15px;}

#primary-content .members p span{float:left; display:inline;}

ul.reports					{margin:0; overflow:hidden;}
ul.reports li				{float:left; display:inline; width:130px; padding:0 0 30px 0; margin:0;}
ul.reports li a 			{width:130px; display:block; text-align:center;}
ul.reports li a span		{display:block; background:url(../images/pichart.jpg) no-repeat center top; height:46px; margin:0 auto 5px auto; width:50px;}
ul.reports li a:hover span	{background:}

.news-events				{margin:0;}
#primary-content .news-events p{border-bottom:1px solid #d6cfc1; background:url(../images/li-bullet.gif) no-repeat scroll 0 4px; padding:0 15px 8px 20px !important; margin:0 0 10px 0 ;}
#primary-content .news-events p a{color:#333;}
#primary-content .news-events p a:hover{color:#0054a6;}
/* Board of Directors Page Styles---------------------------------------------------------End------*/

#primary-content .form			{width:auto; clear:both;}
#primary-content .form label	{display:block; padding:4px 0; clear:both;}
#primary-content .form p		{display:block; padding:4px 0 !important; clear:both; margin:0 !important;}
#primary-content .form span		{float:left; font-size:12px; font-weight:400; width:130px; padding:1px 0 0; text-align:right; margin:0 5px 0 0;}
#primary-content .form input	{padding:1px; vertical-align:middle; width:230px; border:1px solid #8F8C7A;}
#primary-content .form input.small{width:130px;}
#primary-content .form select	{vertical-align:middle !important;}
#primary-content .form input[type=file]{background:#fff; border:1px solid #8F8C7A;}
#primary-content .btn			{border:0; background:#8F8C7A; color:#fff; font-weight:900 !important; padding:4px 10px !important; cursor:pointer; border:0 !important; text-align:center !important; width:auto !important}
#primary-content .btn:active	{position:relative; top:1px; background:#790000;}
#primary-content .btn:focus		{background:#790000 !important;}

ul.sitemap						{width:auto;}
ul.sitemap li					{padding:0 0 3px 20px; background:url(../images/li-bullet.gif) no-repeat scroll left 4px; margin:0 0 0 10px; font-weight:900;}
ul.sitemap li a					{color:#333;}
ul.sitemap li a:hover			{color:#0054a6;}
ul.sitemap li ul li				{padding:0 0 3px 20px; background:url(../images/li-bullet-grey.gif) no-repeat scroll left 4px; margin:0 0 0 10px; font-weight:400 !important;}


.generalRentNow						{margin:0;}
.generalRentNow li{
	padding:8px 0 12px 20px; 
	background:url(../images/li-bullet.gif) no-repeat scroll left 13px;
	font-size:15px;
	margin:0 0 0 10px;}
.generalRentNow li a					{color:#666;}
.generalRentNow li a:hover				{color:#0054a6;}