@charset "utf-8";
/* CSS for MKAD website */
body, html
	{
	height:100%;
	background-color:#000000;
	margin:0px;
	padding:0px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}
#wrapper {	
	display:block;
	position:relative;
	font-size:12px;
	margin: 0px auto;
	width:1004px;
}

#leadText {

	color:#ffffff;
	font-size:12px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#leadText H1 {
	color:#ffffff;
	font-size:12px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;

}
#endText
{
	color:#ffffff;
	font-size:11px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.logo
	{
	float:left;
	border:0px;
	}
	
.rightPromo
	{
	width:218px;
	text-align:center;
	color:#ffffff;
	float:right;
	}
.rightPromo img
	{
	margin-top:10px;
	margin-right:15px;
	margin-bottom:10px;
	clear:both;
	}
#TopMenubar {
	text-transform:uppercase;
	color:#ffffff;
	height:38px;
	background: #000000 url(../images/menu_grad_bg.gif) repeat-x;
	}
.clearDiv {
clear:both;
}
ul.menu  {
	margin:0px;
	padding:0px;
	height:38px;
}
.menu li{
cursor:hand;
cursor:pointer;
font-weight:bold;
padding-left:9px;
padding-right:9px;
border-right:1px #717171 solid;
display:inline;
line-height:35px;
}
.menu li a:link, .menu li a:active, .menu li a:visited, .menu li a:hover, .lastmenu a:link,  .lastmenu a:active, .lastmenu a:visited, .lastmenu a:hover ,.firstmenu a:link,  .firstmenu a:active, .firstmenu a:visited, .firstmenu a:hover 
{
text-decoration:none;
color:#FFFFFF;
}

.menu li a:hover, .lastmenu a:hover, .firstmenu a:hover 
{
text-decoration:none;
color:#FFCC00;
}
.lastmenu
	{
	border-right:0px !important;
	}
.firstmenu
	{
	border-left:0px !important;
	}
.rightPromo a:link, .rightPromo a:active, .rightPromo a:visited, .rightPromo a:hover {
	font-size:11px;
	color:#ffffff;
   }
   
   .rightPromo a:hover {
	font-size:11px;
	color:#FFCC00;
   }
   
   
.TopBanner {
padding:0px;
margin:0px;
background:#000000 url(../images/home_banner_bg.jpg) no-repeat;
height:268px;
}
.flashBanner {
width:422px;
float:left;
}
.rightSectBanner
	{
	margin-left:422px;
	width:555px;
	height:268px;
	}
.rightSectBanner h1{
margin:0px;
padding:0px;
line-height:45px;
vertical-align:bottom;
	color:#ffffff !important;
	font-family:Arial, Tahoma, verdana, Helvetica, sans-serif;
	font-size:26px;
	font-weight:normal;
	display:inline;
	margin:0px;
	}
.rightSectBanner h4
	{
	vertical-align:top;
	margin-top:0px !important;
	line-height:15px !important;
	font-weight:bold;
	font-size:15px;
	color:#ffffff;
	}
#mainContent {
width:auto;
margin:0px;
padding:0px;
margin-top:0px;
text-align:justify;
color:#000000;
line-height:15px;
font-size:12px;
}
.banner_sep {
margin-top:10px;
margin-bottom:10px;
}
.service_sections 
	{
	margin:0px;
	padding:0px;
	}
