/* CSS Document */

/***********************************************/
/* HTML Presets                                */
/***********************************************/ 

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin:0;
	padding:0;
	border:0;
}

body {
	/*font:normal 12px/16px Verdana, Arial, Helvetica, sans-serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	font-style:normal;
	line-height:18px;
	background:#999;
	width:100%;
	text-align:left;
}

/***********************************************/
/* Txt styles                                  */
/***********************************************/

.redTxt {
	color:#990000;
}

.purpleTxt {
	color:#663399;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#headerContainer {
	width:100%;
	background:#FFF;
}

#header {
	background:#FFF;
	height:67px;
	width:878px;
	margin-right:auto;
	margin-left:auto;
	padding-right:36px;
	padding-left:36px;
	padding-top:18px;
	position:relative;
}

	#header a:link {
		text-decoration:none;
		border-top-style:none;
		border-right-style:none;
		border-bottom-style:none;
		border-left-style:none;
	}
	
	#searchForm{
		float:right;
		display:block;
		text-align:right;
		height:24px;
		padding:0 0 0 15px;
	}
	
		#searchForm #q{
			vertical-align:bottom;
			border:1px solid #ccc;
			padding:2px;
			color:#666;
		}
		
		#searchForm #searchGo{
			vertical-align:bottom;
			margin-left:5px;
			padding:0px 0;
		}

#PageContainer {
	width:100%;
	/*position:relative;*/
	background-color:#FFFFFF;
	padding:0px;
	border-top:10px solid #99CC33;
	position:relative;
	z-index:1;
}

#PageCell {
	background-image:url(/common/images/dashLine_bg.gif);
	background-repeat:repeat-y;
	width:900px;
	text-align:left;
	padding-bottom:5px;
	margin-top:0px;
	margin-right:auto;
	margin-bottom:0px;
	margin-left:auto;
}

#sideBar {
	width:162px;
	margin-top:20px;
	clear:both;
	float:left;
}

/***********************************************/
/* Top Header Navigation					   */
/***********************************************/

#headerNav {
	float:right;
	width:450px;
	padding-top:35px;
	text-align:right;
}

	#headerNav a:link, #headerNav a:visited {
		color:#000;
		text-decoration:none;
		font-size:11px;
	}
	
	#headerNav a:hover {
		text-decoration:underline;
	}

/***********************************************/
/* Main Navigation							   */
/***********************************************/

#navContainer {
	background-color:#000000;
	width:100%;
	text-align:center;
	position:relative;
	z-index:20;
}

#nav {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-transform:capitalize;
	color:#FFFFFF;
	background-color:#000000;
	height:24px;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	width:950px;
}

	#nav a:link, #nav a:visited {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		text-transform:capitalize;
		color:#FFF;
		text-decoration:none;
		display:block;
		padding-right:10px;
		padding-left:10px;
	}
	
	#nav a:hover, #nav li.port a:hover {
	}
	
	ul#mainNav {
		text-align:center;
		display:inline;
		width:950px;
		margin-right:auto;
		margin-left:auto;
	}
	
	ul#mainNav li.level0 {
		border-top-width:4px;
		border-top-style:solid;
		border-top-color:#000000;
		list-style-type:none;
		border-right-width:1px;
		border-right-style:solid;
		border-right-color:#FFFFFF;
		float:left;
		height:20px;
		width:180px;
		position:relative;
		cursor:pointer;
	}
	
		ul#mainNav li.level0.hover, ul#mainNav li a.level0:hover{
			background:#333;
			color:#fff;
		}
	
	ul#mainNav li.level0.last {
		border-right-style:none;
		background-image:url(/common/images/request_btn.gif);
		background-repeat:repeat-x;
		margin-left:0px;
		border-top:4px solid #8f76dd;
		/*border-left:1px solid #FFFFFF;*/
		border-right:1px solid #FFFFFF;
	}
	
	ul#mainNav li.level0.last a:hover {
		border-right-style:none;
		background-image:url(/common/images/request_btn.gif);
		background-repeat:repeat-x;
		border-top-style:none;
		border-top-width:4px;
		border-top-color:#8f76dd;
	}
		
			ul#mainNav ul.level1 {
				display:none;
				width:179px;
				list-style:none;
				position:absolute;
				top:20px;
				left:0;
				z-index:99;
				text-align:left;
				/*background-color:#99cc33;
				border:1px solid #77aa11;*/
				background-color:#333;
				border:1px solid #222;
			}
			
				ul#mainNav ul li.level1{
					display:block;
					width:180px;
					position:relative;
					border-bottom:1px solid #222;
				}
			
					ul#mainNav ul li.level1:last-child{
						border:none 0px;
					}
				
					ul#mainNav ul li a.level1 {
						display:block;
						width:158px;
						padding:5px 10px;
						color:#fff;
						font-weight:normal;
						text-decoration:none;
						border-right:2px solid #222;
						font-size:12px;
						line-height:12px;
						cursor:pointer;
					}
			
					ul#mainNav ul li.level1 a.level1.flyout{
						background-image:url(/common/images/menu_arrow.gif);
						background-position:170px center;
						background-repeat:no-repeat;
					}
			
						ul#mainNav ul li.level1.hover a.level1 {
							background-color:#111;
							color:#fff;
							border-right:2px solid #000;
						}
		
			ul#mainNav ul.level2 {
				display:none;
				width:180px;
				list-style:none;
				position:absolute;
				top:0;
				left:180px;
				z-index:99;
				background-color:#333;
				border:1px solid #222;
			}
			
				ul#mainNav ul li.level2{
					display:block;
					width:180px;
					position:relative;
					border-bottom:1px solid #222;
				}
			
					ul#mainNav ul li.level2:last-child{
						border:0px;
					}
				
					ul#mainNav ul li a.level2 {
						display:block;
						width:158px;
						padding:5px 10px;
						color:#fff;
						font-weight:normal;
						text-decoration:none;
						border-right:2px solid #222;
						font-size:12px;
						line-height:12px;
						cursor:pointer;
					}
				
						ul#mainNav ul li.level2.hover a.level2 {
							background:#111;
							color:#fff;
							border-right:2px solid #000;
						}


