/*
		Contents of master.css:
		---------------------------------------------------------------------------

	 	* CSS Reset											~ Resetting the CSS for consistency
	 	* HTML Elements									~ Styles for common elements and classes
	 	* Site structure								~ Main layout structure of each page
	 		- Header items									~ Elements in within the header area
	 		- Content items									~ Elements within the content area
	 		- Additional content items 			~ Elements within the sidebar area
	 		- Footer items									~ Elements within the footer
	 	* Global styles									~ Global styles used across the website
	 	* Page specific styles					~ Styles unique to a particular page
	 	* MAD styles										~ Styles unqiue to the MAD app
	 	* Float clearing								~ Float clearing for floated elements	
		
		----------------------------------------------------------------------------		
*/


/**
 ** CSS 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,
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: #fff;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
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 {
	color: #646C7E;
	font-size: 13px;
	font-family: "Myriad Pro", "Lucida Grande", Arial, sans-serif;
	line-height: 18px;
}
h1 {
	color: #3778C5;
	font-size: 12px;
	font-weight: normal;
}
h2 {
	font-size: 36px;
	font-family: "Palatino", "Palatino Linotype", Georgia, 'Times New Roman', serif;
	margin: 18px 0;
	color: #8ACD71;
	line-height: 36px;
	font-weight: normal;
}
h3 {
	color: #3778C5;
	font-size: 14px;
	margin: 27px 0 9px 0;
	font-weight: bold;
}
h4,
h5,
h6 {
	color: #3778C5;
	font-size: 14px;
	margin: 9px 0;
	font-weight: normal;
}
p {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
blockquote {
	font-family: Palatino, Georgia, 'Times New Roman', serif;
	font-size: 11px;
	color: #666;
	font-style: italic;
	padding: 0;
}
blockquote .author {
	font-weight: bold;
	text-align: right;
}
blockquote .author:before {
	content: "— ";
}
a:link,
a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #86BD66;
}
a:hover,
a:active {
	color: #8E180F;	
}
ol {
	list-style-type: decimal;
	margin: 0 0 18px 0;
}
ul {
	list-style-type: disc;
	list-style-position: outside;
	margin: 0 0 18px 18px;
}
th {
	font-weight: bold;
}
th, td {
	padding: 3px 9px;
}
tr.odd {
	background: #EAEFF7;
}
form {
	margin-bottom: 18px;
}
.smallprint {
	font-size: 10px;
	color: #909BB1;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
/**
 ** Site structure
 */

body {
	border-top: 4px solid #A0ABC0;
	padding: 36px 0 0 0;
}
.wrapper {
	margin: 0 auto;
	width: 960px;
}
#header {
	color: #8D9AAA;
	border-bottom: 1px solid #DBE1EB;
	padding: 0 0 17px 0;	
}
#content {
	width: 780px;
	float: left;
	padding: 36px 0 0 10px;
}
#additional-content {
	width: 140px;
	margin: 0 10px 0 20px; /* Hacked in ie6.css */
	float: right;
	padding: 36px 0 0 0;
}
#body-copy {
	width: 460px;
	margin: 0 0 0 240px;
	float: left;
}
#related-content {
	width: 230px;
	margin: 0 0 0 -710px;
	float: left;
	padding: 180px 0 0 10px;
}

/**
 ** Header items
 */
#header h1.site-name,
#header h2.site-name {
	background: transparent url('../images/resource-it-logo.png') scroll no-repeat center center;
	display: block;
	float: left;
	height: 72px;
	text-indent: -99999px;
	margin: 0 0 18px 10px;
	width: 244px;
}
#header p.telephone {
	float: right;
	margin: 54px 10px 18px 0;
}
#header div.navigation {
	width: 550px;	
	float: right;
	clear: right;
}
#header div.navigation ul {
	text-transform: lowercase;
	font-size: 13px;
	margin: 0 10px 0 0;
	padding: 0;
	list-style-type: none;
	float: right;
}
#header div.navigation ul li {
	float: left;
	margin-left: 20px;
}
#header div.navigation ul li a:link,
#header div.navigation ul li a:visited {
	color: #7E8999;
	font-weight: normal;
}
#header div.navigation ul li a:hover,
#header div.navigation ul li a:active {
	color: #000;
}
#header div.navigation ul li.active a {
	font-weight: bold;
	color: #8ACD71;
}
#header div.navigation ul li.mad {
	text-transform: none;
}
#header .strapline {
	line-height: 18px;
	padding: 0 10px;
	color: #3C69AB;
	font-size: 14px;
	font-weight: bold;
	float: left;
	clear: left;
}

/**
 ** Content items
 */
