#searchResults{
padding-top:10px;
width:480px;
border:0px #33CC33 solid;
}
#searchResults a{
	text-decoration:none;
	color:#FFFF00;
	font-weight:bolder;
}
#BGHolder {
	z-index: 0;
	position: absolute;
	width: auto;
	height: auto;
	border: 0px dashed #900;
}


#LogoHolder {
	z-index: 1;
	position: absolute;
	width: auto;
	height: auto;
	border: 0px dashed #009;
	margin-top:0px;
	margin-left:0px;
	left: 0px;
	top: 0px;
}


/* CSS Document */

/* Page 1 styles */
#page1 h1{
	margin:0px 0;
	padding:0px 0px 0px 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-size: 15px;
	font-style: normal;
	font-weight:bolder;
}
#page1 h1 a{
	text-decoration:none;
	color:#FFFF00;
}
#page1 h1 a:hover{
	text-decoration:underline;
	color:#FFFF00;
}

.home_text { 
	margin: auto;
	vertical-align: text-top;
	width: 800px;
	height: 240px;
	padding: 0px; 
	position: relative;
	bottom: 0px;
	bottom: 40px;
}
p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:0px;
margin-top:5px;
color:#ffffff; 
}

.host_list{
font-size: 12px;
color: #000000;
}

ul{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:0px;
margin-top:5px;
margin-left: 40px;
color:#ffffff; 
}

p.image_text{
font-family:Arial, Helvetica, sans-serif;
position:relative; bottom: 10px;
font-size:11px;
font-style: italic;
padding:0px;
margin-top:0px;
margin-left: 0px;
color:#FDFF30; 
}

.btn_bg {
background-image: url(../img/btn_bg.gif); background-repeat:no-repeat;
}

body { 
/* */
	margin:0px 0;
	/*background-image:url(../img/main_bg.jpg);*/
	background: #414141;
	padding:0;
	color:#ffffff; 
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	/*height: 100%; */
}

.red{
color: #E41919;
}

.footprint{
font-size: 50%;
color: #FF0000;
}

h1{
	margin:0px 0;
	padding:0px 0px 5px 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-size: 30px;
	font-style:normal;
	/*color:#FFFFFF;*/
	color:#FDFF30;
	border: 0px #FFFF00 solid;
	}
	
	h1.small{
	font-size: 16px;
}

.pastel_yellow{
color: #FDFF30;}
	
	h1.small_red{
	font-size: 20px;
	colour: #FF0000;
	}

h2{
margin:5px 0px 5px 0px;
padding:0px 0px 0px 0px;
font-family: Geneva, Arial, Helvetica, sans-serif; 
font-size: 20px;
font-style:normal;
color:#ffffff;
}

h3{
margin:0px 0px 5px 0px;
padding:10px 0px 0px 0px;
font-family: Geneva, Arial, Helvetica, sans-serif; 
font-size: 16px;
font-style:normal;
color:#ffffff;
}
.banner{
width: 404px;
margin: auto;
margin-bottom: 30px;
}

.buttons{
margin: auto;
height: 186px;
width: 580px;
position:relative;
bottom: 50px;
}

.border_yellow{
border: 1px #FFFF00 solid; padding: 1px;}

img.left{
margin: 0px 10px 0px 0px;
white-space:nowrap;
padding: 2px;
border:1px #FDFF30 solid;
float: left;
}

img.right{
margin: 0px 0px 0px 10px;
white-space:nowrap;
padding: 2px;
border:1px #FDFF30 solid;
float: right;
}

img.firstbutton{
float: left;
filter:alpha(opacity=100); -moz-opacity:1; filter:alpha(opacity=100); -moz-opacity:1;
border: none;
}

img.secondandthirdbutton{
float: left;
margin-left: 10px; filter:alpha(opacity=100); -moz-opacity:1; filter:alpha(opacity=100); -moz-opacity:1;
border: none;
}

.logo{
height: 290px;
width: 800px;
margin-top: 35px;
}

.content { 
	margin: 0 auto; 
	padding: 0; 
	width: 800px;
	height: 832px;
	border:0 #FF0000 solid;
}

/*---- Logo Background ----*/
.top_section{
	background-image: url(../img/silver_gradient_bg.jpg); background-repeat: repeat-x;
	width: 800px;
	height: auto;
}

.top_section_home{
background-image: url(../img/silver_gradient_bg.jpg); background-repeat: repeat-x;
width: 800px;
height: 370px;
}

/*---- Logo Background End----*/

.bottom_section_home{
background-image: url(../img/red_gradient_bg.gif);
background-repeat: repeat-x;
width: 800px;
/*height: 400px;*/
}

.bottom_section_other {
    width: 800px;
    overflow: auto;
	padding-bottom: 2em;
    background: #232323;
}
 
.left_content {
	margin-top: 28px;
	margin-right:0em;
	padding: 0px 30px 0px 0px;
    width: 480px;
    float: right;
    border: 0px #0000FF solid;
} 

.right_content { 
	width: 250px;
	height: 430px;
	margin: 20px 0px 0px 25px;
	float: left;
	border: 0px #FF0000 solid;
}

.footer{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background: #000000;
	width: 800px;
	height: 30px;
	font-size:12px;
	padding: 10px 0px 10px 0px; 
	text-align: center;
	line-height: 120%;
}

.red_text{
color: #FF0000;
}

a.designplate{
color: #FF0000;
}

a.footer {
color: #FF0000;
}

/*---------- Top Menu ----------*/
.menu_container{
	/*width: 577px;*/
	width: 800px;
	height: auto;
	margin: auto;
	padding: 0px 0px 0px 0px;
	/*border-bottom: 2px solid #FFFF00;*/
	vertical-align:middle;
	font-size: 100%; 
	text-align: center;
	line-height: 120%;
	/*background-image: url(../img/gif-menu-bg.gif); background-repeat:no-repeat;*/
	background-color: #999999;
	color: #ffffff;
}

.topMenu_padding{
padding: 0px 0px 0px 0px;
}

#topMenu a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;

}
#topMenu a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	color: #FFFF00;
	text-decoration: underline;
}
#topMenu a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