/***********************************************/
/* Footer									   */
/***********************************************/

#footer {
	color:#000000;
	background:#999;
	width:886px;
	margin-top:15px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	padding-bottom: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
}
	#footer p {
			font:normal 11px/15px Arial, Helvetica, sans-serif;
			color:#000;
			padding-top:10px;
		}

	
	
	#footer a:hover {
		text-decoration:underline;
	}


	
.footerList {
	list-style-type: none;
	margin: 5px 0px 15px;
	text-align: center;
	color: #000000;
}

	.footerList li {
		border-left: 1px solid #000;
		margin: 0 0.8em 0 -0.8em;
		padding: 0 0.8em;
		display: inline;
	}
	
	.footerList li a:link, .footerList li a:visited {
		text-decoration: none;
		color:#000;
	}
	
	.footerList li:first-child { 
		border-left: 0px solid #3B4322;
	}

.phoneList {
	list-style-type: none;
	margin: 0px 0px 0px;
	text-align: center;
	color: #000000;
}

	.phoneList li {
		margin: 0 0.5em 0 -0.5em;
		padding: 0 0.5em;
		display: inline;
	}	
	

/***********************************************/
/* Side Menu 								   */
/***********************************************/

#sideMenu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	line-height:normal;
	margin-bottom:40px;
	border-bottom:1px solid white; /* Needed for IE6 for some odd reason */
}

	#sideMenu h1 a:link, #sideMenu h1 a:visited {
		font-family:Tahoma;
		color:#4E1FC4;
		font-size:16px;
		font-style:normal;
		font-weight:normal;
		font-variant:normal;
		text-decoration:none;
		margin-top:0px;
		background:url(/common/images/purp_circle.gif) no-repeat left 3px;
		display:block;
		width:125px;
		padding-left:28px;
		height:28px;
		border-style:none;
	}
	
	#sideMenu h1 a:hover {
		background:url(/common/images/purp_circle.gif) no-repeat left 3px;
		text-decoration:underline;
		border-style:none;
	}
	
	#sideMenu h3 {
		margin-top:10px;
		margin-bottom:4px;
		font-size:12px;
	}
	
	#sideMenu h3.listTopHdr { /* Keep the top of the list at margin zero `BKS */
		margin-top:0px;
	}

	#sideMenu ul {
		list-style-type:none;
	}
	
	#sideMenu li {
		background-image:url(/common/images/purp_arrow.gif);
		background-repeat:no-repeat;
		background-position:left top;
	}
	
	#sideMenu a:link, #sideMenu a:visited {
		display:block;
		padding:5px 5px 5px 15px;
		background-image:url(/common/images/purp_arrow.gif);
		background-repeat:no-repeat;
		background-position:left top;
		width:143px;
		border-bottom:1px dashed #333;
		color:#000000;
		text-decoration:none;
	}
	
	#sideMenu a:hover {
		border-bottom:1px dashed #333;
		background-color:#e2d9f5;
		color:#333;
	}
	
	#sideMenu .bottomLi a:link, #sideMenu .bottomLi a:visited {
		border-bottom:none;
	}
	
	#sideMenu .bottomLi a:hover {
		border-bottom:none;
	}
	
	#map_info{
		width:153px;
		padding:5px;
		border-top:1px dashed #999;
		border-bottom:1px dashed #999;
		border-left:1px dashed #333;
		border-right:1px solid #fff;
		background:#fff;
		margin-right:-1px;
		display:block;
		z-index:99;
	}

		#map_info h3 {
			font-family:Tahoma;
			color:#000000;
			font-size:16px;
			font-style:normal;
			font-weight:normal;
			font-variant:normal;
			margin-bottom:2px;
			text-decoration:none;
			margin-top:0px;
		}
	
		#map_info h4 {
			font-family:Tahoma;
			color:#84B02B;
			font-size:13px;
			font-style:normal;
			font-weight:normal;
			font-variant:normal;
			margin-bottom:7px;
			text-decoration:none;
			margin-top:0px;
		}
	
		#map_info p {
			color:#666;
			font-size:11px;
			margin:0 3px;
		}
		
		.map_info_link{
			font-size:11px;
			text-align:center;
			display:block;
			margin-top:10px;
		}
		
		#map_info ul{
			padding:3px 0 3px 14px;
			margin:0;
			list-style:none;
			color:#666;
			font-size:11px;
		}
		
			#map_info ul li{
				margin:0;
				padding:3px 0;
				list-style:none;
			}
	