/* Related navigation */
#related-content a {
	font-weight: normal;
}
#related-content ul {
	font-size: 13px;
	list-style-type: none;
	list-style-position: outside;
}
#related-content ul li {
	margin-bottom: 18px;
	border-bottom: 1px solid #DBE1EB;
	padding-bottom: 17px;
}
#related-content ul ul {
	margin: 18px 0 0 18px;
	font-size: 13px;
}
#related-content ul li.last,
#related-content ul ul li {
	margin: 0;
	padding: 0;
	border: none;
}
#related-content .section-navigation {
	padding: 18px;
	margin: 0 10px 0 0;
}
body.grow-your-business li.grow-your-business a.active,
body.scope li.scope a,
body.deployment li.deployment a,
body.support-and-maintenance li.support-and-maintenance a,
body.sales li.sales a,
body.marketing li.marketing a {
	color: #3778C5;
}
/**
 ** Additional content items
 */
a.msp-logo {
	display: block;
	margin: 0 0 36px 0;
}
a.msp-logo img {
	display: block;
	padding: 0 18px;
}
div.news {
	font-size: 12px;
	padding: 0;
}
div.news h2 {
	font-size: 10px;
	background: #DBE1EB url('../images/ac-column-bg.png') scroll no-repeat center top;
	color: #585E6C;
	text-align: center;
	margin: 0 0 18px 0;
	line-height: 18px;
	font-family: sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}
div.news h3 {
	margin: 0;
	font-size: 12px;
}
div.news .date {
	font-size: 11px;
	margin: 0;
	font-style: italic;
	color: #666;
}
div.news ul.options {
	font-size: 12px;
	font-weight: bold;
	list-style-type: none;
	list-style-position: outside;
	text-align: center;
	padding: 9px 0;
	margin: 0 0 18px 0;
	background: #A0ABC0 url('../images/ac-column-bg.png') scroll no-repeat center bottom;
}
div.news ul.options li {
	margin: 0 0 0 20px;
	padding: 0;
	list-style-type: none;
	float: left;
}
div.news ul.options li.rss-feed a {
	padding-left: 18px;
	background: transparent url('../images/rss.png') scroll no-repeat left center;
}
div.news ul.options li.rss-feed a:hover {
	color: #FF8000;
}

/**
 ** Footer styles
 */
div#footer {
	border-top: 1px solid #A0ABC0;
	background-color: #E7ECF4;
	padding: 17px 18px 18px 18px;
	clear: both;
	color: #585E6C;
	margin-top: 36px;
	font-size: 11px;
}
div#footer p.copyright {
	float: left;
	margin: 0;
}
div#footer ul.legal-navigation {
	clear: both;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div#footer ul.legal-navigation li {
	float: left;
	margin: 0 18px 0 0;
}
div#footer div.navigation {
	float: right;
}
div#footer div.navigation ul {
	list-style-type: none;
	list-style-position: outside;
}
div#footer div.navigation ul li {
	float: left;
	margin: 0 18px 0 0;
}
div#footer div.navigation ul li.last {
	margin: 0;
}
div#footer a:link,
div#footer a:visited {
	color: #585E6C;
}
div#footer a:hover,
div#footer a:active {
}

/**
 ** Global styles
 */
#ctl00_rptNav_ctl09_hlLink {
	text-transform: uppercase;
}
ul.calls-to-action {
	clear: both;
	margin: 0 0 0 0;
	list-style-type: none;
}
ul.calls-to-action li {
	padding-top: 17px;
	width: 140px;
	border-top: 1px solid #DEE8D1;
	margin: 0 0 0 20px;
	float: left;
}
ul.calls-to-action li.first {
	margin: 0;
}
ul.calls-to-action p {
	font-size: 12px;
	color: #666;
}
ul.calls-to-action h3 {
	margin: 0 0 9px 0;
	color: #585E6C;
}
ul.calls-to-action a:link,
ul.calls-to-action a:visited {
	color: #747F97;
}
.client {
	border-top: 1px solid #DBE1EB;
	margin: 0;
	padding: 18px 0;
}
.client .logo-wrapper { /* Hacked in ie6.css */
	float: left;
	margin: 0 0 0 -240px;
	width: 220px;
	text-align: center;
	padding: 9px 0;
	overflow-x: hidden;
}

/**
 ** Page specific styles
 */
#homepage #content  h1 {
	font-size: 45px;
	font-family: "Palatino", "Palatino Linotype", Georgia, 'Times New Roman', serif;
	margin: 18px 0 18px 0;
	color: #8ACD71;
	line-height: 54px;
}
#homepage #content h2 {
	font-size: 18px;
	color: #3778C5;
	margin: 0;
}
#homepage .wrapper {
	background: transparent url('../images/home.jpg') scroll no-repeat 0 133px;
}
#homepage #header {
	padding-bottom: 18px;
	border-bottom: 0;
}
#homepage div.intro {
	width: 460px;
	float: left;
}
#homepage blockquote.main-quote { /* Hacked in ie6.css */
	width: 228px;
	margin: 198px 0 18px 20px;
	float: left;
	padding: 0 36px;
}
#homepage h3.who-are-you {
	margin: 0 0 18px 0;
}
#homepage ul.who-are-you {
	list-style-type: none;
	width: 780px;
	margin: 0 0 18px 0;
	clear: both;
}
#homepage ul.who-are-you li {
	border-top: 1px solid #8ACD71;
	padding: 26px 0 0 0;
	float: left;
	width: 246px;
	margin: 0 0 0 20px;
}
#homepage ul.who-are-you li.first {
	margin: 0;
}

