* {
	margin: 0;
	padding: 0;
}

body {
	background: url(../images/bg-page.gif) center repeat-y;
	font: 11px/1.7 Verdana, Arial, sans-serif;
	/*font: 12px/1.7 "Myriad Pro", "Myriad", Helvetica, Arial, sans-serif; /**/
	color: #737373;
}

a {
	outline: none !important;
}

#advert h3 {
	margin-bottom: 10px;
}

.important {
	background: #ffe5e4;
	border: 1px solid #d71910;
	padding: 5px;
	color: #000;
	display: none;
}

#digg-wrap {
	float: left;
	padding-right: 5px;
}

#img-about {
	float: left;
	width: 100px;
	padding-right: 10px;
	padding-bottom: 5px;
	
}

#advert {
	border-top: 1px solid #e5e5e5;
	padding: 5px;
	margin-top: 25px;
	background: #f2f2f2;
	font-size: 10px;
	
}

#page {
	width: 800px;
	margin: 0 auto;
	background: #fff;
}

	#contact {
		overflow: none;
		display: none;
		height: 150px;
		width: 800px;
		background: url(../images/bg-contact.jpg) no-repeat;
	}
		
		#contact p {
			color: #999;
			padding: 50px 15px 0 15px;
			width: 465px;
		}
	
	#header {
		height: 120px;
		background: url(../images/bg-header.gif) repeat-x;
	}

		h1 {
			text-indent: -4200px;
			background: url(../images/bg-logo.gif) no-repeat;
			height: 80px;
			width: 315px;
			margin-left: 20px;
		}

		h2 {
			line-height: 1.0;
		}
		
		#nav {
			margin-top: 5px;
			height: 35px;
			background: url(../images/bg-nav.gif) no-repeat;
			list-style: none;
		}

			#nav li {
				height: 35px;
				float: left;
				margin-left: 15px;
			}
			
			#nav a {
				height: 35px;
				text-indent: -4200px;
				display: block;
			}

			#nav a:hover {
				background-position: 0 -35px !important;
			}

			#n-example a { 
				width: 49px;
				background: url(../images/n-example.gif) no-repeat;
			}

			#n-features a { 
				width: 53px;
				background: url(../images/n-features.gif) no-repeat;
			}
			
			#n-screenshots a { 
				width: 77px;
				background: url(../images/n-screenshots.gif) no-repeat;
			}
			
			#n-download a { 
				width: 63px;
				background: url(../images/n-download.gif) no-repeat;
			}

			#n-contact { 
				float: right !important; 
				margin-right: 15px;
			}
			
			#n-contact a {
				width: 49px;
				background: url(../images/n-contact.gif) no-repeat;

			}
			
	#whatis {
		height: 114px;
		background: url(../images/bg-what.jpg) no-repeat;
	}

		#whatis h2, #whatis p {
			display: none;
		}
		
		#demo {
			text-indent: -4200px;
			float: right;
			display: block;
			margin-top: 28px;
			margin-right: 60px;
			right: 0;
			height: 50px;
			width: 195px;
			background: url(../images/bg-button.gif) no-repeat;
			_margin-right: 30px;
		}

	#content {
		background: #fff url(../images/bg-content.gif) repeat-x;
		padding: 15px;
	}
	
		h2 {
			margin-top: 15px;
			height: 20px;
			text-indent: -4200px;
			border-bottom: 1px solid #ca4c4a;
			margin-bottom: 10px;
		}

		#content p, #bottom p {
			margin-bottom: 5px;
		}
		
		#content h3 {
			font-weight: normal;
			border-bottom: 1px solid #bfbfbf;
			font-size: 14px;
			font-family: Arial, sans-serif;
			color: #000;
		}
		
	#content:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	* html #content { height: 1%; }
	@media { #content { height: 1%; }}

		#main {
			float: left;
			width: 465px;
		}

			#main a,
			#footer a {
				padding: 1px;
				margin: -1px;
				text-decoration: none;
				color: #337fbb;
				border-bottom: 1px solid #d9d9d9;
				
			}
			
			#main a:hover,
			#footer a:hover {
				background: #cae3f8;
				color: #0c3a5e;
				border-bottom-color: #6597be;
			}
			
			#bottom a,
			#contact a {
				padding: 1px;
				margin: -1px;
				text-decoration: none;
				color: #ccc;
				border-bottom: 1px solid #4d4d4d;
			}
			
			#bottom a:hover,
			#contact a:hover {
				background: #40474c;
				color: #cee9ff;
				border-bottom-color: #778997;
			}
		
			.yshout-is, .yshout-feature {
				color: #000;
			}
			
			#h-why-yshout { margin-top: 0 !important; background: url(../images/h-why-yshout.gif) no-repeat; }
			#h-example { background: url(../images/h-example.gif) no-repeat; }
			#h-screenshots { background: url(../images/h-screenshots.gif) no-repeat; }
			#h-new { clear: both; background: url(../images/h-new.gif) no-repeat; }
			#h-other { background: url(../images/h-other-features.gif) no-repeat; }

			
	#donate {
		float: right;
		width: 290px;
	}

		#h-donationware { margin-top: 0 !important; background: url(../images/h-donationware.gif) no-repeat; }
		#requirements {
			padding: 5px;
			border: 1px solid #b3dbff;
			background: #d5ebff;
			color: #1c3852;
		}
		
			#requirements li {
				list-style: none;
			}

	#bottom {
		background: #262626 url(../images/bg-bottom.jpg) no-repeat;
		padding: 25px 15px 15px 15px;
		color: #999;
	}

			#h-contact { 
				width: 465px;
				margin-top: 0 !important; 
				background: url(../images/h-contact.gif) no-repeat; 
				border-bottom: 1px solid #595959;
			}

			#bottom p {
				width: 465px;
				_margin-bottom: 0;
			}
			
			@media { #bottom p {
				margin-bottom: 0;
			}}

	#footer {
		background: #fff url(../images/bg-footer.gif) no-repeat;
		padding: 15px;
		padding-bottom: 5px;
		color: #999;
	}
	
	#screenshots {
		height: 180px;
		padding: 10px;
		background: url(../images/bg-screenshots.gif);
		margin-bottom: 10px;
	}
	
		#screenshots ul {
			width: 375px;
			height: 100px;
			margin: 0 auto;		
		}
		
		#screenshots li {
			width: 100px;
			padding-right: 15px;
			list-style: none;
			float: left;
		}
	
		#screenshots img {
			width: 100px;
			border: none;
		}


		



