td.tdinput{
	width:120px;
}
td.abstract{
	width:120px;
}
.rform td.fileinput input{
	width:283px;
}
td.left{
	width:200px;
}
td.left span{
	display:block;
	width:80px;
	margin-right:-70px;
	#margin-right:-70px;
	position:relative;
	z-index:3;
}

	
}
html{
overflow-y:scroll
}
body{
color:black;
background-color:white;
font-family:Arial,Helvetica,sans-serif;
text-align:center;
line-height:1.6em;
}
#container{
width:1002px;
margin:0px auto;
text-align:right;
/*background-image: url(../images/flash.jpg);
background-position: right top;
background-repeat: no-repeat;*/
}


#containerwrapper{
	padding: 0 31px;
}
#brandingandmenu{
	float:right;
	width:550px;
	position: relative;
}

#brandingandmenu a{
	

}
#brandingandmenu .topbanner{
width:140px;
height:20px;
position:absolute;
overflow:hidden;
right:-28px;

}
#topmenu ul{
	height:106px;
	overflow: hidden;
}
#topmenu{
	float:left;
	background-image: url(../images/menubg.jpg);
	background-repeat: no-repeat;
	width:390px;
	height: 230px;
	margin-top: 6px;
}
#topmenu div.floatcontainer div{
display:inline;

}

#mainnavigation{
margin-top: 9px;
height:37px;
}
#mainnavigation .wrap{
}

#linksmenu{
	width: 150px;
	float: left;
}

#linksmenu a{
	width:150px;
	height:22px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/mainmenu2.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	outline: none;
}
#linksmenu a:hover{
	text-decoration: none;
	outline: none;
}
#linksmenu #homelink a:hover,
#linksmenu #homelink a.selected{
	background-position: -150px 0;
}
#linksmenu #clientslink a{
	background-position: left -22px;
}
#linksmenu #clientslink a:hover,
#linksmenu #clientslink a.selected{
	background-position: -150px -22px;
}
#linksmenu #infolink a{
	background-position: left -44px;
}
#linksmenu #infolink a:hover,
#linksmenu #infolink a.selected{
	background-position: -150px -44px;
}
#linksmenu #faqlink a{
	background-position: left -66px;
}
#linksmenu #faqlink a:hover,
#linksmenu #faqlink a.selected{
	background-position: -150px -66px;
}
#linksmenu #contactlink a{
	background-position: left -88px;
}
#linksmenu #contactlink a:hover,
#linksmenu #contactlink a.selected{
	background-position: -150px -88px;
}

#branding{
width:446px;
float:left;
display:block;
background:url(../images/meshek8Logo.jpg);
height:92px;
text-indent:-9999px;
}
#contactuss{
	float: left;
	width:183px;
	height: 108px;
	background-image: url(../images/contactusbg2.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	margin-right: 5px;
}



.cinput{

	font-size: 11px;
	height: 12px;
	margin-bottom: 2px;
	#margin-bottom: 0px;
	width:106px;
	border:1px solid #dddddd;
	padding:1px 0;
}

.framed img{
width:166px;
height:104px;
display: block;
}
.framed {
background: url(../images/imgframe.gif) no-repeat 0 0;
margin-bottom:12px;
width:167px;
height:104px;
padding:12px;
}

#contactusswrap{
	padding: 13px 12px 0 0;
}

