/**
 ** CSS reset, taken from:
 ** http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 **/
		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,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-weight: inherit;
			font-style: inherit;
			font-size: 100%;
			font-family: inherit;
			vertical-align: baseline;
		}
		:focus {
			outline: 0;
		}
		body {
			line-height: 1;
			color: black;
			background: white;
		}
		ol, ul {
			list-style: none;
		}
		table {
			border-collapse: separate;
			border-spacing: 0;
		}
		caption, th, td {
			text-align: left;
			font-weight: normal;
		}
		blockquote:before, blockquote:after,
		q:before, q:after {
			content: "";
		}
		blockquote, q {
			quotes: "" "";
		}

/**
 ** HTML Elements
 **/
		body {
			background: #fff;
			color: #5D6C72;
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			font-size: 14px;
			line-height: 18px;
		}
		h1 {
			font-size: 18px;
			line-height: 18px;
			font-weight: bold;
			margin: 0 0 18px 0;
			color: #445358;
		}
		h2 {
			font-size: 18px;
			font-weight: bold;
			line-height: 18px;
			padding: 18px 0;
			color: #445358;
		}
		h3,	h4, h5, h6 {
			font-size: 14px;
			font-weight: bold;
			line-height: 18px;
			margin: 0 0 18px 0;
		}
		a:link,
		a:visited {
			font-weight: normal;
			text-decoration: none;
			color: #fff;
			background-color: #60c4ea;
			padding: 0 4px;
		}
		a:hover,
		a:active {
			color: #fff;
			background-color: #662d91;
		}
		p {
			margin: 0 0 18px 0;
		}
		ul {
			margin: 0 0 18px 27px;
			list-style-type: circle;
		}
		dl,
		ol {
			margin: 0 0 18px 0;
		}
		dl dt {
			font-weight: bold;
			clear: left;
			float: left;
			margin-right: 9px;
		}
		dl dd {
			float: left;
		}
		blockquote {
				color: #2b4f5d;
				font-family: Georgia, serif;
				font-size: 14px;
				line-height: 18px;
				width: 520px;
				float: left;
				font-style: italic;
				margin: 0 0 18px 0;
				padding: 0;
		}
		cite {
			font-size: 12px;
			font-weight: bold;
		}

/**
 ** Document Structure
 **/
		body {
			background: url('../images/bg-top-repeater.png') repeat-x;
		}
		#header {
			height: 288px;
			width: 940px;
			background: #fff url('../images/bg-top.png') no-repeat 220px 0;
			padding: 0 10px 0 40px;
			position: relative;
		}
		#main-content {
			width: 520px;
			padding: 54px 70px 54px 100px;
		}
		#our-services {
			width: 300px;
			position: absolute;
			top: 216px;
			left: 690px;
			background: url('../images/services-lines.png') no-repeat 0 0;
			min-height: 407px;
			padding: 168px 0 0 0;
		}
		#footer {
			background-color: #60c4ea;
		}
			#footer .inner-wrapper {
				width: 880px;
				padding: 36px 10px 18px 100px;
			}

