/* ---------------------------------------------
	global styles
--------------------------------------------- */

/* These styles are used across all of the 960 microsite templates
   with specific styling in a separate stylesheet */

body {
	font: 100% Arial, Helvetica, sans-serif;
	margin: 0;
}

#main-banner-inner, #content-inner, #footer-inner {
	width: 940px;
	margin: 0 auto;
}

#header-wrapper,
#main-banner-wrapper,
#content-wrapper,
#footer-wrapper
{
	min-width: 960px;	
}

#footer-wrapper 
{
	overflow: auto;
}

#header-inner { /* Slightly wider to try and bring logo into the grid */
	height: 135px;
	width: 960px;
	margin: 0 auto;
}
	
#main-banner-inner {
	height: 125px;
	overflow: hidden;
}

#content-wrapper {min-height: 370px;}

a:link {text-decoration: none;}
a:hover {text-decoration: underline;}
.clear {clear: both;}

/* ---------------------------------------------
	logo & branding 
--------------------------------------------- */

#logo h1 {text-indent: -9999px;}

#logo h1 a {
	float: left;
	height: 135px;
	width : 220px;
}

/* ---------------------------------------------
	navigation
--------------------------------------------- */

#navigation ul {font-size: 12px;}
#navigation li {line-height: 15px;}

/* ---------------------------------------------
	typography
--------------------------------------------- */

#main-content {font-size: 12px; line-height: 18px;}
#main-content h2 {font-size: 25px;}
#main-content h3 {font-size: 18px;}
#main-content h4 {font-size: 16px;}
#footer-wrapper {font-size: 12px;}


/* ---------------------------------------------
	footer area
--------------------------------------------- */

#footer-wrapper {
	font-size: 12px;
	clear: both;
	padding: 18px 0 18px 0;
	line-height: 18px;
}

#footer-col-1, #footer-col-2, #footer-col-3, #footer-col-4 {
	width: 218px;
	float: left;
	height: 100px;
}

#footer-col-1, #footer-col-2, #footer-col-3, #footer-col-4 {
	padding-left: 15px;
}

#footer-wrapper h5.address-spacing {margin-top: 5px;}
#footer-wrapper li {margin-bottom: 2px;}
#footer-wrapper a {padding-bottom: 2px;}


/* ---------------------------------------------
	footer area
--------------------------------------------- */

/* Trys to avoid any unecessary spacing on images added by CQ in the banner area */
#main-banner-inner .tiImageRight, #main-banner-inner .tiImageLeft { 
	margin: 0;
	padding: 0;
}

/* This is required for the js pop-up image */
#showimage { 
	position:absolute;
	visibility:hidden;
	border: 1px solid #000;
	cursor: hand;
	cursor: pointer;
}

#dragbar {
	cursor: hand;
	cursor: pointer;
	min-width: 100px;
}

#dragbar a {color: #fff;}

.tiImageLeft {
	float: left;
	margin: 10px 20px 10px 0;
}

.tiImageRight {
	float: right;
	margin: 10px 0 10px 20px;
}