/* Clearfix */
.clearfix:after
{
	content: ".";
	display: block;
	height: 0.1px;
	clear: both;
	font-size: 0;
	visibility: hidden;
}
.clearfix
{
	display: inline-block;
}
html>body .clearfix {
	display:block;
}
/* \*/
* html .clearfix
{
	height: 1%;
}
/* */

/* Turn off borders on linked images. */
a img
{
	border: 0;
}

/* kill default form margin/padding */
form {
	margin:0;
	padding:0;
}

/* kill default dl margin/padding */
dl, dt, dd {
	margin:0;
	padding:0;
}

/* Make sure our inline elements vertical-align properly. */
img,
input,
select,
label
{
	vertical-align: middle;
}

/* Make sure all elements inherent font properties properly. */
table,
thead,
tbody,
tfoot,
tr,
th,
td,
input,
select,
textarea
{
	font-size: 1em;
	font-family: inherit;
}

/* Make table cells default to top vertical alignment since more often than not we want it this way. */
td
{
	vertical-align: top;
}

table .action,
table .numeric,
table .money
{
	text-align: right;
}
tfoot th
{
	text-align: right;
}

/*****************************************************************
** Descriptive classes mainly for use in our rich-text-editors. **
*****************************************************************/
.floatLeft
{
	float: left;
}
.floatRight
{
	float: right;
}
.floatNone
{
	float: none;
	clear: both;
}
.alignR
{
	text-align: right;
}
.none
{
	display: none;
}
.hidden
{
	visibility: hidden;
}


/*****************************************************************
** Utility.                                                     **
*****************************************************************/