/***********************************************/
/* Content 									   */
/***********************************************/

.content {
	width:685px;
	padding-top:15px;
	padding-bottom:15px;
	margin-left:190px;
}

	.content h1 {
		font-family:Tahoma;
		color:#000000;
		font-size:24px;
		font-style:normal;
		font-weight:normal;
		font-variant:normal;
		margin-bottom:6px;
		text-decoration:none;
		margin-top:0px;
	}
	
	.content h2 {
		font-family:Tahoma;
		color:#84B02B;
		font-size:16px;
		font-style:normal;
		font-weight:normal;
		font-variant:normal;
		margin-bottom:25px;
		text-decoration:none;
		margin-top:0px;
	}
		
	.content h3 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:small;
		font-weight:bold;
		color:#000000;
		padding-bottom:6px;
	}	
	
	.content a:link,.content a:visited {
		color:#6633CC;
		font-style:normal;
		font-weight:normal;
		font-variant:normal;
		text-decoration:underline;
	}
	
	.content a:hover {
		color:#666666;
	}
	
	.content p {
		padding-bottom:15px;
	}
	.content li {
	list-style: url(none) none;
	padding-left: 10px;
	background: url(/common/images/bullet.png) no-repeat 0px 7px;
	padding-bottom: 8px;
}

.content ul {
	padding-left: 5px;
	padding-bottom: 8px;
}

	
	.content h4 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:small;
		font-weight:bold;
		color:#000000;
		text-decoration:none;
	}
	
	.content h4 a:link, .content h4 a:visited {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:small;
		font-weight:bold;
		color:#000000;
		text-decoration:none;
	}
	
	.content h4 a:hover {
		color:#000000;
		text-decoration:underline;
	}
	


.more {
	text-decoration:none;
	text-align:left;
	margin-top:5px;
	color:#6633CC;
}

	.more a:link, a:visited {
		text-decoration:none;
	}
	
	.more a:hover {
		text-decoration:underline;
	}
	
.map img{
	float:right;
	margin-bottom:20px;
	}


/***********************************************/
/* SP Content Tables (ex. Services)			   */
/***********************************************/

.spTable {
	padding-bottom:15px;
	border-bottom-width:1px;
	border-bottom-style:dashed;
	border-bottom-color:#333333;
	margin-bottom:15px;
}

.spTableLast {
	padding-bottom:5px;
	border-bottom-width:0px;
	margin-bottom:15px;
}

.staff {
	text-decoration:none;
	text-align:left;
	padding:1px;
	margin-bottom:22px;
	border:1px solid #666666;
}

.spServices td a:link, .spServices td a:visited {
	text-decoration:none;
	color:black;
	display:block;
	padding:0px 5px 0px 0px;
}

.spServices tr {
	vertical-align:top;
}

.iconTbl {
	font-size:11px;
	line-height:normal;
	width: 685px;
}

	.iconTbl h2{
	font-family:Tahoma;
	color:#000000;
	font-size:20px;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-align:center;
	margin: 0px;
	padding: 0px 0px 35px;
	background: url(/common/images/arrow.png) center 30px no-repeat;
	}
	
	.iconTbl h4 {
	font-size:16px;
	font-family: Tahoma;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	line-height: 17px;
	}

