a:link {
	font-weight: bold; 
	color: #1e3088; 
	text-decoration: underline;
}
a:visited {
	font-weight: bold; 
	color: #1e3088; 
	text-decoration: underline;
}
a:hover {
	font-weight: bold; 
	color: #1e3088; 
	text-decoration: underline
}
a:active {
	font-weight: bold; 
	color: #1e3088; 
	text-decoration: underline;
}
body,
html {
	margin:0;
	padding:0;
	background: #f1f1f1;
	color:#000;
	height: 101%;
	}
img { behavior: url(style/iepngfix.htc); }	
body {
	font-size: 90%; 
	font-family: Trebuchet, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	min-width:650px;
	}
/* ======================================================================================= */			

#main-wrap {
	width: 800px;
	margin:0 auto;
}

#header-wrap {
	border: 1px solid #999999;
	border-top: none;
	border-bottom: 0;
	width: 100%;
	background: url(../images/banner-bg4.gif) repeat-x #ffffff;
}

#ice-cube {  
	position: absolute;
	z-index: 200;
	margin: 30px 20px 20px 31px;
	height: 100px;
}
#flash {
	margin-left: 260px;
	margin-right: 50px;
	margin-top: 5px;
	float: right;
}
#logo {
	margin: 12px 5px 12px 10px;
	text-align: right;
	float: right;
	border: 5px solid #bbbbbb;
}
#word-wrapper {
	position: absolute;
	z-index: 200;
	margin: 5px 0px 0px 300px;
	color: #999999;
	font-size: 170%;
	line-height: 22px;
}
#word-1 {
	padding-left: 0px;
	}
#word-2 {
	padding-left: 95px;
	}
#word-3 {
	padding-left: 50px;
	}

/* ======================================================================================= */			

#nav-wrap {
	background: url(../images/bar.gif) repeat-x;
	padding-right: 10px;
	clear: both;
	text-align: right;
	vertical-align:middle;
	height: 25px;
}
.horizontal-nav:link		{text-decoration: underline; color: #ffffff; font-size: 80%; font-weight: normal; }
.horizontal-nav:visited		{text-decoration: underline; color: #ffffff; font-size: 80%; font-weight: normal;  }
.horizontal-nav:hover		{text-decoration: none; 	 color: #eeeeee; font-size: 80%; font-weight: normal;  }			

/* ======================================================================================= */		
#body-wrap {
	background:#ffffff;
	border: 1px solid #999999;
	border-top: 0px;
	margin:0 auto;
	padding: 15px;
	width: 800px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 770px;
	}
	html>body #body-wrap {
	width: 770px;
	}
	
#sidebar {
	display: inline;
	float:left;
	text-align:left;
	font-size: 70%;
	margin: 0 0 15px 19px;
	padding-top: 80px;
	padding-bottom: 15px;
	background: #e9efdf;
	background: url(../images/nav-bg6.gif) repeat-x bottom left #7EBA26;
	width: 153px;
	border: 1px solid #999999;
	border-top: 0;
	}

UL {
	margin: 0px;
	padding: 0px;
}
LI {
	margin: 0px;
	padding: 0px;
}
	
/* ============================== MAIN PAGE LAYOUT ======================================== */		

#main {
	background:#ffffff;
	float:right;
	width:568px;
	margin: 0px 0px 0px 0px;
	font-size: 80%;
	text-align:left;
}
#main h2 { 
	padding: 2px 0px 5px 0px;
	margin-bottom: 5px;
	font-size: 130%;
	border-bottom: 1px solid #999999;
}	
#main h3 {
	padding: 8px 0px;
	margin: 0px;
}	
#main h4 {
	padding: 8px 0px;
	margin: 0px;
	font-size: 100%;
}	
#main p {
	padding: 7px 0px;
	margin: 0px;
}
/* ======================================================================================= */		
#center-box {
	margin: 0px 0px 50px 60px;
	text-align: center;
	background: #dad9ea;
	}
#center-content {
	float: left;
	width: 200px;
	margin: 0px 0px 10px 0px;
	padding: 5px 10px;
	background: #dad9ea;
	}
#center-content h4 {
	font-size: 110%;
	color: #1e3088;
	margin: 5px 0px 0px 15px;
	}
#center-content p {
	font-size: 90%;
	color: #666666;
	}	
/* ======================================================================================= */		
#picture-box {
	clear: both;
	text-align: center;
	width:570px;
	}
#left-picture {
	float: left;
	width: 250px;
	margin: 0px 0px 10px 0px;
	padding: 5px 10px;
	}
