/* 
Firm:		SOFTWEX CO.LTD	www.softwex.com
Author:		Mohammed Mahgoub El-Hussein
Date:		Feb 2009
*/

@charset "utf-8";

/* reset.css */
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 {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
}
a {
	color:#006699;
}
a:hover {
	color: #003366;
}

body {
	background-attachment: scroll;
	background-image: url(../images/bg-body.jpg);
	background-repeat: repeat-x;
	color: #333;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0;
}
#header {
	height: 73px;
	width: 764px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
#logo span {
	display: none;
}
#logo {
	height: 59px;
	width: 222px;
	display: block;
	position: absolute;
	background-attachment: scroll;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	left: -68px;
	margin: 0px;
}
#nav {
	display: block;
	float: right;
	list-style-type: none;
	font: italic 14px Verdana, Geneva, sans-serif;
	margin: 0px;
	text-transform: lowercase;
}

#nav li {
	display: inline;
}
#nav a {
	color: #FFF;
	text-decoration: none;
	display: block;
	float: left;
	height: 37px;
	padding-top: 22px;
	padding-left: 14px;
	padding-right: 14px;
	background: url(../images/bg-nav-a.jpg) no-repeat scroll right bottom;
}
#nav a:hover {
	color: #EACD94;
	background: url(../images/bg-nav-ahover.jpg) no-repeat scroll right top;
}#content {
	width: 764px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 230px;
}
#recent-projects-slider h2.title {
	display: block;
	height: 24px;
	width: 137px;
	position: absolute;
	top: 8px;
	right: 0px;
	background: #1D486A url(../images/bg-heading-rcnt-prjcts.jpg) no-repeat scroll right top;
	z-index: 9999;
}
#panels-container {
	height: 185px;
	background: #BBE5FE url(../images/bg-recent-projects.jpg) no-repeat scroll center top;
	padding-top: 11px;
}
#movers-row {
	background: #410D2E;
	height: 31px;
}
div.project-breif {
	float: left;
	width: 266px;
	padding-top: 42px;
	padding-left: 16px;
}
.floatleft {
	float: left;
	margin-left: 16px;
}
.sIFR-active h3.rcnt-prjct-title {
	font-size: 20px;
	margin-bottom: -2px;
	visibility: hidden;
}
.project-breif p {
	font: 14px/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
}
.project-breif a {
	color: #903;
}
#movers-row div {
	float: right;
	width: 275px;
	color: #FFF;
}
#movers-row div a {
	height: 31px;
	display: block;
	float: left;
	color: #FFF;
	text-decoration: none;
	padding-right: 6px;
	padding-left: 6px;
	font: 16px/1.9em Rockwell, Courier, sans-serif;
}
#movers-row div a.next {
	float: right;
	font: 14px/2.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding-right: 12px;
	padding-left: 12px;
	background: #330B24;
}