.iconTd {
	text-align:center;
	width:80px;
}

	.iconTd a {
	margin-left: 30px;
	padding: 0px;
	}

.boxTxt {
	width:130px;
}

.boxTxtOn {
	/*background:url(/common/images/bg_cardlink.jpg) -30px -20px no-repeat;*/
	text-decoration:underline;
}

.spacerRow {
	height:15px;
}
	
	

.linkList {
	list-style:none;
	display:block;
	float:left;
	padding:0;
	margin:10px 10px 0 10px;
	width:190px;
	height:200px;
	border-left:1px solid #85a803;
	background:url(/common/images/linkListBg.jpg) left 33px no-repeat;
}
	
	
	
	.linkList li{
		display:block;
		padding:6px 0 0 5px;
	}

	.linkList li.linkListHdr{
		/*background:url(/common/images/linkListArrow.gif) 5px center no-repeat;*/
		padding:6px 0 6px 10px;
		border-bottom:1px dashed #85a803;
		height:20px;
		background:none;
	}

	.linkListHdr h3{
	font-family:Tahoma;
	color:#920000;
	font-size:17px;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	margin: 0px;
	}
	
	.linkList a {
	font-size:12px;
	font-family: Tahoma;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 2px 0 2px 15px;
	line-height: 12px;
	height:12px;
	text-decoration:underline;
	color:#000;
	display:block;
	background:url(/common/images/bullet_p.gif) left 2px no-repeat;
	}
	
		.linkList a:hover {
			color:#4e1ec4;
		}

/***********************************************/
/* Other Styles                                */
/***********************************************/

.errorMsg {
	color:#CC0000;
	margin-bottom:15px;
}

.brclear {
	clear:both;
	height:0;
	margin:0;
	font-size:1px;
	line-height:0px;
}



/***********************************************/
/* Page Headers                                */
/***********************************************/

.multimediaHdr {
	background:url(/common/images/multimedia.jpg) no-repeat;
	padding:35px 1px 1px 55px;
	border:1px solid #999999;
	height:85px;
	margin-bottom:25px;
	width:645px;
	margin-top:15px;
}

.seoHdr {
	background:url(/common/images/seoHdr.jpg) no-repeat;
	padding:35px 1px 1px 55px;
	border:1px solid #999999;
	height:85px;
	margin-bottom:25px;
	width:645px;
	margin-top:15px;
}

.ecomHdr {
	background:url(/common/images/ecomHdr.jpg) no-repeat;
	padding:35px 1px 1px 55px;
	border:1px solid #999999;
	height:85px;
	margin-bottom:25px;
	width:645px;
	margin-top:15px;
}

.hostingHdr {
	background:url(/common/images/hostingHdr.jpg) no-repeat;
	padding:35px 1px 1px 55px;
	border:1px solid #999999;
	height:85px;
	margin-bottom:25px;
	width:645px;
	margin-top:15px;
}

.emailHdr {
	background:url(/common/images/emailHdr.jpg) no-repeat;
	padding:35px 1px 1px 55px;
	border:1px solid #999999;
	height:85px;
	margin-bottom:25px;
	width:645px;
	margin-top:15px;
}

.brandHdr {
	background:url(/common/images/brandHdr.jpg) no-repeat;
	padding:35px 1px 1px 48px;
	border:1px solid #999999;
	height:85px;
	margin-bottom:25px;
	width:652px;
	margin-top:15px;
}

.cmsHdr {
	background:url(/common/images/cmsHdr.jpg) no-repeat;
	padding:35px 1px 1px 55px;
	border:1px solid #999999;
	height:85px;
	margin-bottom:25px;
	width:645px;
	margin-top:15px;
}

.appHdr {
	background:url(/common/images/appHdr.jpg) no-repeat;
	padding:35px 1px 1px 55px;
	border:1px solid #999999;
	height:85px;
	margin-bottom:25px;
	width:645px;
	margin-top:15px;
}

.designHdr {
	background:url(/common/images/designHdr.jpg) no-repeat;
	padding:35px 1px 1px 50px;
	border:1px solid #999999;
	height:85px;
	margin-bottom:25px;
	width:650px;
	margin-top:15px;
}

	.creativeHdr {
		background:url(/common/images/creative_servHdr.jpg) no-repeat;
		}
		
	.technologyHdr {
		background:url(/common/images/technologyHdr.jpg) no-repeat;
		}
		
	.marketingHdr {
		background:url(/common/images/marketingHdr.jpg) no-repeat;
		}
		