#right-picture {
	float: left;
	width: 200px;
	margin: 0px 0px 10px 0px;
	padding: 5px 10px;
	}
	
/* ============================= PAGE LAYOUT 1 =================================== */

.layout1-picture-box {
	width: 400px;
	padding: 10px 0px;
	margin: 8px auto;
	border: 1px solid #C8CDD2;
	background: url(../images/bg2.gif) repeat-x top left;
	}
.layout1-picture-box dl {
	float: left;
	width: 385px;
	margin: 0px 15px;
	padding: 0px;
	display: inline; /* fixes IE/Win double margin bug */
	}
.layout1-picture-box dt {
	float: right;
	width: 240px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 130%;
	letter-spacing: 1px;
	color: #627081;
	}
.layout1-picture-box dd {
	margin: 0px 0px 0px 146px;
	padding: 0px 0px 0px 0px;
	line-height: 1.5em;
	color: #666;
	}
.layout1-picture-box dl dd.img {
	margin: 0px;
	}
.layout1-picture-box dd.img img {
	float: left;
	margin: 0px 7px 0px 0px;
	padding: 4px;
	border: 1px solid #D9E0E6;
	border-bottom-color: #C8CDD2;
	border-right-color: #C8CDD2;
	background: #fff;
	}
	
/* reverse float */

.layout1-picture-box .alt dt {
	float: left;
	width: 230px;
	}
.layout1-picture-box .alt dd {
	margin: 0px 155px 0px 1px;
	}
.layout1-picture-box .alt dd.img img {
	float: right;
	margin: 0px 10px 0px 8px;
	display: inline;
	}								
		
/* ============================= PAGE LAYOUT 2 =================================== */

#main-left-column	{
	float: left;
	width: 390px;
	xbackground: #ff0000;
	}

#main-right-column	{
	float: right;
	width: 157px;
	background: #f1f1f1;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	padding: 10px 0px 0px 0px;
	margin-bottom: 12px;
	}
#main-right-column-no-decoration	{
	float: right;
	width: 157px;
	padding: 10px 0px 0px 0px;
	margin-bottom: 12px;
	}
#main-right-column-no-decoration img {
	margin: 0px 7px 0px 0px;
	padding: 6px;
	border: 1px solid #D9E0E6;
	border-bottom-color: #C8CDD2;
	border-right-color: #C8CDD2;
	background: #f1f1f1;
	}	

.side-picture-box {
	width: 150px;
	padding: 0px 0px;
	margin: 0px auto;
	}
.side-picture-box dl {
	width: 150px;
	display: inline; /* fixes IE/Win double margin bug */
	}
.side-picture-box dd {
	margin: 0px 13px;
	line-height: 1.5em;
	color: #666;
	}
.side-picture-box dl dd.img {
	margin: 0px 0px 0px 11px;
	}
.side-picture-box dd.img img {
	padding: 4px;
	border: 1px solid #D9E0E6;
	border-bottom-color: #C8CDD2;
	border-right-color: #C8CDD2;
	background: #fff;
	}	
		
/* ============================= PAGE LAYOUT 3 =================================== */
.layout3-container {
	width: 560px;
	background: #ffff00;
	margin: 0px 0px 10px 0px;
	border: 1px solid #dddddd;
	background: #eeeeee;
	}
.layout3-picture-box {
	float: left;
	padding: 5px 5px;
	width: 235px;
	margin: 5px 0px 5px 24px;
	display: inline;
	}

.layout3-picture-box dl {
	float: left;
	width: 240px;
	margin: 0px;
	padding: 0px;
	display: inline; /* fixes IE/Win double margin bug */
	}
.layout3-picture-box dd {
	margin: 0px 8px 0px 8px;
	padding: 0px 0px 0px 0px;
	line-height: 1.5em;
	color: #666;
	text-align: center;
	}
.layout3-picture-box dl dd.img {
	margin: 0px;
	}
.layout3-picture-box dd.img img {
	margin: 0px 7px 0px 0px;
	padding: 4px;
	border: 1px solid #D9E0E6;
	border-bottom-color: #C8CDD2;
	border-right-color: #C8CDD2;
	background: #fff;
	}


/* ============================= CLIENTS PAGE =================================== */

.individual-client {
	width: 525px;
	padding: 10px 0px;
	margin: 10px 0px 25px 0px;
	border: 1px solid #C8CDD2;
	background: url(../images/bg2.gif) repeat-x top left;
	}
.individual-client dl {
	float: left;
	width: 490px;
	margin: 0px 15px;
	padding: 0px;
	display: inline; /* fixes IE/Win double margin bug */
	}