/**
 ** Styling
 */

		/*
		 * Header items:
		 */
		#company-name {
			width: 279px;
			height: 178px;
			background-color: #fff;
			text-indent: -9999px;
			background: url('../images/jump-pr-logo.png') no-repeat 0 bottom;
			margin: 0 0 0 23px;
			padding: 54px 0 0 0;
			float: left;
		}
		#company-name a:link,
		#company-name a:visited,
		#company-name a:hover,
		#company-name a:active {
			display: block;
			height: 178px;
			background: none;
		}
		#navigation {
			float: right;
			width: 520px;
		}
			#navigation ul {
				text-align: right;
				float: right;
				margin: 0;
				list-style-type: none;
			}
				#navigation ul li {
					float: left;
				}
					#navigation ul li a:link,
					#navigation ul li a:visited {
						display: block;
						padding: 135px 9px 9px;
						margin: 0 1px;
						text-transform: lowercase;
						font-size: 18px;
						letter-spacing: -1px;
					}
					#navigation ul li a:hover,
					#navigation ul li a:active,
					#navigation ul li.active a {
						background-color: #ceedf9;
						color: #374790;
					}
					#header p.strapline {
						position: absolute;
						top: 190px;
						right: 7px;
						font-family: Georgia, serif;
						font-size: 19px;
						line-height: 18px;
						font-style: italic;
						color: #fff;
						clear: both;
						text-align: right;
						padding: 0px 10px 0 0;
					}
					#header p.strapline a {
						color: #482996;
					}
					#header p.strapline a:hover {
						background-color: #482996;
						color: #fff;
					}

		/*
		 * Main content items:
		 */
		
		/*
		 * Our services items:
		 */
		#our-services ul {
			font-size: 13px;
			list-style-type: none;
			margin: 0;
			text-transform: lowercase;
		}
		#our-services ul li a {
			margin: 0;
			display: block;
			line-height: 23px;
			background: none;
			text-align: right;
			font-weight: bold;
			margin-bottom: 4px;
		}
		#our-services ul li#media-relations {
			padding-right: 65px;
			margin-bottom: 5px;
		}
		#our-services ul li#brand {		
			padding-right: 65px;	
		}
		#our-services ul li#product-launches {			
			padding-right: 63px;
		}
		#our-services ul li#product-launches a {			
			color: #662d91;
		}
		#our-services ul li#tradeshows {			
			padding-right: 60px;
		}
		#our-services ul li#strategic-campaigns {			
			padding-right: 58px;
		}
		
		/*
		 * Footer items:
		 */
		 #footer #contact {
			background-color: #ceedf9;
			width: 280px;
			padding: 18px 10px;
			margin: 0 -10px 18px;
			float: right;
		 }
			#footer #contact dl {
				margin: 0;
				font-size: 12px;
			 }
			
			#footer #contact dt {
				width: 70px;
				margin-bottom: 5px;
			}
			
			 #footer #contact dl dd a:link,
			 #footer #contact dl dd a:visited,
			 #footer #contact dl dd a:hover,
			 #footer #contact dl dd a:active {
				font-weight: bold;
				background: none;
				color: #2b4f5d;
			}
			 #footer #contact dl dt a:link,
			 #footer #contact dl dt a:visited,
			 #footer #contact dl dt a:hover,
			 #footer #contact dl dt a:active {
				background: none;
				padding: 0;
				margin: 0;
			}
			
			#footer #contact a.twitter:link,
			#footer #contact a.twitter:visited
			 {
				width: 75px;
				height: 32px;
				float: left;
				display: block;
				text-indent: -9999px;
				background: url('../images/twitter-logo.png') no-repeat center center;
			}
			
			#footer #contact a.facebook:link,
			#footer #contact a.facebook:visited
			 {
				width: 71px;
				height: 32px;
				float: left;
				display: block;
				text-indent: -9999px;
				background: url('../images/facebook-logo.png') no-repeat center center;
			}
			
			#footer #testimonial {
				color: #2b4f5d;
				font-family: Georgia, serif;
				width: 520px;
				float: left;
				background: url('../images/bg-66marks.png') no-repeat 25px 27px;
				margin: -36px -60px ;
				padding: 36px 60px;
			}
			#footer #testimonial blockquote {
				font-size: 18px;
				line-height: 27px;
				font-style: italic;
				margin: 0;
			}
			#footer #testimonial cite {
				font-size: 14px;
				text-align: right;
				display: block;
				margin-bottom: 18px;
			}
			#footer #copyright {
				clear: both;
				font-size: 12px;
				color: #2b4f5d;
				text-align: right;
				padding: 0 10px;
			}
				#footer #copyright p {
					margin: 0;
				}

/**
 ** Global styles:
 **/
	h1#page-title {
		font-size: 10px;
		line-height: 18px;
		font-weight: normal;
		text-transform: uppercase;
		margin: 9px 0;
	}
	.intro {
		color: #191919;
		font-size: 18px;
		line-height: 27px;
		padding: 0 0 63px 0;
		margin: 0 0 9px 0;
		background: url('../images/divider-horizontal-1.png') no-repeat center bottom;
	}

/**
 ** Page specific styles:
 **/
	/* Clients */
	body#clients ul.clients li {
		padding: 18px 0;
		margin: 0;
		font-size: 12px;
	}
	body#clients ul.clients li h3,
	body#clients ul.clients li p {
		margin: 0 0 9px 0;
	}
	body#clients ul.clients li p.clients-website {
		margin: 0;
	}
	
	/* Front page */
	#about-jumppr-continued .column {
		width: 240px;
		float: left;
	}
	#about-jumppr-continued .one {
		margin-right: 20px;
	}

/**
 ** Easy float clearing
 */

		/*
		 * Float clearing for IE6:
		 */
				* html .clearfix,
				* html dl,
				* html #main-content,
				* html #footer .inner-wrapper,
				* html #footer #contact dl
				{
				  height: 1%;
				  overflow: visible;
				}	
				
		/*
		 * Float clearing for IE7: 
		 */
				*+html .clearfix,
				*+html dl,
				*+html #main-content,
				*+html #footer .inner-wrapper,
				*+html #footer #contact dl
				{
				  min-height: 1%;
				}
		
		/*
		 *  Float clearing for everyone else:
		 */
				.clearfix:after,
				dl:after,
				#main-content:after,
				#footer .inner-wrapper:after,
				#footer #contact dl:after
				{
				  clear: both;
				  content: ".";
				  display: block;
				  height: 0;
				  visibility: hidden;
				}