/* @group Reset */

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;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* @end */

/* @group Layout */

/* @group General */

body {
	font-size: 76%;
	font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;
	color: #555;
	background-color: #338fc9;
	line-height: 1.83em;
}
a {
	color: #0073bb;
	text-decoration: none;
}
p {
	padding: 0 0.83em 1.83em 0.83em;
}
p img {
	float: right;
	padding: 0 0 0.83em 0.83em;
}
.leftcol {
	width: 600px;
	float: left;
}
.rightcol {
	width: 360px;
	float: right;
}
.clear {
	clear: both;
}
p.backhome {
	margin-top: 2em;
	display: block;
	width: 175px;
	height: 40px;
	margin-left: 10px;
	background: transparent url(back-button.gif) no-repeat;
	float: right;
	padding: .7em 0 0 0;
	text-align: center;
}
.right {
	margin-top: 2em;
	display: block;
	width: 220px;
	height: 84px;
	margin-left: 10px;
	float: right;
	padding: .7em 0 0 0;
	text-align: center;
}
.projects td{
	vertical-align: middle;	
} 
p.backhome a {
	font-size: 1.2em;
	color: #fff;
	
}
div.container {
	margin: 0 auto;
	display: block;
	width: 960px;
}
ul {
	padding-bottom: 1.83em;
}
li {
	background: #fff url(tick-icon.gif) no-repeat 0.83em 0.41em;
	padding-left: 2.83em;
}
p.bluebutton, p.purplebutton {
	padding-bottom: 0;
}
p.bluebutton a,
p.purplebutton a {
	height: 3.25em;
	width: 240px;
	display: block;
	color: #fff;
	text-align: center;
	padding: 1em 0 0 0;
	font-size: 1.2em;
	font-weight: 100;
}
p.bluebutton a {
	background: #fff url(button-blue.gif) no-repeat 0 0;
}
p.purplebutton a {
	background: #fff url(button-purple.gif) no-repeat 0 0;
}


/* @end */

#header {
	display: block;
	height: 100px;
	background: #fff url(background-header.gif) repeat-x 0 0;
}
#header div {
	margin: 0 auto;
	display: block;
	width: 960px;
}
#copy {
	background-color: #fff;
}
#footer {
	background: #338fc9 url(background-footer.gif) repeat-x 0 0;
	min-height: 30px;
	height: auto;
	clear: both;
}

/* @end */

/* @group Branding */

h1, h1 a, h2 {
	display: block;
	height: 100px;
	width: 480px;
	text-indent: -9999px;
}
h1 {
	background: transparent url(amagol-logo.gif) no-repeat 0 0;
	float: left;
}
h2 {
	background: transparent url(tagline.gif) no-repeat 0 0;
	float: left;
}

/* @end */

/* @group Footer */
#footer p {
	margin: 0 auto;
	display: block;
	height: 30px;
	width: 960px;
	color: #fff;
	padding: 0;
}
#footer a {
	color: #fff;
}
#footer a.btt {
	background: transparent url(back-to-top.gif) no-repeat 100% 0;
	float: right;
	display: block;
	padding: 0 30px 3px 0;
	color: #0073bb;
}

/* @end */

/* @group Headings */

h3 {
	color: #813e7c;
	font-size: 2em;
	font-weight: 100;
	padding: .5em 0.41em .5em 0.41em;
}
h4 {
	color: #e96300;
	font-size: 1.33em;
	font-weight: 100;
	padding: 0 0.83em 0em 0.83em;
}

/* @end */
.mcec{
float: left;
margin: 0 15px;
}