@charset "utf-8";
/* CSS Document for Miracle Computers from Mystic Media by Subeesh*/
/* Global Styles */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {  
	margin: 0; 
	padding: 0; 
	border: 0; 
}

/*html {
	min-height: 100%;
	margin-bottom: 1px;
	height: auto;
}*/

body {
	background-color: #ccccff;
	font-size: 100.01%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}
h1{ font-size: 14px; text-align: left;}
p{ font-size: 12px; text-align: justify;}
/*MAIN STYLES START*/
#Container{
	margin: auto;
	padding: 0;
	width: 961px;
}
#Header{
	margin: 0;
	padding: 10px;
}
	#Header img{ float: left;}
	#Header_Caption{ float: right; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; text-align: right; margin-top: 20px;}
#ShadowDIV{
	background: url(../images/DrpShadow.gif) repeat-y right;
	margin-top: 80px;
}
	#ShadowDIV img{ float: right;}
#CntntContainer{
	border: 1px solid #000000;
	background: url(../images/bckContent.gif) repeat-y top left #1515a1;
	padding: 0 0 20px 30px;
	margin-right: 8px;
	min-height: 720px;
	height: 720px;
}
	html>body #CntntContainer{
	height: auto;
	}
#TopNav{
	padding: 8px 20px 8px 0;
	float: right;
	color: #FFFFFF;
	width: 900px;
	text-align: right;
}
	#TopNav a{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-transform: uppercase; padding-left: 18px; text-decoration: none; font-weight: bold;}#TopNav a:hover{color: #CCCCCC;}
#ColumnLeft{
	background: #000000 url(../images/BckFlasarea.jpg) no-repeat left top;
	width: 606px;
	float: left;
	text-align: left;
}
#4Flash{
	background-color: #000000;
	text-align: center;
	padding: 4px 24px;
}
#EditbleContainer{
	background: url(../images/curve.gif) no-repeat top left #FFFFFF;
	padding: 10px;
	min-height: 295px;
	height: 295px;
}
	html>body #EditbleContainer{ height: auto}
#Easy2FindArea{
	background: url(../images/East2FindBck.jpg) no-repeat center;
	padding: 12px 16px;
	margin-left: 10px;
	margin-bottom: 10px;
	float: right;
	text-align: center;
}
	#Easy2FindArea h1{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	padding-bottom: 12px;
	}
	#Easy2FindArea p{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	padding-bottom: 5px;
	}
	#Easy2FindArea a{ padding: 15px 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; color: #344f9c;}
	#Easy2FindArea a:hover{color: #019DF1;}
#EditableDIV{
	margin: 10px 0 10px 10px;
	padding: 2px 6px;
}
	#EditableDIV h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: left;
	}
	#EditableDIV ul{
	text-align: left;
	font-size:12px;
	padding-left: 18px;
	}
#NewsEventsArea{
	background: url(../images/NewsEventsBck.jpg) no-repeat left top #FFFFFF;
	padding: 8px 12px 3px 55px;
}
	#NewsEventsArea h1{ font-family: Arial, Helvetica, sans-serif; font-size: 22px; text-align: left; padding-bottom: 2px;}
	#NewsEventsArea p{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; padding-bottom: 10px;}
	#NewsEventsArea a{color: #019DF1;}
	#NewsEventsArea a:hover{color: #344f9c;}
#ColumnRit{
	width: 315px;
	float: right;
	background: url(../images/BckRitColumn.gif);
}
/*RIGHT COLUM AREAS START*/
#RemotAcces{
	background: url(../images/BckRemote.gif) no-repeat top #FFFFFF;
	padding: 4px 18px 0px 50px; 
	min-height: 139px;
	height: 139px;
	border: 1px solid #999999;
}
	#RemotAcces h1{
	font-size: 18px;
	text-align: left;
	color: #FFFFFF;
	text-transform: uppercase;
	}
	#RemotAcces p{
	font-size: 12px;
	text-align: justify;
	padding-bottom: 15px;
	}
	#RemotAcces img{
	padding-bottom: 10px;
	float: left;
	
	}
#Onsite{
	background: url(../images/BckOnsite.gif) no-repeat top #FFFFFF;
	padding: 4px 18px 0px 50px; 
	min-height: 139px;
	height: 139px;
	border: 1px solid #999999;
}
	#Onsite h1{
	font-size: 18px;
	text-align: left;
	color: #FFFFFF;
	text-transform: uppercase;
	}
	#Onsite p{
	font-size: 12px;
	text-align: justify;
	padding-bottom: 15px;
	}
	#Onsite img{
	padding-bottom: 10px;
	float: left;
	
	}
#CT{
	background: url(../images/BckCompTraing.gif) no-repeat top #FFFFFF;
	padding: 4px 18px 0px 50px; 
	min-height: 139px;
	height: 139px;
	border: 1px solid #999999;
}
	#CT h1{
	font-size: 18px;
	text-align: left;
	color: #FFFFFF;
	text-transform: uppercase;
	}
	#CT p{
	font-size: 12px;
	text-align: justify;
	padding-bottom: 15px;
	}
	#CT img{
	padding-bottom: 10px;
	float: left;
	
	}
	#WEB{
	background: url(../images/BckWebDev.gif) no-repeat top #FFFFFF;
	padding: 4px 18px 0px 50px; 
	min-height: 139px;
	height: 139px;
	border: 1px solid #999999;
}
	#WEB h1{
	font-size: 18px;
	text-align: left;
	color: #FFFFFF;
	text-transform: uppercase;
	}
	#WEB p{
	font-size: 12px;
	text-align: justify;
	padding-bottom: 15px;
	}
	#WEB img{
	padding-bottom: 10px;
	float: left;
	
	}
/*RIGHT COLUM AREAS END*/
/*#FooterDIV{
	background: url(../images/footerBck.gif) repeat-x top #e9e9e9;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	padding: 8px 15px 8px;
	height: 80px;
}*/
#FooterText{
	background: url(../images/footerBck.gif) repeat-x top #e9e9e9;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	width: 594px;
	float: left;
	padding: 8px 0 8px 12px;
}
#FooterNav{background: url(../images/footerBck.gif) repeat-x top #e9e9e9;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	float: right;
	width: 300px;
	text-align: right;
	padding: 8px 15px 32px 0;
}
	#FooterNav a{ padding: 2px 0 0 15px; color: #000000; font-size: 12px; text-transform: capitalize;}
	#FooterNav a:hover{ padding-left: 15px; color:#666666;}

/*INNER PAGE STYLES*/
#InrPgTitle{
	padding: 8px 0px 8px 22px;
	background: url(../images/BckInnrPgTitle.gif) repeat-x top #000000;
} #InrPgTitle h1{ font-family: "Trebuchet MS"; font-size: 24px; color: #FFFFFF; text-align: left;}
#CntntContainerinnr{
	border: 1px solid #000000;
	background: url(../images/bckContent.gif) repeat-y top left #1515a1;
	padding: 0 0 20px 30px;
	margin-right: 8px;
	min-height: 800px;
	height: 800px;
}
	html>body #CntntContainerinnr{
	height: auto;
	}

#CntTextinnr{
	background: url(../images/curve.gif) no-repeat top left #FFFFFF;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size: 12px;
	color: #333333;
	min-height: 590px;
	height: 590px;
}
#BottomTxtr{
	background: url(../images/newsInnr.jpg) no-repeat left top #FFFFFF;
	height: 25px;
}