#client {
	MARGIN-TOP: 0px! important; BACKGROUND: url(../images/client.gif) no-repeat
}
#about {
	MARGIN-TOP: 0px! important; BACKGROUND: url(../images/about.gif) no-repeat
}
#contact2 {
	MARGIN-TOP: 0px! important; BACKGROUND: url(../images/contact.gif) no-repeat
}
#founder {
	MARGIN-TOP: 0px! important; BACKGROUND: url(../images/founder.gif) no-repeat
}
#engineers {
	MARGIN-TOP: 0px! important; BACKGROUND: url(../images/engineers.gif) no-repeat
}
#services {
	MARGIN-TOP: 0px! important; BACKGROUND: url(../images/services.gif) no-repeat
}
#ssec {
	MARGIN-TOP: 0px! important; BACKGROUND: url(../images/ssec.gif) no-repeat
}
#sssec {
	MARGIN-TOP: 0px! important; BACKGROUND: url(../images/sssec.gif) no-repeat
}
#sec {
	MARGIN-TOP: 0px! important; BACKGROUND: url(../images/sec.gif) no-repeat
}
#stc {
	MARGIN-TOP: 0px! important; BACKGROUND: url(../images/stc.gif) no-repeat
}
#stc {
	MARGIN-TOP: 0px! important; BACKGROUND: url(../images/stc.gif) no-repeat
}
#faa {
	MARGIN-TOP: 0px! important; BACKGROUND: url(../images/faa.gif) no-repeat
}
#rail {
	MARGIN-TOP: 0px! important; BACKGROUND: url(../images/rail.gif) no-repeat
}