/**
 *  --------------------------------------------------------------------------------------
 *  Structure CSS
 *  ----------------------------------------------------
 *  Modified	October 14, 2008 by Bree
 *  @version	3.0.1
 *  @author	Chris Satterthwaite <chris@navigatormm.com>
 *  ----------------------------------------------------
 *  1.	Wrapper
 *  2.	Navigation
 *  3.  Flash
 *  4.	ContentWrapper
 *  5.	Content
 *  6.	Footer
 *  7.	Copyright
 *  --------------------------------------------------------------------------------------
 */

/* Wrapper
--------------------------------------------------------------------------------------- */
#wrapper {
	width:				975px;
	margin:				0px auto 0px auto;
	z-index:			10;/* Is need so that dropdown apears in front of relative position objects in IE6 and IE7. */
}

/* Header
----------------------------------------------------------------------------------------------------------------------------- */
#header{
	background: url(../images/interface/header.png) no-repeat;
	height:228px;
	padding:49px 0 0 0;
	position:relative;
	z-index:10;
	}


	
/* Navigation
--------------------------------------------------------------------------------------- */


	#logo {
		width:							222px;
		position:                       absolute;
		top:                            -40px;
		left:                           -21px;
	}
	
/* Flash
--------------------------------------------------------------------------------------- */
#flash-home, #flash-walk, #flash-business, #flash-tools, #flash-links {
	width:							915px;
	height:                         202px;
	position:                       relative;
	margin:0 auto;
	z-index:1;
}

	#earth {
		width:                  210px;
		height:                 183px;
		position:               absolute;
		top:                    122px;
		left:                   30px;
		z-index:5;
	}
	
	
/* ContentWrapper
--------------------------------------------------------------------------------------- */
#contentWrapper {
	min-height:	                366px;
	height:						auto !important;
	height:						366px;
}

/* Content
--------------------------------------------------------------------------------------- */
#content {
	width:				875px;
	padding:            30px 20px 0px 20px;
	margin: 			0 auto 0 auto;
}

#index-content{
	width: 915px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto 0 auto;
	
}

/* Index Pics Style
---------------------------------------------------------------------------------- */
.index-pic {
	font-size:			9px;
	list-style:			none;
	width:				915px;
	height:				329px;
	margin:				0 auto 0 auto;
	padding:            0 0 0 0;
	display:			block;
	position:			relative;
	z-index:			5;/* Is need so that dropdown apears in front of relative position objects in IE6 and IE7. */
	background:			url(../images/interface/index-pic.jpg) no-repeat;
}

.index-pic li {
	position:			absolute;
	top:				0px;
	z-index:			30; /* ensure submenus appear above other page items.*/
}
.index-pic li span {
	display:			none;
}
.index-pic li a { 
	height:				329px;
	display:			block;
}

.index-pic1        	{ left:0px;		width:228px;}
.index-pic2      	{ left:230px; 	width:225px;}
.index-pic3 		{ left:457px;	width:226px;}
.index-pic4 		{ left:685px;	width:230px;}


.index-pic1 a:hover     { background: transparent url(../images/interface/index-pic.jpg)  	0px -329px no-repeat;}
.index-pic2 a:hover    	{ background: transparent url(../images/interface/index-pic.jpg)  -230px -329px no-repeat;}
.index-pic3 a:hover		{ background: transparent url(../images/interface/index-pic.jpg)  -457px -329px no-repeat;}
.index-pic4 a:hover		{ background: transparent url(../images/interface/index-pic.jpg)  -685px -329px no-repeat;}

/* Footer
--------------------------------------------------------------------------------------- */
#footer {
	font-size:			9px;
	width:				975px;
	margin:				0 auto;
	position:			relative;
}
#footerContent {
	height:				38px;
	padding:            22px 80px 34px 80px;
}

#footerContent a{
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
}

#footerContent a:hover{color:#95ddff; text-decoration:none;}

#footerContent p#wesogreen{clear:both; font-size:10px; font-weight:bold; padding:5px 0 0 0;}
/* Copyright Structure
--------------------------------------------------------------------------------------- */
#copyright {
	font-size:			9px;
	width:				915px;
	margin:				0 auto;
	padding:            0 0 0 0;
	color:				#ffffff;
}

#copyright a{color: #ffffff; font-size:10px;}