/* Original who are you boxes:

#homepage ul.who-are-you li {
	border-top: 1px solid #8ACD71;
	padding: 26px 0 0 0;
	float: left;
	width: 380px;
	margin: 0;
}
#homepage ul.who-are-you li.first {
	margin: 0 20px 0 0;
}

*/
#homepage ul.who-are-you li h3 {
	margin: 0 0 18px 0;
}
#services div#content {
	background: transparent url('../images/businessman-3.jpg') scroll no-repeat 18px 36px;
}
#about div#content {
	background: transparent url('../images/businessman-1.jpg') scroll no-repeat 45px 36px;
}
#contact div#content,
.legal div#content {
	background: transparent url('../images/businesswoman-1.jpg') scroll no-repeat 36px 27px;	
}
#experience div#content,
#careers div#content {
	background: transparent url('../images/businessman-2.jpg') scroll no-repeat 36px 36px;		
}
#experience h3#microsoft {
	background: transparent url('../images/logos/microsoft.png') scroll no-repeat 0 0;
	height: 14px;
	text-indent: -9999px;
	width: 225px;
}

/**
 ** MAD styles
 */
body.mad {
	padding: 0;
}
body.mad #header {
	border: 0;
	background: #fff url('../images/mad-header.png') scroll no-repeat center -5px;
	padding: 36px 0 36px 0;
}
body.mad #header h1 {
	font-size: 36px;
	line-height: 34px;
	color: #fff;
	width: 500px;
	margin: 18px 0 0 410px;
	float: left;
}
body.mad #header .site-name {
	float: right;
	margin: 18px 10px 0 0;
	width: 254px;
	background-image: url('../images/resource-it-logo-publishedby.png');
}
body.mad #content {
	width: 960px;
	padding: 0;
}
body.mad #content h1 {
	font-size: 36px;
	font-family: "Palatino", "Palatino Linotype", Georgia, 'Times New Roman', serif;
	margin: 18px 0;
	color: #8ACD71;
	line-height: 36px;
	font-weight: normal;
}
body.mad #content h2 {
	color: #3778C5;
	font-size: 18px;
	margin: 27px 0 9px 0;
	font-weight: bold;
	font-family: "Myriad Pro", "Lucida Grande", Arial, sans-serif;
}
body.mad #footer ul.legal-navigation {
	float: right;
}
body.mad #footer .contact-details {
	clear: both;
}
/* Left column */
body.mad #intro,
body.mad #mad-search,
body.mad #left-column {
	float: left;
	width: 460px;
	margin: 0 10px 0 80px;
	padding: 0 10px;
}
body.mad #mad-search {
	padding: 18px 10px 72px 10px;
	border-bottom: 1px solid #E4E9F1;
}
body.mad #mad-search label {
	font-size: 20px;
	padding: 0 18px 0 0;
	width: 200px;
}
body.mad #mad-search .text-field input { /* MAD search field */
	background: #fff;
	border: 1px solid #646C7E;
	padding: 8px;
	font-size: 14px;
	text-transform: uppercase;
	width: 65px;
	vertical-align: middle;
}
body.mad #mad-search .text-field input:focus {
	border: 1px solid #6396F7;
}
body.mad #mad-search .letters {
	font-size: 18px;
}
/* Right column */
body.mad #user-details,
body.mad #search-results,
body.mad #right-column {
	float: left;
	background: #fff;
	width: 300px;
}
body.mad #user-details {
	width: 216px;
	border: 6px solid #E4E9F1;
	padding: 30px 30px 12px 30px;
}
body.mad #user-details h3 {
	margin: 0;
}
body.mad label {
	width: 70px;
	display: inline-block;
}
body.mad .text-field input {
	width: 128px;
}
body.mad .button input {
	margin: 18px 0 0 0;
	float: right;
}
body.mad .form.payment {
	border: 6px solid #E4E9F1;
	padding: 0 30px 12px 30px;
}

/**
 ** Float clearing
 */

/* Float clearing for IE6: */
* html #header,
* html .wrapper,
* html #footer,
* html ul.calls-to-action,
* html ul.who-are-you,
* html ul.options,
* html form,
* html .client
{
  height: 1%;
  overflow: visible;
}	
/* Float clearing for IE7: */
*+html #header,
*+html .wrapper,
*+html #footer,
*+html ul.calls-to-action,
*+html ul.who-are-you,
*+html ul.options,
*+html form,
*+html .client
{
  min-height: 1%;
}
/* Float clearing for everyone else: */
.wrapper:after,
#header:after,
#footer:after,
ul.calls-to-action:after,
ul.who-are-you:after,
ul.options:after,
form:after,
.client:after
{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}