.blue_block {
float:left;
display:block;
height:176px;
width:253px;
background:#47a9e8 url(../images/webdesign_bg.jpg) no-repeat;
}
.green_block {
float:left;
display:block;
margin-left:5px;
width:249px;
height:176px;
background:#99db25  url(../images/eCom_bg.jpg) no-repeat;
}
.orange_block {
float:left;
display:block;
margin-left:5px;
width:247px;
height:176px;
background:#f9a012  url(../images/SEO_bg.jpg) no-repeat;
}
.red_block {
float:left;
display:block;
margin-left:5px;
width:239px;
height:176px;
background:#e74768  url(../images/CAD_bg.jpg) no-repeat;
}
.blue_block h2 , .green_block h2, .orange_block h2, .red_block h2{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:20px;
line-height:22px;
font-weight:normal;
margin:0px;
margin-top:10px;
margin-left:15px;
}
.blue_block h2 a:link, .blue_block h2 a:active, .blue_block h2 a:visited, .blue_block h2 a:hover, .green_block h2 a:link, .green_block h2 a:active, .green_block h2 a:visited, .green_block h2 a:hover, .orange_block h2 a:link, .orange_block h2 a:active, .orange_block h2 a:visited, .orange_block h2 a:hover,   .red_block h2 a:link,  .red_block h2 a:active,  .red_block h2 a:visited,  .red_block h2 a:hover{
text-decoration:none;
color:#FFFFFF;
} 
.service_content {
color:#FFFFFF;
margin:0px;
margin-top:5px;
margin-left:15px;
width:150px;
font-size:12px;
}
.footer {
height:30px;
text-align:center;
font-size:11px;
color:#FFFFFF;
}
.footer a:link, .footer a:active, .footer a:visited{
color:#43a6e8;
text-decoration:none;
}
.footer a:hover {
text-decoration:underline;
color:#ffffff;
}
ul.learn_link {
margin:0px;
padding:0px;
}
.learn_link li
{
margin-top:10px;
color:#FFFFFF;
margin-bottom:3px;
}
.col1 {
float:left;
display:block;
width:253px;
}
.col2 {
float:left;
display:block;
width:249px;
}
.col3 {
display:block;
float:left;
width:247px;
}
.col4 {
display:block;
float:left;
width:239px;
}
a.link_blue:link, a.link_blue:active, a.link_blue:visited, a.link_green:link, a.link_green:active, a.link_green:visited, a.link_orange:link, a.link_orange:active, a.link_orange:visited,  a.link_red:link, a.link_red:active, a.link_red:visited{
margin-left:15px;
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
font-size:11px;
}
a.link_green:link, a.link_green:active, a.link_green:visited {
margin-left:18px;
}
a.link_orange:link, a.link_orange:active, a.link_orange:visited {
margin-left:18px;
}
a.link_red:link, a.link_red:active, a.link_red:visited {
margin-left:18px;
}
a.link_blue:hover {
color:#42a6e8;
}
a.link_green:hover {
color:#95da21;
}
a.link_orange:hover {
color:#fab22a;
}
a.link_red:hover {
color:#ed6988;
}
#leftNav {
float:left;
width:250px;
_width:199px !important;
}
#leftNav .leftNavMenu {
_width:199px !important;
width:200px;
margin:0px !important;
padding:0px !important;
margin-top:10px;
margin-bottom:10px;
}
#leftNav .leftNavMenu li.wb,#leftNav .leftNavMenu li.ecom, #leftNav .leftNavMenu li.seo, #leftNav .leftNavMenu li.cad  {

font-size:14px;
line-height:64px;
font-weight:bold;
background:url(../images/webdesign-leftnav-bg.jpg) no-repeat;
list-style-type:none;
margin:0px;
padding-left:62px;
color:#FFFFFF;
display:block;
width:260px;
_width:199px !important;
height:64px;
}
#leftNav .leftNavMenu li.ecom {
margin-top:5px;
line-height:60px;
background: url(../images/ecom-bg.jpg) no-repeat;
height:60px;
}
#leftNav .leftNavMenu li.cad {
margin-top:5px;
background:url(../images/cad-bg.jpg) no-repeat;
height:60px;
line-height:15px;
}
#leftNav .leftNavMenu li.seo {
margin-top:5px;
height:60px;
line-height:60px;
background: url(../images/search-engine-bg.jpg) no-repeat;
}
#leftNav .leftNavMenu li a:link, #leftNav .leftNavMenu li a:visited, #leftNav .leftNavMenu li a:active, #leftNav .leftNavMenu li a:hover {
color:#FFFFFF;
text-decoration:none;
}
.leftNavMenu li a:hover {
color:#FFCC00;
text-decoration:none;
}

#rightMainContent {
float:right;
width:726px;
color:#FFFFFF;
}
.main-banner {
margin:0px !important;
padding:0px !important;
background: url(../images/service-header.jpg) no-repeat top;
width:726px;
height:181px;
}
.portfolio {
background: url(../images/portfolio-header.jpg) no-repeat top;
}
.about {
background: url(../images/new-aboutus-header.jpg) no-repeat top;
}
.resources {
background: url(../images/new-resources-header.jpg) no-repeat top;
}
.service {
background: url(../images/new-services-header.jpg) no-repeat top;
}
.contact {
background: url(../images/new-contact-header.jpg) no-repeat top;
}
.ecom {
background: url(../images/ecom-header.jpg) no-repeat top;
}
.seo {
background: url(../images/search-the-web.jpg) no-repeat top;
}
.cad {
background: url(../images/cad-header.jpg) no-repeat top;
}
.help {
background: url(../images/help-header.jpg) no-repeat top;
}
.login {
background: url(../images/login-header.jpg) no-repeat top;
}
.main-banner h2 {
margin:0px !important;
padding:0px !important;
font-size:22px;
font-weight:normal;
margin-left:20px !important;
line-height:160px;
}
.rightMainContent p {
margin:5px;
margin-left:20px !important;
margin-right:20px !important;
}
.orange-text {
color:#f9a010;
}

a:link {
	text-decoration: none;
	color:#43a6e8;
	font-weight: normal;
}
a:active {
	text-decoration:none;
color:#43a6e8;
	font-weight: normal;
}

a:visited {
	text-decoration:none;
	font-weight: normal;
	color:#43a6e8;
}

a:hover {
	text-decoration:underline;
	font-weight: normal;
	color:#FFCC00;
}
.my_quote {
	font-weight: bolder;
	font-style: italic;
	font-size: 8pt;
	padding-left: 10px;
	padding-right: 10px;
}