#topMenu a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: underline;
}
/*---------- Top Menu End ----------*/

/*---------- Index Page Buttons ----------*/
.btn_online_marketing{
float:left;
border:0px #FFFF00 solid;
width:186px;
height:186px;
background-image: url(../img/eg_btn_bg.jpg); background-repeat:no-repeat;
}
.btn_offline_marketing{
float:left;
border:0px #FFFF00 solid;
width:186px;
height:186px;
margin-left:11px;
background-image: url(../img/eg_btn_bg.jpg); background-repeat:no-repeat;
}

.btn_e-learning{
float:left;
border:0px #FFFF00 solid;
width:186px;
height:186px;
margin-left:11px;
background-image: url(../img/eg_btn_bg.jpg); background-repeat:no-repeat;
}

.sub_links_container {
font-family: Geneva, Arial, Helvetica, sans-serif; 
	/*border: 1px solid #ccc;*/
	/*background-color:#FFFFFF;*/
	/*background-image: url(../img/menu_bg.jpg); background-repeat:no-repeat;*/
	color: #000;
	overflow: hidden;
	width: 212px;
	padding: 0px 0px 0px 4px;
	margin-top: 15px;
	position: relative;
	white-space: nowrap;
	-moz-user-select: none;
}

.sub_links {
	color: #FDFF30;
	font-size: 13px;
	line-height: 16px;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	text-decoration: none;
}

.sub_links a {
	color: #FDFF30;
	font-size: 13px;
	line-height: 16px;
	padding: 0px 0px 0px 0px;
	margin-left: 6px;
	text-decoration: none;
}

.sub_links a:hover {
	color: #FDFF30;
	font-size: 13px;
	line-height: 16px;
	padding: 0px 0px 0px 0px;
	margin-left: 6px;
	text-decoration: underline;
}

.red_sub_links {
	color: #E41919;
	font-size: 13px;
	line-height: 16px;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	text-decoration: none;
}

.red_sub_links a {
	color: #E41919;
	font-size: 13px;
	line-height: 16px;
	padding: 0px 0px 0px 0px;
	margin-left: 6px;
	text-decoration: none;
}

.red_sub_links a:hover {
	color: #E41919;
	font-size: 13px;
	line-height: 16px;
	padding: 0px 0px 0px 0px;
	margin-left: 6px;
	text-decoration: underline;
}

.yellow{
color:#D4D700;}

a.yellow_links{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FCFF00;
	text-decoration:none;
	}

a.yellow_links:hover{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FCFF00;
	text-decoration: underline;
	}	
	
a.red_links{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FF0000;
	text-decoration:none;
	}

a.red_links:hover{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FF0000;
	text-decoration: underline;
	}
	

#clients{
width: 500px;
height: auto;
float: left;
margin: 5px 5px 15px 0px;
padding: 0px 0px 20px 0px;
vertical-align: top;
position:relative;
	border-bottom: 1px solid #FFD800;
}

#clients a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #FFD800;
text-decoration:none;}

#clients a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #FFD800;
text-decoration:underline;}

#clients img{
float: left;
vertical-align: top;
margin: 7px 5px 0px 0px;
}

.text{
width: 350px;
height: auto;
vertical-align: top;
float: left;
margin: 7px 5px 0px 5px;
}

.right_contact { 
	padding: 5px 5px 5px 5px; 
	margin-left: 20px;
	background: inherit;
	width: 340px;
	border: 0px #FF0000 solid;
}

.singleLine{
line-height:100%;
height:25px;
vertical-align: middle;
}

.error {
 height:50px;
font-family:arial;
font-size:12px;	
color: red;
display:none;
}

a img {
border: 0;
}

/*---------- Light Box CSS Code ----------*/

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/prevlabel2.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/nextlabel2.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 12px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	color: #000000;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px 10px 10px;
	}
#imageData #imageDetails{ width: 100%; float: left; text-align: left; }	
#imageData #caption{ font-weight: normal;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 0em; margin-top: 10px; font-weight: bold;}			
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}