@charset "utf-8";

/*index page stylesheet*/

body 	{	
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: 'Gotham-Light', Verdana, Helvetica, sans-serif;
	font-size: 12px; 
	background-color: #403D2D;}			   
					
div.container { 
	margin: 0em auto;
	width:900px;
	height: 600px;
	text-align: left;	}


div.window 	{
	position:relative;
	top:100px;
	width:802px;
	height:485px;
	margin:0;
	padding:0;
	background-color: black }
	

div.logo	{
	position:relative;
	top:-45px;
	left:0px;	
	font-family: 'Gotham-Light', Verdana, Helvetica, sans-serif;
}	

div.how	{
	position:relative;
	top:-78px;
	left:0px;	
	text-align: right;
	font-family: 'Gotham-Light', Verdana, Helvetica, sans-serif;
	color: white;
}		
	
div.bar 	{
	position:relative;
	top:-3px;
	width:793px;
	height:16px;
	padding:5px 5px 3px 5px;
	margin:0;
	vertical-align:middle;
	background-color: #CC0000 }		


ul.grid	{
	position:relative;
	top:-29px;
	left:-3px;	
	width:790px;
	height:468px;
	}
	
div.textnav	{
	position:relative;
	top:10px;
	left:-11px;	
	width:790px;
	}
		
#ga1	{
	display: block;
	position:absolute;
	top:0px;
	left:0px;	
	list-style: none;	
	width: 149px;
  	height: 149px;
 	background: url("images/grid/tweedy2.jpg") no-repeat 0 0; }

#ga1:hover { background-position: 0 -149px; }
	
#ga2	{
	display: block;
	position:absolute;
	top:0px;
	left:159px;	
	list-style: none;	
	width: 149px;
  	height: 149px;
 	background: url("images/grid/pg2.png") no-repeat 0 0; }

#ga2:hover { background-position: 0 -149px; }


#ga3	{
	display: block;
	position:absolute;
	top:0px;
	left:318px;	
	list-style: none;	
	width: 149px;
  	height: 149px;
 	background: url("images/grid/winter2.jpg") no-repeat 0 0; }

#ga3:hover { background-position: 0 -149px; }

	
#ga4	{
	display: block;
	position:absolute;
	top:0px;
	left:477px;	
	list-style: none;	
	width: 149px;
  	height: 149px;
 	background: url("images/grid/suny2.jpg") no-repeat 0 0; }

#ga4:hover { background-position: 0 -149px; }


#ga5	{
	display: block;
	position:absolute;
	top:0px;
	left:636px;	
	list-style: none;	
	width: 149px;
  	height: 149px;
 	background: url("images/grid/clearwater2.jpg") no-repeat 0 0; }

#ga5:hover { background-position: 0 -149px; }

	
		
#gb1	{
	display: block;
	position:absolute;
	top:159px;
	left:0px;	
	list-style: none;	
	width: 149px;
  	height: 149px;
 	background: url("images/grid/jazz2.png") no-repeat 0 0; }

#gb1:hover { background-position: 0 -149px; }

	
#gb2	{
	display: block;
	position:absolute;
	top:159px;
	left:159px;	
	list-style: none;	
	width: 149px;
  	height: 149px;
 	background: url("images/grid/spectrum4.jpg") no-repeat 0 0; }

#gb2:hover { background-position: 0 -149px; }


#gb3	{
	display: block;
	position:absolute;
	top:159px;
	left:318px;	
	list-style: none;	
	width: 149px;
  	height: 149px;
 	background: url("images/grid/fab2.jpg") no-repeat 0 0; }

#gb3:hover { background-position: 0 -149px; }

	
#gb4	{
	display: block;
	position:absolute;
	top:159px;
	left:477px;	
	list-style: none;	
	width: 149px;
  	height: 149px;
 	background: url("images/grid/seeger2.jpg") no-repeat 0 0; }

#gb4:hover { background-position: 0 -149px; }


#gb5	{
	display: block;
	position:absolute;
	top:159px;
	left:636px;	
	list-style: none;	
	width: 149px;
  	height: 149px;
 	background: url("images/grid/fergus2.png") no-repeat 0 0; }