.individual-client dt {
	float: right;
	width: 344px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 130%;
	letter-spacing: 1px;
	color: #627081;
	}
.individual-client dd {
	margin: 0px 0px 0px 146px;
	padding: 0px 0px 0px 0px;
	line-height: 1.5em;
	color: #666;
	}

.individual-client dl dd.img {
	margin: 0px;
	}
.individual-client dl dd.sound-clip {
	margin: 8px 0px 0px 146px;
	background: url(../images/sound-clip.gif) no-repeat top left;
	height: 15px;
	width: 110px;
	}	
.individual-client dl dd.contact-details-button {
	margin: 8px 0px 0px 146px;
	background: url(../images/contact-details-button.gif) no-repeat top left;
	height: 15px;
	width: 110px;
	}		
.individual-client dd.img img {
	float: left;
	margin: 0px 7px 0px 0px;
	padding: 4px;
	border: 1px solid #D9E0E6;
	border-bottom-color: #C8CDD2;
	border-right-color: #C8CDD2;
	background: #fff;
	}

/* ========================================= CONTACT PAGE ============================================== */	
#contact-form {
	width: 100%;
	}
.contact-form {
	width: 100%;
	color: #666666;
	text-align: left;
	line-height: 18px;
	vertical-align: top;
	background-color: #F8F8F8;
	border: 1px solid #cccccc;
}
.contact-form td {
	font: bold;
	padding: 8px 0px 5px 10px; 
}	
.text-input {
	background: #fff url(../images/text-input.gif);
	border: 1px solid #666666;
	font-size: 90%;
	padding: 1px 0px 1px 4px; 
	margin-top: -3px;
	color: #666666;
}
.drop-down-menu {
	width: 190px;
}
.text-area {
	background: #fff url(../images/text-input.gif);
	border: 1px solid #666666;
	padding: 3px 3px 0px 3px; 
	margin: 0;
	vertical-align:middle;
	color: #666666;
	font-family: Trebuchet, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 105%;
}
.button-grey	{
	font-size: 80%; 
	border: 1px solid #333333; 
	background: #EEEEEE; 
	color: #666666;
	margin-top: 5px;
	}
/* ============================== MEDIA PAGE ================================================== */	

#media-latest-releases {
	width: 560px;
	background: #ffff00;
	margin: 0px 0px 10px 0px;
	border: 1px solid #dddddd;
	background: #eeeeee;
	}
.general-table {
	border: 0px;
	margin-bottom: 15px;
	width: 100%;
	}
	.general-table th {
		padding: 2px 2px 2px 10px;
		background: #f4f7ef url(../images/media-bg-fade.gif) repeat-x;
		border: 1px solid #dddddd;
		color: #333333;
		height: 18px;
		}
	.general-table td {
		vertical-align: top;
		padding: 3px 10px 3px 10px;
		background: #eeeeee;
		border-bottom: 1px solid #999999;
		}	
	.general-table td.pdf {
		background: url(../images/pdf.gif)  10px 20% no-repeat;
		padding-left: 35px;
		}
	.general-table td img {
		border: 3px solid #cccccc;
		margin-left: 5px;
		
		}		

/* ======================================================================================= */	
#footer {
	background:#3b2b7d;
	clear:both;
	text-align: center;
	height: 1%;
	letter-spacing: 1px;
	margin-top: 10px;
}
#footer p {
	margin:0;
	font-size: 75%;
	color: #ffffff;
}	
/* Hide from IE5/MAC \*/
#footer {height: 1%; }
/* End hide from IE5/MAC */

/* Hide from IE5/MAC \*/
*html #footer {height: 1%; }
/* End hide from IE5/MAC */
/* =========================== VARIOUS HYPERLINK PROPERIES =============================== */		

