@charset "utf-8";
/* CSS Document */

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;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol {
	list-style: none;
}
ul {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	font-size: 1.4em;	
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* END CSS RESETS */


/* BEGIN Utility Styles */				  				  					  				  
.floatLeft 									{ float: left; }
.floatRight									{ float: right; }
.clear 										{ clear: both; }
/* END Utility Styles */


/* BEGIN General Site Styling */
html {
	background-color: #231f20;
	}

body {
    font-size: 62.5%;
    font-family: Arial, 'Gill Sans MT', 'Helvetica Neue', Helvetica, 'Myriad Pro', Myriad, sans-serif;
	text-align: center; /* Allows for Centering in Older Browsers */
	background: url(images/upperBG.jpg) top no-repeat;
	background-color: #231f20;
	}

li {
	font-size: 1.4em;
}

a {  text-decoration: none; font-weight: bold; color: #99bcff; }

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


h1 {
    font-size: 1.8em;
	font-weight: bold;
	color: #fff;
    }
	h1 a {
		background: url(images/SLOlogoLite.png) no-repeat top left;
		display: block;
		width: 276px;
		height: 104px;
		float: left;
		position: relative;
		}
h1.sloTitle {
	text-indent: -9999px;
	}


h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #FFF;
	}
	h2.introPara {
		background: url(images/introPara.png) top left no-repeat;
		width: 581px;
		height: 129px;
		float: left;
		position: relative;
		text-indent: -9999px;
		padding-bottom: 36px;
		}
	h2.testimonialsTitle {
		background: url(images/testimonialsTitle.png) top left no-repeat;
		width: 126px;
		height: 18px;
		float: left;
		position: relative;
		text-indent: -9999px;
		padding-bottom: 36px;
		}
	h2.business-bioTitle {
		background: url(images/business-bioTitle.png) top left no-repeat;
		width: 197px;
		height: 50px;
		float: left;
		position: relative;
		text-indent: -9999px;
		padding-bottom: 36px;
		}
	h2.contactTitle {
		background: url(images/contactTitle.png) top left no-repeat;
		width: 286px;
		height: 19px;
		float: left;
		position: relative;
		text-indent: -9999px;
		padding-bottom: 36px;
		}
h3 {
	font-size: 1.2em;
	color: #FFF;
	}
	h3.botColTitle {
		color: #99bcff;
		font-weight: bold;
		border-bottom: 1px solid #b1b1b1;
		padding-bottom: 3px;
		margin-bottom: 10px;
		text-align: left;
		line-height: 1.0em;
		}

div#page-wrap {
	width: 960px;
	margin-left: auto; /* margin-left & -right: auto, centers page in browser */
	margin-right: auto;
	text-align: left; /* RESETS default body centering (compatibility for older browsers) */
	position: relative;
    }

span.bold, .bold {
	font-weight: bold;
	}
span.italic, .italic {
	font-style: italic;
	}
.sloBlue {
	color: #99BCFF;
	}
.hoverHilite:hover {
	background-color: #99bcff;
	color: #000;
	border: 1px solid #000;
	}
/* END General Site Styling */


/* BEGIN Header Styling */
div#headerBar {
	background: url(images/topBar.png) top repeat-x;
	width: 100%;
	height: 23px;
	}
div#headerTitle {
	position: relative;
	width: 276px;
	height: 104px;
	float: left;
	padding: 36px 0 36px 36px;
	}
div#headerContact {
	position: relative;
	float: right;
	color: #c8c8c8;
	padding: 36px 36px 36px 0;
	}
	div#headerContact li {
		line-height: 1.4em;
		text-align: right;
		}
	div#headerContact ul {
		border-bottom: 1px solid #818181;
		padding-bottom: 4px;
		}
/* END Header Styling */

/* BEGIN Navigation Styling */
	
