*{
	margin:0;
	padding:0;
}



body{
	background: url(/images/body_bg.jpg) repeat-x #FFFFFF;
	height: 100%;
}

/* ============ HEADER ==================== */

#header{
	width: 820px;
	margin: auto;
}

#header #logo{
	width: 408px;
	margin: auto;
}

#folds{
	width:820px; 
	margin:auto;
}

#folds #left{
	position:absolute;
}

#folds #right{
	position:absolute;
	margin-left: 800px;
}

/* ============ NAVIGATION ==================== */

#header #nav{
	width: 820px;
	background: url(/images/nav_bg.jpg) repeat-x;
}

#header #nav ul{
	display:block;
	margin:0;
	padding:0;
	height: 48px;
}
	
#header #nav ul li{
	list-style-type: none;
	float: left;
	margin:0;
	padding:0;
	height: 48px;
}

#header #nav ul li #home{
	display:block;
	width: 71px;
	height: 48px;
	background: url(/images/home.jpg) 0 0 no-repeat;
	text-decoration: none;
}

#header #nav ul li #about{
	display:block;
	width: 75px;
	height: 48px;
	background: url(/images/about_us.jpg) 0 0 no-repeat;
	text-decoration: none;
}

#header #nav ul li #training{
	display:block;
	width: 95px;
	height: 48px;
	background: url(/images/training.jpg) 0 0 no-repeat;
	text-decoration: none;
}
#header #nav ul li #consultancy{
	display:block;
	width: 204px;
	height: 48px;
	background: url(/images/project_consultancy.jpg) 0 0 no-repeat;
	text-decoration: none;
}

#header #nav ul li #software{
	display:block;
	width: 115px;
	height: 48px;
	background: url(/images/software.jpg) 0 0 no-repeat;
	text-decoration: none;
}

#header #nav ul li #testing{
	display:block;
	width: 161px;
	height: 48px;
	background: url(/images/software_testing.jpg) 0 0 no-repeat;
	text-decoration: none;
}

#header #nav ul li #contact{
	display:block;
	width: 98px;
	height: 48px;
	background: url(/images/contact.jpg) 0 0 no-repeat;
	text-decoration: none;
}




#header #nav ul li #home:hover, #header #nav ul li #about:hover, #header #nav ul li #training:hover, #header #nav ul li #software:hover, #header #nav ul li #contact:hover,
#header #nav ul li #consultancy:hover, #header #nav ul li #testing:hover{	
	background-position:  0 -48px;
}

#header #nav ul li a span{
	display:none;
}



/* ============ CONTENT ==================== */

#content-container{
	background: url(/images/main_bg.gif) repeat-y #F2F5F7;
	width: 784px;
	margin:auto;
}

#content{
	
	background: url(/images/content_bg.gif) repeat-x #ffffff;
	width: 723px;	
	padding: 28px;
	
	border-left: 1px solid #BCCBD6;
	overflow:hidden;
	
	margin:auto;
}

#content.narrow{
	width: 518px;
	margin:0;
}



#content-container #content p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 160%;
	color: #314351;
		
	padding-bottom: 10px;
}


#content-container ul, #content-container ol{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #314351;
	line-height:150%;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 4px;
	margin-left: 15px;
}

#content-container ul li{
	list-style-type:square;
	padding-left: 13px;
	padding-bottom: 5px;
}


#content-container #content h1, #content-container #content h1 a{
	font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
	font-size:26px;
	padding-bottom:8px;
	color: #1A5A9C;
	margin-top: 10px;
	text-transform:capitalize;
	border-bottom: none;
	
}

#content-container #content h1 a:hover{
	font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
	font-size:26px;
	padding-bottom:8px;
	color: #1A5A9C;
	margin-top: 10px;
	border-bottom: none;
	
}

#content-container a{
	font-weight:bold;
	color: #cc0000;
	text-decoration: none;
}

#content-container a:hover{
	font-weight:bold;
	color: #333333;
	text-decoration: none;
}

#content-container #content a{
	font-weight:normal;
	color: #1A5A9C;
	text-decoration: none;
	border-bottom: 1px solid #1A5A9C;
	padding:2px; 
}

