@import "reset.css";

body {
	font-family: Arial;
	font-size:90%;
	line-height:30px;
	padding-top:410px;
}

a {
	text-decoration:none;
	color:#527ec6;
	border-bottom:1px #527ec6 dashed;
}

a:hover {
	color:#0659df;
	border-bottom:1px #0659df dashed;
}

h2 {
	font-size:150%;
	margin:20px 0 20px 0;
}

.center {
	text-align:center;
}

.page {
	width:980px;
	margin:0 auto;
}

.endl {
	clear:both;
}

.column-2-left, 
.column-2-right {
	width:47%;
	float:left;
	margin-right:2%;
}

.al-right {
	text-align:right;
}

#language {
	height: 26px;
	background-color:#ffa100;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	text-align:right;
	color:#fff;
	font-size:90%;
}

	#language a {
		border:none;
	}

#head {
	height: 85px;
	background:url(/img/headback.jpg) repeat-x;
	position:absolute;
	top:25px;
	left:0;
	width:100%;
	color:#fff;
	font-size:90%;
}
	
	#head #logo {
		display:block;
		height:61px;
		width:293px;
		background:url(/img/uslogo.jpg) no-repeat;
		float:left;
		border:none;
	}
	
	#head #menu {
		float:right;
	}
	
	#head #menu a {
		height:40px;
		float:left;
		font-size:140%;
		padding:25px 10px;
		margin:0 0 0 0px;
		border:none;
		color:#555;
	}
	
	#head #menu a:hover {
		color:#000;
	}

	#head #menu a.current {
		background:url(/img/menucur.jpg) no-repeat top center;
	}
	

#trevda {
	height: 305px;
	background:url(/img/advback.jpg) no-repeat center;
	position:absolute;
	top:105px;
	left:0;
	width:100%;
	color:#fff;
	font-size:90%;
	text-align:center;
}

	#trevda #trevdaimg {
		margin-top:10px;
		height:235px;
	}
	
	#trevda #buttons {
		height:60px;
		background:url(/img/whiteback.png);
		width:100%;
	}
		#trevda #buttons div {
			width:420px;
			margin:0 auto;
			height:51px;
			overflow:hidden;
			padding-top:5px;
		}

		#trevda #buttons a {
			background:url(/img/buttonsor.png) no-repeat 0 -51px;
			padding-top:10px;
			overflow:hidden;
			border:none;
			display:block;
			float:left;
			width:178px;
			height:51px;
			text-indent:9000px;
			margin:0 10px;
		}
		
		#trevda #buttons a.buynow {
			background:url(/img/buttonsor.png) no-repeat 0 -51px;
			
		}

		#trevda #buttons a.download {
			background:url(/img/buttonsor.png) no-repeat -178px -51px;
		}
		
		#trevda #buttons a.buynow:hover {
			background:url(/img/buttonsor.png) no-repeat 0 0;
		}
		#trevda #buttons a.download:hover {
			background:url(/img/buttonsor.png) no-repeat -178px 0;
		}	
		
#content {
	background:#f0f0f0 url(/img/contentback.jpg) repeat-x top;
	color:#333;
}

	#content #about {
		width:350px;
		float:left;
		background:#dae3f5 url(/img/whatisback.jpg) repeat-x;
		height:340px;
		padding-top:20px;
	}
	
		#content #about h2 {
			margin-left:20px;
		}
		#content #about p {
			margin:20px;
		}
	
	#content #keys {
		width:600px;
		float:right;
		padding-top:20px;
		
	}

		#content #keys b {
			font-size:120%;
		}
		
		#content #keys p {
			margin-bottom:30px;
		}

#prefooter {
	clear:both;
	background:url(/img/preback.jpg) repeat-x bottom;
	height:310px;
	overflow:hidden;
	color:#fff;
}
	
	#prefooter h2 {
		color:#fff;
	}
	
	#prefooter p {
		color:#cbd3e0;
	}
	
	#prefooter p.al-right {
		font-weight:bold;
	}
		
	#prefooter a {
		color:#ddd;
		border-bottom:1px #ddd dashed;
	}
	
	#prefooter a:hover {
		color:#fff;
		border-bottom:1px #fff dashed;
	}
	
	
	#prefooter a.latest-news {
		font-size:140%;
	}

	#prefooter p.news-date {
		font-size:80%;
		margin-top:-10px;
		margin-bottom:20px;
	}

	#prefooter #news {
		width:360px;
		float:left;
	}
	
	
	#prefooter #awards {
		width:254px;
		height:305px;
		float:left;
		background:url(/img/awardsback.jpg) no-repeat;
		text-align:center;
	}
	
		#prefooter #awards p {
			margin:10px;
		}
		
		#prefooter #awards a {
			border:none;
			color:#fff;
			font-weight:bold;
		}
	
	#prefooter #affiliate {
		width:360px;
		float:left;
	}
	
		#prefooter #affiliate b {
			font-size:150%;
		}
	

#footer {
	clear:both;
	background:#fff;
	height:40px;
	font-size:90%;
	color:#999;
}

	#footer #menu {
		float:left;
	}
	
	#footer #menu a {
		
		margin:0 5px 0 0;
		color:#999;
		border-bottom:1px #999 dashed;
	}
	
	#footer #menu a:hover {
		color:#666;
		border-bottom:1px #666 dashed;
	}
	
	#footer #twitter {
		float:left;
		margin-left:50px;
	}

	#footer #rss {
		float:left;
		margin-left:20px;
		margin-top:3px;
	}
	
	#footer #rss a,
	#footer #twitter a {
		border:none;
	}

	#footer p {
		float:right;
	}

#gallery {width:176px;height:136px;padding:0;margin-left:10px;}
#gal-first, #gal-back {position:absolute;margin-top:9px;border:none;}
#gal-first {z-index:100;}
#gal-back {z-index:0;}
#gal-first a, #gal-back a {
	border:none;
}		


.news-date {
	font-weight:bold;
}

table {
	width:100%;
}

	table tr.title {
		font-weight:bold;
		background:#bad1f6;
	}