/*  
Theme Name: mediaburst 2010
Theme URI: http://mediaburst.co.uk/
Description: The best flippping mobile supplier website in all internetland
Version: 1.1
Tags: white, two-columns, fixed-width
Author: Phil Thompson (designed by StiffRowlands)
Author URI: http://philthompson.co.uk/ http://stiffrowlands.com/


	Table of Contents
	
	
	1 CSS resets
		1.1 HTML5 elements
		
	2 HTML tags
	
		
	3 Common classes
		3.1 Generic
		3.2 WordPress required classes
		
	4 Layout
	
		
	5 Page/template specific styles
		5.1 Homepage
		5.2 Products 
			5.2.1 Product overview
			5.2.2 Product sign-up
			5.2.3 Product price page
			5.2.4 Product instructions
			5.2.5 Product tour
			5.2.6 Product colour schemes
				5.2.6.1 Textburst
				5.2.6.2 OMS
				5.2.6.3 Email to SMS
		5.3 Services
		5.4 Customers
			5.4.1 Customers landing page
			5.4.2 Case study
		5.5 Blog
		5.6	About
		5.7 Security/One-off pages
		5.8 API
			5.8.1 API Landing page
			5.8.2 API COntent pages
			5.8.3 API Product showcases
			5.8.4 API products showcase
		5.9 404
		5.10 Search
		
	6 Mobile (just provides a link to Mobile site)
		
*/



/**
 *	1 CSS resets 
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/**
 *	1.1 HTML elements 
 */
aside, 
footer, 
header, 
nav, 
section{
	display: block;
}


/**
 *	2 HTML tags 
 */
body{
	background:#FFF;
	color: #333;
	font: 14px/1.4 "Helvetica Neue", Arial, Helvetica, sans-serif;
	width: 100%;
}

a{
	color: #903;
	text-decoration: underline;
}

	a:visited{
		color: #602;
	}
	
	a:hover,
	a:focus{
		color: #C03;
		text-decoration: none;
	}
	
	a:active{
		color: #C03;
		outline: none;
	}
	
h1, h2, h3, h4, h5, h6{
	font-size: 28px;
	font-weight: normal;
	padding: 0 0 10px;
}

h1{
	font-size: 42px;
}

h2{
	font-size: 28px;
}

h3{
	font-size: 28px;
}

h4, h5, h6{
	font-size: 14px;
	padding-top: 1em;
}

p{
	padding: 0 0 10px;	
}

ul, ol, dl{
	padding: 10px 0;
}

li{
	margin: 0 0 .5em 2em;
}

dt{
	font-weight: bold;
}

dd{
	padding-bottom: 1em;
}

div.hr,
hr{
	background: transparent url(images/squares-white.gif) 0 0 repeat;
	border: 0;
	clear: both;
	color: #E8E8E8;
	height: 3px;
	margin: 30px 0;
}

div.hr hr{
	display: none; /* sorry mum :( */
}

abbr{
	border-bottom: 1px dotted #999;
}

blockquote p{
	font-family: Georgia;
}

code, kbd, tt, samp, tt{
	font-family:  Monaco, "Lucida Console", Courier, "Courier New", monospace;
}

form{
	
}

	form input,
	form select,
	form textarea, 
	form button{
		font-family: Arial, Helvetica, sans-serif;
	}

table{
	border-collapse: collapse;
	border-spacing: 0;
}

/**
 *	3 Common classes 
 */


.off-screen{
	left: -9999999px;
	position: absolute;
	top: -999999px;
}

.column{
	float: left;
	width: 50%;
}

.inner{
	margin: 0 auto;
	width: 940px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}


/* Images */

img.left{
	float: left;
	margin: 5px 10px 10px 0;
}

img.right{
	float: right;
	margin: 5px 0 10px 10px;
}

img.centre,
img.center{
	display: block;
	margin: 10px auto;
}

.curve{
	border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.curve-top{
	border-radius: 10px 10px 0 0;
	-khtml-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
}

.curve-light{
	border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.clear{
	clear: both;
}


	
table.default,
.entry table{
	margin: 0 0 40px;
	width: 100%;
}

	table.default caption,
	.entry table caption{
		font-size: 20px;
		padding: 0 0 10px;
		text-align: left;
	}

	table.default thead th,
	.entry table thead th{
	 	border-bottom: 1px dotted #666;
	 	font-weight: bold;
	 	padding: 7px 10px;
	 	text-align: left;
	 	white-space: nowrap;
	}
	 
	table.default tbody th,
	table.default td,
	.entry table tbody th,
	.entry table td{
	 	border-bottom: 1px dotted #666;
	 	padding: 7px 10px;
	 	text-align: left;
	}
	
	table.default tr:hover td,
	.entry table tr:hover td{
		background: #F2F2F2;
		border-color: #000;
	}
	
span.number{	
	color:#c03;
	font-size: 32px;
	text-shadow:1px 1px 0 rgba(0,0,0,0.1);
	vertical-align: top;
} 

.clickable{
	cursor: pointer;
}

/* youtube videos */
.entry p span.youtube{
	background: #EEE url(images/squares-grey-light.gif) repeat scroll 0 0;
	border-radius: 10px;
	display: block;
	margin: 20px 0;
	padding: 20px 0;
	text-align: center;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

/**
 *	3.2 WordPress required classes
 *		WP needs these classes
 */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin: 0 15px 20px 0;
}

.alignright {
   float: right;
   margin: 0 0 20px 15px;
}

img.aligncenter,
img.alignleft,
img.alignright{
	background: #FFF;
	border: 1px solid #DDD;
	border-color: #DDD #BBB #BBB #DDD;
	padding: 5px;
}

img.aligncenter{
	margin: 30px auto;
}

.wp-caption{
	margin: 30px auto;
   	text-align: center;	
}

.wp-caption a{
  	background: #FFF;
	border: 1px solid #DDD;
	border-color: #DDD #BBB #BBB #DDD;
	display: block;
	padding: 5px;
}

.wp-caption img {
	display: block;
   	float: none !important;
   	margin: 0 auto !important;
   	border: none;
}

.wp-caption p.wp-caption-text {
   	padding: 5px 5px 0;
   	margin: 0;
}


.column-one .syntaxhighlighter{
	margin: 0 0 2em !important;
}


.column-one div[class="syntaxhighlighter"]{
	max-width: 970px;
	overflow-x: auto;
	overflow-y: visible;
}

.ddsg-pagenav{
	background: transparent url(images/squares-white.gif) 0 0 repeat-x;
	color: #666;
}

	.ddsg-pagenav p{
		background: transparent url(images/squares-white.gif) 0 bottom repeat-x;
		font-size: 16px;
		padding: 15px 0;
		text-align: center;
	}
	
	.ddsg-pagenav p a{
		padding: 0 .25em;
	}
	
.wp-pagenavi{
	clear: both;
	color: #666;
	font-size: 16px;
	text-align: center;
}

	.wp-pagenavi a,
	.wp-pagenavi a:link{
		padding: 0 .25em;
	}
	
	.wp-pagenavi span.current {
		background: #C03;
		color: #FFF;
		font-weight: bold;
		margin: 0 .25em;
		padding: 0 .25em;
	}
	
/* Source code examples */
pre.sourcecode{
	background: transparent;
	overflow: auto;
	overflow-x: auto;
	overflow-y: visible;
	margin: 0;
	padding: 20px 0;
	width: 520px;
}

pre.sourcecode ol{
	
}

pre.sourcecode ol li{
	background: #EEE;
	background: rgba(238, 238, 238, 1);
	border-bottom: 2px solid #FFF;
	color: #000;
	display: block;
	list-style: none;
	margin: 0;
	padding: 2px 10px;
}

	pre.sourcecode ol li:hover{
		background: #F5F5F5;
		background: rgba(238, 238, 238, 0.8);
	}

	pre.sourcecode ol li code{
		display: block;
		font-size: 12px;
	}
	
.hidden-sourcecode{
	height: 1px;
	overflow: hidden;
	width: 1px;
}

.sourcecode-options{
	font-size: 12px;
	margin: 0 0 -35px;
	text-align: right;
}

/* WordPress class tags */
.categories{}
.cat-item{}
.current-cat{}
.current-cat-parent{}
.pagenav{}
.page_item{}
.current_page_item{}
.current_page_parent{}
.widget{}
.widget_text{}
.blogroll{}
.linkcat{}


/**
 *	4 Layout 
 */

#Container{
	background: #999 url('images/squares-grey.gif') 0 0 repeat;
	float: left;
	width: 100%;
}

#Header{
	background: #E5E5E5 url('images/squares-white.gif') 0 0 repeat;
	float: left;	
	padding: 0 0 20px;
	width: 100%;
}

#Branding{
	background: transparent url('images/logo.png') 0 bottom no-repeat;
	float: left;
	height: 39px;
	margin: 15px 0 0;
	text-indent: -99999px;
	width: 174px;
}

	#Branding a{
		display: block;
		float: left;
		height: 100%;
		overflow: hidden;
		width: 100%;
	}

#Menu{
	float: right;
	padding: 0 0 10px;
}

	#Menu li{
		float: left;
		font-size: 14px;
		list-style: none;
		margin: 0 1px;
		text-align: center;
	}
	
		#Menu li a{
			background: rgb(204, 204, 204);
			background: rgba(204, 204, 204, 0.7);
			border-radius: 0 0 10px 10px;
			color: #666;
			float: left;
			font-weight: bold;
			display: block;
			min-width: 50px;
			padding: 25px 10px 10px;
			text-decoration: none;
			text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);
			-khtml-border-radius: 0 0 10px 10px;
			-moz-border-radius: 0 0 10px 10px;
			-webkit-border-bottom-left-radius: 10px;
			-webkit-border-bottom-right-radius: 10px;
		}
		
		#Menu li.current_page_item a,
		#Menu li.current_page_item a:hover,
		#Menu li.current_page_parent a,
		#Menu li.current_page_parent a:hover,
		#Menu li.current_page_ancestor a,
		#Menu li.current_page_ancestor a:hover{
			background: #C03 url('images/squares-red-dark.gif') 0 0 repeat;
			color: #FFF;
			text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
		}
		
		#Menu li a:hover{
			background: rgb(191, 191, 191);
			background: rgba(191, 191, 191, 0.7);
			color: #FFF;
			text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
		}
		
		#Menu li#LoginLink a{
	 	 	background: #999 url('images/login-button.jpg') 0 0 repeat-x;
	 	 	border: 1px solid #999;
	 	 	border-radius: 5px;
	 	 	color: #000;
	 	 	font-weight: normal;
	 	 	margin: 21px 0 0 10px;
	 	 	min-width: 0;
	 	 	padding: 4px 10px 7px;
	 	 	text-shadow: 1px 1px 0 rgba(255,255, 255, 0.5);
	 	 	-khtml-border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
	 	 }
	 	 
	 	 	#Menu li#LoginLink a:hover{
	 	 		color: #FFF;
	 	 		text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
	 	 	}

#Content{
	background: #FFF;
	clear: both;
	float: left;
	padding: 30px 0;	
	width: 100%;
}

	#ContentSecondary{
		background: #FFF;
		clear: both;
		float: left;	
		width: 100%;
	}

	div#Content .column-one,
	div#ContentSecondary .column-one{
		width: 380px;
	}
	
	div#Content .column-two,
	div#ContentSecondary .column-two{
		float: right;
		width: 520px;
	}
	
	#Content .section h2,
	#ContentSecondary .section h2{
		font-size: 28px;
		font-weight: normal;
	}
	
		#Content .section h2 a,
		#ContentSecondary .section h2 a{
			color: #333;
		}

#PreFooter{
	background: #E5E5E5 url('images/squares-white.gif') 0 0 repeat;
	clear: both;
	float: left;
	height: 90px;
	overflow: hidden;
	width: 100%;
}

	#PreFooter a{
		background: transparent url('images/background-back-to-top.png') right top repeat;
		display: block;
		float: right;
		height: 65px;
		margin: 30px 0 0;
		text-indent: -99999px;
		width: 115px;
	}
	
	/* CSS3 (webkit only) */
	#PreFooter a:hover{
		-webkit-transform : translate(0,-5px);
		-webkit-transition : all .5s ease-in-out;  
	}