#content-container #content a:hover{
	background: #F8F9FA; 
	padding:2px; 
	border-bottom: 1px solid #1A5A9C; 
	font-weight:normal;
}

#content-container h2{
	font-family: "Lucida Grande","Lucida Sans Unicode",Garuda,sans-serif;
	font-size:16px;
	color: #314351;
	line-height:150%;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight:bold;
	
	
}

#content-container h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #323439;
	line-height:150%;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight:bold;
	
}

/* ============ HOMEPAGE END ==================== */

#content-container #end{
	background: #F2F5F7;
	border-top: 1px solid #BCCBD6;
	width: 780px;
	margin: auto;
	
	padding-top: 15px;
	padding-bottom: 15px;
}
#content-container #end #section{
	float:left;
	width: 275px;	
	border-right: 1px solid #BCCBD6;
	
	min-height: 210px;
	
	text-align:center;
}

#content-container #end h1{
	color: #1A5A9C;
	font-size: 18px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Garuda,sans-serif;
	
	padding-bottom:10px;
	padding-top: 15px;
	line-height:100%;
	
	text-shadow:none;
	font-weight:bolder;
	
}

#content-container #end p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 140%;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom:10px;
	margin-bottom:0px;
}

#content-container #end #news{
	float:left;
	width: 200px;
	margin-left: 20px;
}

#content-container #end #news h1{
	text-align:left;
	background: url(/images/icon_news.gif) no-repeat 0px 10px;
	padding-left: 35px;
}

#content-container #end #news ul{
	font-size: 11px;
	color: #314351;
	list-style-type:disc;
	font-weight:bold;
	margin-left:13px;
	margin-bottom: 13px;
}

#content-container #end #news ul li{
	padding-left:0px;
	margin-left: 0px;
}

#content-container #end #news ul li span{
	font-style:italic;
	color: #1A5A9C;
}

#content-container #end #news ul li a{
	color: #314351;
	text-decoration:none;
}

#content-container #end #news ul li a:hover{
	color: #1A5A9C;
	text-decoration:none;
	border-bottom: 1px solid #1A5A9C;
}


/* ============ BREADCRUMBS ==================== */

#content #breadcrumbs{
	background: #F8F9FA;
	color: #5F839A;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	overflow: hidden;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	text-transform:capitalize;
	
}

#content #breadcrumbs a{
	color: #5F839A;
	text-decoration:none;
	font-weight: normal;
	border: none;
}

/* ============ SIDE NAV ==================== */

#content-container #side-nav{
	background: url(/images/side_nav_bg.gif) no-repeat #F2F5F7;
	width: 185px;
	float:left;
	margin-left: 2px;
	
	padding-top: 26px;
	padding-left: 20px;
	height: 100%;
}

#content-container #side-nav h2, #content-container #side-nav h2 a{
	font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
	font-size:17px;
	color: #1A5A9C;
	line-height:100%;
	padding-top: 0px;
	padding-bottom: 10px;
	font-weight:normal;
	text-decoration: underline;
}


#content-container #side-nav h2 a:hover{
	font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
	font-size:17px;
	color: #1A5A9C;
	line-height:100%;
	padding-top: 0px;
	padding-bottom: 10px;
	font-weight: normal;
	text-decoration: none;
}


#content-container #side-nav ul{
	color: #1A5A9C;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin:0;
	padding:0;
}

#content-container #side-nav ul li{
	padding:0;
	margin:0;
	list-style-type:none;
}

#content-container #side-nav ul li a{
	background: url(/images/bullet.gif) no-repeat 0px 16px;
	color: #1A5A9C;
	font-weight: normal;
	display:block;
	
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-right: 20px;
	border-bottom: 1px solid #BCCBD6;
}

#content-container #side-nav ul li a:hover, #content-container #side-nav ul li a.active{
	background: url(/images/bullet.gif) no-repeat 0px 16px #1A5A9C;
	color: #ffffff;
	font-weight: normal;
	display:block;
	
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-right: 20px;
	border-bottom: 1px solid #BCCBD6;
}

#content-container #side-nav #logo{
	border: 4px solid #F8F9FA; 
	margin-top: 10px;
}