#contactuss h2{ 
	color:white;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: -1px;
}
#contactuss label{
	display: block;
	width:32px;
	font-size: 1.2em;
	color:#17b15b;
}
#contactuss .sendlink{
	
	display: block;
	width:153px;
	background: url(../images/quickcfbutton.jpg) no-repeat 0 -31px;
	height: 31px;
	line-height: 31px;
	text-align:center;
	outline: none;
	text-decoration: none;
	color:white;
	font-weight: bold;
	font-size:13px;
	margin-right:-4px;
	margin-top:-2px;

}
#contactuss .sendlink:hover{
	background-position: 0 0px;
	text-decoration: none;
}
#topmenu h2{
	color:white;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 22px;
	text-align: center;
	margin-bottom: 3px;
	padding-top: 31px;
}
#topmenu a{
background-image: url(../images/bullet.jpg);
	padding-right: 13px;

	display: block;
	background-position: right 6px;
	background-repeat: no-repeat;
	font-size: 1.2em;
	color: black;
}
#leftmenu a{
			background-position: right -187px;
}
#centermenu a{
		background-position: right -235px;
}
#rightmenu a{
		background-position: right -287px;
}
#leftmenu a.selectednode,
#leftmenu a:hover{
		background-position: right -37px;
		color:#622f23;
}
#centermenu a.selectednode,
#centermenu a:hover{
		background-position: right -85px;
		color:#2484c6;
}
#rightmenu a.selectednode,
#rightmenu a:hover{
		background-position: right -137px;
		color:#f36f21;
}
#rightmenu{
	float: right;
	width:100px;
	margin-right: 18px;

}
#centermenu{
	float: right;
	width:104px;

		margin-right: 26px;
}
#leftmenu{
	float: right;
	width:104px;

	margin-right: 22px;
}
#newhp{
font-size: 1.2em;
background: url(../images/newhpbg.jpg) no-repeat right 0;
height:319px;
margin-top:28px;
}
#newhp .inner{
padding-top:16px;
}
#hpbanner{
	float:left;
	height:230px;
	width:584px;
	margin-left:19px;
}
#hptext{
	width:280px;
	float:right;
	margin-right:32px;
	margin-top:10px;
	background: green;
}
#hp{
	background-image: url(../images/Hpbg.jpg);
	
	height: 350px;
	font-size: 1.2em;
}
#hpwrap{
	padding: 23px 8px 0 18px;
}
#hpcontent
{
	float: left;
	width: 496px;
	padding-top: 12px;
	height:217px;
	overflow:hidden;
}
#hpcontext{
	width:393px;
	float: right;
}
.hpcube{
	margin-bottom: 0.5em;
}
#hprightcubes{
	width:185px;
	float:right;
	margin-left:15px;
}
#hpleftcubes{
	width:185px;
	float:right;
	margin-top: 1.2em;

}
#bottommenu{
text-align: center;
padding: 15px 8px 0 8px; 
}
#bottommenu li{

	display: inline;
	
}
#bottommenu li a{
	color:black;
}
#bottommenu li a:hover{
	text-decoration: underline;
}
#bottommenu li.separatormenubottom{
	padding: 0 4px;
}


#sidemenu a.selectednode,
#sidemenu a:hover{
background: url(../images/breendots.gif) no-repeat right 6px;
}

#sidemenu a{
color:#00b05a;
font-size:12px;
display:block;
padding:3px 14px 3px 0px;

}


#sidemenu
{
	width : 193px;

	background: url(../images/sidemenubg.gif) repeat-y 0 0;
	
	
	
	float:right;
}

#sidemenu .bottom
{

	
	background: url(../images/sidemenubottombg.gif) no-repeat bottom left;
}

#sidemenu .wrap
{

	background: url(../images/sidemenutopbg.gif) no-repeat 0 0;
	padding:10px;
}

.innerdiv{
	line-height:1.6em;
}


.innerdiv a{

color:#00b05a;
text-decoration: underline;
}
.innerdiv h2{
color:#00b05a;
}
.innerdiv{
	float:right;
	width:486px;
	padding-top:25px;
}

.sidetd{
	padding-top:43px;
	width:192px;
	float:left;
	#width:204px;
	
}

#questions{
	
	float:right;
	width:49%;
	font-size:12px;
}

#questions ol{
overflow-y:scroll;
height:300px;
direction: ltr;

}

#questions ol li{
list-style-type: decimal;
list-style-position: outside;
margin-right:35px;
direction: rtl;
padding:3px 0;
}

#questions ol li a{
color:black;
}


#questions ol li.faqselected a
{
	color : #00b05a;
}

#questions ol li{
color:black;
}


#questions ol li.faqselected
{
	color : #00b05a;
}

#answers{
font-size:12px;
padding-top:18px;
line-height:22px;
float:left;
width:49%;
color:#00b05a;
}
#breadcrumbs a{
	text-decoration: underline;
	color:#000;	
}

#breadcrumbs{
font-size:1.2em;
color:#000;	
padding-bottom:12px;
}

.treeseparator{
	padding:0 4px;
}
/***************************************************************/
div.Orange{
	
	font-size:12px;
	line-height:22px;
}



div.Orange a{
color:#f26922;
text-decoration:underline;
}
div.Orange a:hover{

text-decoration:none;
}

div.Orange p{
margin-bottom:1em;
}

