/* the usual suspects */

body
{
	padding: 0px;
	margin: 0px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 12px;
}

img
{
	border-width: 0px;
}

a, a:link, a:visited
{
	color: #06c;
	text-decoration: none;
}

a:hover, a:active
{
	text-decoration: underline;
}

/* send the usual suspects home */

/* reusable goodies */

.container
{
	width: 920px;
	margin: 0px auto;
}

div.tagline
{
	margin-left: 20px;
	margin-bottom: 2px;
	font-size: 10px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	color: #666;
}

div.note
{
	margin-bottom: 2px;
	font-size: 10px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	color: #666;
}

.relevant
{
	display: none;
}

/* end resuable goodies */

/* whole page stuff */

#bodyContent
{
	margin-top: 100px;
}

/* end whole page stuff */

/* main header/banner and navigation */

#header
{
	position: fixed;
	top: 0px;
}

	#header #homeLink
	{
		padding-right: 170px;
		position: absolute;
	}
	
		#header #homeLink:hover, #header #homeLink:active
		{
			background-image: url(/images/bg-home.png);
			background-repeat: no-repeat;
			background-position: right 51px;
		}
	
	#header .fade
	{
		background-image: url(/images/bg-horizontal-fade.png);
		background-repeat: repeat-x;
		height: 10px;
		clear: left;
	}

	#header #banner
	{
		background-image: url(/images/header-rareedge.png);
		background-repeat: no-repeat;
		background-position: 62px 0px;
		width: 920px;
		height: 76px;
		float: left;
	}
	
		#header #banner img
		{
			float: left;
		}
	
		/* navigation */
		
		#header #banner #navigation
		{
			text-align: right;
			margin-top: 54px;
			height: 17px;
			float: right;
		}
		
		#header #banner #navigation ul
		{
			list-style-type: none;
			display: inline;
			margin: 0px;
			padding: 0px;
		}
		
			#header #banner #navigation ul li
			{
				float: left;
				margin: 0px 4px;
			}
			
				#navigation ul li a, #navigation ul li a:link, #navigation ul li a:visited
				{
					background-position: 0px 0px;
					background-repeat: no-repeat;
					text-decoration: none;
					display: block;
					float: left;
					height: 17px;
				}
				
				#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li a.on
				{
					background-position: 0px -17px;
				}
				
				/* products */
				li#products a, li#products a:link, li#products a:visited
				{
					background-image: url(/images/nav-products.png);
					width: 63px;
				}
				
				/* blog */
				li#blog a, li#blog a:link, li#blog a:visited
				{
					background-image: url(/images/nav-blog.png);
					width: 37px;
				}
				
				/* design */
				li#design a, li#design a:link, li#design a:visited
				{
					background-image: url(/images/nav-design.png);
					width: 99px;
				}
				
				/* company */
				li#company a, li#company a:link, li#company a:visited
				{
					background-image: url(/images/nav-company.png);
					width: 66px;
				}
		
		/* end navigation */

/* end main header/banner and navigation */

/* call thems, columns */

.columns
{
	
}
	.columns .column
	{
		float: left;
		padding-bottom: 40px;
		width: 450px;
	}
	
		.columns .column .spacer
		{
			height: 20px;
		}
	
		.columns .column.left
		{
			margin-right: 10px;
		}
		
		.columns .column.right
		{
			margin-left: 10px;
		}
	
		.columns .column .hat
		{
			width: 450px;
			height: 9px;
			background-repeat: no-repeat;
		}
		
			.columns .column .hat.blogPreview
			{
				background-image: url(/images/bg-blog-preview-top.png);
			}
			
			.columns .column .hat.productsPreview
			{
				background-image: url(/images/bg-products-preview-top.png);
			}
			
			.columns .column .hat.mobileware
			{
				background-image: url(/images/bg-products-mobileware-top.png);
				height: 50px;
			}
			
			.columns .column .hat.freeware
			{
				background-image: url(/images/bg-products-freeware-top.png);
				height: 50px;
			}
			
			.columns .column .hat.websites
			{
				background-image: url(/images/bg-products-websites-top.png);
				height: 50px;
			}
			
			.columns .column .hat.designWebsites
			{
				background-image: url(/images/bg-design-websites-top.png);
			}
			
			.columns .column .hat.designLogosIllustration
			{
				background-image: url(/images/bg-design-logosIllustration-top.png);
			}
		
		.columns .column .content
		{
			padding: 20px;
		}
		
			.columns .column .content.blogPreview
			{
				background-color: #e5f0cb;
				background-image: url(/images/bg-fishy.png);
				background-repeat: no-repeat;
				background-position: 18px 26px;
			}
			
			.columns .column .content.productsPreview
			{
				background-color: #d3dfee;
			}
			
			.columns .column .content.mobileware
			{
				background-image: url(/images/bg-products-mobileware-middle.png);
			}
			
			.columns .column .content.freeware
			{
				background-image: url(/images/bg-products-freeware-middle.png);
			}
			
			.columns .column .content.websites
			{
				background-image: url(/images/bg-products-websites-middle.png);
			}
			
			.columns .column .content.designWebsites
			{
				background-image: url(/images/bg-design-websites-middle.png);
			}
			
			.columns .column .content.designLogosIllustration
			{
				background-image: url(/images/bg-design-logosIllustration-middle.png);
			}
		
		.columns .column .shoe
		{
			width: 450px;
			height: 9px;
			background-repeat: no-repeat;
		}
		
			.columns .column .shoe.blogPreview
			{
				background-image: url(/images/bg-blog-preview-bottom.png);
			}
			
			.columns .column .shoe.productsPreview
			{
				background-image: url(/images/bg-products-preview-bottom.png);
			}
			
			.columns .column .shoe.mobileware
			{
				background-image: url(/images/bg-products-mobileware-bottom.png);
			}
			
			.columns .column .shoe.freeware
			{
				background-image: url(/images/bg-products-freeware-bottom.png);
			}
			
			.columns .column .shoe.websites
			{
				background-image: url(/images/bg-products-websites-bottom.png);
			}
			
			.columns .column .shoe.designWebsites
			{
				background-image: url(/images/bg-design-websites-bottom.png);
			}
			
			.columns .column .shoe.designLogosIllustration
			{
				background-image: url(/images/bg-design-logosIllustration-bottom.png);
			}

/* end call thems, columns */

/* footer */

#footer
{
	background-color: #505050;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 11px;
	overflow: auto;
	padding: 10px 0px;
	clear: both;
}

	#footer .title
	{
		color: #fff;
		font-weight: bold;
		padding-bottom: 4px;
	}
	
	#footer a, #footer a:link, #footer a:visited
	{
		color: #6cf;
		text-decoration: none;
	}
	
	#footer a:hover, #footer a:active
	{
		text-decoration: underline;
	}
	
	.column1 ul, .column2 ul, .column3 ul
	{
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	
		.column1 ul li, .column2 ul li, .column3 ul li
		{
			padding: 6px 0px;
		}
	
	#footer .column1
	{
		width: 14%;
		float: left;
		padding: 0% 2%;
	}
	
	#footer .column2
	{
		width: 38%;
		float: left;
		color: #cff;
		padding: 0% 2%;
	}
	
	#footer .column3
	{
		width: 36%;
		float: left;
		color: #cf9;
		padding: 0% 2%;
	}
	
	#footer #copyright
	{
		clear: both;
		text-align: center;
		color: #999;
		padding-top: 20px;
	}

/* end footer */