* {
	margin: 0;
	padding: 0;
	border: 0;
	}

body {
	text-align: center;
	color: #717171;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-color: #f2f2f2;
	}

	h1, h2 {
		margin-bottom: 15px;
		color: #de353a;
		font-size: 18px;
		}
		
	h2 {
		margin-bottom: 2px;
		font-size: 16px;
		font-weight: normal;
		}
	
	p { padding: 0 0 15px 0; }
	
	/*
	a {
		color: #de353a;
		text-decoration: underline;
		}
	*/
	
	a:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #de353a; text-decoration: underline}
	a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #de353a; text-decoration: underline}
	a:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #de353a; text-decoration: underline}
	a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #de353a; text-decoration: none}

		
	.tinydisclaimer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 14px;
	
	}

#outerDiv1, #outerDiv2 {
	width: 100%;
	background-repeat: repeat-x;
	}
#outerDiv1 {
	background-image: url("../images/bkgdBot.jpg");
	background-position: bottom;
	background-color: #fff;
	}
#outerDiv2 {
	background-image: url("../images/bkgdTop.jpg");
	background-position: top;
	}

#innerDiv {
	margin: 0 auto;
	width: 960px;
	text-align: left;
	}

#header, #mainContent, #mainFlash, #footer { padding: 0 0px; }
	
#header {
	width: 960px;
	height: 110px;
	background-image: url("../images/bkgdLineTop.jpg");
	background-position: bottom;
	background-repeat: no-repeat;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 960px; }
html>body #header { width: 960px; }
	
	#logoQbase {
		margin-bottom: -10px;
		text-align: right;
		}
	#logoQFM {
		width: 226px;
		float: left;
		}


a.toplink:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #acacac; text-decoration: none}
a.toplink:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #acacac; text-decoration: none}
a.toplink:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #acacac; text-decoration: none}
a.toplink:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #e63238; text-decoration: none}

a.toplinkSelect:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #e63238; text-decoration: none}
a.toplinkSelect:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #e63238; text-decoration: none}
a.toplinkSelect:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #e63238; text-decoration: none}
a.toplinkSelect:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #e63238; text-decoration: none}


a.footerlink:link {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #999; text-decoration: underline}
a.footerlink:visited {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #999; text-decoration: underline}
a.footerlink:active {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #999; text-decoration: underline}
a.footerlink:hover {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #999; text-decoration: none}


a.pdftextlink:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #717171; text-decoration: underline}
a.pdftextlink:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #717171; text-decoration: underline}
a.pdftextlink:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #717171; text-decoration: underline}
a.pdftextlink:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #e63238; text-decoration: none}



#pdflink {
height: 30px;
width: 240px;
background-image: url("https://images.realartusa.com/images/pdf_icon.gif");
background-position: top right;
background-repeat: no-repeat;
padding-left: 0px;
padding-top: 10px;
margin-bottom: 10px;
margin-top: 10px;
}
		
		
#topnav{
width: 960;
margin-top: -25px;
margin-right: 100px;
margin-bottom: -3px;
text-align: right;
}
		
	
	ul#nav {
		margin: 39px 0 0 67px;
		float: right;
		width: 595px;
		height: 15px;
		background-image: url("../images/navBkgd_02.gif");
		background-position: 0 0;
		background-repeat: no-repeat;
		}
		
		#nav li {
			display: block;
			float: left;
			list-style-type: none;
			}
			
			#nav li a {
				margin-right: 31px;
				display: block;
				text-decoration: none;
				}
			
				#nav li a span { visibility: hidden; }	
		
			li#navAboutFM a { width: 181px; }
			li#navHowitworks a { width: 84px; }
			li#navWhatclientssay a { width: 130px; }
			li#navAboutQbase a { width: 81px; }
			li#navWhatsgoingon a { margin-right: 0; width: 106px; }
			li#navContactus a { margin-right: 0; width: 67px; }
			
			
			#nav li a:hover, #nav li a.active {
				background-position: 0 0;
				background-repeat: no-repeat;
				}
			#navAboutFM a.active, #navAboutFM a:hover { background-image: url("../images/navAboutFM.gif"); }
			#navHowitworks a.active, #navHowitworks a:hover { background-image: url("../images/navHowitworks.gif"); }
			#navWhatclientssay a.active, #navWhatclientssay a:hover { background-image: url("../images/navWhatclientssay.gif"); }
			#navAboutQbase a.active, #navAboutQbase a:hover { background-image: url("../images/navAboutQbase.gif"); }
			#navWhatsgoingon a.active, #navWhatsgoingon a:hover { background-image: url("../images/navWhatsgoingon.gif"); }
			#navContactus a.active, #navContactus a:hover { background-image: url("../images/navContactus.gif"); }


#mainFlash { height: 366px; width: 960px; }
#tutorialFlash { height: 375px; width: 590px; float: right; margin-bottom: 12px; }
#tutorialFlashMain { height: 386px; width: 960px; margin-bottom: 12px; }

#mainContent { padding: 30px 30px 15px 30px; }
#mainContent2 { padding: 30px 0px 15px 0px; }

ul.bulleted { margin: 0; padding: 0 35px 15px 35px; }

	#col1, #col1list {
		width: 560px;
		float: left;
		}
		
	#col1list {
		width: 275px;
		border-right: 1px solid #ddd;
		}
	
		ul#col1list li {
			padding: 10px 0;
			width: 245px;
			color: #acacac;
			font-size: 12px;
			list-style-type: none;
			border-bottom: 2px dotted #ddd;
			}
			
			ul#col1list li.first { padding-top: 0; }
			ul#col1list li.last { padding-bottom: 0; border-bottom: none; }
			
			ul#col1list li a {
				color: #999;
				text-decoration: none;
				}
			ul#col1list li a:hover, ul#col1list li a.active {
				color: #de353a;
				text-decoration: none;
				}
	
	#col2, #col2list { float: right; }
	#col2 {
		padding-top: 35px;
		width: 300px;
		}
		
		.greytxt, .quote {
			color: #999;
			font-size: 14px;
			line-height: 20px;
			}
			
		.contacttxt {
			color: #717171;
			font-size: 12px;
			line-height: 20px;
			}
		
		.quote {
			padding: 4px 0 0 25px;
			float: left;
			background-image: url("../images/quotes.gif");
			background-position: 0 0;
			background-repeat: no-repeat;
			voice-family: "\"}\"";
			voice-family: inherit;
			width: 303px; }
			
		.noquote {
			padding: 0 0 0 25px;
			float: left;
			/*background-image: url("../images/quotes.gif");
			background-position: 0 0;
			background-repeat: no-repeat;*/
			voice-family: "\"}\"";
			voice-family: inherit;
			width: 503px; }
		html>body .quote { width: 303px; }
		.quote span.name {
			padding-top: 10px;
			font-size: 12px;
			font-style: italic;
			text-align: right;
			float: right;
			}

			#col2list .quote {
				padding: 12px 0 0 50px;
				width: 560px;
				color: #939395;
				font-size: 20px;
				line-height: 30px;
				background-image: url("../images/quotesLg.gif");
				voice-family: "\"}\"";
				voice-family: inherit;
				width: 560px; }
			html>body #col2list .quote { width: 560px; }
			#col2list .quote span.name { font-size: 14px; }

			#footer .quote {
				margin-top: 0;
				width: 520px;
				voice-family: "\"}\"";
				voice-family: inherit;
				width: 490px; }
			html>body #footer .quote { width: 490px; }


/* Form classes */
fieldset {
	margin: 0 0 15px 0;
	padding: 0;
	border: none;
	display: block;
	}
label {
	margin-bottom: 5px;
	display: block;
	font-weight:normal;
	}
label span {
	margin-right: 5px;
	line-height: 22px;
	text-align: right;
	display: block;
	float: left;
	}
#talktousForm input{
	text-align:left;
	display: inline;
	margin-bottom: 5px;
}
#talktousForm label span { width: 130px; }

select, .txt250, .txt100 { border: 1px solid #999; }
.txt250 { width: 250px; }
.txt100 { width: 100px; }

#formbutton {
margin-top: 4px;
width: 360px;
text-align: right;
margin-left: 30px;
}

#talktousForm label.button { margin-left: 0px; }
	
/* styles for validation purposes */
.formText, .form_titles_pass {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	border: none;
	}
.inputRequired { 
	/* color: #900; */
	color: #E43345;
	font-weight:bold;
}

.exampleText{
	display:inline;
	position:relative;
	bottom: 5px;
	margin-left: 5px;
}


	.clear {
		height: 0;
		font-size: 0;
		line-height: 0;
		color: none;
		background: none;
		clear: both;
		}


#footer {
	padding-top: 20px;
	height: 220px;
	color: #999;
	background-image: url("../images/bkgdLineBot.jpg");
	background-position: top;
	background-repeat: no-repeat;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 200px; }
html>body #footer { height: 200px; }
	
	#footer .banner { float: right; width: 328; height: 83; }
	
	#footer p {
		padding-top: 20px;
		font-size: 11px;
		clear: both;
		}