.just-underline:link	{text-decoration: underline; color: #333333; font-weight: normal;}
.just-underline:visited	{text-decoration: underline; color: #333333; font-weight: normal; }
.just-underline:hover	{text-decoration: none; font-weight: normal; }		

/* ======================================================================================= */		


/**************************************************************************************/				
			
			
.job-application ul {
	list-style-type: none;
}
.job-application li {
	background: url(../images/green-bullet-with-padding.gif) no-repeat;
	list-style-type: none;
	padding: 0px 0px 5px 25px;
}
.job-application li.no-arrow {
	background: /* leave blank to remove green arrow */ url() ;
}

.job-application-table {
	margin: 5px 0px 5px 0px;
	width: 80%;
	}
	.job-application-table td {
		vertical-align: top;
		padding: 3px 10px 3px 0px;
		}
		
.client-details ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.client-details li {
	background: url(../images/green-bullet.gif) no-repeat;
	list-style-type: none;
	padding: 3px 0px 5px 12px;
}

.csr-links ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.csr-links li {
	background: url(../images/green-bullet-with-padding.gif) no-repeat;
	list-style-type: none;
	padding: 3px 0px 5px 25px;
}
/**************************************************************************************/				

.body-bulleted-list ul {
	list-style-type: none;
}
.body-bulleted-list li {
	background: url(../images/green-bullet-with-padding.gif) no-repeat;
	list-style-type: none;
	padding: 3px 0px 5px 25px;

}	

/**************************************************************************************/		

.body-bulleted-list-blue ul {
	list-style-type: none;
}
.body-bulleted-list-blue li {
	background: url(../images/blue-bullet.gif) no-repeat;
	list-style-type: none;
	padding: 2px 0px 3px 25px;

}	

/**************************************************************************************/			

#case-study {
	background: #ffffff url(../images/long-green-fade.jpg) repeat-x;
	border: 4px solid #dddddd;
	width: 90%;
	padding: 15px;
	margin-top: 10px;
	}
#picture {
	border: 2px solid #999999;
	float: left;
	}
#case-study-text {
	margin-left: 100px;
	}	
#case-study-text h4 {
	background: #ffffff;
	line-height: 20px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 0;
	margin: 0;
	}

/* ======================================================================================= */		
#blue-box {
	width: 95%;
	height: 145px;
	background-color: #e7f0f7;
	padding: 0px;
	padding-left: 12px;
	margin: 5px 0px 5px 0px;
	border: 1px solid #dddddd;
	}
.blue-column {
	float: left;
	width: 145px;
	height: 110px;
	margin: 5px 5px 0px 5px;
	padding: 8px;
	background: #F6FAFD;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	}
.blue-column h3 {
	font-size: 120%;
	color: #1e3088;
	margin-left: 10px;
	padding-left: 10px;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	background: #ffffff;
	line-height: 5px;
	}
.blue-column p {
	font-size: 95%;
	color: #666666;
	margin: 0;
	padding: 0;
	}	
.blue-column-link:link		{text-decoration: underline; color: #333333; }
.blue-column-link:visited	{text-decoration: underline; color: #333333; }
.blue-column-link:hover		{text-decoration: none; color: #999999; }			
/* ======================================================================================= */		
#index-box {
	width: 100%;
	padding: 0px;
	margin: 0px 0px 5px 5px;
	}
.index-column {
	float: left;
	width: 145px;
	margin: 5px 5px 0px 5px;
	padding: 10px;
/*	background: #e7f0f7; */
	background: url(../images/index-columns-bg.gif) repeat-x top left;
	border: 1px solid #777777;
	}
.index-column h3 {
	font-size: 120%;
	color: #777777;
/*	border-bottom: 1px solid #ffffff;
	background: #F6FAFD; */
	line-height: 5px;
	color: #1e3088;
	margin: -5px;
	padding: 0;
	}
.index-column p {
	font-size: 95%;
	color: #666666;
	margin: 0;
	padding: 0;
	}				
/* ======================================================================================= */		

#map {
	float: right;
	border: 1px solid #bbbbbb;
	margin: 40px 0px 20px 20px;
	padding: 5px;
	padding-right: 5px;
	background: #eeeeee;
	}
#map h6 {
	background: #ffffff;
	line-height: 20px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 100%;
	}	
#map p {	
	background: url(../images/pdf.gif)  3px 20% no-repeat;
	padding-left: 27px;
	}
	
.small-hyperlink:link		{font-size: 90%; text-decoration: underline; color: #333333; }
.small-hyperlink:visited	{font-size: 90%; text-decoration: underline; color: #333333; }
.small-hyperlink:hover		{font-size: 90%; text-decoration: none; color: #999999; }	
/* ======================================================================================= */			
#company-details {
	margin-top: 7px;
	text-align: center;
	color: #999999;
	font-size: 80%;
	letter-spacing: 1px;
	}
#index-logos {
	margin: 10px auto;
	float: right;
	width: 380px;
	}
#index-logos img {
	margin: 0 20px; 
	}
.hr-style {
	color:#bbbbbb;
	height:1px;
}
/* ======================================================================================= */			
#left-column {
	float: left;
	width: 80%;
	}
#right-column {
	float:right ;
	width: 15%;
	margin-right: 10px;
	}