/* ============ FOOTER ==================== */


#footer{
	background: url(/images/footer_bg.gif) no-repeat top center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #1A5A9C;
	font-size: 11px;
	line-height: 160%;
	
	padding-top: 20px;
	padding-left: 30px;
	padding-bottom: 40px;

	width: 784px;
	margin: auto;	
	
	clear:both;
}

#footer #phone_number{
	float:right;
	margin-top: 3px;
}

#footer #phone_number:hover{
	border-bottom:1px solid #FFFFFF;
}



#footer a{
	color: #1A5A9C;
	text-decoration: none;
}

#footer a:hover{
	color: #0087B8;
	text-decoration:none;
	border-bottom: 1px solid #0087B8;
	padding-bottom: 1px;
}


#footer #icons{
border-bottom:1px solid #FFFFFF;
text-decoration: none;
}
#footer #icons:link, #footer #icons:visited{
	border-bottom:1px solid #FFFFFF;
}
#footer #icons a:hover{
	border-bottom:1px solid #FFFFFF;
}

/* ============ MISC ==================== */

hr{
	height: 1px;
	border: none;
	background: #5F839A;
	margin-bottom: 20px;
	margin-top: 10px;
}

.floatright{
	float:right;
}

.floatleft{
	float:left;
}

.imgborder{
	border: 4px solid #BCCBD6;
}

.clear{
	clear:both;
}


/*====== Courses =============== */

#content-container #content #course_details{
				float:right;
				margin-left:10px;
				margin-top:20px;
			}
			
			#content-container #content #course_details h1{
				background:#2772B5;
				color:#F2F5F7;
				font-family:Lucida Sans Unicode,Lucida Grande,Garuda,sans-serif;
				font-size:17px;
				padding:10px;
				text-shadow:0 2px 2px #0B4086;
				border-bottom:2px solid #C5DFF0;
				display:block;
				margin-top:0px;
				font-weight:normal;
			}
			
			#content-container #content #course_details #course_facts{
				border:1px solid #E4EBF1;
				width:165px;
			}
			
			#content-container #content #course_details #info_box{
				padding:10px;
			}
			
			#content-container #content .course_button, #content-container #content .course_button_bottom{
				background:#9DC421;
				color:#FFFFFF;
				display:block;
				font-family:Lucida Sans Unicode,Lucida Grande,Garuda,sans-serif;
				font-size:15px;
				margin-top:10px;
				padding:4px;
				text-align:center;
				width:153px;
				border:2px solid #79972B;
				text-shadow:0 1px 1px #6C8F00;
			}
			
			#content-container #content .course_button:hover, #content-container #content .course_button_bottom:hover{
				background:#2772B5;
				border:2px solid #1A5A9C;
				text-shadow:0 1px 1px #0B4086;
				padding:4px;
			}
			
			#content-container #content .course_button_bottom{
				float:left;
				margin-right: 5px;
			}


/*====== Forms =============== */

#content-container form{
	background: #efefef;
	border: 1px solid #97B9DC;
	padding: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#content-container label{
	display:block;
	font-size: 12px;
	color: #294A6F;
	font-weight:bold;
	margin-top: 12px;
	margin-bottom: 3px;
}

#content-container select{
	font-size: 11px;
}


#content-container form h2{
	font-family: Tahoma, Arial, Verdana,  sans-serif;
	font-size:15px;
	color:#294A6F;
	padding-bottom:0px;
	padding-top:0px;
}


#content-container .submit{
	background: #335B86;
	border: 1px solid #000000;
	font-weight:bold;
	color: #ffffff;
	padding: 2px;
	display:block;
	cursor:pointer;
	margin-top: 10px;
	font-size:12px;
	text-transform:uppercase;
}

#content-container #form-enquiry{
	width:45%;
	float:right; 
	margin-left:20px;
	margin-bottom:10px;
	margin-top: 20px;
}	

#content-container fieldset{
	padding: 10px;
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-top: 1px solid #4E86C1;
	margin-top: 10px;
}

#content-container legend{
	font-size:14px;
	padding:5px;
	color:#000000;
	font-weight:bold;
}