/*
	Yellow 1	#ff0
	Yellow 2	#eee71d
	White		#fff
	Black		#303030
	Grey		#ededf2
	Blue 1		#606090
	Blue 2		#484878

*/

body
{
	background-color:					#fff;
	color:							#303030;
	font-family:						"Lucida Sans", "Lucida Sans Unicode", Lucida, Helvetica, Arial, sans-serif;
	font-size:						90%;
	line-height:						1.25em;
}

a:link
{
	color:							#484878;
	text-decoration:					underline;
}

a:visited
{
	color:							#606090;
	text-decoration:					underline;
}

a:focus,
a:hover,
a:active
{
	color:							#f70b26;
	text-decoration:					underline;
}

h2
{
	margin-bottom:						1em;
	text-transform:						uppercase;
}

h1,
h2#used
{
	width:							960px;
	height:							20px;
	padding-bottom:						4px;
	background:						transparent url("_img/h1/home.gif") no-repeat 0 0;
	margin-top:						20px;
	margin-bottom:						20px;
}

h2#christmas
{
	width:							960px;
	height:							20px;
	margin-top:						20px;
	margin-bottom:						20px;
}

h2#christmas a
{
	display:						block;
	width:							960px;
	height:							20px;	
}

h3
{
	color:							#606090;
	line-height:						1.25em;
	margin-bottom:						1em;
	text-transform:						uppercase;
	font-size:						1.25em;
}

div.boxes h2,
#bubbles h2
{
	margin-bottom:						15px;
	width:							270px;
	height:							31px;
	background-color:					transparent;
	background-repeat:					no-repeat;
	background-position:					0 0;
}

#bubbled h2
{
	width:							930px;
}

div.boxes h2#send
{
	background-image:					url("_img/h2/send.gif");
}

div.boxes h2#create
{
	background-image:					url("_img/h2/create.gif");
}

div.boxes h2#report
{
	background-image:					url("_img/h2/report.gif");
}

#bubbles h2#more
{
	background-image:					url("_img/h2/more.gif");
}

#bubbles h2#about
{
	background-image:					url("_img/h2/about.gif");
}

#bubbles h2#contact
{
	background-image:					url("_img/h2/contact.gif");
}

#bubbles h2#cost
{
	background-image:					url("_img/h2/cost.gif");
}

h2#used
{
	background-image:					url("_img/h2/used.gif");
	margin-top:						30px;
}

h2#christmas
{
	background-image:					url("_img/h2/christmas.gif");
}

#header
{
	background-color:					#303030;
	color:							#fff;
	height:							88px;
	border-bottom:						4px solid #484878;
}

#inner-header
{
	position:						relative;
}

#logo
{
	width:							413px;
	height:							88px;
	background:						transparent url("_img/logo.gif") no-repeat 0 20px;
}

#kudos
{
	background:						#fff;
	position:						absolute;
	top:							0;
	right:							0;
	background:						transparent url("_img/kudos.gif") no-repeat 0 0;
}

#kudos,
#kudos a
{
	width:							220px;
	height:							88px;
	display:						block;
}

#logo span,
#tagline span,
#kudos span,
h2 span,
h1 span
{
	position:						absolute;
	left:							-2000px;
	top:							-2000px;
}

#footer
{
	background-color:					#303030;
	color:							#fff;
	padding:						2em 0;
	border-top:						4px solid #484878;
}

#footer a:link
{
	color:							#fff;
}

#footer a:visited
{
	color:							#ededf2;
}

#footer a:focus,
#footer a:hover,
#footer a:active
{
	color:							#eee71d;
}

div.pinch
{
	width:							960px;
	margin-left:						auto;
	margin-right:						auto;
}

#prefooter
{
	border-top:						4px solid #484878;
	background:						#eee71d url("_img/yellow-stripes.png") repeat 0 0;
	padding-top:						34px;
	padding-bottom:						34px;
}

#intro
{
	background:						transparent url("_img/laptop.png") no-repeat top right;
	min-height:						343px;
	margin-bottom:						20px;
}

#blurb
{
	width:							300px;
	background:						#fff;
	display:						block;
	position:						relative;
}

p,
dl
{
	margin-bottom:						1em;
}

#footer p,
p.last-child
{
	margin-bottom:						0;
}

div.boxes div.box,
#bubbles #bubblea,
#bubbles #bubbleb,
#bubbles #bubblec,
#bubbles #bubbled
{
	width:							270px;
	margin-right:						30px;
	padding:						15px;
	float:							left;
	background:						#303030 url("_img/box-background.gif") no-repeat 0 0;
	min-height:						380px;
	color:							#fff;
}

#bubbles #bubblea,
#bubbles #bubbleb,
#bubbles #bubblec,
#bubbles #bubbled
{
	background:						#fff;
	color:							#303030;
}

#bubbles #bubblea,
#bubbles #bubbleb,
#bubbles #bubblec
{
	min-height:						340px;
}

#bubbles #bubbled
{
	width:							930px;
	margin-bottom:						30px;
}

div.boxes div.box3,
#bubbles #bubblec
{
	margin-right:						0;
}

div.boxes img
{
	display:						block;
	background-color:					#fff;
	margin-bottom:						15px;
}

div.clearer
{
	clear:							both;
	line-height:						0;
	height:							0;
}

#client-logos
{
	margin-bottom:						30px;
	height:							62px;
}

#client-logos li,
#client-logos li a
{
	width:							75px;
	height:							62px;	
}

#client-logos li
{
	background:						transparent url("_img/client-logos-background.gif") no-repeat 0 0;
	float:							left;
	margin-right:						23.33px;
}

#client-logos li.last-child
{
	margin-right:						0;
}

#client-logos li a
{
	display:						block;
}

#slideshow
{
	position:						absolute;
	top:							22px;
	left:							447px;
}

#slideshow img
{
	display:						none;
}

#slideshow img.first-child
{
	display:						block;
}

#call-to-action
{
}

div.boxes li,
#bubbles li
{
	background:						transparent url("_img/bullet.gif") no-repeat 0 0.2em;
	padding-left:						35px;
	padding-bottom:						0.75em;
}

dl
{
	line-height:						1.5em;
}

dl dt
{
	font-weight:						bold;
	text-transform:						uppercase;
}

dl dd
{
	margin-bottom:						0.5em;
}

.twitter
{
	background:						transparent url("_img/twitter-16x16.png") no-repeat left bottom;
	padding-left:						20px;	
}