/* CSS Document */
body {
	margin: 0;
	padding: 0;
	height: 100%;
	width:100%;
	background:url(images/top-background.jpg) repeat-x top;
	/*display:table;
	text*/
	font:normal 9pt/16px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
/*HEADERS for different pages*/

.header{
width:982px;
height:52px;
text-align:right;
vertical-align:top;
/*background:url(images/home_header_back.jpg) repeat-x bottom;*/
}
.printheader{
width:982px;
height:260px;
text-align:right;
vertical-align:top;
background:url(images/print_header_back.jpg) repeat-x bottom;
}
.aboutheader{
width:982px;
height:52px;
text-align:right;
vertical-align:top;
/*background:url(images/about_us_header.jpg) repeat-x bottom;*/
}

.servicesheader{
width:982px;
height:260px;
text-align:right;
vertical-align:top;
background:url(images/services_header.jpg) repeat-x bottom;
}
.illustrationheader{
width:982px;
height:260px;
text-align:right;
vertical-align:top;
background:url(images/illustration_header.jpg) repeat-x bottom;
}
.casestudiesheader{
width:982px;
height:260px;
text-align:right;
vertical-align:top;
background:url(images/case_studies_header.jpg) repeat-x bottom;
}
.contactheader{
width:982px;
height:260px;
text-align:right;
vertical-align:top;
background:url(images/contact_header.jpg) repeat-x bottom;
}
.webheader{
width:982px;
height:260px;
text-align:right;
vertical-align:top;
background:url(images/web_header.jpg) repeat-x bottom;
}

/*STRUCTURE*/
.mainT{
text-align: center;
background:url(images/bottom-background-gray.jpg) repeat-x bottom;
}


.mainContent{
height:100%;
}

.leftCol{
color: #666666;
font-family: Arial, Helvetica, sans-serif;
background:url(images/content_drop_shadow.jpg) repeat-y -9px;
padding:20px 0 0 0;
vertical-align:top;
height:100%;
width:662px;
font-size: 13px;
	font-style: normal;
	line-height: 20px;
	/*background-color:#FF9933;*/

}
.leftColPort{
color: #666666;
font-family: Arial, Helvetica, sans-serif;
background:url(images/content_drop_shadow.jpg) repeat-y -9px;
padding:20px 0 0 40px;
vertical-align:top;
height:100%;
width:622px;
font-size: 13px;
	font-style: normal;
	line-height: 20px;
	/*background-color:#FF9933;*/

}
#lftClTxt{
width:595px;
padding:0;
text-align:left;
/*background-color:#669966;*/
margin:0 20px 0 0;
}
/*=== MENU FORMATTING ===*/
		div#lftClTxt ul {
			list-style:disc;
			padding:10px 0 10px 14px;
			margin:0;
		}
		div#mlftClTxt ul li {
			list-style:none;
			display:inline;
			margin:10px 0 10px 0;
			padding:10px 0 10px 0;
		}
#rightCol{
color: #666666;
font-family: Arial, Helvetica, sans-serif;
background:url(images/content-drop-shadow-rightB.jpg) repeat-y -182px;
/*padding:0px 0 0 20px;*/
margin:0 60px 0 0px;
vertical-align:top;
height:100%;
width:322px;
font-size: 13px;
	font-style: normal;
	line-height: 20px;
	
}

li.list1 {
	background:url(images/bullet.png) no-repeat left center;
	padding: 0 0 0 15px;
	margin:8px 0 8px 0;
	height: 18px;
	vertical-align:inherit;
}
hack to fix IE padding problems
html>body ul li.list1 {
height: 20px
}
ul.list1 { list-style:none; margin:0 0 0; padding:0 0 0; }
/*hack to fix IE padding problems. Below is what everything but Explorer sees
html>body .leftFooter {
padding:0;
}*/
.Prside{
	margin:0 0 0 20px;
	padding:100px 0 0 0;
	line-height:30px;

}
.formrside{
	margin:0 0 0 20px;
	padding:100px 0 0 0;
	line-height:20px;

}
/*hack to fix IE padding problems. Below is what everything but Explorer sees
html>body .Prside {
line-height:80px
}*/


