/* Generic Selectors */ 
body { 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 14px;  
	color: rgb(0, 0, 0); 
	background-color: rgb(252, 252, 252); 
	width:100%;
	height:100%;
}

p { 
	width: 92%; 
} 



li { 
	font-size: 18px;  
	line-height: 150%; 

} 

h1 { 
	font-family: Georgia, "Arial", Times, serif; 
	font-size: 14px; 
	color: rgb(44, 44, 44); 
} 

h2 { 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 18px; 
	font-weight: bold; 
	color: rgb(0, 0, 0); 
} 

h3 { 
	font-family: Georgia, "Arial", Times, serif; 
		text-decoration: underline; 
	font-size: 14px; 
	font-weight: bold; 
	color: rgb(200, 10, 80); 
} 

h4 { 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 40px; 
	font-weight: bold; 
	color: rgb(0, 0, 0); 
	padding: 0px 0px 0px 150px; /*top right bottom left*/ 

} 

h5 { 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 20px; 
	color: rgb(0, 0, 0); 
	padding: 0px 0px 0px 150px; /*top right bottom left*/ 

} 
h6 { 
	font-family: Georgia, "Arial", Times, serif; 
	font-size: 11px; 
	
} 


/**************** Pseudo classes ****************/ 
a:link { 
	color: rgb(252, 252, 252); 
	text-decoration: underline; 
	font-weight: bold; 
} 

li a:link { 
	color: rgb(252, 252, 252); 
	text-decoration: none; 
	font-weight: bold; 
} 

a:visited { 
	color: #00CC00; 
	font-weight: bold; 
} 

li a:visited { 
	color: #00CC00; 
	text-decoration: none; 
	font-weight: bold; 
} 



a:hover { 
	color: rgb(252, 252, 252); 
	font-weight: bold; 
} 

li a:hover { 
	display: block; 
	color: #C6EC8C; 
	font-weight: bold; 
} 

a:active { 
	color: rgb(252, 252, 252); 
	font-weight: bold; 
} 

/************************* ID's *************************/ 


#menu{
	width: 620px;
	height: 49px;
	padding-left: 24px;
}

#menu ul {
	padding-left: 0px;
	margin: 0px;
	list-style:none;
}

#menu li {
	display: inline;
	list-style: none;
	padding-left:0px;
}

#menu a {
	float: left;
	width: 120px;
	height: 34px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	padding-top: 7px;
	font-size: 15px;
	
}

#menu a:hover{
	width: 120px;
	height: 34px;
	font-size: 18px;
}

#navigation { 
	position: absolute; 
	background-image:url(navigation.JPG); 
	padding: 25px 0px 0px 0px; /*top right bottom left*/ 
	width: 210px; 
	height: 580px; 
	margin-top: 150px;
	border-right: 5px solid rgb(0, 0, 0); 
	font-weight: normal; 
} 

#small_box { 
	background-image:url(small_box.jpg); 
	padding: 15px 0 0 15px; /*top right bottom left*/ 
	background-repeat:no-repeat;
	margin-left: 10px;
	width: 180px; 
	height: 190px; 
} 
#box1 { 
	background-image:url(box1.JPG); 
	background-repeat:no-repeat;
	padding: 20px 20px 0 20px; /*top right bottom left*/ 
	width: 226px; 
	height: 185px; 
} 

#footer { 
	float:centre;
	padding: 0px 0px 0 200px; /*top right bottom left*/ 
	margin-right:100px;
	margin-top:330px;

} 

#footer_image{
	margin-top: -70px;
	margin-left: 80px; 
}


#box3 { 
	background-image:url(box3.JPG); 
	background-repeat:no-repeat;
	padding: 20px 0 0 28px; /*top right bottom left*/ 
	width: 226px; 
	height: 250px; 
} 
#navigation_heading { 
	padding: 5px 0px 0px 50px; /*top right bottom left*/ 
} 
#navigation_names { 
	padding: 5px 0 0 25px; /*top right bottom left*/ 
} 
#centerDoc { 
	position: absolute; 
	padding: 0 600px 20px 20px; /*top right bottom left*/ 
	margin-top: 180px;
	margin-left: 235px; 
	width: 670px; 
	height: 540px; 
}



#left_shape{ 
	width: 280px; 
	height: 280px;
	float:left;
    background-image:url(left_shape.png); 
	background-repeat:no-repeat;

}

#left_shape_heading{ 
	padding: 5px 40px 0px 70px; /*top right bottom left*/ 
}

#right_shape_heading{ 
	padding: 0px 45px 0px 75px; /*top right bottom left*/ 
	margin-left:10px;
margin-top:-65px;
}
#left_shape_matter{ 
	padding: 0px 30px -100px 130px; /*top right bottom left*/ 
margin-top:-10px;
margin-left:44px;
}

#for_read_more_left{ 
	padding: 0px 0px -10px 10px; /*top right bottom left*/ 
