/*      ------ (c) torndesign.com ------  */

body {
	margin: 0;
	padding: 0;
	font-family: arial, sans-serif;
	font-size: 12px;
}

/*      ------ standard fixes ------  */
img {
	border: 0;
}

td {
	vertical-align: top;
	font-size: 11px;
}

div, img, h1, h2, h3, dl, dd, dt, ul, li, form, p {
	display: block;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;	
}

span, a, b {
	background-repeat: no-repeat;
}

ul {
	list-style-type: none;
	list-style-image: none;	
}

.fir img {
	margin-left: -1px;
}

.fir {
	color: #FFFFFF;
}

abbr, span.help {
  border-bottom: 1px dashed #999999;
  cursor: help;
}

h1, h2, h3 {
	font-size: 13px;
	font-weight: normal;
}


/*      ------ links -------   */

a:link { text-decoration: underline; color: black; }
a:visited { text-decoration: underline; color: black; }
a:active { text-decoration: underline; color: black; }
a:hover { text-decoration: underline; color: #8D3030; }

/*      ------ containers -----------*/

div {
	float: left;
}

#header, #content, #intro, #footer {
	clear: both;
	width: 100%;
}

div#global {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}

/* ----------- header --------------- */

#header {
	width: 100%;
	height: 88px;
}

#access-button {
	position: absolute;
	top: 26px;
	right: 10px;
}

#branding {
	position: absolute;
	top: 30px;
	left: 30px;
	width: 148px;	
}

#contact {
	position: absolute;
	top: 26px;
	left: 550px;
	width: 189px;	
}

/*      ------ navigation: primary ------- */

#nav-primary {
	position: absolute;
	top: 60px;
	left: 412px;
	width: 400px;
}

#nav-primary ul {
	width: 100%;
	font-size: 11px;
}

#nav-primary ul li {
	float: left;
	margin-right: 25px;
	padding: 0px 0px 0px 0px;
}

#nav-primary ul li a {
	float: left;
	display: block;
	padding: 0px 0px 0px 16px;
	background-image: url("http://www.marketingsquared.co.uk/resources/graphics/background_nav_link.gif");
	background-position: 0px 3px;
}

#nav-primary ul li a:hover {
	background-image: url("http://www.marketingsquared.co.uk/resources/graphics/background_nav_hover.gif");
}

#nav-primary ul li#nav-primary-home {
	display: none;
}

/*  ------------ intro -------------------- */



/* ------------ intro headers ------------ */

body.homepage div#intro {
	width: 100%;
	height: 398px;
	background-image: url("http://www.marketingsquared.co.uk/resources/graphics/background_intro_grid.gif");
	background-repeat: repeat;
}

body.homepage div#intro div.container {
	width: 100%;	
	height: 398px;
	background-image: url("http://www.marketingsquared.co.uk/resources/graphics/background_intro_fade.gif");
	background-repeat: repeat-y;
	background-position: 754px 0px;
}

body.homepage div#intro div.container div.text {
	position: relative;
	float: none;	
	width: 754px;	
	height: 398px;
	background-image: url("http://www.marketingsquared.co.uk/resources/graphics/background_intro_homepage.jpg");
}

body.homepage div#intro h1 {
	position: absolute;
	top: 46px;
	left: 0px;
}

body.homepage div#intro div.feature {
	position: absolute;
	top: 282px;
	left: 32px;
	width: 230px;	
}

body.homepage div#intro div.feature p {
	color: #FFFFFF;
	width: 185px;
	font-size: 11px;
	padding: 0px 0px 16px 0px;	
}

/* -------------- inside background -------------- */

body.inside div#content {
	width: 100%;
	background-image: url("http://www.marketingsquared.co.uk/resources/graphics/background_green.gif");
	background-repeat: repeat;
}	

body.inside div#content div.container {
	background-image: url("http://www.marketingsquared.co.uk/resources/graphics/background_sidebar_grid.gif");
	background-repeat: repeat-y;
	width: 1000px;	
}

body.inside div#content div#sidebar div.container {
	width: auto;
}

/* ------------ nav secondary --------------- */

body.inside div#nav-secondary {
	height: 355px;
	width: 232px;
	background-image: url("http://www.marketingsquared.co.uk/resources/graphics/background_sidebar_man.jpg");
}