div.Orange h1,
div.Orange h2,
div.Orange h3,
div.Orange h4,
div.Orange h5,
div.Orange h6{
	
color:#f26922;

}

div.Orange ul li{
list-style-type:square;
direction: rtl;
}

div.Orange ul,
div.Orange ol{
	

list-style-position: inside !important;
}
div.Orange ol li{
list-style-type:decimal;
direction: rtl;
}

/********************/
div.Brown{
	
	font-size:12px;
	line-height:22px;
}



div.Brown a{
color:#622f23;
text-decoration:underline;
}
div.Brown a:hover{

text-decoration:none;
}

div.Brown p{
margin-bottom:1em;
}

div.Brown h1,
div.Brown h2,
div.Brown h3,
div.Brown h4,
div.Brown h5,
div.Brown h6{
	
color:#622f23;

}

div.Brown ul li{
list-style-type:square;
direction: rtl;
}

div.Brown ol{
list-style-position: inside;
}
div.Brown ol li{
list-style-type:decimal;
direction: rtl;
}

/********************/
div.Blue{
	
	font-size:12px;
	line-height:22px;
}



div.Blue a{
color:#2484c6;
text-decoration:underline;
}
div.Blue a:hover{

text-decoration:none;
}

div.Blue p{
margin-bottom:1em;
}

div.Blue h1,
div.Blue h2,
div.Blue h3,
div.Blue h4,
div.Blue h5,
div.Blue h6{
	
color:#2484c6;

}

div.Blue ul li{
list-style-type:square;
direction: rtl;
}


div.Blue ol li{
list-style-type:decimal;
direction: rtl;
}

div.green{
	
	font-size:12px;
	line-height:22px;
}



div.green a{
color:#17b15b;
text-decoration:underline;
}
div.green a:hover{

text-decoration:none;
}

div.green p{
margin-bottom:1em;
}

div.green h1,
div.green h2,
div.green h3,
div.green h4,
div.green h5,
div.green h6{
	
color:#17b15b;

}

div.green ul li{
list-style-type:square;
direction: rtl;
}


div.green ol li{
list-style-type:decimal;
direction: rtl;
}


#richtext .richimg{
	float:left;
	width:421px;
	height:283px;
	background: url(../images/richimgbg.gif) no-repeat 0 0;
	margin-top:28px;
}

#richtext .richimg img{
	width:387px;
	height:251px;
	padding: 16px 17px;
}

#richtext .richtextdiv{
 float:right;
 width:480px;
 
 overflow:auto;
 height:300px;
 direction:ltr;
}


#contactusswrap td{
vertical-align: top
}


#contactform{
background: url(../images/contactbg1.jpg) no-repeat right top;
height:306px;
font-size:1.2em;
padding-top:18px;
color:#00b05a;
}

#contactform .rform a span{
text-align:center;
}
#contactform .rform a.sendbutton{
text-decoration: none;
color:white;
text-align:center;
line-height:31px;
font-weight: bold;
}


#contactform .rform .formabstract a{
	text-decoration:underline;
}
#contactform .rform{
padding: 0 65px 0 512px;

}

#contactform .rform td{
	vertical-align: top;
}
#contactform .rform label{
width:82px;
display:block;
float:right;
padding-bottom:4px;
}

input.inputtext,
.inputtextyellow{
	border:1px solid #dddddd;
	width:201px;
	margin-bottom:2px;
	#margin-bottom:0px;
}
.rform input{
	border:1px solid #dddddd !important;
}

textarea.inputtext{
	border:1px solid #dddddd;
	width:201px;
	#width:201px;
	height:50px;
	overflow-y:scroll;
}

.requred{
	color:green;
}

.sendbutton{
	display:inline-block;
	float:right;
	margin-right:274px;
		#margin-right:276px;
	background: url(../images/cfbutton2.gif) no-repeat 0 -34px;
	height:25px;
	width:95px;
	color:white;
	
}
.sendbutton:hover{
background-position:left 0px;
}

#projects{
	background: url(../images/projectbg2.gif) no-repeat 0 0;
	width:938px;
	height:320px;

}

#projects .inner{
padding:16px 14px 0 14px;
}

#projects .sidemenu{
	width:120px;
	margin-left:28px;
	height:30px;
	float:right;
	padding-top:10px;
}
#projects{
	font-size:12px;
	color:white;
}
#projects .gallery{

	width:760px;
	height:234px;
	float:right;
}