#Footer{
	background: #999 url('images/squares-grey.gif') 0 0 repeat;
	color: #FFF;
	clear: both;
	float: left;	
	padding: 0 0 20px;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
	width: 100%;
}

	#Footer .column-one{
		width: 380px;
	}
	
	#Footer .column-two{
		float: right;
		width: 520px;
	}
	
	#Footer a{
		color: #FFF;
	}
	
	#Footer h2{
		padding-top: 20px;
	}
	
	#Footer .column .vcard div{
		margin: 0 0 1em;
	}
	
	#Footer .column ul{
		
	}
	
		#Footer .column ul li{
			display: inline;
			margin: 0;
			padding-right: .5em;
		}
	
			#Footer .column ul li.current_page_item a,
			#Footer .column ul li.current_page_parent a,
			#Footer .column ul li.current_page_ancestor a{
				text-decoration: none;
			}
	

/**
 *	5 Page/template specific styles 
 */

	/**
 	 *	5.1 Home page 
 	 */
	
	
	#SalesPitch{
		background: transparent url('images/red-birds-speech.gif') 0 bottom no-repeat;
		padding: 0 0 129px;
		width: 100%;
	}
	
		#SalesPitchInner{
			background: #C03 url('images/squares-red-dark.gif') 0 0 repeat;
			color: #FFF;
			text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
		}
	
		#SalesPitch a{
			color: #FFF;
		}
		
		#SalesPitch h1{
			letter-spacing: -2px;
			padding: 20px;
			line-height: 1.1;
		}
		
		#SalesPitch h2{
			font-size: 24px;
			font-weight: normal;
			line-height: 1.08;
			padding: 0 20px 25px;
		}
		
		#SalesPitch p{
			padding: 0 20px 20px;
		}
		
		#SalesPitch ul{
			padding: 0 20px 20px;
		}
		
		#SalesPitch li{
			font-size: 16px;
			margin-left: 15px;
		}
		
	#OurClients{
		
	}
	
		#OurClients #ClientQuote{
			background: transparent;
		}
	
		#OurClients h2{
			color: #C03;
			font-size: 38px;
			letter-spacing: -2px;
		}
		
		#OurClients #ClientQuote blockquote {
			font-size: 14px;
			line-height: 1.3;
			min-height: 130px;
		}
		
			#OurClients #ClientQuote blockquote p{
				background: #FBC url(images/squares-pink.gif) 0 0 repeat;
				color: #333;
				font-size: 24px;
				font-style: italic;
				padding: 15px 20px;
				text-align: center;
				text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);
			}
			
			#OurClients #ClientQuote blockquote cite{
				background: transparent url(images/quote-pink.gif) 50px 0 no-repeat;
				color: #999;
				display: block;
				font-style: normal;
				padding: 22px 0;
			}
			
			
	#Security h2{
		background: transparent url('images/grey-icons.gif') right -10px no-repeat;
		padding-right: 30px;
	}
	
	#API h2{
		background: transparent url('images/grey-icons.gif') right -89px no-repeat;
		padding-right: 30px;
	}
	
	#TenThings{
		background: #FFF url('images/squares-grey-light.gif') 0 0 repeat;
		color: #333;
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	}
	
		#TenThings h2{
			padding: 15px 20px 0;
		}
		
			#Content #TenThings h2 a{
				text-decoration: none;
			}
		
		#TenThings p{
			font-size: 16px;
			padding: 10px 20px 20px;
		}
		
		#Content #TenThings a{
			
		}
		
		
		
		
	#Products{
		padding: 0 0 0 10px;
	}	
	
		#Products li{
			background: transparent url('images/home-icons.gif') 0 bottom no-repeat;
			list-style: none;
			margin: 0 0 30px;
			min-height: 141px;
			padding: 0 0 0 141px;
			text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
		}
		
			#Products li div{
				color: #FFF;
				float: left;
				height: 141px;
				width: 369px;
			}
			
			#Products li a{
				color: #FFF;
				display: block;
				text-decoration: none;
			}
			
			#Products li h2{
				font-size: 28px;
				font-weight: normal;
				letter-spacing: -1px;
				padding: 5px 20px 5px;
				text-decoration: underline;
			}
			
				#Products li a:hover h2{
					text-decoration: none;
				}
				
				
				
			
			#Products li p{
				font-size: 16px;
				line-height: 1.3;
				padding: 0 20px;
			}
			
			#Products li p.product-name{
				float: right;
				font-size: 20px;
				font-weight: bold;
				letter-spacing: -1px;
				line-height: 1.3;
				padding: 0 20px;
				text-transform: lowercase;
			}
		
			#Products li#Textburst{
				background-position: 0 bottom;
			}
			
				#Products li#Textburst div{
					background: #096 url('images/squares-green.gif') 0 0 repeat;
				}
			
			#Products li#OMS{
				background-position: -146px bottom;
			}
			
				#Products li#OMS div{
					background: #936 url('images/squares-purple.gif') 0 0 repeat;
				}
				
					#Products li#OMS h2{
						text-transform: none;
					}
			
			
			#Products li#EmailToSMS{
				background-position: -292px bottom;
			}
			
				#Products li#EmailToSMS div{
					background: #39C url('images/squares-blue.gif') 0 0 repeat;
				}
				
			#Products li#EmailToSMS h2 abbr{
				border-bottom: none;
				text-transform: none;
			}
			
			
		
		#HammerItHome{
		}	
		
			#HammerItHome h2{
			
			}
			
			#HammerItHome p{
				background: transparent url(images/home-logo-soup.gif) 0 bottom no-repeat;
				color: #444;
				font-size: 22px;
				padding-bottom: 180px;
			}	
		
		#BlogFeed{
		
		}
		
		#BlogFeed h3{
			font-size: 14px;
			font-weight: normal;
			padding-bottom: 0;
			text-transform: none;
		}
		
		#BlogFeed p.postmetadata{
			color: #333;
			font-size: 12px;
			font-style: italic;
		}
		
		#TwitterFeed{
		
		}
		
			#TwitterFeed li{
				list-style: none;
				margin: 0 0 .5em;
			}
			
			#TwitterFeed li a.status-link{
				color: #333;
				display: block;
				font-size: 12px;
				font-style: italic;
				text-decoration: none;
			}
			
	/**
 	 *	5.2 Products
 	 */
 	 
 	body.product #Mediaburst{
 	 	background: #E5E5E5 url(images/squares-white.gif) 0 0 repeat;
 	 	float: left;
 	 	padding: 10px 0;
 	 	width: 100%;
 	}
 	
 		body.product #Mediaburst a{
 			display: block;
 		}
 		
 		body.product #Mediaburst a#MediaburstLogo{
 			background: transparent url(images/logo-small.png) 0 0 no-repeat;
 			color: #C03;
 			float: left;
 			height: 22px;
 			overflow: hidden;
 			text-decoration: none;
 			text-indent: -99999px;
 			width: 130px;
 		}
 	
	 	body.product a#MediaburstHomeLink{
	 		color: #000;
	 		float: right;
	 		font-weight: bold;
	 	}
 	 
 	body.product #Header{
 	 	padding-bottom: 0;
 	}
 	 
 	body.product #Branding{
 	 	background: transparent;
 	 	font-size: 36px;
 	 	font-weight: bold;
 	 	height: auto;
 	 	letter-spacing: -3px;
 	 	text-indent: 0;
 	 	text-transform: lowercase;
 	 	width: auto;
 	}
 	 
 	 	body.product #Branding a{
 	 		color: #FFF;
 	 		display: inline;
 	 		float: none;
 	 		text-decoration: none;
 	 		text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
 	 	}
 	 	
 	 body.product #ProductTagline{
 	 	text-transform: none;
 	 }	
 	 
 	 body.product #ProductTagline,
 	 body.product #PoweredByMediaburst{
 	 	font-size: 16px;
 	 	font-weight: normal;
 	 	letter-spacing: -1px;
 	 }
 	 
 	 	body.product #ProductTagline a{
 	 		text-decoration: underline;
	 	}

	 
	 body.product #Menu{
	 	padding-top: 25px;
	 }	
	 	
	 body.product #Menu li a{
	 	background: transparent;
	 	border-radius: 0;
	 	color: #FFF;
	 	margin: 7px 10px 0;
	 	padding: 10px 0 10px;
	 	text-shadow: none;
	 	-khtml-border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
	 }
	 
	 	body.product #Menu li a:hover{
	 		background: transparent;
	 		border-bottom: 5px solid #FFF;
	 		color: #FFF;
	 		margin-bottom: 10px;
	 		padding-bottom: 5px;
	 		text-shadow: none;
	 	}
	 
	 	body.product #Menu li.current_page_item a{
	 		background: transparent;
	 		border-bottom: 5px solid #999;
	 		color: #FFF;
	 		margin-bottom: 10px;
	 		padding-bottom: 5px;
	 	}
	 	
	 	
	 body.product #Menu li#LoginLink{
	 	margin-top: 1px;
	 }
	 
	 	body.product #Menu li#LoginLink a{
	 		margin-top: 11px;
	 	}
	 	
	 	
	 body.product blockquote p{
	 	font-family: Arial, Helvetica, sans-serif;
	 }
	 
	 
	 body.product #ContentSecondary .column-one{
	 	padding-top: 30px;
	 }
	 	
 	 
 	 /**
 	 *	5.2.1 Product Overview 
 	 */

 	 #ProductIntro{
 	 	float: left;
 	 	min-height: 409px;
 	 	width: 100%;
 	 }
 	 
 	 	 #ProductIntro #ProductSalesPitch{
 	 	 	background: #FFF;
 	 	 }
		
		#ProductSalesPitch h1{
			color: #063;
			font-size: 42px;
			font-weight: normal;
			line-height: 1;
			padding: 20px 20px 15px;
		}
		
		#ProductSalesPitch p{
			font-size: 20px;
			line-height: 1.2;
			padding: 0 20px 10px;
		}
		
		#ProductSalesPitch ul{
			padding: 0 0 20px;
		}
		
		#ProductSalesPitch ul li{
			font-size: 20px;
			font-weight: bold;
			margin: 0 0 0 40px;
		}
 	 	 
 	 	 #ProductIntro #ProductButton,
 	 	 #ProductIntro #ProductButtonTour,
 	 	 #ContentSecondary .button{
 	 	 	background: #903 url('images/button-red.jpg') 0 0 repeat-x;
 	 	 	border: 3px solid #903;
 	 	 	color: #FFF;
 	 	 	margin: 20px 0;
 	 	 	text-align: center;
 	 	 }
 	 	 
 	 	 	#ProductIntro #ProductButton a,
 	 	 	#ProductIntro #ProductButtonTour a,
 	 	 	#ContentSecondary .button a{
 	 	 		color: #FFF;
 	 	 		text-decoration: none;
 	 	 		text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.5);
 	 	 	}
 	 	 	
 	 	 		#ProductIntro #ProductButton a:hover h2,
 	 	 		#ProductIntro #ProductButtonTour a:hover h2,
 	 	 		#ContentSecondary .button a:hover h2{
 	 	 			text-decoration: underline;
 	 	 		}
 	 	 	
 	 	 	#ProductIntro #ProductButton h2,
 	 	 	#ProductIntro #ProductButtonTour h2,
 	 	 	#ContentSecondary .button h2{
 	 	 		font-size: 26px;
 	 	 		font-weight: bold;
 	 	 		padding: 7px 0 0;
 	 	 		text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
 	 	 	}
 	 	 	
 	 	 	#ProductIntro #ProductButton p,
 	 	 	#ProductIntro #ProductButtonTour p,
 	 	 	#ContentSecondary .button p{
 	 	 		font-size: 16px;
 	 	 	}
 	 	 	
 	 	 	#ProductIntro #ProductScreenshot{
 	 	 		margin-top: -7px;
 	 	 	}
 	 	 	
 	 	 	/* Tetxburst has a button and take a tour button side by side */
 	 	 	body.textburst #ProductIntro #ProductButton,
 	 	 	body.textburst #ProductIntro #ProductButtonTour{
 	 	 		float: left;
 	 	 		width: 180px;
 	 	 	}
 	 	 	
 	 	 		body.textburst #ProductIntro #ProductButton h2,
 	 	 		body.textburst #ProductIntro #ProductButtonTour h2{
 	 	 			font-size: 16px;
 	 	 		}
 	 	 	
 	 	 		body.textburst #ProductIntro #ProductButton p,
 	 	 		body.textburst #ProductIntro #ProductButtonTour p{
 	 	 			font-size: 14px;
 	 	 		}
 	 	 	
 	 	 	body.textburst #ProductIntro #ProductButtonTour{
 	 	 		background: #096 url('images/button-green.jpg') 0 0 repeat-x;
 	 	 		border: 3px solid #096;
 	 	 		float: right;
 	 	 	}
 	 	 	
 	 	 	/* Client quotes */	 	 	
 	 	 	
 	 	 	.product-client-quote{
 	 	 		color: #063;	
 	 	 	}
 	 	 	
 	 	 	
 	 	 	.product-client-quote img{
 	 	 		display: block;
 	 	 		float: left;
 	 	 	}
 	 	 	
 	 	 	.product-client-quote blockquote{
 	 	 		color: #063;
 	 	 		float: right;
 	 	 		width: 270px;
 	 	 	}
 	 	 	
 	 	 		.product-client-quote blockquote p{
 	 	 			font-size: 14px;
 	 	 			line-height: 1.4;
 	 	 		}
 	 	 	
 	 	 	.product-client-quote cite{
 	 	 		clear: right;
 	 	 		color: #063;
 	 	 		display: block;
 	 	 		float: right;
 	 	 		font-size: 14px;
 	 	 		font-style: italic;
 	 	 		margin: 0 0 20px;
 	 	 		padding: 0;
 	 	 		width: 270px;
 	 	 	}
 	 	 	
 	 	 	
 	 	 	#SecondarySalesPitch{
 	 	 		font-size: 20px;
 	 	 		font-style: italic;
 	 	 		line-height: 1.3;
 	 	 	}
 	 	 	
 	 	 	.bird-quote{
 	 	 		background: #FFF url('images/textburst-bird.gif') right 0 no-repeat;
 	 	 		padding: 25px 170px 0 0;
 	 	 	}
 	 	 	
 	 	 	/* Screenshots */
 	 	 	
 	 	 	#ScreenshotGallery li{
 	 	 		float: left;
 	 	 		list-style: none;
 	 	 		margin: 0 0 20px 20px;
 	 	 	}
 	 	 	
 	 	 		#ScreenshotGallery li:first-child{
 	 	 			margin-left: 0;
 	 	 		}
 	 	 	
 	 	 		#ScreenshotGallery li a{
 	 	 			display: block;
 	 	 			position: relative;
 	 	 			text-decoration: none;
 	 	 		}
 	 	 		
 	 	 			#ScreenshotGallery li a span.zoom{
 	 	 				background: transparent url(images/zoom.png) 0 0 no-repeat;
 	 	 				bottom: -4px;
 	 	 				display: block;
 	 	 				height: 16px;
 	 	 				position: absolute;
 	 	 				right: -8px;
 	 	 				width: 16px;
 	 	 				z-index: 2;
 	 	 			}
 	 	 		
 	 	 		#ScreenshotGallery li span.gallery-icon,
 	 	 		#ScreenshotGallery li span.gallery-caption{
 	 	 			display: block;
 	 	 			text-align: center;
 	 	 		}
 	 	 		
 	 	 		#ScreenshotGallery li span.gallery-icon{
 	 	 			border: 1px solid #999;
 	 	 			max-width: 158px;
 	 	 		}
 	 	 		
 	 	 		#SignUp2{
 	 	 			background: #EEE url(images/squares-grey-light.gif) 0 0 repeat;
 	 	 			clear: both;
 	 	 			margin: 30px 0;
 	 	 			padding: 20px 0;
 	 	 		}
 	 	 		
 	 	 		
 	 	 		#ContentSecondary .button{
 					margin: 0 auto;
 					width: 360px;
 	 	 		}
 	 	 		
 	 	 		#ContentSecondary .button h2{
	 	 			font-size: 24px;
	 	 		}
 	 	 		
 	 	
 	 	 	
 	 /**
 	  *	5.2.2 Product sign-up
 	  */
 	 body.sign-up #Menu,
 	 body.sign-up #Footer .column-two{
 	 	display: none;
 	 } 
 	  
 	 body.sign-up #Content{
 	 	border-bottom: 40px solid #FFF;
 	 }
 	 
 	 
 	 body.sign-up #Content form{
 	 	background: #FFF;
 	 	border: 5px solid #BED;
 	 	float: left;
 	 	width: 610px;
 	 }
 	  
 	 .form-section{
 	 	background: transparent url('images/squares-white.gif') 0 0 repeat-x;
 	 	float: left;
 	 	margin: 0 0 0;
 	 	padding: 10px 0 20px;
 	 	position: relative;
 	 	width: 610px;
 	 }
 	 
 	 .form-section:first-child,
 	 .form-section:last-child{
 	 	background: transparent;
 	 }
 	 
 	 
 	 	 .form-section fieldset{
 	 	 
 	 	 }
 	 	 
 	 	 body.sign-up h1{
 	 	 	color: #333;
 	 	 	font-size: 28px;
 	 	 	font-weight: normal;
 	 	 	padding: 10px 20px 0;
 	 	 }
 	 	 
 	 	 #ErrorsList{
 	 	 	background-color: #FEFFBF;
 	 	 }
 	 	 
 	 	 	#ErrorsList h2{
 	 	 		font-size: 20px;
 	 	 		padding-top: 10px;
 	 	 	}
 	 	 	
 	 	 	#ErrorsList ul{
 	 	 		color: #000;
 	 	 		padding: 0;
 	 	 		margin-left: 10px;
 	 	 	}
 	 	 
 	 	 .form-section h2{
 	 	 	color: #033;
 	 	 	font-size: 26px;
 	 	 	font-weight: normal;
 	 	 	padding: 0 20px 20px;
 	 	 }
 	 	 
 	 	 .form-section fieldset h2{
 	 	 	color: #333;
 	 	 	font-size: 26px;
 	 	 	font-weight: normal;
 	 	 	padding: 20px;
 	 	 }
 	 	 
 	 	 .form-section fieldset h2 .number{
 	 	 	background: #333 url('images/textburst-form-number.gif') 0 0 no-repeat;
 	 	 	color: #FFF;
 	 	 	display: block;
 	 	 	float: left;
 	 	 	font-size: 20px;
 	 	 	height: 30px;
 	 	 	margin: 5px 130px 0 0;
 	 	 	text-align: center;
 	 	 	width: 30px;
 	 	 }
 	 	 
 	 	 .form-section div.field{
 	 	 	clear: both;
 	 	 	float: left;
 	 	 	margin: 0 20px 10px;
 	 	 	width: 100%;
 	 	 }
 	 	 
 	 	 .form-section div.field label{
 	 	 	border-bottom: 2px solid #FFF;
 	 	 	float: left;
 	 	 	font-weight: bold;
 	 	 	margin: 4px 15px 0 0;
 	 	 	width: 145px;
 	 	 }
 	 	 
 	 	 	 .form-section div.field label .required{
 	 	 	 	color: #666;
 	 	 	 	font-weight: normal;
 	 	 	 }
 	 	 	 
 	 	 .form-section div.field label.active{
 	 	 	border-color: #CCC;
 	 	 }
 	 	 
 	 	 .form-section div.field label.checkbox{
 	 	 	font-weight: normal;
 	 	 	margin-top: 0;
 	 	 	width: auto;
 	 	 }
 	 	 
 	 	 .form-section div.field input{
 	 	 	color: #666;
 	 	 	float: left;
 	 	 	font-size: 16px;
 	 	 	padding: 2px 4px;
 	 	 	width: 222px;
 	 	 }
 	 	 
 	 	 .form-section div.field input.small{
 	 	 	width: 121px;
 	 	 }
 	 	 
 	 	 .form-section div.field input.checkbox{
 	 	 	margin: 3px 10px 0 160px;
 	 	 	width: auto;
 	 	 }
 	 	 
 	 	 .form-section div.field select{
 	 	 	color: #666;
 	 	 	float: left;
 	 	 	font-size: 14px;
 	 	 	padding: 2px;
 	 	 	width: auto;
 	 	 }
 	 	 
 	 	 .form-section div.field span.help{
 	 	 	display: block;
 	 	 	float: left;
 	 	 	font-size: 12px;
 	 	 	margin: 7px 0 0 10px;
 	 	 	width: 100px;
 	 	 }
 	 	  
 	 	 
 	 	.form-section div.field input:focus,
 	 	.form-section div.field select:focus,
 	 	.form-section div.field textarea:focus{
 	 		color: #000;
 	 	}
 	 	 
 	 	 .form-section input.error,
 	 	 .form-section select.error{
 	 	 	background: #FEE;
 	 	 } 
 	 	 
 	 	 .form-section div.field label.error{
 	 	 	background: #FEFFBF;
 	 	 	clear: both;
 	 	 	color: #000;
 	 	 	display: block;
 	 	 	float: left;
 	 	 	font-size: 12px;
 	 	 	font-weight: normal;
 	 	 	margin: 5px 0 10px 160px;
 	 	 	padding: 2px 4px;
 	 	 	width: 222px;
 	 	 }
 	 	 
 	 	 .form-section div.field span.slash{
 	 	 	display: block;
 	 	 	float: left;
 	 	 	font-size: 12px;
 	 	 	font-weight: bold;
 	 	 	text-align: center;
 	 	 	width: 1em;
 	 	 }
 	 	 
 	 	 .form-section button{
 	 	 	background: #903 url('images/button-red.jpg') 0 0 repeat-x;
 	 	 	border: 3px solid #903;
 	 	 	clear: both;
 	 	 	color: #FFF;
 	 	 	font: bold 24px Arial, Helvetica, sans-serif;
 	 	 	margin: 20px 0 20px 180px;
 	 	 	padding: 10px 0;
 	 	 	text-align: center;
 	 	 	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
 	 	 	width: 254px;
 	 	 }
 	 	 
 	 	 	a.button:hover,
 	 	 	a.button:active,
 	 	 	button:focus,
 	 	 	button:active{
 	 	 		text-decoration: underline;
 	 	 		text-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
 	 	 	}
 	 	 
 	 	 
 	 	 #PostCodeLookup{
 	 		background: #999 url('images/login-button.jpg') 0 0 repeat-x;
	 	 	border: 1px solid #999;
	 	 	border-radius: 5px;
	 	 	color: #000;
	 	 	display: block;
	 	 	font-size: 14px;
	 	 	font-weight: normal;
	 	 	margin: -7px 0 0;
	 	 	padding: 2px 5px 4px;
	 	 	text-align: center;
 	 	 	text-decoration: none;
	 	 	text-shadow: 1px 1px 0 rgba(255,255, 255, 0.5);
	 	 	-khtml-border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
 	 	 }
 	 	 
 	 	 .form-section table{
 	 	 	float: right;
 	 	 	margin: 0 40px 0 0;
 	 	 	width: 420px;
 	 	 }
 	 	 
 	 	 .form-section thead th{
 	 	 	border-bottom: 1px dotted #063;
 	 	 	color: #063;
 	 	 	font-size: 14px;
 	 	 	font-weight: bold;
 	 	 	padding: 7px 10px;
 	 	 	text-align: left;
 	 	 	white-space: nowrap;
 	 	 	width: 25%;
 	 	 }
 	 	 
 	 	 .form-section tbody th,
 	 	 .form-section td{
 	 	 	border-bottom: 1px dotted #063;
 	 	 	color: #063;
 	 	 	font-size: 13px;
 	 	 	font-weight: normal;
 	 	 	padding: 7px 10px;
 	 	 	vertical-align: top;
 	 	 	width: 25%;
 	 	 }
 	 	 
 	 	 .form-section tbody tr:hover th,
 	 	 .form-section tr:hover td{
 	 	 	background: #CCEBE0;
 	 	 }
 	 	 
 	 	 .form-section div.field table input.checkbox{
 	 	 	margin-left: 0;
 	 	 	margin-right: 10px;
 	 	 }
 	 	 
 	 	 .form-section div.field table label{
 	 	 	margin-top: 0;
 	 	 }
 	 	 
 	 	#PaymentDetails h2{
 	 		background: transparent url('images/grey-icons.gif') right 5px no-repeat;
			padding-right: 30px;
 	 	}
 	 	
 	 	#PaymentDetails{
 	 		background: transparent url('images/background-card-logos.gif') 455px 75px no-repeat;
 	 	}
 	 	 
 	 	 
 	 
 	 .help-section{
 	 	background: #FFF;
 	 	float: right;
 	 	font-size: 16px;
 	 	margin: 0 0 20px;
 	 	min-height: 115px;
 	 	position: absolute;
 	 	right: -320px;
 	 	top: 0;
 	 	width: 300px;
 	 }
 	 
 	 	.help-section h2,
 	 	.form-section .help-section fieldset h2,
 	 	.form-section #PaymentDetails .help-section h2{
 	 		background: transparent;
 	 		color: #333;
 	 		font-size: 35px;
 	 		letter-spacing: -2px;
 	 		padding: 13px 20px 0;
 	 		text-transform: lowercase;
 	 	}
 	 	
 	 	#HelpSectionFirst{
 	 		margin-top: -5px;
 	 	}
 	 	
 	 	#HelpSectionFirst h2{
 	 		background: #999 url('images/squares-grey.gif') 0 0 repeat;
 	 		color: #FFF;
 	 		padding: 7px 20px;
 	 	}
 	 	
 	 	#HelpSectionFirst p{
 	 		font-size: 24px;
 	 	}
 	 	
 	 	#HelpSectionLast{
 	 		bottom: -25px;
 	 		top: auto;
 	 	}
 	 
 	 	.help-section p,
 	 	.help-section ul{
 	 		padding: 13px 20px;
 	 	}
 	 	
 	 	.help-section li{
 	 		font-size: 18px;
 	 		font-weight: bold;
 	 		list-style: none;
 	 		margin: 0;
 	 	}
 	 	
 	 	
 	 	
 	 	#GreatChoice{	
 	 		margin: 20px;
	 	 	text-align: center;
	 	}
 	 	
 	 	
 	 /**
 	  *	5.2.3 Product prices
 	  */
 	 
 	 #PriceIntro{
 	 	background: #FFF;
 	 	margin: 0 0 20px;
 	 }
 	 
 	 	#PriceIntro h1{
 	 		color: #063;
 	 	 	font-size: 42px;
 	 	 	font-weight: normal;
 	 	 	padding: 15px 20px 0;
 	 	 }
 	 	 
 	 	  #PriceIntro h2{
 	 	  	font-size: 24px;	
 	 	 	font-weight: normal;
 	 	  	padding: 0 20px 10px;
 	 	  }
 	 
 	 .price-option{
 	 	background: #9DC url('images/textburst-green-light.gif') 0 0 repeat;
 	 	float: right;
 	 	margin: 0 20px 20px 0;
 	 	position: relative;
 	 	width: 300px;
 	 }
 	 
 	 	.price-option h2{
 	 		background: #063 url('images/textburst-green.gif') 0 0 repeat;
 	 		color: #FFF;
 	 		font-size: 42px;
 	 		letter-spacing: -3px;
 	 		padding: 10px 20px;
 	 		text-shadow: 1px 1px 0  rgba(0,0,0, 0.3);
 	 		text-transform: lowercase;
 	 	}
 	 	
 	 	.price-option p{
 	 		padding: 0 20px 20px;
 	 	}
 	 	
 	 	.price-option ul{
 	 		padding: 20px 20px 10px;
 	 	}
 	 	
 	 	.price-option ul li{
 	 		font-size: 20px;
 	 		font-weight: bold;
 	 		list-style: none;
 	 		margin: 0;
 	 	}
 	 	
 	 	.price-option ul li:first-child{
 	 		font-size: 28px;
 	 	}
 	 	
 	 	.price-option ul li:nth-child(n+4){
 	 		font-size: 18px;
 	 		font-weight: normal; 
 	 	}
 	 	
 	 	#MostPopularPlan{
 	 		background: transparent url(images/most-popular.png) 0 0 no-repeat;
 	 		height: 98px;
 	 		padding: 0;
 	 		position: absolute;
 	 		right: -15px;
 	 		text-indent: -99999px;
 	 		top: 50px;
 	 		width: 94px;
 	 	}
 	 	
 	 	.price-option table{
 	 		margin: -10px 20px 10px;
 	 		width: 260px;
 	 	}
 	 	
 	 	.price-option table th,
 	 	.price-option table td{
 	 		font-size: 12px;
 	 		font-weight: bold;
 	 		padding: 5px;
 	 		text-align: left;
 	 	}
 	 	
 	 	.price-option table td{
 	 		border-top: 1px dotted #063;
 	 	}
 	 	
 	 	.price-option a.button{
 	 		background: #903 url('images/button-red.jpg') 0 0 repeat-x;
 	 	 	border: 3px solid #903;
 	 	 	color: #FFF;
 	 	 	display: block;
 	 	 	font-size: 26px;
 	 	 	/*font-weight: bold;*/
 	 	 	margin: 0 20px 20px;
 	 	 	padding: 5px 10px 7px;
 	 	 	text-align: center;
 	 	 	text-decoration: none;
 	 	 	text-shadow: -1px -1px 0 rgba(103, 0, 27, 1);
 	 	}
 	 	
 	 	.price-option a.button:hover{
 	 		text-decoration: underline;
 	 	}
 	 	
 	 	.price-option a.button:active{
 	 		text-shadow: 0 0 1px rgba(255,255,255, 1);
 	 	}
 	 	
 	 #PriceFirstOption{
 	 	margin-right: 0;
 	 	min-height: 300px;
 	 }
 	 
 	 #PriceSupportingText{
 	 	background: #FFF;
 	 	float: left;
 	 	margin-right: 20px;
 	 	width: 620px;
 	 }
 	 
 	 	 #PriceSupportingText p{
 	 	 	font-size: 18px;
 	 	 	padding: 15px 20px;
 	 	 }
 	 	 
 	 	 
 	 	body.prices .product-client-quote blockquote{
 	 	 	float: none;
 	 	 	width: 100%;
 	 	}
 	 	 	
 	 	body.prices .product-client-quote cite{
 	 		float: none;
 	 		width: 100%;
 	 	}
 	 	
 	 	body.prices .bird-quote h2{
 	 		
 	 	}
 	 	
 	 	#HowToPay{
 	 		background: transparent url('images/background-card-logos.gif') right 10px no-repeat;
 	 		padding-right: 160px;
 	 	}
 	 	
 	 /**
 	  *	5.2.4 Product Instructions
 	  */
 	  
 	body.product .step{
		clear: both;
		float: left;
		margin: 30px 0;
		width: 100%;
	}
	
		body.product .step .price-option{
			float: left;
		}
		
			body.product .step .price-option p{
				font-size: 18px;
				margin-top: 20px;
			}
		
		body.product .step .screenshot{
			background: #FFF;
			float: right;
			padding: 20px 0;
			text-align: center;
			width: 620px;
		}
		
		body.product .step .screenshot img{
			max-width: 580px;
		}
		
	/**
 	  *	5.2.5 Product Instructions
 	  */
 	 	
 	 /**
 	  *	5.2.6 Product Tour
 	  */
 	 body.tour #ProductIntro{
 	 	min-height: 160px;
 	 }
 	 
 	 body.tour #ContentSecondary .inner{
 	 	background: #FFFFFF url("images/textburst-bird.gif") right -1px no-repeat;
		padding: 120px 0;
 	 }
 	 
 	 body.tour #ContentSecondary img{
 	 	float: left;
 	 	margin: 30px 0 40px;
 	 }
 	 
 	 body.tour #ContentSecondary ol{
 	 	float: right;
 	 	padding: 20px 0 40px;
 	 	width: 460px;
 	 }
 	 
 	 	body.tour #ContentSecondary ol li{
 	 		margin-bottom: 30px;
 	 	}
 	 
 	 body.tour #ContentSecondary div#TourSalesPitch{
 	 	padding: 40px 0;
 	 	text-align: center;
 	 }
 	 	
 	 /**
 	  *	5.2.6.1 Textburst colour schemes
 	  */
 	 body.textburst a,
 	 body.textburst #ProductSalesPitch h1,
 	 body.textburst #ProductSalesPitch h2,
 	 body.textburst .price-intro h1,
 	 body.textburst .form-section h1,
 	 body.textburst .product-client-quote blockquote,
 	 body.textburst .product-client-quote cite,
 	 body.textburst .form-section tbody th, 
 	 body.textburst .form-section td{
 	 	color: #063;
 	 }
 	 
 	 
 	 body.textburst #Header{
 	 	background-image: url('images/squares-green.gif');
 	 }
 	 
 	 body.textburst #Content{
 	 	/*background-image: url('images/textburst-signup.gif');*/
 	 	background-image: url('images/squares-green-on-white.gif');
 	 }
 	 

 	 body.textburst .price-option h2,
 	 body.textburst #HelpSectionFirst h2{
 	 	 background-color: #063;
 	 	 background-image: url('images/textburst-green.gif');
 	 }
 	 
 	 body.textburst .price-option{
 	 	background-color: #9DC;
 	 	background-image: url('images/textburst-green-light.gif');
 	 	color: #033
 	 }
 	 
 	 body.textburst .bird-quote{
 	 	 background-image: url('images/textburst-bird.gif');
 	 }
 	 
 	 body.textburst .form-section th,
 	 body.textburst .form-section td,
 	 body.textburst #Menu li.current_page_item a{
 	 	border-color: #063;
 	 }
 	 
 	 body.textburst .form-section tr:hover tbody th,
 	 body.textburst .form-section tr:hover td{
 	 	background-color: #CCEBE0;
 	 }
 	 
 	 
 	 body.textburst #SignUpForm{
 	 	border-color: #BED;
 	 }
 	 
 	 
 	 /**
 	  *	5.2.6.2 OMS colour schemes
 	  */
 	 body.outlook-sms #Branding{
 	 	text-transform: none;
 	 } 
 	  
 	 body.outlook-sms a,
 	 body.outlook-sms #ProductSalesPitch h1,
 	 body.outlook-sms #ProductSalesPitch h2,
 	 body.outlook-sms #PriceIntro h1,
 	 body.outlook-sms .form-section h1,
 	 body.outlook-sms .product-client-quote blockquote,
 	 body.outlook-sms .product-client-quote cite,
 	 body.outlook-sms .form-section tbody th,
 	 body.outlook-sms .form-section thead th,
 	 body.outlook-sms .form-section td,
 	 body.outlook-sms .help-section h2{
 	 	color: #936;
 	 }
 	 
 	 
 	  body.outlook-sms #Header{
 	 	background-image: url('images/squares-purple.gif');
 	 }
 	 
 	 body.outlook-sms #Content{
 	 	background-image: url('images/squares-purple-on-white.gif');
 	 }
 	 
 	 body.outlook-sms .price-option h2,
 	 body.outlook-sms #HelpSectionFirst h2{
 	 	 background-color: #936;
 	 	 background-image:url('images/squares-purple.gif');
 	 }
 	 

 	 body.outlook-sms .price-option{
 	 	background-color: #CF9FB7;
 	 	background-image: url('images/squares-purple-light.gif');
 	 	color: #303;
 	 }
 	 
 	 
 	 body.outlook-sms .bird-quote{
 	 	 background-image: url('images/oms-bird.gif');
 	 }
 	 
 	 body.outlook-sms .form-section th,
 	 body.outlook-sms .form-section td{
 	 	border-color: #936;
 	 }
 	 
 	 body.outlook-sms #Menu li.current_page_item a{
 	 	border-color: #603;
 	 }
 	 
 	 body.outlook-sms .form-section tbody tr:hover th,
 	 body.outlook-sms .form-section tr:hover td{
 	 	background-color: #CC9EB5;
 	 	color: #333;
 	 }
 	 
 	 body.outlook-sms #Content #SignUpForm{
 	 	border-color: #C9B;
 	 }
 	 
 	 
 	 	
 	 
 	 /**
 	  *	5.2.6.3 Email to SMS colour schemes
 	  */
 	 body.email-to-sms a,
 	 body.email-to-sms #ProductSalesPitch h1,
 	 body.email-to-sms #ProductSalesPitch h2,
 	 body.email-to-sms #PriceIntro h1,
 	 body.email-to-sms .form-section h1,
 	 body.email-to-sms .product-client-quote blockquote,
 	 body.email-to-sms .product-client-quote cite,
 	 body.email-to-sms .form-section tbody th,
 	 body.email-to-sms .form-section thead th,
 	 body.email-to-sms .form-section td,
 	 body.email-to-sms .help-section h2{
 	 	color: #39C;
 	 }
 	 
 	 body.email-to-sms #Header{
 	 	background-image: url('images/squares-blue.gif');
 	 }
 	 
 	 body.email-to-sms #Content{
 	 	background-image: url('images/squares-blue-on-white.gif');
 	 }
 	 
 	 body.email-to-sms .price-option h2,
 	 body.email-to-sms #HelpSectionFirst h2{
 	 	 background-color: #39C;
 	 	 background-image: url('images/squares-blue.gif');
 	 }
 	 
 	 
 	 body.email-to-sms .price-option{
 	 	background-color: #9FCFE7;
 	 	background-image: url('images/squares-blue-light.gif');
 	 	color: #003;
 	 }
 	 
 	 
 	 body.email-to-sms .bird-quote{
 	 	 background-image: url('images/email-bird.gif');
 	 }
 	 
 	 body.email-to-sms .form-section th,
 	 body.email-to-sms .form-section td{
 	 	border-color: #39C;
 	 }
 	 
 	 
 	 body.email-to-sms #Menu li.current_page_item a{
 	 	border-color: #036;
 	 }
 	 
 	 body.email-to-sms .form-section tbody tr:hover th,
 	 body.email-to-sms .form-section tr:hover td{
 	 	background-color: #9FCFE7;
 	 	color: #333;
 	 }
 	 
 	  body.email-to-sms #Content #SignUpForm{
 	 	border-color: #9CE;
 	 }
 	 
 	 
 	 /**
 	  *	5.3 Services
 	  */	
 	 
 	 body.mobile-marketing #OurCustomers h2{

 	 }	
 	 
 	 body.mobile-marketing #SalesPitch ul{
 	 	padding: 0 0 11px;
 	 }
 	 
	 	 body.mobile-marketing #SalesPitch ul li{
	 	 	font-size: 18px;
	 	 	line-height: 1.2;
	 	 	list-style: none;
	 	 	margin: 0;
	 	 	padding: 0 20px .5em;
	 	 }
	 	 
	 	 body.mobile-marketing #SalesPitch p{
	 	 	font-size: 18px;
	 	 	line-height: 1.2;
	 	 }
	 	 
	 	 body.mobile-marketing #SalesPitch h1 + p{
	 	 	font-size: 21px;
	 	 }
 	 
 	 body.mobile-marketing div.quote{
 	 	float: left;
 	 	margin: 0 0 20px;
 	 	width: 100%;
 	 }
 	 
	 	 body.mobile-marketing div.quote img{
	 	 	display: block;
	 	 	float: left;
	 	 	margin: 0 15px 0 0;
	 	 	width: 80px;
	 	 }
	 	 
	 	 body.mobile-marketing .quote div{
	 	 	display: block;
	 	 	float: left;
	 	 	width: 280px;
	 	 }
 	 
	 	 	body.mobile-marketing div.quote p{
	 	 		font-family: Arial, Helvetica, sans-serif;
	 	 	}
 	 
 	 body.mobile-marketing div.selling-point{
 	 	background: #EEE url('images/squares-grey-light.gif') 0 0 repeat;
 	 	margin: 0 0 20px;
 	 	padding: 0;
 	 }	
 	 
 	 body.mobile-marketing div.selling-point h2{
 	 	color: #903;
 	 	font-size: 42px;
 	 	font-weight: bold;
 	 	letter-spacing: -2px;
 	 	line-height: 1.2;
 	 	padding: 10px 20px 0;
 	 	text-shadow: 1px 1px 0 rgba(255, 2555, 255, 0.2);
 	 }	
 	 
 	 body.contact div.selling-point h2{
 	 	padding-bottom: 20px;
 	 }
 	 
 	 body.mobile-marketing div.selling-point h2 span{
 	 	display: block;
 	 	font-size: 18px;
 	 	letter-spacing: 0;
 	 	line-height: 1;
 	 }
 	 
 	 body.mobile-marketing div.selling-point-last h2{
 	 	font-size: 24px;
 	 } 
 	 
 	 body.mobile-marketing div.selling-point p{
 	 	font-size: 16px;
 	 	padding: 0 20px 20px;
 	 }
 	 
 	 body.mobile-marketing div.selling-point a.map-link{
 	 	
 	 }
 	 
 	 body.mobile-marketing #ContactForm h2,
 	 body.mobile-marketing #CaseStudy h2{
 	 	font-size: 28px;
 	 	font-weight: normal;
 	 }	
 	 
 	 body.mobile-marketing #CaseStudy {
 	 	float: left;
 	 	margin: 0 0 20px;
 	 	width: 100%;
 	 }	
 	 
	 	 body.mobile-marketing #CaseStudy img{
	 	 	display: block;
	 	 	float: left;
	 	 	margin: 0 15px 0 0;
	 	 }
	 	 
		 	 body.mobile-marketing #CaseStudyContent{
		 	 	float: left;
		 	 	width: 420px;
		 	 }
		 	 
		 	 
	#ForumList{
	
	}
	
	#ForumList li{
		font-size: 42px;
		font-weight: bold;
		letter-spacing: -3px;
		list-style: none;
		margin: 0 0 .25em;
		text-transform: lowercase;
	}
	
		#ForumList li a{
			color: #666;
		}
		
			#ForumList li#TextburstForum a{
				color: #063;
			}
			
			#ForumList li#OMSForum a{
				color: #603;
			}
			
			#ForumList li#EmailToSMSForum a{
				color: #069;
			}
			
			#ForumList li#SMSAPIForum a{
				color: #666;
			}
		
		
		 	 
	#ProductsSimple{
		
	}
	
		#ProductsSimple ul{
			
		}
		
			#ProductsSimple ul li{
				background: #FFF url(images/products-icons-small.gif) 0 10px no-repeat;
				list-style: none;
				margin: 0 0 20px;
				padding-left: 105px;
			}
		
			
			#ProductsSimple ul li h3{
				font-size: 28px;
				font-weight: bold;
				letter-spacing: -1px;
				text-transform: lowercase;
			}
			
				#ProductsSimple ul li h3 a{
					text-decoration: none;
				}
			
				#ProductsSimple ul li h3 a:hover{
					text-decoration: underline;
				}
				
				#ProductsSimple ul li h3 span{
					font-size: 16px;
					font-weight: normal;
					text-transform: none;
				}
				
			#ProductsSimple ul li#Textburst{
				background-position: 0 10px;
			}
			
			
			#ProductsSimple ul li#OMS{
				background-position: -700px 10px;
			}
			
			#ProductsSimple ul li#EmailToSMS{
				background-position: -1400px 10px;
			}
			
			#ProductsSimple ul li#SMSAPI{
				background-position: -2100px 5px;
			}
				
			#ProductsSimple ul li#Textburst a{
				color: #063;
			}
			
			#ProductsSimple ul li#OMS a{
				color: #603;
			}
			
			#ProductsSimple ul li#EmailToSMS a{
				color: #069;
			}
			
			#ProductsSimple ul li#SMSAPI a{
				color: #666;
			}
		
		body.mobile-marketing #ContactForm{
			background: #EEE url(images/squares-grey-light.gif) 0 0 repeat;
			float: left;
			margin: 0 0 30px;
			padding: 0 0 20px;
			width: 100%;
		}
		
		body.mobile-marketing #ContactForm form{
			padding: 10px 20px;
		}
			
			body.mobile-marketing #ContactForm .field{
				clear: both;
				float: left;
				width: 100%;
			}
			
				body.mobile-marketing #ContactForm .field br{
					display: none;
				}
				
				body.mobile-marketing #ContactForm label{
					float: left;
					font-weight: bold;
					margin: 5px 10px 10px 0;
					width: 120px;
				}	
				
				body.mobile-marketing #ContactForm label .required{
					color: #C03;
					font-weight: bold;
				}
				
				body.mobile-marketing #ContactForm label.error,
				body.mobile-marketing #ContactForm span.wpcf7-not-valid-tip,
				body.mobile-marketing #ContactForm span.wpcf7-not-valid-tip-no-ajax{
		 	 	 	background: #FEFFBF;
		 	 	 	border: none;
		 	 	 	clear: both;
		 	 	 	color: #000;
		 	 	 	display: block;
		 	 	 	float: left;
		 	 	 	font-size: 12px;
		 	 	 	font-weight: normal;
		 	 	 	margin: 5px 0 10px 130px;
		 	 	 	padding: 2px 4px;
		 	 	 	width: 265px;
		 	 	 }
		 	 	 
		 	 	 body.mobile-marketing #ContactForm span.wpcf7-not-valid-tip,
		 	 	 body.mobile-marketing #ContactForm span.wpcf7-not-valid-tip-no-ajax{
		 	 	 	left: 0;
		 	 	 	position: static;
		 	 	 	top: 0;
		 	 	 }
				
				body.mobile-marketing #ContactForm input,
				body.mobile-marketing #ContactForm textarea,
				body.mobile-marketing #ContactForm select{
					color: #666;
					float: left;
					font-size: 16px;
					margin: 0 0 10px;
					padding: 2px 4px;
					width: 260px;
				}
				
				body.mobile-marketing #ContactForm textarea{
					height: 8em;
					width: 263px;
				}
				
				body.mobile-marketing #ContactForm select{
					width: 275px;
				}
				
				body.mobile-marketing #ContactForm input:focus,
				body.mobile-marketing #ContactForm textarea:focus{
					color: #000;
				}
				
				body.mobile-marketing #ContactForm .wpcf7-response-output{
					background: #FEFFBF;
					border: none;
					clear: both;
					color: #000;
					float: left;
					margin: 20px 0 10px 130px;
					padding: 10px;
					width: 250px;
				}
				
				body.mobile-marketing .wpcf7-display-none{
					display: none;
				}
				
				body.mobile-marketing #ContactForm button{
					background: #999 url('images/login-button.jpg') 0 0 repeat-x;
			 	 	border: 1px solid #999;
			 	 	clear: both;
			 	 	color: #000;
			 	 	display: block;
			 	 	float: left;
			 	 	font-size: 14px;
			 	 	font-weight: normal;
			 	 	margin: -2px 0 0 130px;
			 	 	padding: 4px 5px;
			 	 	text-align: center;
		 	 	 	text-decoration: none;
			 	 	text-shadow: 1px 1px 0 rgba(255,255, 255, 0.5);
			 	 	min-width: 120px;
				}
				
				
				#ContactThanks{
					display: none;
					padding: 10px 20px;
				}
			
	/**
 	 *	5.4 Customers
 	 */
 	 
 	/**
 	 *	5.4.1 Customers landing page
 	 */
 	body.customers div#Content{
 	 	background: #FFF url(images/squares-pink-fade-on-white.gif) 0 0 repeat-x;
 	}
 	
 	body.customers div#ContentTertiary{
 		background: #EEE url(images/squares-pink-on-white.gif) 0 0 repeat;
 	}
 	
 	div#ContentTertiary{  
 		border-bottom: 40px solid #FFF;
 		clear: both;
		float: left;
		padding: 30px 0;
		width: 100%;
	}
 	
 	
 	
 	body.customers div#Content .section{
 		background: #FFF;
 		margin: 0 0 40px;
 	}
 	 
 	body.customers h1{
 		font-size: 42px;
 		letter-spacing: -3px;
 		line-height: 1.1;
 		padding: 15px 20px 10px;
 	}
 	
 	body.customers #CustomerIntro p{
 		font-size: 24px;
 	}
 	
 	body.customers #Brands{
 		clear: both;
 		padding: 20px 0 10px;
 	}
 	
 		body.customers #Brands h2{
 			padding: 0 20px 10px;
 		}
 	
 	 
 	 	body.customers div#Content .section h2{
 	 		font-size: 24px;
 	 		line-height: 1.2;
 	 	}
 	 	
 	 	body.customers div#Content .section p{
 	 		padding-left: 20px;
 	 		padding-right: 20px;
 	 	}

 	 
 	 body.customers #FeaturedStudies{
 	 	clear: both;
 	 }
 	 
 	 	body.customers #FeaturedStudies h2{
 	 		padding: 0;
 	 	}
 	 	
 	 	body.customers #ContentSecondary h2{
 	 		font-size: 28px;
 	 		padding: 20px 0 5px;
 	 	}
 	 	
	 	 	body.customers #ContentSecondary h2 span{
	 	 		float: right;
	 	 		font-size: 14px;
	 	 		margin: 10px 0 0 0;
	 	 	}
	 	 	
	 	 		body.customers #ContentSecondary h2 span a:link{
	 	 			color: #903;
	 	 		}
	 	 		
 	 	body.customers #FeaturedStudies ul{
 	 		float: left;
 	 		width: 100%;
 	 		margin-left: -20px;
 	 		width: 960px;
 	 	}
 	 
 	 	body.customers #FeaturedStudies li{
 	 		background: #FFF;
 	 		float: left;
 	 		list-style: none;
 	 		margin: 0 0 40px 20px;
 	 		min-height: 350px;
 	 		width: 300px;
 	 	}
 	 		
 	 		body.customers #FeaturedStudies li h2,
 	 		body.customers #FeaturedStudies li h3{
 	 			font-size: 28px;
 	 			line-height: 1.2;
 	 			padding: 15px 20px 0;
 	 		}
 	 		
 	 			body.customers #FeaturedStudies li h2 a,
 	 			body.customers #FeaturedStudies li h3 a{
 	 				color: #333;
 	 				text-decoration: none;
 	 			}
 	 			
 	 			body.customers #FeaturedStudies li h2 a:hover,
 	 			body.customers #FeaturedStudies li h3 a:hover{
 	 				text-decoration: underline;
 	 			}
 	 			
 	 			
 	 	
 	 		body.customers #FeaturedStudies li img{
 	 			border: 1px solid #EEE;
 	 			display: block;
 	 			margin: 20px 20px 10px;
 	 		}
 	 		
 	 		body.customers #FeaturedStudies li p{
 	 			color: #666;
 	 			padding: 0 20px 20px;
 	 		}
 	 		
 	 		body.customers #FeaturedStudies li p a{
 	 			display: block;
 	 		}
 	 		
 	 		
 	 		
 	 /**
 	  *	5.4.2 Customer - case study
 	  */ 	
	
 	body.customers div#Content .column-one{
 		float: right;
 		width: 600px;
 	}   
 	
	 	#CaseStudyContent{
	 		float: left;
	 		width: 100%;
	 	} 
	 	
	 	body.customers #CaseStudyContent{
	 	 	padding: 0 0 30px;
	 	 }

		 	 body.customers #CaseStudyContent h2{
		 	 	font-size: 18px;
		 	 	font-weight: bold;
		 	 	letter-spacing: -1px;
		 	 	padding: 0 20px;
		 	 }
		 	 
		 	 body.customers #CaseStudyContent p{
		 	 	font-size: 16px;
		 	 }
 	
	 	body.customers #MainQuote{
	 		margin: 20px 20px 40px;
	 	}
 	 
 	  
	 	 body.customers #MainQuote blockquote p{
	 	 	background: #C03 url(images/squares-red-dark.gif) 0 0 repeat;
	 	 	color: #FFF;
	 	 	font-size: 18px;
	 	 	font-style: italic;
	 	 	font-weight: bold;
	 	 	line-height: 24px;
	 	 	padding: 15px 20px;
	 	 	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
	 	 }
	 	 
	 	 body.customers #MainQuote blockquote cite{
	 	 	background: transparent url(images/quote-red.gif) 490px 0 no-repeat;
	 	 	color: #666;
	 	 	display: block;
	 	 	padding: 30px 0 15px;
	 	 	text-align: right;
	 	 }
 
		 	 
		 	 body.customers #StudyCopy{
		 	 	float: left;
		 	 	padding: 0 0 30px;
		 	 	width: 360px;
		 	 }
		 	 
		 	 	body.customers #StudyCopy h2{
		 	 		font-size: 24px;
		 	 		font-weight: normal;
		 	 		padding: 2em 20px 1em;
		 	 	}
		 	 	
		 	 		body.customers #StudyCopy h2:first-child{
		 	 			padding-top: 0;
		 	 		}
		 	 	
		 	 	body.customers #StudyCopy h3,
		 	 	body.customers #StudyCopy h4,
		 	 	body.customers #StudyCopy h5,
		 	 	body.customers #StudyCopy h6{
		 	 		font-size: 18px;
		 	 		font-weight: normal;
		 	 		padding: 2em 20px 0;
		 	 	}
		 	 	
		 	 	body.customers #StudyCopy p{
		 	 		font-size: 14px;
		 	 	}
 	 	
 	 
	 	 body.customers #PullQuotes{
	 	 	float: right;
	 	 	margin-right: 20px;
	 	 	width: 185px;
	 	 }
	 	 
	 	 	 body.customers #PullQuotes .pull-quote{
	 	 	 	margin-bottom: 200px;
	 	 	 	padding-bottom: 20px;
	 	 	 }
	 	 	 
	 	 	 body.customers #PullQuotes .pull-quote p{
	 	 	 	background: #EEE url(images/squares-grey-light.gif) 0 0 repeat;
	 	 	 	color: #000;
	 	 	 	font-size: 13px;
	 	 	 	font-style :italic;
	 	 	 	padding: 10px 20px;
	 	 	 }
	 	 	 
	 body.customers div#Content .column-two{
 		float: left;
 		width: 300px;
 	}
 	
 			
	 	body.customers #StudyMetaData{
	 	 	color: #999;
	 	 	float: left;
	 	 	padding: 20px 0 10px;
	 	 	width: 100%;
	 	}
	 	 
		 	body.customers #StudyMetaData img{
		 		border: 1px solid #EEE;
		 	 	display: block;
		 	}
		 	 
		 	body.customers #StudyMetaData dl{
		 	 	float: left;
		 	 	margin-bottom: 15px;
		 	 	padding: 0 20px;
		 	 	width: 100%;
		 	}
		 	 
			 	body.customers #StudyMetaData dt{
			 	 	clear: left;
			 	 	float: left;
			 	 	font-weight: bold;
			 	 	width: 110px;
			 	} 
			 	 
			 	body.customers #StudyMetaData dd{
			 	  	float: left;
			 	  	width: 140px;
			 	}

 	 	
 	 /**
 	  *	5.5 Blog
 	  */
 	 body.blog div#Content .column-one{
 	 	width: 520px;
 	 }
 	 
 	 body.blog div#Content .column-two{
 	 	float: right;
 	 	width: 360px;
 	 }
 	  
 	 body.blog div.post{
 	 	clear: both;
 	 	float: left;
 	 	margin: 0 0 40px;
 	 	width: 100%;
 	 }

	 	 body.blog div.post div.entry{
	 	 	padding: 20px 0;
	 	 }

	 	 	body.blog div.post h1,
	 	 	body.blog div.post h2{
	 	 		font-size: 32px;
	 	 		font-weight: normal;
	 	 		letter-spacing: -2px;
	 	 		line-height: 1.3;
	 	 		padding: 20px 0 0;
	 	 	}
	 	 	
	 	 	body.post div.post h1{
	 	 		font-size: 42px;
	 	 		letter-spacing: -3px;
	 	 	}
	 	 	
	 	 	body.post div.post h2{
	 	 		font-size: 24px;
	 	 		letter-spacing: 0;
	 	 		padding: 20px 0 0;
	 	 	}
	 	 	
	 	 	body.blog div.post h3,
	 	 	body.blog div.post h4, 
	 	 	body.blog div.post h5{
	 	 		font-size: 18px;
	 	 		font-weight: normal;
	 	 	}
	
	 	 div.post img{
	 	 	display: block;
	 	 	max-width: 448px;
	 	 }
	 	 
	 	 div.entry{
	 	 	clear: both;
	 	 }
	 	  	
	 	 
	 	 div.post div.postmetadata{
	 	 	float: left;
	 	 	font-size: 12px;
	 	 	width: 100%;
	 	 }
	 	 
	 	 body.post div.post div.postmetadata{
	 	 	margin-top: 20px;
	 	 }
	 	 
	 	 div.postmetadata div.author{
	 	 	float: left;
	 	 	font-style: italic;
	 	 	margin: 0 10px 20px 0;
	 	 	width: 300px;
	 	 }
	 	 
	 	 div.postmetadata div.author img{
	 	 	display: block;
	 	 	float: left;
	 	 	margin-right: 10px;
	 	 }
	 	 
	 	 div.postmetadata div.comment-count{
	 	 	float: right;
	 	 	margin: 0 0 20px 10px;
	 	 }
	 	 
	 	 .post #Tags {
	 	 	padding: 20px 0 40px;
	 	 }
	 	 
	 	 .post #Tags ul{
	 	 	float: left;
	 	 	margin: 0 0 0 -10px;
	 	 }
	 	 
	 	 	.post #Tags ul li{
	 	 		float: left;
	 	 		list-style: none;
	 	 		margin: 0 0 0 10px;
	 	 	}
	 	 	
	 	 	.post #Tags ul li a{
	 	 		background: #C03;
	 	 		color: #FFF;
	 	 		display: block;
	 	 		float: left;
	 	 		font-weight: bold;
	 	 		padding: 2px 5px;
	 	 		text-decoration: none;
	 	 	}
	 	 	
	 	 		.post #Tags ul li a:visited{
		 	 		background: #903;
		 	 	}
	 	 	
		 	 	.post #Tags ul li a:hover{
		 	 		text-decoration: underline;
		 	 	}
	 	 
	 	 body.blog div.post-home{
	 	 	background: transparent;
	 	 	margin: 0 0 20px;
	 	 }
	 	 
	 	 body.blog div.post-home div.entry{
	 	 	padding: 0;
	 	 }
	 	 
	 	 	 body.blog div.post-home div.entry h2{
	 	 	 	line-height: 1.1;
	 	 	 	padding: 0 0 20px;
	 	 	 }
	 	 	 
	 	 	 	body.blog div.post-home h2 a{
	 	 	 		color: #333;
	 	 	 		text-decoration: none;
	 	 	 	}
	 	 	 	
	 	 	 		body.blog div.post-home h2 a:hover{
	 	 	 			text-decoration: underline;
	 	 	 		}
	 	 	 
	 	 	 
	 	 	body.blog div.post-home a.more-link{
	 	 		display: block;
	 	 		margin: 10px 0 0;
	 	 		text-align: right;
	 	 		text-decoration: none;	
	 	 	}
	 	 	
	 	 	body.blog div.post-home a.more-link span{
	 	 		background: #C03;
	 	 		color: #FFF;
	 	 		font-weight: bold;
	 	 		padding: 5px;
	 	 	}
	 	 	
	 	 		body.blog div.post-home a.more-link:visited span{
	 	 			background-color: #903;
	 	 		}
	 	 	
	 	 		body.blog div.post-home a.more-link:hover span{
	 	 			text-decoration: underline;
	 	 		}

	 	 
	 	body.post .entry p:first-child{
	 	 	color: #666;
	 	 	font-size: 22px;
	 	 	line-height: 30px;
	 	 	margin-bottom: 15px;
	 	}
	 	 
	 	body.post div.post .entry h2,
	 	body.post div.post .entry h3,
	 	body.post div.post .entry h4,
	 	body.post div.post .entry h5,
	 	body.post div.post .entry h6{
	 	 	padding-bottom: 10px;
	 	}
	 	 
	 	body.post .entry p{
	 	 	padding-bottom: 15px;
	 	}	
			
		
		body.post .entry blockquote{
			margin-left: -20px;
		}
		
			body.post .entry blockquote p,
			body.post .entry blockquote p:first-child{
				font: italic 18px Arial, Helvetica, sans-serif;
		 	 	line-height: 1.4;
		 	}
	 	 
	 	/* Blog Sidebar */	 
		
		#Sidebar #BlogIntro{
			background: #C03 url('images/squares-red-dark.gif') 0 0 repeat;
			color: #FFF;
			float: left;
			margin: 0 0 30px;
	 		text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
			width: 100%;
		}
			
			#BlogIntro h2{
			 	font-size: 36px;
			 	letter-spacing: -2px;
			 	padding: 10px 20px 0;
			}
			 
			 #BlogIntro p{
			  	font-size: 18px;
			  	padding: 0 20px 20px;
			 }
			  
			 #BlogIntro a{
			  	color: #FFF;
			 }
			  
				#BlogIntroAuthor{
					float: left;
					width: 100%;
				}
				
					#BlogIntroAuthor img{
						float: left;
						margin: 5px 10px 20px 20px;
					}
					
					#BlogIntroAuthor p{
						float: left;
						padding: 0;
						width: 260px;
					}
				
				/* Sociable - bookmark links */	
				.sociable{
					clear: both;
					padding: 20px 0;
				}	
				.sociable h3{
					font-size: 18px;
					padding: 10px 20px 0;
				} 	
				.sociable ul{
					padding: 0 20px 20px;
				} 	
				.sociable li{
					float: left;
					list-style: none;
					margin-left: 0;
					margin-right: 10px;
				}

			  
		#Sidebar #SearchForm{
			background: transparent;
		}
		 
		 	#SearchForm form{
		 		padding: 10px 0 20px;
		 	}
		 	
		 	#SearchForm form label{
		 		display: block;
		 		font-size: 26px;
		 	}
		 	
		 	#SearchForm form input{
		 		font-size: 14px;
		 		padding: 2px 5px;
		 		width: 200px;
		 	}
		 	
		 	#SearchForm form button{
		 		background: #999 url('images/login-button.jpg') 0 0 repeat-x;
		 		border: 1px solid #999;
		 	 	border-radius: 5px;
		 		color: #000;
		 		font-size: 14px;
		 		margin-left: 8px;
		 		padding: 3px 5px 4px;
		 	 	text-shadow: 1px 1px 0 rgba(255,255, 255, 0.5);
		 	 	-khtml-border-radius: 5px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
		 	}
		 	
		 	
		 	#SalesPitch #SearchForm form,
		 	#BlogIntro #SearchForm form{
		 		padding: 0 20px 20px;
		 	}
		 	
		 #Sidebar div.curve{
		 	background: #EEE url(images/squares-grey-light.gif) 0 0 repeat;
		 	float: left;
		 	margin: 0 0 40px;
		 	width: 100%;
		 }
		 
		 #Sidebar div.curve h2{
		 	padding: 15px 20px 10px;
		 }
		 
		 #Sidebar div.curve ul{
		 	padding: 0 20px 20px;
		 }
		 
		 #SidebarCategories ul,
		 #SidebarAuthors ul{
		 	float: left;
		 }
		 
			 #Sidebar div.section ul li{
			 	list-style: none;
			 	margin: 0 0 .5em;
			 }
			 
			 #SidebarCategories ul li,
			 #SidebarAuthors ul li{
			 	float: left;
			 	width: 160px;
			 }
			 
			 #Sidebar div.section ul li.current-cat{
			 	font-weight: bold;
			 }
			 
				 #Sidebar div.section ul li.current-cat a{
				 	color: #000;
				 	font-weight: bold;
				 	text-decoration: none;
				 }
				 
		/**
		 *	5.5.2 Blog Archives - tags, category, archive
		 */
		 
		 #BlogHeader{
		 	background: #999 url(images/squares-grey.gif) 0 0 repeat;
		 	color: #FFF;
		 	margin: 0 0 40px;
		 }
		 
		 	#BlogHeader a{
		 		color: #FFF;
		 	}
		 
			#BlogHeader h1{
				color: #333;
			 	font-size: 40px;
			 	letter-spacing: -3px;
			 	padding: 10px 20px 0;
			 	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);
			}
			 
			#BlogHeader img{
			 	display: block;
			 	float: left;
			 	margin: 10px 0 0 20px;
			}
			  	
		 	#BlogHeader p{
		 		font-size: 18px;
		 		padding: 0 20px 10px;
		 		text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
		 	}
		 
		 #AuthorDetails{
		 	float: left;
		 }
		 	
		 	#AuthorDetails h2{
		 		font-size: 26px;
		 		font-weight: normal;
		 		letter-spacing: -2px;
		 		padding: 0 20px 0;
		 	}
		 	
		 	#AuthorDetails h3{
		 		color: #333;
		 		font-size: 18px;
		 		font-weight: normal;
		 		padding: 0 20px 10px;
		 		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);
		 	}
		 
		 #AuthorStats{
		 	clear: both;
		 	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
		 }
		 
		 	#AuthorStats h2{
		 		font-size: 20px;
		 		font-weight: normal;
		 		padding: 15px 20px 0;
		 	}
		 	
		 	#AuthorStats p{
		 		font-size: 16px;
		 	}
		 	
		
		 	
		h2#Comments{
			color: #424242;
			float: left;
			font-size: 28px;
			font-weight: normal;
		}
		
		p#AddCommentLink{
			float: right;
			padding-top: 14px;
		}
		
		.navigation{
			clear: both;
		}
		
		ol.commentlist{
			clear: both;
		}
		
		ol.commentlist li{
			background: #FFF url('images/squares-white.gif') 0 bottom repeat-x;
			clear: both;
			list-style: none;
			margin: 0;
			padding: 20px 0;
		}
		
		
		ol.commentlist li.bypostauthor{
			background: #FBC url(images/squares-pink.gif) 0 0 repeat;
			color: #000;
			margin: 20px 0;
			padding: 10px;
		}
		
		ol.commentlist li.byuser{
			background: #EEE url(images/squares-grey-light.gif) 0 0 repeat;
			color: #000;
			margin: 20px 0;
			padding: 10px;
		}
		
			
			ol.commentlist li.byuser .comment-body{
				background: transparent url(images/logo-mini.png) right 5px no-repeat;
			}
		

		.commentmetadata{
			display: inline;
		}
		
		.comment-author{
			display: inline;
			font-weight: bold;
		}
		
			.comment-author cite{
				font-style: normal;
			}
		
		.comment-author .avatar,
		.comment-author span.says{
			display: none;
		}
		
		.commentmetadata,
		.commentmetadata a{
			color: #999;
			display: inline;
			text-decoration: none;
		}
		
		ol.commentlist li p{
			padding: 10px 0 0;
		}
		 	
		#CommentForm{
			background: #EEE url(images/squares-grey-light.gif) 0 0 repeat;
			color: #000;
			clear: both;
		}
		
			#CommentForm h3{
				font-size: 24px;
				padding: 12px 20px 0;
			}
		
			#CommentForm .field,
			#CommentForm p{
				clear: both;
				padding: 10px 20px;
			}
			
			#CommentForm label{
				display: block;
				float: left;
				position: relative;
				margin-top: 5px 0 0;
				text-align: right;
				width: 190px;
			}
			
				#CommentForm label#CommentLabel{
					
				}
				
				#CommentForm label .required{
					color: #C03;
					font-weight: bold;
					position: absolute;
					right: -10px;
				}
			
			#CommentForm input[type="text"]{
				display: block;
				float: left;
				font-size: 16px;
				margin-left: 20px;
				padding: 2px 5px;
				width: 230px;
			}
			
			#CommentForm textarea{
				font-size: 16px;
				padding: 5px;
				width: 445px;
			}
			
			#CommentForm button{
		 		background: #999 url('images/login-button.jpg') 0 0 repeat-x;
		 		border: 1px solid #999;
		 	 	border-radius: 5px;
		 		color: #000;
		 		font-size: 14px;
		 		margin: 10px 0 20px 230px;
		 		padding: 3px 5px 4px;
		 	 	text-shadow: 1px 1px 0 rgba(255,255, 255, 0.5);
		 	 	-khtml-border-radius: 5px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
			}
			
			#respond .logged-in button{
				margin-left: 20px;
			}
			
	/**
	 *	5.6 About
	 */
	 
	 body.about div.column-one h1{
	 	color: #333;
	 	font-size: 42px;
	 	letter-spacing: -3px;
	 	padding: 0;
	 }
	 
	 body.about div.column-one h1 + p{
	 	font-size: 24px;
	 	line-height: 30px;
	 }
	 
	 body.about div.column-one h2{
	 	margin-top: 1em;
	 }
	 
	 body.about #Content div.column-two{
	 	margin-top: 42px;
	  	width: 460px;
	 }
	 
	 body.about #AboutQuote{
	 	font-size: 20px;
	 	font-style: italic;
	 	line-height: 26px;
	 }
	 
	 #AboutOurTeam h2 + p{
	 	background: transparent url(images/red-birds.gif) right -10px no-repeat;
	 	padding-right: 160px;
	 }
	 
	 body.about #ProductsSimple ul{
	 	margin-left: -15px;
	 }
	 
	 body.about #ProductsSimple li{
	 	float: left;
	 	font-size: 24px;
	 	font-weight: bold;
	 	letter-spacing: -1px;
	 	padding-left: 0;
	 	padding-top: 100px;
	 	text-align: center;
	 	text-transform: lowercase;
	 	width: 153px;
	 }
	 
	 	body.about #ProductsSimple li a{
	 		text-decoration: none;
	 	}
	 	
	 	body.about #ProductsSimple li a:hover{
	 		text-decoration: underline;
	 	}
	 	
	 	body.about #ProductsSimple li#Textburst{
	 		background-position: 30px 10px;
	 	}
	 	
	 	body.about #ProductsSimple li#OMS{
	 		background-position: -670px 10px;
	 	}
	 	
	 	body.about #ProductsSimple li#EmailToSMS{
	 		background-position: -1370px 10px;
	 	}
	 	
	 	
	 /**
	  *	5.7 Security / One-off pages
	  *	Ten things, terms, accessibility, security, etc
	  */
	 body.security #Content .column-one{
	 	width: 520px;
	 }
	 
	 	body.security #Content .column-one h1{
	 		font-size: 42px;
	 		letter-spacing: -3px;
	 	}
	 	
	 	body.security #Content .column-one h1 + p{
	 		font-size: 18px;
	 	}
	 	
	 	body.security #Content .column-one h2{
	 		font-size: 28px;
	 		padding-top: 1em;
	 	}
	 	
	 	body.security #Content .column-one hr + p{
	 		font-size: 12px;
	 	}
	 
	 body.security #Content .column-two{
	 	padding-top: 18px;
	 	width: 380px;
	 }
	 
	 	body.security #Content .column-two h2{
	 		font-size: 18px;
	 		font-weight: normal;
	 	}
	 	
	 	body.security #Content #ProductsSimple h2{
	 		font-size: 28px;
	 	}
	 	
	 	
	 	#GetTheAPI{
	 		background: #C03 url(images/squares-red-dark.gif) 0 0 repeat;
	 		color: #FFF;
	 		text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
	 	}
	 	
	 		#GetTheAPI p{
	 			font-size: 28px;
	 			padding: 5px 20px;
	 			font-weight: bold;
	 			letter-spacing: -2px;
	 			text-transform: lowercase;
	 		}
	 		
	 			#GetTheAPI a{
	 				color: #FFF;
	 			}
	 	
	 /**
	  *	5.8 API
	  */

	body.api #Branding{
	 	background-image: url('images/logo-api.png');
	 	background-position: 0 4px;
	}
	 
	 	body.api #Branding,
		body.api #Branding a{
			height: 34px;
			width: 256px;
		}
		
	body.api #Breadcrumb{
		background: transparent url(images/squares-white.gif) 0 bottom repeat-x;
		margin: 0 0 20px;
		padding: 0 0 20px;
		
	}
		
	body.api h1{
		font-size: 42px;
		letter-spacing: -1px;
		line-height: 1.2;
	}
	
	body.api #Content .column-one .section h2,
	body.api #Content .column-one .section h3,
	body.api #Content .column-one .section h4{
		padding-top: 1em;
	}
	
	body.api-landing h1{
		letter-spacing: -3px;
	}
	
	body.api-landing #Content .column-one .section h2,
	body.api-landing #Content .column-one .section h3,
	body.api-landing #Content .column-one .section h4{
		padding-top: 0;
	}
	
	body.api #Content .column-one .section hr + h2{
		padding-top: 0;
	}
		
	/*body.api pre{
		background: #EEE;
		font-family: monospace;
		overflow: auto;
		padding: 20px;
		width: 480px;
	}*/
	
	body.api ul.menu li ul{
		display: none;
		padding-left: 20px;
	}
	
	/* Ensure only the active menu items are shown and/or highlighted */
	
	body.api ul.menu li.current_page_item ul,
	body.api ul.menu li.current_page_parent ul,
	body.api ul.menu li.current_page_ancestor ul,
	body.api ul.menu li.current_page_ancestor ul li.current_page_item ul,
	body.api ul.menu li.current_page_ancestor ul li.current_page_ancestor ul,
	body.api ul.menu li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_item ul,
	body.api ul.menu li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_parent ul{
		display: block;
	}
	

		body.api ul.menu li.current_page_item ul li ul,
		body.api ul.menu li.current_page_ancestor ul li ul,
		body.api ul.menu li.current_page_ancestor ul li.current_page_item ul li ul,
		body.api ul.menu li.current_page_ancestor ul li.current_page_ancestor ul li ul{
			display: none;
		}
	
		body.api ul.menu li.current_page_ancestor a,
		body.api ul.menu li.current_page_parent a,
		body.api ul.menu li.current_page_item a,
		body.api ul.menu li.current_page_ancestor ul li.current_page_item a,
		body.api ul.menu li.current_page_ancestor ul li.current_page_parent a,
		body.api ul.menu li.current_page_ancestor ul li.current_page_parent ul li.current_page_item a{
			color: #333;
			font-weight: bold;
			text-decoration: none;
		}
	
		body.api ul.menu li.current_page_ancestor li a,
		body.api ul.menu li.current_page_parent li a,
		body.api ul.menu li.current_page_item li a,
		body.api ul.menu li.current_page_ancestor ul li.current_page_parent ul li a,		
		body.api ul.menu li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_item li a,
		body.api ul.menu li.current_page_ancestor ul li.current_page_item ul li a{
			color: #903;
			font-weight: normal;
			left: 0;
			text-decoration: underline;
		}
		
	  
	/**
	 *	5.8.1 API Landing pages
	 */
	 
	body.api #Content .column-one{
		width: 520px;
	}
	
	
	body.api #Content .column-two{
		width: 380px;
	}
	
	body.api-landing #Content .column-one{
		width: 520px;
	}
	
	body.api-landing #Content .column-two{
		width: 380px;
	}

	 	
	 	body.api #APIIntro{
	 		background: #EEE url('images/squares-grey-light.gif') 0 0 repeat;
	 		float: left;
	 		margin: 0 0 30px;
	 		width: 100%;
	 	}
	 	
	 		body.api #APIIntro h1{
	 			font-size: 42px;
	 			letter-spacing: -3px;
	 			padding: 10px 20px;
	 			text-shadow: 1px 1px 0 rgba(255,255,255, 0.3);
	 		}
	 		
	 			body.api #APIIntro h1 span{
	 				color: #C03;
	 				font-style: normal;
	 			}
	 		
	 		body.api #APIIntro p{
	 			font-size: 18px;
	 			padding: 0 20px 1em;
	 		}
	 		
	 		body.api #APIIntro h1 + p{
	 			font-size: 24px;
	 			line-height: 1.3;
	 		}
	 		
	 		body.api #APIIntro p strong{
	 			font-weight: normal;
	 		}
		 			
		 body.api #Content .column-one .section h3{
		 	font-size: 20px;
		 	font-weight: normal;
		 	padding-top: 1em;
		 }

	 
	 	body.api #Content .column-two .column-one{
	 		width: 100%;
	 	}
	 	
	 	body.api #APIButtons{
	 		clear: both;
	 		float: left;
	 		width: 100%;
	 	}
	 	
	 		body.api #APIButtons a{
	 			background: #903 url(images/button-red.jpg) 0 bottom repeat-x;
	 			border: 3px solid #903;
	 			box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
	 			color: #FFF;
	 			display: block;
	 			float: right;
	 			font-size: 18px;
	 			font-weight: bold;
	 			margin: 20px;
	 			padding: 5px;
	 			text-align: center;
	 			text-decoration: none;
	 			text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
	 			width: 200px;
	 			-moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
	 			-webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
	 		}
	 		
	 			body.api #APIButtons a:hover{
	 				text-decoration: underline;
	 			}
	 			
	 			body.api #APIButtons a:active{
	 				text-shadow: 0 0 2px rgba(255,255,255, 0.5);
	 			}
	 		
	 		body.api #APIButtons a.first{
	 			background-color: #666;
	 			background-image: url(images/button-grey.jpg);
	 			border-color: #666;
	 			float: left;
	 		}
	 		
	 		body.api #APIButtons a.sidebar-link{
	 			float: none;
	 			font-size: 28px;
	 			font-weight: normal;
	 			margin: 0 0 20px;
	 			width: 360px;
	 		}
	 		
	 			body.api #APIButtons a.sidebar-link span{
	 				display: block;
	 				font-size: 18px;
	 			}

		body.api #Content .column-two .section{
			background: #EEE url(images/squares-grey-light.gif) 0 0 repeat;
			clear: left;
			float: left;
			margin: 0 0 40px;
			padding: 0 0 5px;
			width: 100%;
		}
		
			body.api #Content .column-two .section h2,
			body.api #Content .column-two .section p,
			body.api #Content .column-two .section ul,
			body.api #Content .column-two .section form{
				padding-left: 20px;
				padding-right: 20px;
			}
			
			body.api #Content .column-two .section h2{
				padding-top: 15px;
			}

		#APIProductsList h2{
			font-size: 24px;
 	 		line-height: 1.2;
		}
	 
	 	body.api #Content .column-two #SalesPitch h2{
	 		padding-top: 18px;
	 	}
	 	
	 	body.api #SearchForm form input{
	 		width: 245px;
	 	}
	 	
	 	body.api #FeaturesList{
	 		background: #999 url(images/squares-grey-light.gif) 0 0 repeat;
	 		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
	 	}
	 	
	 	body.api #FeaturesList h2{
	 		background: #333 url(images/squares-grey.gif) repeat scroll 0 0;
	 		color: #FFF;
	 		font-size: 42px;
	 		letter-spacing: -3px;
	 		padding: 10px 20px 10px;
	 		text-shadow: 1px 1px 0  rgba(0, 0, 0, 0.3);
	 		text-transform: lowercase;
	 	}
	 	
	 	body.api #FeaturesList ul{
	 		padding: 20px 20px 10px;
	 	}
	 	
	 		body.api #FeaturesList ul li{
		 		font-size: 22px;
		 		letter-spacing: -1px;
		 		/*list-style: none;
	 			margin-left: 0;*/
	 			margin-left: 20px;
	 		}
	 		
	 		body.api #FeaturesList h2 + ul li{
	 			font-weight: bold;
	 			list-style: none;
	 			margin-left: 0;
	 		}
	 		
	 		body.api #FeaturesList h2 + ul li:first-child{
	 			font-size: 26px;
	 		}
	 		
	 	body.api #FeaturesList #APIButtons{
	 			float: none;
	 			padding: 0 0 20px;
	 		}
	 		
	 		body.api #FeaturesList #APIButtons a{
	 			display: block;
	 			float: none;
	 			font-size: 26px;
	 			font-weight: normal;
	 			margin: 0 auto;
	 			width: 340px;
	 		}
	 		
	 			body.api #FeaturesList #APIButtons a span{
	 				display: block;
	 				font-size: 14px;
	 			}
	 		
	 		
	 		
	 		body.api #FeaturesList  #APIButtons a.first{
	 			background-color: #903;
	 			background-image: url(images/button-red.jpg);
	 			border-color: #903;
	 			float: none;
	 		}
	 		
	 		body.api #FeaturesList table{
	 			margin: 0 20px 20px;
	 			width: 340px;
	 		}
	 		
	 			body.api #FeaturesList table th,
	 			body.api #FeaturesList table td{
	 				border-bottom: 1px dotted #333;
	 				padding: 5px 0;
	 				text-align: left;
	 			}
	 			
		 	
		 body.api #APISignUpButton{
		 	display: block;
		 }
		 
	/* API chunky footer */
	 	
	#APIFooter{
		background: #999 url('images/squares-grey.gif') 0 0 repeat;
		border-bottom: 40px solid #FFF;
		color: #FFF;
		clear: both;
		float: left;	
		padding: 0 0 20px;
		width: 100%;
	}
	
		#APIFooter hr{
			display: none;
		}
	
		#APIFooter .column-one{
			width: 380px;
		}
		
		#APIFooter .column-two{
			float: right;
			width: 520px;
		}
		
		#APIFooter a{
			color: #333;
		}
		
		#APIFooter h2{
			padding: 20px 0 0;
		}
		
		#APIFooter .column-one ul li{
			list-style: none;
			margin: 0 0 1em;
		}
		
		
		#APIFooter .column-two ul li{
			display: inline;
			margin: 0;
			padding-right: .5em;
		}
		
		#APIFooter{
			background: #E5E5E5 url('images/squares-white.gif') 0 0 repeat;
			color: #333;
		}
		
	/**
	 *	5.8.2 API Content pages
	 */
	body.api #Content .column-two ul.menu li{
		list-style: none;
		margin: 0 0 .5em;
	}
	
	
	/**
	 *	5.8.3 API Product showcases
	 */
	 
 	body.api #APIProductsList{
 	 	clear: both;
 	}
 	 
 	 	body.api #APIProductsList h2{
 	 		padding: 0;
 	 	}
 	 	
	 	 	body.api #APIProductsList h2 span{
	 	 		float: right;
	 	 		font-size: 14px;
	 	 		margin: 10px 0 0 0;
	 	 	}
	 	 	
	 	 		body.api #APIProductsList h2 span a:link{
	 	 			color: #903;
	 	 		}
	 	 		
 	 	body.api #APIProductsList ul{
 	 		margin-left: -20px;
 	 	}

 	 	body.api #APIProductsList li{
 	 		float: left;
 	 		list-style: none;
 	 		margin: 0 0 40px 20px;
 	 		min-height: 230px;
 	 		width: 249px;
 	 	}
 	 	

 	 		body.api #APIProductsList li img{
 	 			display: block;
 	 		}
 	 		
 	 			body.api #APIProductsList li img{
 	 				max-width: 249px;
 	 			}
 	 			 	 		

 	 		body.api #APIProductsList li h2,
 	 		body.api #APIProductsList li h3{
 	 			font-size: 16px;
 	 			line-height: 1.2;
 	 			padding: 0;
 	 		}
 	 		
 	 		body.api #APIProductsList li h3{
 	 			padding-top: 10px;
 	 		}
 	 		

 	 			body.api #APIProductsList li h2 a,
 	 			body.api #APIProductsList li h3 a{
 	 				text-decoration: none;
 	 			}
 	 		
 	 		body.api #APIProductsList li p{
 	 			color: #666;
 	 		}
 	 	
 	 	/* Product listings on API landing page */
 	 	body.api-landing #APIProductsList ul{
 	 		padding-top: 10px;
 	 	}	
 	 		
 	 		
	 	 	body.api-landing #APIProductsList li{
				min-height: 180px;
				width: 172px;
			}
			
				body.api-landing #APIProductsList li h2, body.api #APIProductsList li h3{
			 		padding-top: 10px;
			 	}
				
				body.api-landing #APIProductsList li img{
					width: 172px;
				}

	 
	/**
	 *	5.8.4 API Product showcase
	 */ 
	 
	#TeamQuote{
		
	}
	
		#TeamQuote h2{
			font-size: 18px;
			margin: 20px 0 0;
		}
		
		#TeamQuote div{
			background: #EEE url(/wp-content/themes/mediaburst/images/squares-grey-light.gif); color:#333;font-size: 20px; font-weight: bold; padding:20px;margin:0; text-shadow: 1px 1px 0 rgba(255,255,255, 0.3);
		}
		
		#TeamQuote cite{
			background: transparent url(images/quote-grey-light.gif) 100px 0 no-repeat;
			display: block;
			padding-top: 30px;
		}
	 
	#ProductCompany{
		float: left;
	}
	
		#ProductCompany h2{
			font-size: 24px;
		}
	
		#ProductCompany img{
			clear: both;
			float: left;
			margin: 0 20px 20px 0;
			width: 190px;
		}
		
		#ProductCompanyInfo{
			float: left;
			width: 310px;
		}
		
		#ProductCompanyInfo h3{
			font-size: 18px;
			margin-top: -5px;
			padding: 0 0 10px;
		}
	
	/**
	 *	5.9 404 Error
	 */
	 
	body.error,
	body.error .inner{
		margin: 0 auto;
		width: 380px;
	}
	 
	body.error #Header, 
	body.error #PreFooter,
	body.error #Footer{
		display: none;
	}
	
	body.error #SalesPitch{
		margin-top: 50px;
	}
	

		
	
		body.error #SalesPitch hr, 
		body.error #BlogSubscribe label{
			display: none;
		}
		
		
		body.error #SearchForm button{
			background: #E2E2E2;
			border: 1px solid #FFF;
			box-shadow: 1px 1px 0 #333;
			color: #333;
			text-shadow: 1px 1px 0 #FFF;
			-moz-box-shadow: 1px 1px 0 #333;
			-webkit-box-shadow: 1px 1px 0 #333;
		}
		
		
	
	
	body.error #Branding{
		float: right;
		margin-top: -50px;
	
	}
		
	/**
	 *	5.10 Search
	 */
	 
	#SearchListings{
	
	}
	
	#SearchListings li{
		color: #666;
		line-height: 1.2;
		list-style: none;
		margin: 0 0 2em;
	}
	
		#SearchListings li:hover{
			color: #333;
		}
	
		#SearchListings li h2{
			font-size: 16px;
			font-weight: normal;
			padding: 0 0 .25em;
		}
		
		
		#SearchListings li a.permalink{
			color: #333;
			display: block;
			padding-top: .25em;
			text-decoration: none;
		}


/**
 * 6 Mobile
 */
 
@media screen and (max-device-width: 480px) {

	body{
		padding-top: 50px;
	}

	#MobileLink{
		background: #999 url('images/squares-grey.gif') 0 0 repeat;
		height: 50px;
		left: 0;
		position: absolute;
		text-align: center;
		text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
		top: 0;
		width: 100%;
	}
	
		#MobileLink p{
			color: #FFF;			
			font-size: 18px;
			font-weight: bold;
			padding: 10px;
			text-align: center;
		}
		
		#MobileLink p a{
			color: #FFF;	
			text-decoration: underline;
		}

}