#gb5:hover { background-position: 0 -149px; }

	
		
#gc1	{
	display: block;
	position:absolute;
	top:318px;
	left:0px;	
	list-style: none;	
	width: 149px;
  	height: 149px;
 	background: url("images/grid/mckinsey2.jpg") no-repeat 0 0; }

#gc1:hover { background-position: 0 -149px; }

	
#gc2	{
	display: block;
	position:absolute;
	top:318px;
	left:159px;	
	list-style: none;	
	width: 149px;
  	height: 149px;
 	background: url("images/grid/madalin2.jpg") no-repeat 0 0; }

#gc2:hover { background-position: 0 -149px; }


#gc3	{
	display: block;
	position:absolute;
	top:318px;
	left:318px;	
	list-style: none;	
	width: 149px;
  	height: 149px;
 	background: url("images/grid/seeger4.jpg") no-repeat 0 0; }

#gc3:hover { background-position: 0 -149px; }

	
#gc4	{
	display: block;
	position:absolute;
	top:318px;
	left:477px;	
	list-style: none;	
	width: 149px;
  	height: 149px;
 	background: url("images/grid/ivillagelogo2.png") no-repeat 0 0; }

#gc4:hover { background-position: 0 -149px; }


#gc5	{
	display: block;
	position:absolute;
	top:318px;
	left:636px;	
	list-style: none;	
	width: 149px;
  	height: 149px;
 	background: url("images/grid/cpa2.jpg") no-repeat 0 0; }

#gc5:hover { background-position: 0 -149px; }

	
.caps	{ 
	text-transform:uppercase;	
	}		

			
a:link		{
	text-decoration: none;
	font-weight: bold;
	font-family: 'Gotham-Bold', Verdana, Georgia, Helvetica, sans-serif;
	color: #ada1a1;
	}		
a:visited	{
	text-decoration: none;
	font-weight: bold;
	font-family: 'Gotham-Bold', Verdana, Georgia, Helvetica, sans-serif;
	color:  #ff3714;
	}			
a:hover	{
	text-decoration: none;
	font-weight: bold;
	font-family: 'Gotham-Bold', Verdana, Helvetica, sans-serif;
	color: white;
	}	
a:active		{
	text-decoration: none;
	font-weight: bold;
	font-family: 'Gotham-Bold', Verdana, Helvetica, sans-serif;
	color: white;
	}				

	
a.cloud:link		{
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 1px;
	color: #ada1a1;
	}		
a.cloud:visited		{
	text-decoration: none;
	font-weight: bold;
	color: #777777;
	}			
a.cloud:hover	{
	text-decoration: none;
	font-size:22px;
	font-weight: normal;
	font-family: 'Gotham-Light', Verdana, Georgia, Helvetica, sans-serif;
	color: white;
	text-transform:lowercase;
	}	
a.cloud:active		{
	text-decoration: none;
	font-weight: bold;
	color: white;
	text-transform:lowercase;
	}		
	
ul 	{ 	
	line-height: 16px; 			   
	list-style-type: square;
  	margin: 0em 0em 0em 1em; 
	padding-left: .5em; 
	}		
				
li 	{ 	
	display: inline-block;
	margin: .2em .5em .1em 0em; 	
	}
	
	
h1	{ 	
	font-size: 28px; 
	font-weight: normal;
	line-height: 30px;  
	margin:0;
	} 	

.logo	{ 	
	color: white;
	margin: -1px
	} 	
	
	
.barnav	{ 	
	color: white;
	font-size: 12px;
	letter-spacing: 1px;
	text-align: right;
	margin:0px
	} 	

.nav	{ 	
	color: white;
	font-size: 12px;
	margin: 0 1px 0 -5px
	} 	

	
.tight	{ 	letter-spacing:-1px;} 	
.sml	{ 	font-size: 8px; }
.gobold	{ 	font-family: 'Gotham-Bold', Verdana, Helvetica, sans-serif; } 		 	
.fb-like{margin-top:20px;margin-bottom:-20px }