.mainimg .theimg{
	width:510px;
height:234px;
	float:right;
	
}

.mainimg .theimg img#bigImage{
	width:510px;
	height:234px

}

.mainimg .thetext{
	width:243px;
	height:234px;
	overflow:hidden;
	float:left;
	margin-right:6px;
}

.mainimg .thetext .inner{
padding:15px 18px;
}

.mainimg .thetext .inner h3{
color:black;
line-height: 14px;
}


div.galery_Orange div.mainimg div.thetext{
background-position: left -234px;
background-image: url(../images/projecttextbg.gif);
background-repeat:  no-repeat;

}

.galery_Blue .mainimg .thetext{
background: url(../images/projecttextbg.gif) no-repeat 0 0;
}

.galery_Brown .mainimg .thetext{
background: url(../images/projecttextbg.gif) no-repeat left -468px;
}



.mainimg .thetext a{
color:#fff;
text-decoration:underline;
}

#projects .otherprojects{
margin-right:-3px;
}

.otherprojects .otherprojectsbg{
	float:right;
	margin-left:4px;
	width:55px;
	height: 62px;

	/*background: url(../images/imagestripBG.gif) no-repeat 0 0;*/
}
.otherprojects .otherprojectsbg div a img{
width:49px;height:49px;

}
.otherprojects .otherprojectsbg div a{
display: block;
padding:7px 3px 7px 4px;

}
.mainimg .MoreWorks{

position: absolute;
z-index: 2;
height:14px;
top:482px;
width:510px;
background: white;
color:black;
}

.mainimg .MoreWorks span{
display:block;
float:right;
padding-left:5px;
padding-right:8px;
line-height:13px;
}
.mainimg .MoreWorks div{
display:block;
float:right;
width:7px;
/*height:7px;*/
margin-left:5px;
/*margin-top:3px;*/
overflow:hidden;
/*background:#000;*/
line-height:13px;

}
.galery_Orange .mainimg .MoreWorks div:hover,
.galery_Orange .mainimg .MoreWorks div.selected{
/*background:#F36F21;*/
color: #F36F21;
font-weight:bold;

}
.galery_Brown .mainimg .MoreWorks div:hover,
.galery_Brown .mainimg .MoreWorks div.selected{
/*background: #622f23;*/
color:  #622f23;
font-weight: bold;
}
.galery_Blue .mainimg .MoreWorks div:hover,
.galery_Blue .mainimg .MoreWorks div.selected{
/*background: #2484c6;*/
color :  #2484c6;
font-weight: bold;
}

#projects #projectmenu a.item_0{
background: url(../images/projectmenulinks.gif) no-repeat right 0;
display:block;
height:13px;

margin-bottom:10px;

}

#projects #projectmenu a.item_1{
background: url(../images/projectmenulinks.gif) no-repeat right -23px;
display:block;
height:13px;

margin-bottom:10px;
}
#projects #projectmenu a.item_2{
background: url(../images/projectmenulinks.gif) no-repeat right -45px;
display:block;
height:13px;

margin-bottom:10px;
}

#projects #projectmenu ul{
	margin-bottom:10px;
}

#projects #projectmenu ul li{
padding-right:16px;
margin-bottom:3px;
}

#projects #projectmenu ul li a{
color:black;
}


ul#projectmenu{
	
	
}


ul#projectmenu li.item_0 .selected{

	color:#f26922 !important;
}

ul#projectmenu li.item_1 .selected{

	color:#622f23 !important;
}

ul#projectmenu li.item_2 .selected{

	color:#2484c6 !important;
}

.hpcubeTitle{
padding:0 3px 0 3px;
font-weight:bold;
float:right;
margin-left:4px;
}
.firstcube h2.hpcubeTitle{
	padding:0;
font-weight:bold;
margin-left:4px;
display: block;
float: none;

}
div.scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 924px;	
	height:60px;	
	
		
}
#scrollwrap{
	padding: 4px 7px 0 2px;
}
.hpprojectcube{

}
/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {	
	
}

/* single scrollable item */

div.scrollable div.items div  img{

	
}

#hpgreenbanner{
	width:314px;
	height:230px;

	float:right;
	margin-right:16px;
}


#fix .blackLink a{
	color:black;!important;
}