body {
font-family:"Arial",Times New Roman, Times, serif;
background-color:#e7e7e9;
font-size:12px;
color:#4f5050;
line-height:17px;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, param, embed, table, span, img, a, br  {
margin:0;
padding:0;}
a, a:visited {
color:#004d8d;
text-decoration:none;}
a:hover {
color:#6699CC;
text-decoration:none;}
li { list-style:none;}
.new_line { display:inline-block;}
.clear {clear:both;}
.left {
float:left;}
.right {
float:right;}
h1, h2, h3 {
font-size:14px;
color:#004d8d;
line-height:16px;
margin:0 0 5px 0;
}
td {
vertical-align:top;}
/************************************************************/
.body_cont_top {
background:#fff url(http://www.mcc-eg.com/images/body_cont_top_bg.gif) no-repeat top left;
width:788px;
margin:20px auto 0 auto;}
.body_cont_btm {
background:url(http://www.mcc-eg.com/images/body_cont_btm_bg.gif) no-repeat bottom left;
padding:8px 0 ;}
.body_cont_mdl {
background:url(http://www.mcc-eg.com/images/body_cont_mdl_bg.gif) repeat-y top left;
width:774px;
padding:0px 7px;}
/************************************************************/
.menu_login {
width:205px;
background-color:#37559f;} /*1a4f6e*/
.menu {
color:#e2e9ed;
/*font-weight:bold;*/
line-height:normal;
letter-spacing:1px;}
.menu a, .menu a:visited {
color:#e2e9ed;
background:url(http://www.mcc-eg.com/images/menu_li_bg.gif) no-repeat 10px 12px;
border-bottom:#1b5b81 solid 1px;
padding:5px 8px 6px 20px;
display:block;}
.menu a:hover, .menu a.selected, .menu a:visited.selected {
color:#fff;
background-color:#4568bd;}

.sub_menu a, .sub_menu a:visited {
background:url(http://www.mcc-eg.com/images/menu_li_bg.gif) no-repeat 21px 12px;
padding:5px 8px 6px 31px;}
.sub_menu a:hover, .sub_menu a.selected, .sub_menu a:visited.selected {
color:#fff;
background-color:#4568bd;}
/*.menu li {
border-bottom:#1b5b81 solid 1px;
padding:6px 8px 8px 10px;}*/

/************************************************************/
.login {
padding:10px 10px 10px 10px;
color:#e2e9ed;}
.login a, .login a:visited {
color:#fff;
text-decoration:underline;}
.login a:visited {
color:#e2e9ed;
text-decoration:none;}
.login .inputbox {
width:175px; /*195 totally*/
height:19px;
background-color:#3c647c;
border:#174159 solid 1px;
margin:0 0 3px 0;
color:#cce6e9;
/*text-transform:lowercase;*/
font-family:"Times New Roman", Times, serif;
font-size:11px;
/*font-weight:bold;*/
padding:5px 3px 0 5px;
/*font-style:italic;*/
letter-spacing:1px;}
.login .sec_login_div {
width:185px;
overflow:hidden;}
.login .pass_box {
width:118px;
margin:0 3px 0 0;}
.login_button {
background:transparent url(http://www.mcc-eg.com/images/login_btn.gif) no-repeat scroll 0 0;
border:0 none;
cursor:pointer;
display:block;
margin:0;
padding:0;
text-indent:-9999px;
width:54px;
height:26px;}
/************************************************************/
.content li {
background:url(http://www.mcc-eg.com/images/content_li_bg.gif) no-repeat left 8px;
padding:0 0 0 10px;}
.main_content {
padding:8px 10px 10px 10px;}
.main_content img {
float:left;
display:inline;
margin:0 10px 5px 0;
border:solid 1px #999999;}
.down_news {
background:url(http://www.mcc-eg.com/images/divider.gif) no-repeat top center;
padding:10px 10px 10px 10px;}
.down_news h2 {
color:#999999;
margin:0 0 3px 0;}
/************************************************************/
.projects_high {
background-color:#f0f0f0;
width:165px;}
.projects_high li {
padding:8px;
border-top:#FFFFFF solid 1px;}
.projects_high li.first {
border-top:none;}
.projects_high img {
/*width:147px;*/
border:#666666 solid 1px;}
.projects_high a, .projects_high a:visited {
font-size:12px;
color:#4a4a4a;}
.projects_high a:hover {
color:#6699CC;}
/************************************************************/
#copy_right {
width:780px;
color:#bbb;
text-align:right;
margin:0px auto 6px auto;
/*font-family:Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif;*/
line-height:18px;
cursor:default;
letter-spacing:1px;
font-size:11px;}
#copy_right a, #copy_right a:visited {
font-weight:bold;
color:#bbb;
font-size:13px;
letter-spacing:normal;}
#copy_right a:hover {
color:#6699CC;}
/************************************************************/
#header_container {
width:774px;
height:225px;
position:relative;
overflow:hidden;}
#portfolio_container {
position:absolute;
top:0;
left:205px;}
#logo_container {
width:205px;
height:225px;
background-color:#fff;
position:absolute;
top:0;
left:0;
z-index:9;}
#logo {
padding:10px 0 0 15px;}
#logo a, #logo a:visited {
width:175px;
height:200px;
cursor:pointer;
display:block;
background: url(http://www.mcc-eg.com/images/mcc-logo.png) no-repeat top left;
text-indent:-9999px;}
#certificate {
background:url(http://www.mcc-eg.com/images/certificate.gif) no-repeat top left;
width:115px; /*totally 138px*/
height:104px; /*totally 114px*/
padding:10px 0 0 23px;
position:absolute;
top:100px;
right:0;}
#certificate li {
width:95px;
height:72px;
display:block;
background: url(http://www.mcc-eg.com/images/certification.gif) no-repeat top left;
text-indent:-9999px;}

/************************************************************/
.news_full_no_1 {
width:549px;
overflow:hidden;
margin:10px 0 0 0;
padding:10px 0 0 0;
display:block;
background:url(http://www.mcc-eg.com/images/divider.gif) no-repeat bottom center;}
.first {
margin:0;
background:none;}
.news_full_no_1 a img, .news_full_no_1 a:visited img {
float:left;
margin:0 10px 5px 0;
display:inline;
width:150px;
border:solid 1px #999999;}
.news_full_no_1 a:hover img {
border:solid 1px #3C647C;}
.more a, .more a:visited {}
.more a:hover {}
/************************************************************/
#crumbs {
	height:2.3em;
	border:1px solid #dedede;
	}
#crumbs li {
	float:left;
	line-height:2.3em;
	color:#777;
	padding-left:.75em;
	list-style:none;
	background:none;
	}		
#crumbs li a {
	background:url(http://www.mcc-eg.com/images/crumbs.gif) no-repeat right center;
	display:block;
	padding:0 15px 0 0;
	}							
#crumbs li a:link,
#crumbs li a:visited {
	color:#777;
	text-decoration:none;
	}	
#crumbs li a:hover,
#crumbs li a:focus {
	color:#004D8D;
	}
/***********************************************************/
.gal_content {
width:549px;
overflow:hidden;
padding:8px 0px 0px 0px;}
.gal_content a img, .gal_content a:visited img {
margin:0 5px 10px 0;
float:left;
display:inline;
border:solid 1px #999999;
width:127px;}
.gal_content a:hover img {
border:solid 1px #3C647C;}
.gal_content_inside {
overflow:hidden;
padding:8px 0px
0px 10px;}
/******************
buttons
*******************/
.awesome, .awesome:visited {
background: #222 url(../img/alert-overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
}

.awesome:hover							{ background-color: #111; color: #fff; }
.awesome:active							{ top: 1px; }
.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
.awesome, .awesome:visited,
.medium.awesome,
.medium.awesome:visited 		{ font-size: 13px; font-weight: bold;
line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }

.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
.green.awesome:hover						{ background-color: #749a02; }
.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
.blue.awesome:hover							{ background-color: #007d9a; }
.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
.red.awesome:hover							{ background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
.magenta.awesome:hover							{ background-color: #630030; }
.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
.orange.awesome:hover							{ background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
.yellow.awesome:hover							{ background-color: #fc9200; }