div#navi {
	width: 458px;
	height: 40px;
	position: absolute;
	z-index: 2;
	top: 102px;
	left: 466px;
	}
	
	#buttonHome a,
	#buttonBusi a,
	#buttonTest a,
	#buttonContact a
	{
		width: 88px;
		height: 40px;
		position: absolute;
		background-position: 0 0;
		text-indent: -9999em;
		overflow: hidden;
	}
	#buttonBusi a {
		width: 136px;
		}
	#buttonTest a {
		width: 134px;
		}
	#buttonContact a {
		width: 100px;
		}
		
	#buttonHome a { top: 0; left: 0px;}
	#buttonBusi a { top: 0; left: 88px; }
	#buttonTest a { top: 0; left: 224px; }
	#buttonContact a { top: 0; left: 358px; }
	
	#buttonHome a { background-image: url(images/btnHome.png); }
	#buttonBusi a { background-image: url(images/btnBusi.png); }
	#buttonTest a { background-image: url(images/btnTest.png); }
	#buttonContact a { background-image: url(images/btnCon.png); }
	
	#buttonHome a:hover,
	#buttonBusi a:hover,
	#buttonTest a:hover, 
	#buttonContact a:hover { background-position: 0 40px; }

/* END Navigation Styling */


/* ---------------------------- BEGIN MC Styling ---------------------------- */
/* BEGIN General MC Styling */

div#mcBanner {
	background: url(images/mcBanner.jpg) top no-repeat;
	width: 960px;
	height: 314px;
	}
	
div#mainContent {
	background: url(images/mcVexp.png) top repeat-y;
	min-height: 450px;
	width: 960px;
	position: relative;
	color: #FFF;
	font-size: 1.4em;
	line-height: 1.4em;
	padding-bottom: 70px;
	}
	div#mainContent p {
		margin-bottom: 15px;
		padding-right: 36px;
		}

div#mainInfoCol {
	width: 614px;
	padding-left: 36px;
	}
/* END General MC Styling */


/* BEGIN home page styling */
div#mcHome {
	padding: 0 36px 36px 36px;
	}
	
div#shdLogo {
	width: 275px;
	height: 230px;
	float: right;
	margin-top: 35px;
	position: absolute;
	right: 36px;
	}

div#botSueExp {
	width: 275px;
	margin-right: 31px;
	height: 230px;
	float: left;
	text-align: left;
	color: #c8c8c8;
	}
	div#botSueExp li {
		font-size: 1.0em;
		margin-bottom: 10px;
		text-align: left;
		color: #c8c8c8;
		list-style: disc inside;
		margin-left: 13px;
		text-indent: -13px;
		}

div#botSuePort {
	width: 275px;
	margin-right: 31px;
	height: 230px;
	float: left;
	text-align: left;
	color: #c8c8c8;
	}
	div#botSuePort li {
		font-size: 1.0em;
		margin-bottom: 10px;
		text-align: left;
		color: #c8c8c8;
		list-style: disc inside;
		margin-left: 13px;
		text-indent: -13px;
		}
div#botMerca {
	width: 275px;
	height: 230px;
	float: right;
	position: relative;
	top: 150px;
	}
/* END home page styling */
/* BEGIN testimonials page styling */
.bqstart {
	float: left;
    height: 45px;
    margin-top: -30px;
    padding-top: 45px;
    margin-bottom: -50px;
	margin-right: 5px;
    font-size: 700%;
	color: #99BCFF;
	}
.bqend {
	float: right;
    height: 25px;
    margin-top: 0px;
    padding-top: 45px;
    font-size: 700%;
    color: #99BCFF;
	}
.quoteAuthor {
	color: #99BCFF;
	margin-top: 28px;
	float: right;
	position: relative;
	z-index: 2;
	font-style: italic;
	left: 65px;
	}
/* END testimonials page styling */

/* BEGIN Contact Page styling */ 
.contactList {
	text-align: center;
	width: 575px;
	margin-top: 25px;
	}
	.contactList li {
		margin-bottom: 5px;
		padding: 5px 0;
		border: 1px solid #424242;
		}

#formArea {
	width: 575px;
	display: block; 
	float: left;
	margin-right: 39px;
	}
#formArea p {
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 20px;
	}