/*****************************************************************
** Formatting                                                   **
*****************************************************************/
	
	
body
	{
	margin: 0;
	padding: 0;
	background-color: #3f3f3f;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	}

a {
	color: #ad0331;
	border-bottom: 1px dashed #ad0331;
	background-image: url(../images/arrow_red.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-color: transparent;	
	padding: 0 0 0 7px;		
	text-decoration: none;
   }
a:link {color: #ad0331;}
a:visited {color: #ad0331;}
a:active {color: #666;}
a:hover {color: #666;}

.outterWrapper
	{
	background-image: url("../images/bg_content.jpg");
	background-repeat: repeat-x;
	background-position: 0 0;
	background-color: #e1e1e1;
	}

	.innerWrapper
		{
		width: 961px;
		margin-left: auto;
		margin-right: auto;
		}
	
		.header
			{
			height: 97px;
			position: relative;
			}
			
			.logoContainer
				{
	position: absolute;
	top: 15px;
	left: 3px;
	width: 168px;
	height: 44px;
				}
				
				.logoContainer a
					{
					border: 0;
					background: none;
					}
			
			
			.topNav
				{
				position: absolute;
				top: 0;
				left: 774px;
				background-color: #f6f6f6;
				width: 169px;
				height: 44px;
				padding: 6px 0 0 17px;
				line-height: 0;
				font-size: 1px;
				}
			
				.topNav a
					{
					margin-left: 10px;
					border: 0;
					background: none;
					padding: 0;
					}
			
				.topNav img
					{
					margin-bottom: 3px;
					}
				
			#navigation
				{
				position: absolute;
				top: 71px;
				left: 346px;
				display: inline;
				float: left;
				margin: 0;
				}
				
				#navigation ul
						{
						margin: 0;
						padding: 0;
						height: 25px;
						list-style: none;
						}
						
					#navigation ul li
						{
						display: inline;
						float: left;
						height: 26px;
						margin: 0;
						padding: 0;
						background-color: transparent;
						}
						
						#navigation ul li a
							{
							overflow: hidden;
							display: block;
							height: 26px;
							text-indent: 0;
							background-repeat: no-repeat;
							background-position: 0 0;
							background-color: transparent;
							color: #fff;
							text-align: center;
							line-height: 25px;
							text-indent: -999em;
							border: 0;
							background: none;
							}
							
						#navigation ul li.nav1
							{
							width: 147px;
							}
							
							#navigation ul li.nav1 a
								{
								background-image: url("../images/nav1.jpg") ; 
								}
								
						#navigation ul li.nav2
							{
								width: 122px;
							}
							
							#navigation ul li.nav2 a
								{
								background-image: url("../images/nav2.jpg") ; 
								}
								
						#navigation ul li.nav3
							{
							width: 95px;
							}
							
							#navigation ul li.nav3 a
								{
								background-image: url("../images/nav3.jpg") ; 
								}
							
								
						#navigation ul li.nav4
							{
							width: 126px;
							}
							
							#navigation ul li.nav4 a
								{
								background-image: url("../images/nav4.jpg") ; 
								}
							
								
						#navigation ul li.nav5
							{
							width: 108px;
							}
							
							#navigation ul li.nav5 a
								{
								background-image: url("../images/nav5.jpg") ;
								}
							
							#navigation ul li a {text-decoration:none}
							
							.about #navigation ul li.nav1 a,
							.services #navigation ul li.nav2 a,
							.alliances #navigation ul li.nav3 a,
							.casestudies #navigation ul li.nav4 a,
							.contact #navigation ul li.nav5 a,
							#navigation ul li a:hover 
								{
								background-position: 0 -26px;
								color: #ccc;
								}
								
		.contentWrapper
			{
			
			}
			
			.contentHead
				{
				
				}
				
			.contentMain
				{
				border-bottom: 1px solid #eaeaea;
				background-color: #fff;
				}
				
			.contentBottom
				{
				border-top: 4px solid #404040;
				background-color: #e1e1e1;
				}
				
				.firstContentBottom, .secondContentBottom, .thirdContentBottom
					{
					float: left;
					width: 315px;
					height: 120px;
					margin-right: 5px;
					font-size: 12px;
					padding: 20px 15px 0 90px;
					background-repeat: no-repeat;
					background-position: 5px 20px;
					background-color: transparent;
					voice-family: "\"}\"";
					voice-family: inherit;
					width: 209px;
					height: 100px;
					}
					/* Begin hiding form Mac IE */
					/* \*/
					html>body div.firstContentBottom, html>body div.secondContentBottom, html>body div.thirdContentBottom
					{
					width: 209px;
					height: 100px;
					}
					/* Begin hiding form Mac IE */
					
					.firstContentBottom a, .secondContentBottom a, .thirdContentBottom a
						{
						float: right;
						}
					
					.firstContentBottom h2, .secondContentBottom h2, .thirdContentBottom h2
						{
						overflow: hidden;
						display: block;
						height: 16px;
						width: 209px;
						margin: 0;
						text-indent: -999em;
						background-repeat: no-repeat;
						background-position: 0 0;
						background-color: transparent;
						}
					
				.firstContentBottom
					{
					background-image: url(../images/icon_communication.gif);
					border-right: 1px dotted #c9c9c9;
					}
					
				
					.firstContentBottom h2
						{
						background-image: url(../images/title_callOut1.gif);
						}
					
				.secondContentBottom
					{
					background-image: url(../images/icon_domain_names.jpg);
					border-right: 1px dotted #c9c9c9;
					}
					
				
					.secondContentBottom h2
						{
						background-image: url(../images/title_callOut2.gif);
						}
					
				.thirdContentBottom
					{
					background-image: url(../images/icon_twitter.gif);
					}
					
				
					.thirdContentBottom h2
						{
						background-image: url(../images/title_callOut3.gif);
						}
					
	.footer
		{
		text-align: center;
		width: 961px;
		margin-left: auto;
		margin-right: auto;
		color: #a8a8a8;
		background-color: #3f3f3f;
		padding: 0 0 10px 0;
		}
		
		.bottomNav
			{
			padding: 12px 0 12px 0;
			}
					
		.footer a
			{
			color: #a8a8a8;
			margin: 0 6px 0 6px;
			font-size: 11px;
			border: 0;
			background: none;
			}
					
		.footer a:visited, .footer a:hover
			{
			color: #a8a8a8;
			}
				
				
/* HOME */

.visible {display:block;}
.hidden {display:none;}
#wine1, #beer1, #whisky1, #two, #three {display:none;}
#switch1, #switch2 {width:48%;}
#switch1 {float:left;}
#switch2 {float:right;}

.home .contentHead .bannerContain 
	{
	width: 960px;
	height: 302px;
	}
	
	#one, #two, #three, #four
		{
		width: 960px;
		height: 302px;
		position: relative;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-color: transparent;		
		}
		
	#one
		{
		background-image: url(../images/homeBanner1.jpg);
		}
	
	#two
		{
		background-image: url(../images/homeBanner2.jpg);
		}
	
	#three
		{
		background-image: url(../images/homeBanner3.jpg);
		}
	
	#four
		{
		background-image: url(../images/homeBanner4.jpg);
		}
		
		
	#one span, #two span, #three span, #four span
		{
		display: block;
		text-indent: -999em;
		}
		
		#one a, #two a, #three a, #four a
			{
			overflow: hidden;
			display: block;
			position: absolute;
			text-indent: -999em;
			padding: 0;
			border: 0;
			background-image: none;
			}
			
		#one a
			{
	width: 200px;
	height: 26px;
	top: 251px;
	left: 736px;
			}
			
		#two a
			{
			width: 152px;
			height: 26px;
			top: 195px;
			left: 789px;
			}
			
		#three a
			{
			width: 152px;
			height: 26px;
			top: 209px;
			left: 760px;
			}
			
		#four a
			{
			width: 152px;
			height: 26px;
			top: 203px;
			left: 702px;
			}

.home .contentHead .bannerNav 
	{
	height: 30px;
	background-color: #fff;
	}

	.home .contentHead .bannerNav ul 
		{
		margin: 0;
		padding: 0 0 0 175px;
		height: 30px;
		list-style: none;
		}
		
		.home .contentHead .bannerNav ul li
			{
			height: 30px;
			float: left;
			margin: 0;
			padding: 0;
			}
		
		
		
		.home .contentHead .bannerNav ul li#tab1
			{
			width: 134px;
			}
		
		.home .contentHead .bannerNav ul li#tab2
			{
			width: 187px;
			}
		
		.home .contentHead .bannerNav ul li#tab3
			{
			width: 214px;
			}
		
		.home .contentHead .bannerNav ul li#tab4
			{
			width: 187px;
			}
		
			.home .contentHead .bannerNav ul li a
				{
				overflow: hidden;
				display: block;
				height: 30px;
				background-repeat: no-repeat;
				background-position: 0 0;
				background-color: transparent;			
				text-indent: -999em;	
				border: 0;
				}
		
			.home .contentHead .bannerNav ul li#tab1 a
				{
				background-image: url("../images/homeTab1.jpg");
				}
		
			.home .contentHead .bannerNav ul li#tab2 a
				{
				background-image: url("../images/homeTab2.jpg");
				}
		
			.home .contentHead .bannerNav ul li#tab3 a
				{
				background-image: url("../images/homeTab3.jpg");
				}
		
			.home .contentHead .bannerNav ul li#tab4 a
				{
				background-image: url("../images/homeTab4.jpg");
				}
		
			.home .contentHead .bannerNav ul li a:hover, .home .contentHead .bannerNav ul li a.active
				{
				background-position: 0 -30px;
				}

.home .firstContentMain
	{
	float: left;
	overflow: hidden;
	width: 675px;
	height: 120px;
	text-indent: -999px;
	background-image: url(../images/home_maintext.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: #fff;
	}

.home .secondContentMain
	{
	float: left;
	overflow: hidden;
	width: 285px;
	height: 120px;
	}
	
/* SECONDARY */

.secondary .firstContentMain
	{
	float: left;
	width: 219px;
	background-image: url(../images/bg_sidenav.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	background-color: #fff;
	padding: 25px 0 10px 0;
	}

	.sectionTitle
		{
		background-image: url(../images/bg_sectiontitle.jpg);
		background-repeat:  repeat-x;
		background-position: 0 0;
		background-color: #fff;
		font-size: 14px;
		line-height: 28px;
		color: #fff;
		background-color: #333333;
		padding: 0 0 0 20px;
		margin: 0;
		width: 219px;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 199px;
		}
		/* Begin hiding form Mac IE */
		/* \*/
		html>body div.sectionTitle
		{
		width: 199px;
		}
		/* Begin hiding form Mac IE */
	
	.sectionNav
		{
		padding: 0;
		margin: 0;
		width: 219px;
		list-style: none;
		}
 
		.sectionNav li
			{
			border-top: 1px solid #b4b6b7;
			padding: 0;
			margin: 0;
			}
 
			.sectionNav li a
				{
				display: block;
				padding: 10px 0 10px 30px;
				margin: 0;
				color: #333333;
				font-size: 13px;
				border: 0;
				background: none;
				}
 
 			.sectionNav li.active,
			.sectionNav li a:hover
				{
				background-color: #c9caca;
				}
				
		.callOut1, .callOut2, .callOut3, .callOut4
			{
			padding: 22px 0 22px 65px;
			border-bottom: 2px solid #e6e9eb;
			width: 219px;
			font-size: 11px;
			background-repeat: no-repeat;
			background-position: 10px 50%;
			background-color: #fff;	
			voice-family: "\"}\"";
			voice-family: inherit;
			width: 154px;
			}
			/* Begin hiding form Mac IE */
			/* \*/
			html>body div.callOut1, html>body div.callOut2, html>body div.callOut3, html>body div.callOut4
			{
			width: 154px;
			}
			/* Begin hiding form Mac IE */
				
		.callOut1
			{
			border-top: 2px solid #e6e9eb;
			background-image: url(../images/icon_circlei.jpg);
			}
				
		.callOut2
			{
			background-image: url(../images/icon_clipboard.jpg);
			}
				
		.callOut3
			{
			background-image: url(../images/icon_email.jpg);
			}
				
		.callOut4
			{
			background-image: url(../images/icon_phone.jpg);
			}
			
	.callOut1 .firstTitle, .callOut2 .firstTitle, .callOut3 .firstTitle, .callOut4 .firstTitle
        {
        font-size: 12px;
        color: #333;
		}
		
    .callOut1 .secondTitle, .callOut2 .secondTitle, .callOut3 .secondTitle, .callOut4 .secondTitle
        {
        font-size: 11px;
        color: #666;
		}
		
.secondary .secondContentMain
	{
	float: left;
	width: 445px;
	padding: 20px;
	text-align: justify;
	font-size: 12px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 405px;
	}
	/* Begin hiding form Mac IE */
	/* \*/
	html>body.secondary .secondContentMain
	{
	width: 405px;
	}
	/* Begin hiding form Mac IE */
	
	.secondary .secondContentMain h1
		{
		font-size: 18px;
		font-weight: normal;
		}
	
	.secondary .secondContentMain h2
		{
		font-size: 16px;
		font-weight: bold;
		}

.secondary .thirdContentMain
	{
	float: left;
	width: 285px;
	height: 560px;
	padding: 60px 0 0 0;
	background-image: url("../images/bg_thirdcontentmain.jpg");
	background-repeat: no-repeat;
	background-position: 0 60px;
	background-color: transparent;
	voice-family: inherit;
	height: 500px;
	}
	/* Begin hiding form Mac IE */
	/* \*/
	html>body.secondary .thirdContentMain
	{
	height: 500px;
	}
	/* Begin hiding form Mac IE */
	
	.secondary .thirdContentMain .casestudiesContain
		{
		padding: 3px 0 0 13px; 
		}
	
	.secondary .thirdContentMain .quoteContain
		{
		color: #707070;
		padding: 20px 40px 10px 40px;
		background-image: url("../images/quoteBegin.gif");
		background-repeat: no-repeat;
		background-position: 25px 15px;
		background-color: transparent;
		font-size: 11px;
		}
	
		.secondary .thirdContentMain .quoteContain em
			{
			font-size: 14px;
			}
		
		.secondary .thirdContentMain .quoteContain em span
			{
			font-size: 42px;
			line-height: 14px;
			}
			
		.secondary  .wide .secondContentMain
			{
			float: left;
			width: 645px;
			padding: 20px;
			font-size: 12px;
			voice-family: "\"}\"";
			voice-family: inherit;
			width: 605px;
			}
			/* Begin hiding form Mac IE */
			/* \*/
			html>body.secondary .wide .secondContentMain
			{
			width: 605px;
			}
			/* Begin hiding form Mac IE */
			
		.secondary  .wide .thirdContentMain
			{
			display: none;
			}
				
/* About Us */

	.partnerQuestions dl
		{
		margin: 0 0 20px 0;
		border-bottom: 1px dotted #cccccc;
		padding: 0 0 20px 0;
		}

	.partnerQuestions dt
		{
		margin: 0 0 5px 0;
		font-style: italic;
		}

	.partnerQuestions dd
		{
		padding: 0 0 0 5px;
		}

	.teamMember dl
		{
		margin: 0 0 10px 0;
		border-bottom: 1px dotted #cccccc;
		padding: 0 0 10px 0;
		}

		.teamMember dt
			{
			float: left;
			width: 150px;
			height: 150px;
			margin: 0 0 0 0;
			font-style: italic;
			}
	
		.teamMember dd
			{
			float: left;
			width: 250px;
			padding: 0 0 0 5px;
			margin: 0;
			}
	
		.teamMember dd h2
			{
			margin: 0;
			padding: 0; 
			}
				
/* Career Popup */


body.careerPost
	{
	background-color: #fff;
	font-size: 12px;
	color: #000;
	}

				
/* Case Studies */


body.casestudies .thirdContentMain
	{
	display: none;
	}

	body.casestudies .caseStudiesList
		{
		list-style: none;
		}
		
		body.casestudies .caseStudiesList li
			{
			margin-bottom: 10px;
			}


/* Contact */
		
	
	.contactMailingAddressCallOut
		{
		font-size: 11px;
		padding: 10px 18px 90px 18px;
		}

		.contactMailingAddressCallOut .firstTitle
	        {
	        font-size: 12px;
	        color: #333;
			}
			
	   .contactMailingAddressCallOut .secondTitle
	        {
	        font-size: 11px;
	        color: #666;
			}
	
		.contact .callOut1
			{
			border-top: 2px solid #e6e9eb;
			background-image: url(../images/icon_fax.jpg);
			}
			
		.contactForm
			{
			
			}
			
			.contactForm dl
				{ 
				 margin: 0 0 10px 0;
				 padding: 0;
				}
			
				.contactForm dl dt
					{ 
					 text-align: right;
					 float: left;
					 margin: 0 10px 0 0;
					 padding: 0;
					 width: 175px; 
					}
			
				.contactForm dl dt label.required
					{ 
					color: #ad0331;
					}
				
				.contactForm dl dd
					{ 
					 float: left;
					 margin: 0;
					 padding: 0;
					 width: 275px; 
					}
				
				.contactForm dl dd input, .contactForm dl dd textarea
					{ 
					border: 1px solid #a9a9a9
					}
					
				.contactForm dl dd textarea
					{ 
					width: 155px;
					}
				
				.contactForm dl dd textarea
					{ 
					width: 235px;
					height: 155px;
					}
				
				.contactForm .send
					{ 
					color: #fff;
					background-color: #ad0331;
					text-transform: uppercase;
					border: 0;
					padding: 5px 10px 5px 10px;
					}
			
				
/* SITEMAP */

	.sitemap, .sitemap li ul
		{
		list-style: none;
		}

	.sitemap li
		{
		margin: 10px 0 10px 0;
		}