margin-left:28px;
margin-top:-12px;
}

#for_read_more_right{ 
	padding: 0px 0px -10px 10px; /*top right bottom left*/ 
margin-left:28px;
margin-top:-10px;
}
#right_shape_matter{ 
	padding: 0px 56px 0px 40px; /*top right bottom left*/ 

}

#right_shape{ 
	width: 280px; 
	height: 280px;
	float:right;
    background-image:url(right_shape.PNG); 
	background-repeat:no-repeat;
	padding: 0 0 0 0; /*top right bottom left*/ 

}

#topNavigation { 
	position:absolute; 
    background-image:url(header1122.jpg); 
	background-repeat:no-repeat;
	width: 980px; 
	height: 125px;
	
}

#forflash{ 
	position:absolute; 
	margin-left: 895px;
	width: 325px; 
	margin-top: -1px;
	height: 125px;
}


#design { 
	position:absolute; 
    background-image:url(design123.JPG); 
	background-repeat:no-repeat;
	margin-top: 125px;
	margin-left: 209px; 
	width: 700px; 
	height: 50px;

}

#leftNavigation { 
	position:absolute;
	padding: 0 0 0 10px; /*top right bottom left*/ 
	width: 300px; 
	height: 600px; 
	margin-top: 150px;
	margin-left: 980px; 
	border-left: 5px solid rgb(0, 0, 0); 
	font-weight: normal; 
	
} 

.read{
	text-align:centre;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-left: 90px; 
	background: url(read.png);
	background-repeat:no-repeat;
	background-position:centre;
}
.read a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight:normal;
	text-decoration:none;
}

.read a:hover{
	color: #000000;
}

.read1{
	text-align:centre;
	font-size: 18px;

	
}
.read1 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: rgb(255, 255, 255);
	font-weight:normal;
	text-decoration:none;
	
}

.read1 a:hover{
	font-size: 18px;

	color: rgb(100, 200, 100);
}

/*******for intro page*******/ 

#intro_main {
    width:1240px;
	height:620px;
   background-color: #000000;
	margin-top: -70px;

}

#enter {
    margin-left:250px;
    margin-top: 100px;
    background-color: #3366FF;
	

}

#forflash_intro{ 
	margin-left: 410px;
	width: 400px; 
	margin-top: 15px;
	height: 120px;
}

#forflash_intro1{ 
	margin-left: 240px;
	width: 400px; 
	margin-top: 80px;
	height: 120px;
}

#forflash_intro2{ 
	margin-left: 610px;
	width: 400px; 
	margin-top: 15px;
	height: 120px;
}


#forflash_intro3{ 
	margin-left: 410px;
	width: 400px; 
	margin-top: -15px;
	height: 150px;
}
#forflash_intro4{ 
	margin-left: 570px;	
	margin-top: 5px;
	height: 150px;
	font-size: 18px;

}


/*********OUR PEOPLE CLASSES ********************/




#ourpeople_text {


}

/*********CONTACT US CLASSES ********************/


#contactus { 
	position: absolute; 
	padding: 0 600px 20px 20px; /*top right bottom left*/ 
	margin-top: 180px;
	margin-left: 235px; 
	width: 670px; 
	height: 540px; 

}

#aboutus { 
	position: absolute; 
	padding: 0 600px 20px 20px; /*top right bottom left*/ 
	margin-top: 180px;
	margin-left: 235px; 
	width: 670px; 
	height: 540px; 

}

#contactus_matter { 
	margin-top: 690px;

}

#contactus_image { 
	margin-top: -20px;
margin-left: 20px;

}

/*********our vision CLASSES ********************/

#vision{ 
	margin-top: 30px;
margin-left: 160px;

}


#mission{ 
margin-top: 30px;
margin-left: 50px;
width:250px;

}
#values{ 
	margin-top: 100px;
margin-left: 180px;

}

#vision_heading{ 
	margin-top: 30px;
margin-left: 160px;

}


#mission_heading{ 
margin-top: 80px;
margin-left: 50px;


}
#values_heading{ 
	margin-top: 250px;
	margin-left: 180px;

}
#vision_pic{ 
margin-top: 20px;

}


#mission_pic{ 
margin-top: -190px;
margin-left: 310px;

}

#values_pic{ 
margin-top: -80px;
margin-left: -15px;

}


/*********CSD CLASSES ********************/



#CSD_main{ 
	background: url(CSD.JPG);
	width: 710px; 
	height: 550px; 
	padding: 60px 30px 0px 50px; /*top right bottom left*/ 
	background-repeat:no-repeat;

}

#CSD_envelope{ 
	position: absolute; 
	margin-top: 180px;
	margin-left: 235px; 

	width: 720px; 
	height: 560px; 

}

#products {
	margin-left:280px;
	margin-top:-30px;
}

#products_pic {
	margin-top:50px;
	margin-left:-40px;

}