/* --------- MAIN START ------------- */

html{
	height:100%;
	text-align:center;
}

body{
	text-align: center;
	margin-top:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

#container {
	margin: 10px auto;
	width: 800px;
	text-align: left;
	border:#CCCCCC 1px solid;
}





p {
	margin: 0 30px 0 10px;
	text-align:justify;
}

h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0 0 2px 10px;
	}

/* --------- MAIN END ------------- */

/* --------- HEADER START ------------- */
#header {
	width:800px;
	height:120px;
	margin:0;
	padding:0;
}


#logo {
    float:left;
	width:240px;
	height:74px;
	margin-top:15px;
	margin-left:0;
	background:url(../images/logo.jpg) 40px 0 no-repeat;	 
    }

#logo h1 {
    margin:0;
	padding:0;
	display:none;	 
    }

#sidebar {
    width: 330px;
	float: left;
	padding:0;
	margin:0;
}

#content {
	margin-top:0;
	padding-top:0;
    width: 470px;
	float: right;
	padding:0;
}


#top_link {
	float:right;
	display:block;
	height:40px;
	width:450px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-right:8px;
	}

#top_link ul {
	margin-top:0;
	padding-top:0;

	}

#top_link ul li{
    list-style: none;
	display:inline;
	padding-bottom:2px;
	padding-right:32px;
	}

#top_link ul li a {
	padding-left:25px;
	padding-bottom:5px;
	text-align: right;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

#top_link ul li a:hover{
	text-decoration:underline;
	}
	
#date {
	display:block;
	height:10px;
	width:250px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:10px;
	margin-left:40px;
	}
	
	#date ul {
		margin:0;
	padding:0;
	}


#date ul li{
    list-style: none;
	display:inline;
	}	
	
#ph {
	display:block;
	background-image:url('../images/ph.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:25px;
	padding-right:0;
	}
	
#qq a {
	background-image:url('../images/qq.jpg');
	background-repeat:no-repeat;
	background-position:left;
	padding-left:25px;
	padding-right:0;
	padding-bottom:2px;
	width:120px;
	}
	
#mail a {
	
	background-image:url('../images/mail.jpg');
	background-repeat:no-repeat;
	background-position:left;
	padding-left:25px;
	padding-right:0;
	padding-bottom:2px;
	width:160px;
	}

#quote_top {
	float:right;
	margin:0;
	padding:0;
	} 

#quote_top h2 {
    margin:0;
	padding:0;
	display:none;	 
    }

	
#navigation {
   list-style: none;
   margin-top:0;
   }

#navigation li {
    float: left;
    padding:5px 5px 0 0;
    }
	

#navigation li a#e,#navigation li a#g ,#navigation li a#f{
	text-align: center;
	padding-top:10px;
	height:48px;
	}

#navigation li a {
	border:#CCCCCC 1px solid;
	padding-top:20px;
	height:38px;
	width: 127px;
	text-align: center;
	display: block;
	color:#CCCCCC;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:700;
	}

#navigation li a:hover {
    color: white;
	}

#navigation li a:hover.home {
    background:#009900;
    border:#009900 1px solid;
    }
#navigation li a:hover.who_we_are {
	background:#FF0000;
	border:#FF0000 1px solid;
	}	
#navigation li a:hover.what_we_do {
	background:#0000CC;
	border:#0000CC 1px solid;
	}
#navigation li a:hover.clients {
	background:#FFA200;
	border:#FFA200 1px solid;
	} 
#navigation li a:hover.web_design_and_developement {
	background:#6E75A1;
	border:#6E75A1 1px solid;
	}
#navigation li a:hover.resources {
	background:#6E75A1;
	border:#6E75A1 1px solid;
	}
#navigation li a:hover.online_marketing {
	background:#009900;
	border:#009900 1px solid;
	}
#navigation li a:hover.eBusiness_consulting {
	background:#FF0000;
	border:#FF0000 1px solid;
	}
#navigation li a:hover.recent_work {
	background:#0000CC;
	border:#0000CC 1px solid;
	}
#navigation li a:hover.contact {
	background:#009900;
	border:#009900 1px solid;
	}
	
	
#bottom_quote {
	padding-top:55px;
	padding-bottom:20px;
	text-align:center;
	font-weight:bold;
	color:#009900;
	}
	
#bottom {
	width: 800px;
	text-align:center;
	color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0 auto;
	}

#bottom_navigation ul{
	list-style: none;
	}

#bottom_navigation li{
	float: left; 
	display:inline;
	padding-left:30px;
	}

#bottom_navigation li a {
	color:#999999;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	display: block;
    width: 150px;
	}
	
#copyright{
	padding:5px 0 5px 0;
	}	

.clear_left {
	clear: left;
	}

.clear {
	clear:right;
	}
.clear_both {
	clear:both;
	}