html, body 
{
    height:100%;
    min-height:100%;
    margin:0;
}

A:link 
{
	text-decoration:underline;
	color:#ff6800;
}

A:visited 
{
	text-decoration:none; 
	color:#ff6800;
}

A:hover 
{
	text-decoration:none;
	color:#0591f0;
}

#footer a:link
{
	color: #ff6800;
	text-decoration:underline;
}

#footer a:hover 
{	
	color:#FFFFFF;
	text-decoration: none;
}

#footer a:visited 
{
	text-decoration:none; 
	color:#ff6800;
}

/* ========== Setting custom font ========= */
@font-face 
{
	font-family: 'gothic';
	src: url('../css/customFonts/gothic.ttf');
}

@font-face 
{
	font-family: 'gothicOtherBrowsers';
  	src: url('../css/customFonts/gothic.eot');
}
/* ======================================== */

/* ======================================== */
/* ============= CSS For Menu ============= */

/* Setting properties for initial menu box */
#Menu ul 
{
	text-align: left;
  	display: inline;
  	margin: 0;
  	padding: 15px 4px 17px 0;
  	list-style: none; /* hide the bullet points */
	z-index:8; /* this is to ensure menu comes on top of the slider image */
	
	/* Gives shadow effect for the box */
  	/* -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); */
}

/* More settings for initial menu box */
#Menu ul li 
{
	font-family: 'gothic', 'gothicOtherBrowsers';
	font-size:14px;
	color:#000000; /* Text Color */
	display: inline-block;
	margin-right: -4px;
	position: relative;
	padding: 20px 10px; /* set the hight and width of the box */
	background: #FFFFFF;
	cursor: pointer;
	
	/* Give fading effect when mouse over */
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#Menu ul li a:link
{ text-decoration:none; }

/* Set properties for main menu on mouse over */
#Menu ul li:hover 
{
	background: #8050d7; /* BG Color */
  	color: #FFFFFF; /* Text color */
}

/* Setting properties for drop down menu box */
#Menu ul li ul 
{
	padding: 0;
	position: absolute;
	top: 55px; /* set vertical position */
	left: 0;
	width: 190px; /* set width of the drop down menu */
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	display: none;
	opacity: 0;
	visibility: hidden;
	
	-webkit-transiton: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	-transition: opacity 0.3s;
}

/* More settings for drop down menu */
#Menu ul li ul li 
{ 
	background: #8050d7; /* BG Color */
	display: block; /* Set the box */
	color: #FFFFFF; /* Text Color */
	font-size:14px; /* Text Font Size */
	
	/* text-shadow: 0 -1px 0 #000; */ /* Give shadow effect for text */
}

/* drop down mouse over effects */
#Menu ul li ul li:hover 
{ background: #361178; }

/* To Display drop down menu on mouse over */
#Menu ul li:hover ul 
{
	display: block;
	opacity: 1;
	visibility: visible;
}

/* ======================================== */

.logo
{
	font-family: 'gothic', 'gothicOtherBrowsers';
	font-weight: normal;
	font-size: 30px;
	color:#000000;
}

.clientele
{
	font-family: 'gothic', 'gothicOtherBrowsers';
	font-weight: normal;
	font-size: 18px;
	color:#FFFFFF;
}

.pageTitle
{
	font-family: 'gothic', 'gothicOtherBrowsers';
	font-weight: normal;
	font-size: 24px;
	color:#000000;
}

.miniTitle
{
	font-family: 'gothic', 'gothicOtherBrowsers';
	font-weight: normal;
	font-size: 18px;
	color:#000000;
}

.paragraphBlack
{
	font-family: 'gothic', 'gothicOtherBrowsers';
	font-weight: normal;
	font-size: 14px;
	text-align:justify;
	color:#000000;
}
	
.footer
{
	font-family: 'gothic', 'gothicOtherBrowsers';
	font-weight: normal;
	font-size: 12px;
	color:#000000;
}