body {
	background: url(pagebg.png) top left;
	font-family: "Segoe UI", "Corbel", "Calibri", Tahoma, sans-serif;
	font-size: 10pt;
	margin: 25px 0;
	padding: 0;
}

a img {
	border: 0;
}

a {
	text-decoration: none;
}

#content {
	background: url(contentbg.png) top left no-repeat;
	width: 1000px;
	min-height: 785px;
	text-align: left;
}

	#headerbar {
		clear: both;
		height: 100px;
		padding: 50px 50px 0 50px;
	}

		#homelink {
			padding: 20px;
			display: block;
			float: left;
		}

		#linkbar {
			float: right;
			padding: 10px;
			background: #f4f4f4;
			border: 1px solid #f4f4f4;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			-opera-border-radius: 10px;
			border-radius: 10px;
			margin: 25px;
			color: #a1a1a1;
		}

			#linkbar > a:link, #linkbar > a:visited {
				color: #666;
				margin: 5px;
			}

			#linkbar > a:hover {
				border-bottom: 1px dotted #666;
			}

			#linkbar a.current:link, #linkbar a.current:visited, #linkbar a.current:hover {
				color: #f26728;
				border: 0;
			}
		
	#contentarea {
		background: #FFF;
		width: 900px;
		margin: 25px 25px 0;
		padding: 0 25px 25px;
	}
		
		#sliderholder {
			clear: both;
			margin-top: 20px;
			border-top: 2px solid #8a8a8a;
			border-bottom: 2px solid #8a8a8a;
			height: 202px;
			width: 901px;
			overflow:hidden;
			position: relative;
		}

			#slider {
				overflow:hidden;
				height: 206px;
				width: 901px;
				position: absolute;
				top: 0;
				z-index:99;
			}

				#slider ul {
					position: relative;
					top: -2px;
					width:901px;
					overflow:hidden;
				}
					
				#slider li { 
					height:206px;
					width:901px;
					overflow:hidden;
				}	

				#slider ul, #slider li { 
					margin:0;
					padding:0;
					list-style:none;
				}	

			#eightsecondsholder {
				position: absolute;
				top: 0;
				height: 206px;
				width:901px;
				overflow:hidden;
				display: block;
				z-index:100;
			}
				
				#eightseconds {
					display: block;
					position: absolute;
				}
				
			#overslider {
				position: absolute;
				top: 0;
				right: 5px;
				padding: 5px 10px;
				background: #8a8a8a;
				border: 1px solid #8a8a8a;
				-moz-border-radius: 0 0 10px 10px;
				-webkit-border-radius: 0 0 10px 10px;
				-opera-border-radius: 10px;
				border-radius: 10px;
				font-size: 9pt;
				color: #FFF;
				z-index:100;
			}

				#overslider a:link, #overslider a:visited {
					color: #FFF;
				}

				#overslider a:hover {
					border-bottom: 1px dotted #FFF;
				}

			#calltoday {
				text-align: center;
				padding: 25px 0 15px 0;
			}

		#smallheader {
			clear: both;
			margin-top: 20px;
			height: 105px;
			width: 901px;
			overflow:hidden;
			position: relative;
		}

		#underheader {
			padding: 10px;
			color: #a1a1a1;
			text-align: center;
			margin-bottom: 20px;
		}

			#underheader > a:link, #underheader > a:visited {
				color: #666;
				margin: 5px;
			}

			#underheader > a:hover {
				border-bottom: 1px dotted #666;
			}

			#underheader a.current:link, #underheader a.current:visited, #underheader a.current:hover {
				color: #f26728;
				border: 0;
			}

		
		#leftside, #rightside {
			float: left;
			margin-right: 20px;
			margin-left: 25px;
			width: 415px;
			overflow: hidden;
			color: #999;
		}

		#rightside {
			margin-left: 0;
			margin-right: 25px;
		}

		.wideleft > #leftside {
			width: 630px;
		}

		.wideleft > #rightside {
			width: 200px;
			text-align: center;
		}
		
		 h1 {
			margin-top: 0;
			padding: 0;
			font-weight: normal;
			font-size: 16pt;
			color: #666;
			margin-bottom: 10px;
			}
	
		#leftside *+h1, #rightside *+h1 {
			margin-top: 25px;
			border-top: 1px dotted #ccc;
			padding-top: 20px;
		}
	
		h1 > a:link, h1 > a:visited {
			font-size: 9pt;
			color: #666;
		}

		h1 > a:hover {
			border-bottom: 1px dotted #666;
		}
		
		h1 > span {
			font-size: 9pt;
			color: #aaa;
		}

		a > h1 {
			background: url(moreinfo.png) center right no-repeat;
			padding-right: 24px;
		}

		a:hover > h1 {
			background: url(moreinfo_hover.png) center right no-repeat;
			color: #f26728;
		}
		
		.errorpage {
			font-size: 20pt;
		}
		
		.errorpage > #leftside > h1 {
			font-size: 50pt;
			color: #f26728;
			margin: 50px;
		}
		
		.errorpage > #leftside {
			width: auto;
			float: none;
			text-align: center;
		}
		
		.errorpage h1 > span {
			font-size: 14pt;
			color: #aaa;
		}

		#leftside h2, #rightside h2 {
			margin: 5px 0;
			padding: 0;
			font-weight: normal;
			font-size: 12pt;
			color: #666;
		}

		#leftside b, #rightside b {
			font-weight: normal;
			color: #f26728;
		}
		
		#featuredprojects, #quotes{
			width: 200px;
			float: left;
			margin-right: 15px;
		}
		
			#featuredprojects a {
				display: block;
				margin-bottom: 15px;
			}

			#featuredprojects a.current {
				-moz-box-shadow: 0 0 10px #666;
				box-shadow: 0 0 10px #666;					
			}

		#leftside > a:link, #leftside > a:visited, #leftside > p > a:link, #leftside > p > a:visited {
			color: #666;
		}

		#leftside > a:hover, #leftside > p > a:hover {
			border-bottom: 1px dotted #666;
		}

		#quotes {
			margin: 0;
			text-align: left;
		}
			.quote {
				margin: 15px;
				padding: 5px 0 0 25px;
				margin-bottom: 30px;
				background: url(quote.png) top left no-repeat;
			}
			
				.quote > div {
					font-size: 8pt;
					font-weight: bold;
					text-align: right;
					color: #f26728;
				}

			.wideleft .quote {
				margin: 0;
				padding: 5px 0 0 25px;
				background: url(quote.png) top left no-repeat;
			}

		.wideleft #quotes {
			width: auto;
		}

		ul.nostyle {
			margin: 0;
			padding: 0;
			list-style:none;
		}
		
		ul.spaced {
			padding-left: 20px;
		}
		
		ul.spaced li{
			margin: 10px 0;
		}

		.screenshots > a:link, .screenshots > a:visited {
			display: block;
			padding: 5px;
			border: 1px solid #ccc;
			margin: 5px 0;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			-opera-border-radius: 10px;
			border-radius: 10px;
			height: 165px;
		}
		.screenshots > a:hover {
			border: 1px solid #999;
			background: #eee;
		}
		
		.disclaimer {
			margin-top: 25px;
			font-size: 9pt;
		}

		#licensing tr.highlight:hover {
			background: #eee;
			color: #333;
		}
		
	.clear {
		clear: both;
	}
		
		
#footer {
	background: url(pagefooter.png) top center no-repeat;
	padding: 60px 0 20px 0;
	color: #999;
	font-size: 9pt;
}

	#footerlinks {
		margin-bottom: 10px;
	}

		#footerlinks > a:link, #footerlinks > a:visited {
			color: #666;
			margin: 5px;
		}

		#footerlinks > a:hover {
			border-bottom: 1px dotted #666;
		}

	#footerdetails {
		display: table;
	}
	
		#footerdetails > div {
			text-align: center;
			float: left;
			padding: 0 20px;
		}

	#footerbuttons {
		padding-top: 10px;
		clear: both;
	}

		#footerbuttons > a:link, #footerbuttons > a:visited{
			-moz-opacity: 0.3;
			opacity: 0.3;
		}

		#footerbuttons > a:hover{
			-moz-opacity: 1.0;
			opacity: 1.0;
		}