#movers-row span.veiw {
	float: left;
	font: 14px/2.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding-right: 5px;
}
.active-thumb  {
	background: #330B24;
}
#recent-projects-slider {
	position: relative;
	width: 764px;
}
.stripNavL, .stripNav, .stripNavR { 
	display: none; 
}
.stripViewer .panelContainer
.panel ul						{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer						{ position: relative; overflow: hidden; width: 764px; height: 285px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 764px; }
h2.title span {
	display: none;
}
#mid-row {
	height: 82px;
	background: #F5E6CF url(../images/bg-mid-row.jpg) no-repeat scroll center top;
	padding-top: 25px;
	padding-right: 28px;
	padding-left: 28px;
}
.whatwedo {
	font: italic 19px/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #7F1A59;
	display: block;
	padding-right: 280px;
	font-style: italic;
	background: url(../images/dandd.jpg) no-repeat scroll right -5px;
}
#col1, #col2, #col3 {
	float: left;
}
#row-3 #col1 {
	width: 252px;
	padding-right: 23px;
}
#row-3 #col2 {
	width: 212px;
	padding-right: 12px;
	padding-left: 0px;
}
#row-3 {
	padding-top: 25px;
}
.col-heading {
	font-size: 18px;
	/*visibility: hidden;*/
}
#row-3 #col3 {
	width: 255px;
	padding-left: 10px;
}
#latestnews-mp {
	list-style: none;
	display: block;
}
#latestnews-mp h3 {
	font: bold 14px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 5px;
	word-spacing: 0.2em;
}
#latestnews-mp p {
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#latestnews-mp h3 a {
	text-decoration: none;
}
#latestnews-mp li {
	margin-bottom: 18px;
}
.quick-links {
	list-style: none outside;
}
.quick-links li {
	margin-bottom: 2px;
	padding-left: 21px;
	background: url(../images/gold-bullet.jpg) no-repeat scroll -2px 2px;
	display: block;
}
.quick-links p {
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 14px;
	font-style: italic;
}
.quick-links a {
	text-decoration: none;
	color: #996600;
}
/*footer hack*/
html, body, #container {
	min-height: 100%;
	width: 100%;
	height: 100%;
}
html>body, html>body #container {
	height: auto;
}

#container {
	position: absolute;
	margin-bottom: 3em;
	background: url(../images/bg-container.png) repeat-x scroll 0 3px;
	padding-top: 3px;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
}
#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	min-height: 179px;
	padding-bottom: 10px;
	color: #CCCCCC;
	background: url(../images/footer-bg.png) repeat-x scroll bottom;
}
#footer p {
	margin: 0.5em 0 1em 2em;
	padding: 0;
}
#footer-content {
	width: 764px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#footer a{
	text-decoration: underline;
}
#copy {
	float: left;
	text-align: left;
}
#contact-info {
	float: right;
	text-align: right;
}
#contact-info, #copy {
	z-index: 1;
	width: 50%;
	position: relative;
	padding-top: 8px;
	font-size: 12px;
}

#contact-info ul {
	list-style: none;
	letter-spacing: 0.02em;
}
#contact-info li {
	display: inline;
	padding-left: 8px;
}
#footer a{
	color: #CCCCCC;
	text-decoration: underline;
	border: none;
}
.footer-logo span {
	display: none;
}
.footer-logo {
	background: url(../images/bg-footer-logo.png) no-repeat scroll;
	height: 189px;
	width: 310px;
	position: absolute;
	left: -68px;
	top: 0px;
	z-index: 0;
	display: block;
}
#frow1 {
	position: relative;
	z-index: 1;
	padding-top: 20px;
	min-height: 130px;
	padding-left: 220px;
	border-bottom: dotted 1px #966;
}
a.veiw {
	display: block;
	color: #FFF;
	text-decoration: none;
	background: #410D2E;
	padding-right: 5px;
	padding-left: 5px;
	text-transform: uppercase;
	letter-spacing: .2em;
	float: left;
}
a:hover.veiw {
	background: #990033;
}
#minimap {
	float: left;
	padding-top: 8px;
	font-size: 12px;
}
#minimap ul {
	display: block;
	float: left;
	min-width: 100px;
	list-style: inside;
	min-height: 112px;
	padding-right: 20px;
}
#minimap ul li {
	margin-bottom: 2px;
}
#minimap ul.list1 {
	border-left: dotted 1px #966;
	padding-left: 16px;
}
#minimap ul.list3 {
	border-right: dotted 1px #966;
	padding-right: 10px;
}
#footer-rcol {
	float: right;
	padding-top: 8px;
}
.clnts-lgn {
	display: block;
	height: 23px;
	width: 147px;
	background: url(../images/clients-login.png) no-repeat scroll;
}
.clnts-lgn span {
	display: none;
}
.title a {
	display: block;
	height: 24px;
	width: 137px;
}
.blueborder
{
    border-width: 3px;
    border-color: #D1EDFF;
}




/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */