/* CSS Document */

body { margin: 0; padding: 0; background-color: #FFFFFF; font-size: 81%; 
font-family: Tahoma, "Lucida Grande", Trebuchet, "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000000; background-image: url(images/leftbg.gif); background-repeat: repeat-y; }

#container { margin-left: 136px; margin-right: 0px; margin-top: 34px; 
			height: auto !important; height: 540px; min-height: 600px; 
			background-image: url(images/rightbg.gif); position: relative;
			background-position: top right; background-repeat: no-repeat; }
			
#maincontent { border-top: 1px solid #000000; padding: 200px 100px 30px 30px; margin-right: 73px; }
			
#topspace { position: absolute; top: 0; left: 0; width: 138px; height: 34px; background-color: #FFFFFF; }

.sm { color: #118899; font-weight: bold; }

#maincontent a { color: #118899; font-weight: bold; text-decoration: underline; }
#maincontent a:hover { color: #ffdd33; }


#mainhead { margin: 0; }

#nav { position: absolute; top: 34px; left: 0 !important; left: -2px; width: 135px; height: 570px; 
		background-color: #FFFFFF; 
		background-image: url(images/navbg.jpg); background-repeat: no-repeat; background-position: bottom;  }
		
#nav ul, #nav li { margin: 0; padding: 0; list-style: none; }
#nav ul { border-top: 1px solid #000000; margin-top: 140px; width: 135px; position: relative; }

#nav li a { display: block; width: 136px; height: 20px; overflow: hidden; }
#nav li { border-bottom: 1px solid #000000; position: relative; }
#nav li a { text-decoration: none; color: #ffffff; text-indent: -999em; }

#masthead { position: absolute; top: 0; right: 0; width: 427px; height: 217px;  }

#swappable { position: absolute; top: 97px; right: 72px !important; right: 71px; }

#ornament { position: absolute; top: 64px; left: 0px; background-image: url(images/guy.png);
			width: 88px; height: 158px; background-repeat: no-repeat; }
#header { position: absolute; top: 1px; right: 73px; background-image: url(images/indleaders.gif);
			width: 287px; height: 93px; background-repeat: no-repeat; }
			
#logo { width: 205px; height: 115px; background-image: url(images/smlogolg.gif); background-repeat: no-repeat;
		position: absolute; top: 54px; left: 0px; }
		
#navtype { background-image: url(images/buttons/but_types.gif); background-position: left;
			background-repeat: no-repeat; }

#navfaststart { background-image: url(images/buttons/but_faststart.gif); background-position: left;
			background-repeat: no-repeat; border-top: 1px solid #000000; }

#navsteps { background-image: url(images/buttons/but_steps.gif); background-position: left;
			background-repeat: no-repeat; }

#navconversion { background-image: url(images/buttons/but_conversion.gif); background-position: left;
			background-repeat: no-repeat; }

a img { border: 0; }

#navwhy { background-image: url(images/buttons/but_whysmclean.gif); background-position: left;
			background-repeat: no-repeat; }

#navfinance { background-image: url(images/buttons/but_financing.gif); background-position: left;
			background-repeat: no-repeat; border-top: 1px solid #000000; }		

#navminority { background-image: url(images/buttons/but_minority.gif); background-position: left;
			background-repeat: no-repeat; }

#navveteran { background-image: url(images/buttons/but_veteran.gif); background-position: left;
			background-repeat: no-repeat; }

#navint { background-image: url(images/buttons/but_intl.gif); background-position: left;
			background-repeat: no-repeat; }
			
#navcontact { background-image: url(images/buttons/but_contact.gif); background-position: left;
			background-repeat: no-repeat; }	

#navhome { background-image: url(images/buttons/but_home.gif); background-position: left;
			background-repeat: no-repeat; }
			
#navranking { background-image: url(images/buttons/but_ranking.gif); background-position: left;
			background-repeat: no-repeat; }

#nav a:hover { background-position: right; }



.small { font-size: 0.8em; padding-top: 1.2em; }

#wtkbanner { position: absolute; top: 548px; left: 3px; }

#mainhead { text-indent: -999em; color: #FFFFFF; height: 48px; margin-left: -7px; }

#bannercol { position: absolute; right: 8px; top: 200px; width: 128px; height: 300px; }

#bannercol img { margin-top: 10px; border: 1px solid #000000; }

h2 { font-size: 1.2em; margin-bottom: 0.5em; }
h3 { font-size: 1.1em; font-style: italic; margin: 0; font-weight: normal; }

#maincontent ul, #maincontent ol { margin-top: 0.5em; }
#maincontent li { margin-top: 0.2em; }

#maincontent p { margin-top: 0.7em; margin-bottom: 0.3em; }

#secnav { position: absolute; bottom: -150px; left: -50px; text-align: center;
			font-size: 0.8em; background-image: url(images/smlogosm.gif);
			background-position: top center; background-repeat: no-repeat; height: auto !important;
			min-height: 160px; height: 160px; }
#secnav li { display: inline; list-style: none; margin: 0; padding: 0; }
#secnav ul { padding-top: 100px; padding-right: 70px; padding-left: 60px; }
#secnav li { padding-right: 1em; }

#secnav li a { color: #118899; font-weight: bold; text-decoration: none; white-space: nowrap; }
#secnav li a:hover { color: #ffdd33; }

.switchcontent { margin-left: 3em; padding: 1em; padding-top: 0.1em; background-color: #E0FAFB;  }

#nav li ul { position: absolute; left: 137px; top: -141px; display: none; width: 13em;
				border-left: none !important; border-left: 1px solid #000000; }
#nav li ul li { width: 13em; overflow: hidden; background-color: #FFFFFF;}
#nav li:hover ul, #nav li.over ul  { display: block; }
#nav li ul li a { text-indent: 0em; color: #000000; font-weight: bold; width: 13em; padding-left: 0.5em; }
#nav li ul li a:hover { background-color: #ffdd33; }

.testimonial { float: left; margin-top: 10px; position: relative; top: 5px; margin-right: 4px; }

.spacer { clear: both; height: 10px; }