/*
---------------------------------------------------------------------
            GLOBAL STYLES 
---------------------------------------------------------------------

These are default styles that every page needs to inherit */


/* This sets all browser padding and margin defaults to zero */
* { margin: 0; padding: 0; } 

/* This is a fix for IE 6 & 7 spacing issues. I think. */
* html img { display: block; } 

/* This keeps images wrapped in an anchor tag from displaying a border. Maybe. */
a img { border: none; margin: 0; padding: 0; }

/*Firefox produces a dotted outline that appears around links when you click on them. */
a { outline: none; }

@charset "UTF-8";

/* styles for IE 5 Mac */
.wrapper {
        background: transparent;
        position: absolute;
        top: 10px;
		width: 100%;
 }
 
 /* following rules are invisible to IE 5 \*/
.wrapper {
	background: transparent;
	text-align: center;
	position: absolute;
    top: 15%;
    left: 0px;
    width: 100%;
    margin-top: -60px;
    text-align: center;
}
/* end IE 5 hack */ 
#container {
	position: relative;
	height: 600px;
	min-height: 600px;
	width: 900px;
	text-align: left;
	margin: 0px auto;
	overflow: visible;
	border: 1px solid #999999;
	background: #FFFFFF url(images/cropmarks.gif) no-repeat 607px 67px;
}
#containerGallery {
	position: relative;
	height: 600px;
	min-height: 600px;
	width: 900px;
	text-align: left;
	margin: 0px auto;
	overflow: visible;
	border: 1px solid #999999;
	background: #FFFFFF url(images/cropmarks2.gif) no-repeat 607px 67px;
}
body {
	font: 11px/16px Arial, Helvetica, Verdana, sans-serif;
	color: #333333;
	height: 100%;
	
}
a img {
	border: 0px;
	outline: 0px;
	}
a:link, a:visited {
	color: #FF6666;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.headline {
	color: #333333;
	font-size: 16px;
	line-height: 18px;
	letter-spacing: .05em;
}

.headline-pink {
	color: #FF6666;
	font-size: 16px;
	line-height: 18px;
	letter-spacing: .05em;
}
#logo {
	position: absolute;
	left: 650px;
	top: 134px;
	border: 0px;

}
#navigation {
	position: absolute;
	top: 50px;
	left: 50px;
}
.nav {
	font: 11px/17px Helvetica, Arial, Verdana, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	text-transform: uppercase;
	text-align: left;
	letter-spacing: .1em;
}
.nav a:link {
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.nav a:visited {
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.nav a:hover {
	font-weight: bold;
	text-decoration: none;	
}
#tagline {
	position: absolute;
	top: 144px;
	left: 50px;
	}
#imgLeft {
	position: absolute;
	top: 198px;
	left: 50px;
}
#imgRight {
	position: absolute;
	top: 198px;
	left: 429px;
}
#imgMap {
	position: absolute;
	top: 198px;
	left: 429px;
}
#contentHome {
	position: absolute;
	top: 308px;
	left: 50px;
	width: 595px;
}
.contentEvents {
	position: absolute;
	top: 198px;
	left: 50px;
	width: 357px;
	height: 284px;	
	visibility: inherit;
}
.contentEvents-more {
	position: absolute;
	top: 198px;
	left: 50px;
	width: 470px;
	height: 284px;	
	visibility: inherit;
}
#contentBrown {
	position: absolute;
	top: 198px;
	left: 445px;
	width: 374px;
	height: 284px;
	background-color: #c5c19d;	
}
#contentBrown1 {
	position: absolute;
	top: 198px;
	left: 445px;
	width: 374px;
	height: 284px;
	background-color: #c5c19d;	
}
#contentBrown2 {
	position: absolute;
	top: 198px;
	left: 445px;
	width: 374px;
	height: 284px;
	background-color: #c5c19d;	
}
#contentBrown3 {
	position: absolute;
	top: 198px;
	left: 445px;
	width: 374px;
	height: 284px;
	background-color: #c5c19d;	
}
#contentBrown-left {
	position: absolute;
	top: 198px;
	left: 50px;
	width: 385px;
	height: 284px;
	background-color: #c5c19d;	
}
.contentBrown-email {
	position: absolute;
	top: 180px;
	z-index: 2;
}
#contentBrown-contact {
	position: absolute;
	top: 370px;
	left: 50px;
	width: 385px;
	height: 50px;
}
.brownMore {
	position: absolute;
	top: 230px;
	left: 280px;
	margin: 0px;
	text-align: right;
	padding: 0px;
}
.brownText {
	margin: 40px;
	padding: 0px;
	text-align: left;
}
.brownText a:link {
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}
.brownText a:visited {
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}
.brownText a:hover {
	font-weight: normal;
	text-decoration: underline;	
}
.name {
	text-transform: capitalize;
}