/*

Framework:		Main, Version 1
website:		www.vauxco.com
version:		06 May 2010

Sections:		@Top Level HTML Elements -		*, html, body, p, p + p, a:link, a:visited, a:hover, a:active,
												a img, hr, blockquote, code, strong, em
				@Headings -						h1, h2, h3, h4, h5, h6
				@Header - 						header styles
				@Footer	-						footer styles
				@Navigation -				
				@Forms -					
				@Content Area -				

Color
Definitions:	Text Grey:		#303030
				Main Blue:		#347197
				Main Orange:	#d54726


*/



/* ============================================================================== @Top Level HTML Elements */

* { margin: 0; padding: 0; }

html { }

body 
{
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size: 11px;
	height: inherit;
	line-height: 1.5em;
	width: inherit;
	background-color: #e1dedb ;
	color: #999897;
	line-height: 16px;
}

#alternate 
{
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size: 11px;
	height: inherit;
	line-height: 1.5em;
	width: inherit;
	background-color: #201e1d;
	color: #444442;
	line-height: 16px;
}

a,
a:link,
a:visited,
a:active 
{
	color: #912f1f;
	text-decoration: none;
}

a:hover 
{ 
	color: #b93f2b;
}

a img, img 
{ 
	border: 0px; 
}
		
p 
{ 
	font-size: 11px;
	line-height: 16px; 
}
	.dark
	{
		color: #696262;
	}


/* ============================================================================== @Headings */


@font-face {
font-family: "Boomer Light";
src: url("/_fonts/Boomer-Light.otf")
}

h1 {
	font-family: "Boomer Light", Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #2e2b28;
	line-height: 16px;
	padding: 5px;
	margin-top: 30px;
	margin-bottom: 30px;
	font-weight: 100;
	text-transform: uppercase;
	background-color: #d8d5d2;
	margin-left: 16px;
	text-shadow: 1px 1px 1px #d8d5d2;
	
	}
	
h2 {
	font-family: "Boomer Light", Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #e4e1e1;
	line-height: 16px;
	padding: 5px;
	margin-bottom: 30px;
	font-weight: 100;
	text-transform: uppercase;
	background-color: #2b2b2a;
	margin-left: 16px;	
	}	

h2 { }
h3 { }
h4 { } 
h5 { }
h6 { }



/* ============================================================================== @Header */

#header 
{
	margin-top: 50px;
	margin-bottom: 20px;
}



/* ============================================================================== @Footer */

.footer
{
	margin-top: 30px; 
	margin-left: 16px;
	margin-bottom: 10px;
	padding: 5px 10px 5px 10px;
}

.footer-left 
{
	float: left;
}

.footer-right
{
	float: right;
}


/* ============================================================================== @Navigation */

#nav { }



/* ============================================================================== @Forms */



/* ============================================================================== @Content Area */

.divider
{
	background-image: url(/_img/lined-divider.png);
	width: 940px;
	height: 4px;
	margin-bottom: 20px;
}

.thumb
{
	margin-bottom: 40px;
}

.thumb p
{
	text-align: center;
	font-family: "Boomer Light", Helvetica, Arial, sans-serif;	
	font-size: 11px;
	color: #252423;
	font-weight: 100;
	text-transform: uppercase;	
}

.red
{
	color: #912f1f;
}

.new
{
	position: absolute;
	z-index: 999;
	margin-right: 10px;
	background-image: url(/_img/new.png);
	width: 52px;
	height: 52px;
	margin-left: 270px;
	margin-top: -15px;
}



.first
{
	margin-right: 24px;
	margin-bottom: 40px;
}

	#wrapper { margin: 0px 100px; }	
	.wide 
	{clear:both;}

#caption
{
	float: left;
}

#logo
{
	float: left;
	
}

#icons
{
	float: right;
	margin-top: 45px;
}

	#icons li
	{
		float: right;
		margin-left: 15px ;
		opacity: .25;
		-moz-transition: opacity .2s ease-in-out 0s;
		-webkit-transition: opacity .2s linear;
		transition: opacity .2s linear;
	}
	
	#icons li:hover
	{
		opacity: .9;
	}
	
	

/* ============================================================================== @Gallery */




ul.gallery {
	list-style: none;
	margin: 0; padding: 0;
}
ul.gallery li {
	float: left;
	text-align: center;
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
	background-image: url(/_img/shadow.jpg);
	width: 316px;
	height: 215px;
}
ul.gallery li a.thumb {
	width: 300px; /*--Width of image--*/
	height: 200px; /*--Height of image--*/
	cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 300px;
	height: 200px;
	overflow: hidden;
	display: block;
}
ul.gallery li a.thumb:hover {
	background: #333; /*--Hover effect for browser with js turned off--*/
}
ul.gallery li a {text-decoration: none; color: #777; display: block; margin-top: 4px; margin-left: 8px}