/* 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: 16px;

				left: 28px;

				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_eccomercedistribut.jpg);

					border-right: 1px dotted #c9c9c9;

					}

					

				

					.firstContentBottom h2

						{

						background-image: url(../images/title_callOut1.gif);

						}

					

				.secondContentBottom

					{

					background-image: url(../images/icon_multichandistribut.jpg);

					border-right: 1px dotted #c9c9c9;

					}

					

				

					.secondContentBottom h2

						{

						background-image: url(../images/title_callOut2.gif);

						}

					

				.thirdContentBottom

					{

					background-image: url(../images/icon_customendtoend.jpg);

					}

					

				

					.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: 221px;

			left: 702px;

			}

			

		#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;

		}