@charset "utf-8";
/* CSS Document */


#content { min-height: 200px; }
.content_front { }

#boxees { height: 430px; }
	#boxee_left { border: 0px solid black; position: relative; float: left; width: 750px; height: 418px; }
		#it { position: relative; float: left; width: 350px; height: 180px; margin-left: 15px; margin-top: 15px;}
		.itover { position: relative; float: left; width: 350px; height: 180px; border: 1px solid #f00; margin-left: 15px; margin-top: 15px; color: red; background: #fff; }
		.itout { position: relative; float: left; width: 350px; height: 180px; border: 1px solid #aaa; margin-left: 15px; margin-top: 15px; color: black; background: none; }
			#it h2 { position: relative; float: left; width: 200px; right: 60px; bottom: 95px; }
			#it ul { list-style-type: none; text-align: right; margin-right: 10px; position: relative; float: left; width: 300px; margin-top: 0px; right: 0px; bottom: 85px; }	
			#tux { position: relative; float: left; top: 122px; left: -145px; }
			#comp { position: relative; float: left; top: -5px; left: -32px; }
		#web { position: relative; float: left; width: 350px; height: 180px; margin-left: 15px; margin-top: 15px; }
		.webover { position: relative; float: left; width: 350px; height: 180px; background: url(/resources/javascript.png) top right no-repeat #001; color: #fff; margin-left: 15px; margin-top: 15px; border: 1px solid #00F; }
		.webout { position: relative; float: left; width: 350px; height: 180px; background: url(/resources/webpage1.png) top no-repeat; color: #000; margin-left: 15px; margin-top: 15px; 
					border-bottom: 1px solid #777; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff;}
			#web h2 { position: relative; top: 40px; }
			#web ul { list-style-type: none; text-align: left; position: relative; top: 50px; }
	
		#dvr { position: relative; float: left; height: 200px; width: 400px; margin-left: 15px; margin-top: 15px; border: 1px solid black; }
		.dvrover { position: relative; float: left; height: 200px; width: 400px; margin-left: 15px; margin-top: 15px; border: 1px solid black; background: url(/resources/dvrback1.png) #fff; }
		.dvrout { position: relative; float: left; height: 200px; width: 400px; margin-left: 15px; margin-top: 15px; border: 1px solid black; background: url(/resources/dvrback2.png) #fff; }
			#dvr h2 { text-align: left; position: relative; left: 10px; top: 10px; }
			#dvr ul { margin: 0px; padding: 0px; list-style-type: none; text-align: left; position: relative; left: 15px; top: 30px; }
			#dvr ul li {  margin: 0px; padding: 0px;}
		#memberships { position: relative; float: left; margin-left: 15px; margin-top: 15px; border: 0px solid black; height: 200px; width: 300px; }
		.membershipsover { position: relative; float: left; margin-left: 15px; margin-top: 15px; border: 0px solid black; background: url(/resources/membercard3.png);}
		.membershipsout { position: relative; float: left; margin-left: 15px; margin-top: 15px; border: 0px solid black; background: url(/resources/membercard2.png); }
		
	#boxee_right { border: 0px solid black; position: relative; float: left; height: 418px;}
		#coupons { border: 0px dashed black; height: 400px; width: 180px; margin-top: 15px; /*background: url(/resources/coupons3.png);*/ }

#about { height: 80px; background: #333; color: #aaa; padding: 10px; }
#about p { padding: 0px; margin: 0px; }
#about a { color: white; }