body.inside div#nav-secondary ul {
	margin: 34px 0px 0px 0px;
}

body.inside div#nav-secondary ul li {
	clear: both;
	height: 16px;
	padding: 0px 0px 4px 0px;
}

body.inside div#nav-secondary ul li a, body.inside div#nav-secondary ul li span {
	display: block;
	padding: 0px 0px 0px 32px;
	background-image: none;
}

body.inside div#nav-secondary ul li a:hover,  body.inside div#nav-secondary ul li.selected span, body.inside div#nav-secondary ul li.selected a {
	background-image: url("http://www.marketingsquared.co.uk/resources/graphics/background_nav_secondary_hover.gif");
}

body.inside div#nav-secondary ul li.white a {
	font-size: 11px;
	color: #FFFFFF;
}

/* -------------- form ---------------- */



/* ---------- formatting ----------- */

div#content div.text {
	width: 475px;
	float: left;
	padding: 0px 0px 50px 0px;
	margin: 30px 0px 0px 30px;
	line-height: 18px;
	font-size: 11px;
}

div#content div.text h1 {
	padding: 0px 0px 8px 0px;
}

div#content div.text p {
	clear: both;
	padding: 0px;
	margin: 0px 0px 12px 0px;
}

div#content div.text p.intro {
	font-size: 12px;
	line-heigh: 22px;
	color: #333333;
}

div#content div.text ul {
	margin: 0px 0px 15px 0px;
	line-height: 18px;	
}

div#content div.text ul ul {
	margin: 0px 0px 0px 0px;
}

div#content div.text ul li, div#content div.text p.link {

	padding-left: 20px;
	background-image: url("http://www.marketingsquared.co.uk/resources/graphics/bullet_green.gif");
	background-position: 2px 6px;	
}

body.inside div#content div.text ul li, body.inside div#content div.text p.link {
	float: none;
	width: 100%;
	clear: both;
}

div#content div.text dl dd {
	margin: 0px 0px 0px 30px;
	color: #666666;
}

div#content div.text dl dd.large {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	margin: 0px 0px 15px 0px;
}

div#content div.text h2 {
	clear: both;
	margin: 24px 0px 4px 0px;
	font-weight: bold;
	font-size: 14px;
	color: #666666;
}

div#content div.text h3 {
	margin: 4px 0px 4px 0px;
	font-size: 12px;
	color: #666666;
}

div#content div.text div.item {
	width: 385px;
}

div#content div.text div.item p.link {
	font-weight: bold;
}

/* ---------- expanding regions ------------- */

div#content p.button a {
	display: block;
	height: 18px;
	padding: 0px 0px 0px 26px;
	background-image: url("http://www.marketingsquared.co.uk/resources/graphics/button_explore.gif");
}

div#content div.panel {
	width: 475px;
}

div#content div.panel div.content {
	position: relative;
	padding: 30px 20px 10px 20px;
	background-color: #FFFFFF;
	width: 435px;
}

div#content div.panel div.control {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 20px;
	width: 50px;

}

div#content div.panel div.control a {
	display: block;
	width: 50px;
	background-image: url("http://www.marketingsquared.co.uk/resources/graphics/button_close.gif");
	background-position: top right;
}

/* ---------- intro -------------- */



/* --------- homepage ----------------- */

body.homepage div#content div.text {
	padding: 0px 0px 10px 0px;
	margin: 20px 0px 0px 20px;
}

body.homepage div#content p {
	margin: 0px 0px 6px 0px;
}

body.homepage div#content div.columns {
	width: 800px;
}

body.homepage div#content div.columns div {
	width: 230px;
	margin: 0px 20px 0px 0px;
}

/* ----------- special ------------- */

body.inside div#content div.columns {
	width: 500px;
}

body.inside div#content div.columns h2 {
	margin: 6px 0px 0px 0px;
	padding: 0px;
}

body.inside div#content div.columns div {
	width: 200px;
	margin: 0px 20px 0px 0px;
}

body.inside div#content div.columns img {
	float: left;
	margin: 0px 10px 10px 0px;
}

/* ---------- Navigation: global ---------------- */

#nav-global {
	width: 100%;
}

#nav-global ul {
	float: left;
	width: 600px;
	padding: 15px 0px 50px 0px;
}