#CSHome{
	background-image: url(images/case-study-home-page.png);
	background-repeat: no-repeat;
	background-position: 219px 100px;
	margin:0 0 0 20px;
	padding:100px 0 0 0;
}

/*=== MENU FORMATTING ===*/
		div#CSHome ul {
			/*list-style:none; margin:0 0 0 0; padding:0 0 0 14px;background-color:#663333;*/
			
			padding:10px 0 10px 0px;
			margin:0;
		}
		div#mCSHome ul li {
	}
	
		.triangle { list-style-type: none; background:url(images/bullet.png) no-repeat left center;
		padding: 0 0 0 15px;
	margin:8px 0 8px 0;
	height: 18px;
	vertical-align:inherit;
		}
			html>body .triangle  {
     height: 20px
}


#blogHome{
	
    margin:0 100px 0 20px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
}
#blogHomebck{
background-image: url(images/blog-home-page.png);
	background-repeat: no-repeat;
	background-position: 195px center;

	}
#gameHome{
	background-image: url(images/games-home-page.png);
	background-repeat: no-repeat;
	background-position: 194px center;
	margin:0 0 0 20px;
}


.footer{
height:156px;
width:980px;
background:url(images/footer_background.jpg) repeat-x -5px top;
}
.leftFooter{
	width:236px;
	height:100px;
	/*margin:10px 0px 10px 0px;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	text-align:left;
	padding:0 0 0 48px;
	color: #666666;
	float:left;
	
}
/*hack to fix IE padding problems. Below is what everything but Explorer sees*/
html>body .leftFooter {
width:188px
}
.rightFooter{
font-family: Verdana, Arial, Helvetica, sans-serif;
width:700px;
height:120px;
/*margin:10px 40px 10px 30px;*/
font-size: 11px;
font-style: normal;
line-height: 16px;
font-weight: normal;
color: #666666;
float:right;
vertical-align:top;


}

.printNav{background:url(images/bullet.png) no-repeat left center;padding: 0 0 0 15px;margin:0;height: 18px;vertical-align:inherit;color:#cc0000;font-size: 15px;}


/*TEXT*/
a.cs:link{color: #666666;font-family: Arial, Helvetica, sans-serif;text-decoration:none;}
a.cs:visited{color: #666666;font-family: Arial, Helvetica, sans-serif;text-decoration:none;}
a.cs:hover{color: #cc3333;font-family: Arial, Helvetica, sans-serif;text-decoration:none;}
a.cs:active{color: #666666;font-family: Arial, Helvetica, sans-serif;text-decoration:none;}


a.pr:link {background:url(images/bullet.png) no-repeat left center;padding: 0 0 0 15px;margin:0;height: 18px;vertical-align:inherit;text-decoration:none;font-size: 15px;}
a.pr:visited {background:url(images/bullet.png) no-repeat left center;padding: 0 0 0 15px;margin:0;height: 18px;vertical-align:inherit;text-decoration:none;font-size: 15px;}
a.pr:hover {background:url(images/bullet.png) no-repeat left center;padding: 0 0 0 15px;margin:0;height: 18px;vertical-align:inherit;text-decoration:none;color:#cc0000;font-size: 15px;}
a.pr:active {background:url(images/bullet.png) no-repeat left center;padding: 0 0 0 15px;margin:0;height: 18px;vertical-align:inherit;text-decoration:none;font-size: 15px;}

a.wlink:link {text-decoration:underline;color:#ffffff;}
a.wlink:visited {text-decoration:underline;color:#ffffff;}
a.wlink:hover {text-decoration:underline;color:#ffcccc;}
a.wlink:active {text-decoration:underline;color:#ffffff;}

a:link {text-decoration:underline;color:#333333;}
a:visited {text-decoration:underline;color:#333333;}
a:hover {text-decoration:underline;color:#666666;}
a:active {text-decoration:underline;color:#333333;}

a.Red:link {text-decoration:none;color:#cc3333;}
a.Red:visited {text-decoration:none;color:#cc3333;}
a.Red:hover {text-decoration:underline;color:#cc3333;}
a.Red:active {text-decoration:none;color:#cc3333;}

a.Gray:link {text-decoration:none;color:#333333;}
a.Gray:visited {text-decoration:none;color:#333333;}
a.Gray:hover {text-decoration:underline;color:#333333;}
a.Gray:active {text-decoration:none;color:#333333;}

a.mN:link {margin:10px 15px 0px 15px;font-style: normal;font-weight: normal;text-decoration:none;color:#ffffff;font-size: 16px;font-family: Arial, Helvetica, sans-serif;}
a.mN:visited{margin:10px 15px 0px 15px;font-style: normal;font-weight: normal;text-decoration:none;color:#ffffff;font-size: 16px;font-family: Arial, Helvetica, sans-serif;}
a.mN:hover{margin:10px 15px 0px 15px;font-style: normal;font-weight: normal;text-decoration:none;color:#ff3300;font-size: 16px;font-family: Arial, Helvetica, sans-serif;}
a.mN:active {margin:10px 15px 0px 15px;font-style: normal;font-weight: normal;text-decoration:none;color:#ffffff;font-size: 16px;font-family: Arial, Helvetica, sans-serif;}

a.fN:link {margin:0px 25px 0px 0px;padding:0;font:normal 9pt  font-family: Verdana, Arial, Helvetica, sans-serif; 	color:#666666;text-decoration:none;font-size: 12px;}
a.fN:visited {margin:0px 25px 0px 0px;padding:0;font:normal 9pt  font-family: Verdana, Arial, Helvetica, sans-serif; 	color:#666666;text-decoration:none;font-size: 12px;}
a.fN:hover {margin:0px 25px 0px 0px;padding:0;font:normal 9pt  font-family: Verdana, Arial, Helvetica, sans-serif; 	color:#666666;text-decoration:underline;font-size: 12px;}
a.fN:active {margin:0px 25px 0px 0px;padding:0;font:normal 9pt  font-family: Verdana, Arial, Helvetica, sans-serif; 	color:#666666;text-decoration:none;font-size: 12px;}

a.sN:link {margin:0 15px 0 8px;font-style: normal;font-weight: normal;text-decoration:none;color:#ff3300;font-size: 12px;font-family: Arial, Helvetica, sans-serif;}
a.sN:visited {margin:0 15px 0 8px;font-style: normal;font-weight: normal;text-decoration:none;color:#ff3300;font-size: 12px;font-family: Arial, Helvetica, sans-serif;}
a.sN:hover {margin:0 15px 0 8px;font-style: normal;font-weight: normal;text-decoration:none;color:#ffffff;font-size: 12px;font-family: Arial, Helvetica, sans-serif;}
a.sN:active {margin:0 15px 0 8px;font-style: normal;font-weight: normal;text-decoration:none;color:#ff3300;font-size: 12px;font-family: Arial, Helvetica, sans-serif;}


#mainNav{
padding:10px 0px 0px 0px;
}
/*hack to fix IE padding problems. Below is what everything but Explorer sees*/
html>body #mainNav{
padding:10px 0px 0px 0px
}
/*#mainNav a:link, h2 a:active, h2 a:visited {
margin:10px 15px 0px 15px;

		font-style: normal;
		font-weight: normal;
		text-decoration:none;
		color:#ffffff;
	font-size: 16px;
	font-family: DIN-Regular;
	
}
#mainNav a:hover {
margin:10px 15px 0px 15px;

		text-decoration:underline;
		font-style: normal;
		font-weight: normal;
		color:#ffffff;
	font-size: 16px;
	font-family: DIN-Regular;
	
}*/
#secNav{
padding:10px 0px 5px 0px;
}
/*#secNav a:link, h2 a:active, h2 a:visited {
	margin:0 15px 0 8px;
	
	text-decoration:none;
	font-style: normal;
	font-weight: normal;
	color: ff3300;
	font-size: 12px;
	font-family: DIN-Regular;
	
}
#secNav a:hover {
margin:0 15px 0 8px;

		text-decoration:underline;
		font-style: normal;
		font-weight: normal;
		color: ff3300;
	font-size: 12px;
	font-family: DIN-Regular;
	
}*/
/*.rightFooter a:link, h2 a:active, h2 a:visited {
margin:0 30px 0 0px;
		font:normal 11pt  font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666;
		text-decoration:none;
}
.rightFooter a:hover {
margin:0 30px 0 0px;
		font:normal 11pt  font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666;
		text-decoration:underline;
}*/
.slideImageText{
	text-align:center;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	display:inline;

}
.redT{
 color:#cc0000;
}
.redTsm{
 color:#cc0000;
 font-size:10px;
}
h1 {
    margin:0; padding:0;
	font:normal 18pt Verdana, Arial, Helvetica, sans-serif; color:#666666;
	line-height:24pt;
}

h2 {
	margin:0; padding:0;
	font:normal 11pt  font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666;
}
h2 a:link, h2 a:active, h2 a:visited {
		font:normal 11pt  font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666;
		text-decoration:none;
}
h2 a:hover {
		font:normal 11pt  font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666;
		text-decoration:underline;
}
h4 {
    margin:0; padding:0;
	font:normal 18pt Verdana, Arial, Helvetica, sans-serif; color:#CC0000;;
	line-height:24pt;
}
/*h3 {
	margin:0; padding:0;
	font:normal 10pt Verdana, Arial, Helvetica, sans-serif; color:#ffffff;
}
h3 a:link, h2 a:active, h2 a:visited {
	font:normal 10pt  Verdana, Arial, Helvetica, sans-serif; color:#ffffff;
	text-decoration:none;
}
h3 a:hover {
	font:normal 10pt  Verdana, Arial, Helvetica, sans-serif; color:#ffffff;
	text-decoration:underline;
	}
	h3{
	color:#996600;
	}*/
h5 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	color: #cc3333;
	font-weight: normal;
	margin:12px 0 8px 0;
	line-height:24px;
}



.headerTxt {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 48px;
	font-style: normal;
	color: #666666;
	font-weight: normal;
	margin:40px 0 20px 0;
	display:block;
}
/*hack to fix IE padding problems
html>body .headerTxt{
margin:0;
}*/




/*STUFF*/
.mainDivider {
background:url(images/main_divider.gif) repeat-x center center;
padding:20px 0 20px 0;
width:100%;
}
.rClmDivider {
background:url(images/main_divider.gif) repeat-x 20px center;
padding:20px 0 20px 0;
width:250px;
position:relative;
left: 20px;

}
.viewFlash{
background-image: url(images/view_our_flash_site.png);
	background-repeat: no-repeat;
	background-position:-18px center;
	height:130px;
	width:350px;
	padding:0;
	position:absolute;
}
/*hack to fix IE padding problems. Below is what everything but Explorer sees*/
html>body .viewFlash {
background-position:2px center
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}
.map{
padding:0;
text-align:left;
color: #666666;
font-family: Arial, Helvetica, sans-serif;
vertical-align:top;
font-size: 13px;
	font-style: normal;
	line-height: 28px;
	width:260px;
}
.mailform{
padding:0;
text-align:left;
color: #666666;
font-family: Arial, Helvetica, sans-serif;
vertical-align:middle;
font-size: 13px;
font-style: normal;
height:30px;

}
.textInput
{
border: 1px solid #999999;
/*background: #555555;*/
color:#666666;
/*font-size: 1.1em;*/
width: 100%;
}
#container {
	margin: 0 auto;
	width: 982px;
	text-align: center;
	vertical-align:top;
	

}
#mainCont {
	width: 982px;
/*background-image: url(images/dark_blue_back.jpg);*/
}
.onlinePay {
width:982px;
background:url(images/online_pay_drop_shadow_02.jpg) repeat-y center top;

}
.payLeft {
width:600px;
text-align:center;
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
	font-style: normal;
	line-height: 20px;
}
.payRight {
width:285px;
background:url(images/online_pay_right_bckgrnd.jpg) repeat-y top;
padding:0 0 0 15px;
color:#666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
	font-style: normal;
	line-height: 20px;

}
#payfooter{
height:40px;
width:980px;
background:url(images/online_pay_drop_shadow_03.jpg) no-repeat center top;
clear:both;
}
#payfooter p {
margin:0;
}
* html #payfooter {
height:1px;
}