#formArea label { 
	font-size: 12px;
	display: inline-block; 
	height: 20px; 
	line-height: 20px; 
	width: 65px; 
	color: #fff; 
	font-weight: bold; 
	margin: 5px 0; 
	padding: 5px 0;
	text-align: right;
	}
#formArea input, textarea, select { 
	float: right;
	width: 485px;
	font-size: 15px;
	margin: 0; 
	padding: 5px; 
	color: #000; 
	background: #b4b5b6; 
	border: 1px solid #fdd439; 
	margin: 5px 0; 
	}
#formArea select { 
	width: 362px;
	}
#formArea input:focus, textarea:focus, select:focus { 
	border: 1px solid #fdd439; 
	background-color: #cdced0; 
	color: #000; 
	}
#formArea select:focus { 
	background-color: #FFF; 
	}
#formArea input.submit { 
	width: 120px; 
	cursor: pointer; 
	border: 1px solid #000; 
	background: #FDC800; 
	color: #000; 
	position: relative;
	top: 20px;
	}
#formArea input.submit:hover { 
	background: #FEE68C; 
	border: 1px solid #000;
	}
#formArea input[type="submit"][disabled] { 
	background: #888; 
	}

#formArea span.required, #contactContent span.required { /* Required Asterisk Color */
	font-size: 13px; 
	color: #fdd439; 
	} 

#message { 
	width: 554px;
	margin: 0 auto; 
	padding: 0; 
	margin-bottom: 45px;
	margin-top: 45px;
	}

.error_message { 
	display: block; 
	height: 25px; 
	line-height: 25px; 
	background: #FEDA55 url(images/error.gif) no-repeat 10px center; 
	padding: 3px 10px 3px 35px; 
	color: #8a1f11; 
	border: 1px solid #8a1f11; 
	font-size: 1.4em;
	margin-bottom: 45px;
	font-weight: bold;
	}
.successMessage {
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	}
	
.loader { padding: 0 10px; }

#success_page {
	width: 554px;
	float: left;
	background-color: #cbffc8;
	border: 1px solid #3c9837;
	}

#success_page h1 { 
	background: url(images/success.gif) left no-repeat; 
	padding: 10px 10px 10px 22px;
	margin-left: 22px;
	color: #000;
	}
#success_page p {
	font-size: 1.5em;
	color: #000;
	font-weight: bold;
	padding-left: 22px; 
	padding-bottom: 10px;
	}

.contactCaptcha {
	width: 300px;
	height: 200px;
	float: right;
	position: relative;
	}
	.contactCaptcha label {
		position: relative;
		left: 200px;
		}
	.captchaInfo {
		text-align: right;
		}
/* END Contact Page styling */ 
/* ---------------------------- END MC Styling ---------------------------- */


/* BEGIN Footer Styling */
div#footerContainer {
	height: 202px;
	position: relative;
	overflow: hidden;
	clear: both; /* Required for Sticky Footer */
	background: url(images/footerBGexp.png) repeat-x;
	width: 100%; /* Fixes footer placement bug in Opera */
	}
	div#footerBG {
		background: url(images/footerMainBG.png) top no-repeat;
		width: 960px;
		height: 202px;
		margin: 0 auto;
		margin-top: -202px; /* Required for Sticky Footer */
		clear: both; /* Required for Sticky Footer */
		position: relative;
		top: 202px; /* same as height/neg. margin - moves the footer back into place */
		}
	div#footerContent {
		width: 645px;
		height: 90px;
		position: relative;
		top: 85px;
		left: 36px;
		color: #c6c7c7;
		font-size: 1.1em;
		}
	div#footerCon {
		width: 300px;
		height: 90px;
		float: left;
		text-align: left;
		}
		div#footerCon li {
			line-height: 1.2em;
			}
		div#footerCon li a { color: #c6c7c7; }
		div#footerCon li a:hover { color: #99bcff; text-decoration: none; }

	div#footerNav {
		width: 320px;
		height: 90px;
		float: right;
		text-align: right;
		font-size: 10px;
		}
	div#footerNav li a { color: #c6c7c7; }
	div#footerNav li a:hover {	color: #99bcff; text-decoration: none; }
/* END Footer Styling */