#nav-global li {
	float: left;
	padding: 0px 20px 0px 0px;
}

#nav-global a:link, #nav-global a:visited {
	color: #666666;
}

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

#footer {
	font-size: 11px;
}

#footer div.container {
	padding: 40px 0px 0px 25px;
}

#footer-summary {
	width: 100%;
}

#footer-summary dl {
	float: left;
	width: 800px;
}

#footer-summary dl dd, #footer-summary dl dt {
	float: left;
	padding: 0px 20px 0px 0px;
	margin: 0px;
}

/* ------------ HOMEPAGE: slides ------------- */

body.homepage div#intro div.panel {
	position: absolute;
	top: 195px;
	left: 518px;
	width: 210px;
	font-size: 11px;
}

body.homepage div#intro div.panel h2 {
	padding: 0px 0px 10px 0px;
	background-image: url("http://www.marketingsquared.co.uk/resources/graphics/line_homepage_blue.gif");
	background-position: bottom left; 
}

body.homepage div#intro div.panel p {
	color: #FFFFFF;
	padding: 4px 0px 4px 0px;
	width: 205px;
}

body.homepage div#intro div.panel p b {
	color: #45A24E;
} 

#intro div.panel div.content {
	height: 130px;
	overflow: hidden;
} 
 
#intro div.panel div.content div {
	height: 130px;
} 
  
#intro div.panel div.footer {
	padding: 1px 0px 0px 0px;
	background-image: url("http://www.marketingsquared.co.uk/resources/graphics/line_homepage_blue.gif");
	width: 100%;
	height: 15px;
	margin: 0;
}

#intro div.panel ul.navigate {
	float: left;
	width: 275px;
	margin: 0;
	padding: 0px 0px 0px 0px;
	height: 15px;		
}

#intro div.panel ul.navigate li {
	float: left;
	width: 40px;
	font-size: 10px;
	color: #666666;
	margin: 0;
	padding: 0;
	background-image: none;
	text-align: center;	
}

#intro div.panel ul.navigate li.previous {
	width: 20px;
	text-align: left;
}

#intro div.panel ul.navigate li.next {
	width: 25px;
	text-align: center;
}

#intro div.panel ul.navigate li.progress {
	text-align: left;
	border-right: 1px solid #ECECEC;
}

#intro div.panel ul.navigate li.selected {
	background-color: #45A24E;
	height: 15px;
	width: 15px;
}

#intro div.panel ul.navigate li.other {
	background-color: none;
	width: 15px;	
}

#intro div.panel ul.navigate li a {
	color: #FFFFFF;
	line-height: 13px;
	margin: 0;
	padding: 0;
	text-decoration: none;	
}

#intro div.panel ul.navigate li.selected a {
	color: #FFFFFF;
}

#intro div.panel .progress img {
	display: inline;
	width: 0px;
	height: 2px;
	overflow: hidden;
	margin: 0;
	padding: 13px 0px 0px 0px;	
}

/* --------- Alert: content -------- */

body.inside div#content div#alert-content div.container {
	float: none;
	width: 500px;
	background-color: #FFFFAA;
	background-image: none;
	border: dashed 1px #CCCCCC;
	padding: 10px;
	margin: 0px 0px 20px 0px;
}

body.inside div#content div#alert-content div.container h2, body.inside div#content div#alert-content ul {
	margin: 0px;
}

body.homepage div#alert-content div.container {
	width: 420px;
}

div#alert-content div h2 {
	margin-top: 0px;
}

div#alert-content ul {
	margin-bottom: 0px;
}

/* ---------- slides: map -------------- */

div#content div#map div.panel  {
	width: 500px;
}

div#content div#map div.panel div.content {
	padding: 0px;
	background-color: none;
	height: 421px;
	width: 421px;
	overflow: hidden;
}

div#content div#map div.panel div.footer {
	width: 20px;
	margin: 0px 0px 0px 15px;
}

div#content div#map ul.navigate li {
	width: 16px;
	height: 16px;
	background-image: none;
	background-color: #45A24E;
	padding: 0px;
	margin: 0px 0px 4px 0px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

div#content div#map ul.navigate li.selected {
	background-color: #000000;
}

div#content div#map ul.navigate li a {
	color: #FFFFFF;
	text-decoration: none;
}