.printHdr {
	background:url(/common/images/printHdr.jpg) no-repeat;
	padding:35px 1px 1px 50px;
	border:1px solid #999999;
	height:85px;
	margin-bottom:25px;
	width:650px;
	margin-top:15px;
}

.philosophyHdr {
	background:url(/company/images/philosophyHdr.jpg) no-repeat;
	padding:35px 1px 1px 55px;
	border:1px solid #999999;
	height:85px;
	margin-bottom:25px;
	width:645px;
	margin-top:15px;
}
.locationHdr {
	background:url(/company/images/locationHdr.jpg) no-repeat;
	padding:35px 1px 1px 50px;
	border:1px solid #999999;
	height:85px;
	margin-bottom:25px;
	width:650px;
	margin-top:15px;
}

.newsHdr {
	background:url(/company/images/newsHdr.jpg) no-repeat;
	padding:35px 1px 1px 50px;
	border:1px solid #999999;
	height:85px;
	margin-bottom:25px;
	width:650px;
	margin-top:15px;
}

.careersHdr {
	background:url(/company/images/careersHdr.jpg) no-repeat;
	padding:35px 1px 1px 50px;
	border:1px solid #999999;
	height:85px;
	margin-bottom:25px;
	width:650px;
	margin-top:15px;
}

.contactHdr {
	background:url(/company/images/contactHdr.jpg) no-repeat;
	padding:35px 1px 1px 50px;
	border:1px solid #999999;
	height:85px;
	margin-bottom:25px;
	width:650px;
	margin-top:15px;
}

.teamHdr {
	background:url(/company/images/teamHdr.jpg) no-repeat;
	padding:35px 1px 1px 50px;
	border:1px solid #999999;
	height:85px;
	margin-bottom:25px;
	width:650px;
	margin-top:15px;
}
.colorBar{
	height:12px; 
	background-color: #000000; 
	border-bottom:solid; 
	border-bottom-width:2px; 
	border-bottom-color:#FFFFFF
	}
.collaborate{
	border-bottom-width:2px;
	border-bottom-color:#FFFFFF;
	padding-top: 20px;
	padding-bottom: 20px;
	}
	
.map{
	float:right;
}

#servicesFlash{
	width:700px;
}

/***********************************************/
/* miniPort                                */
/***********************************************/
.miniPort {
	float: right;
	width: 300px;
	margin: 20px -15px 20px 55px;
}

.options {
	float: left;
	width: 700px;
	text-align:left;
}
.options img {
	float: left;
	display: block;
	margin: 0 10px 25px 0;
	
}
.options h2 {
	margin-bottom: 10px;
	
	}
.options p {
margin-bottom: 18px;
}







/***********************************************/
/* Search Items                                */
/***********************************************/

#PageCell .gsc-branding {
	display:none;
}

#PageCell .gs-result .gs-title, #PageCell .gs-result .gs-title * {
color:#63c !important;
text-decoration:underline;
}

#PageCell .gs-webResult .gs-visibleUrl-short { display:none !important; }
#PageCell .gs-webResult .gs-visibleUrl-long { display:block !important; }

#PageCell .gsc-tabHeader.gsc-tabhActive {
border-left:1px solid #ccccc1;
border-right:1px solid #ccccc1;
border-bottom:1px solid #eeeee3;
border-top:2px solid #99CC33;
color:#333;
}

#PageCell .gsc-tabHeader.gsc-tabhInactive {
	background:#eeeee3;
border-left:1px solid #eeeee3;
border-right:1px solid #eeeee3;
border-top:2px solid #eeeee3;
border-bottom:1px solid #ccccc1;
color:#666;
}

#PageCell .gsc-tabHeader {
cursor:pointer;
display:inline;
margin:0;
padding:4px 10px;
}

#PageCell .gsc-tabsArea {
	margin:10px 0;
}

#PageCell .gsc-tabsArea .gs-spacer {
	display:none;
}

#PageCell .gsc-wrapper {
	width:700px;
}

#PageCell .gsc-resultsHeader {
	border:none;
}

#PageCell .gs-promotion {
padding:8px;
border:3px solid #ddd;
background:#fffff5;
}

#PageCell .gsc-results .gsc-trailing-more-results, #PageCell .gsc-results .gsc-trailing-more-results * {
color:#63c;
text-decoration:underline;
}

#PageCell .gs-result td{
	padding:0;
}

#PageCell .gsc-trailing-more-results{
	display:none;
}