* :focus,:focus {outline: 0;}
img {border:0;}
a {border:0; text-decoration:none;}
a:hover {text-decoration:underline;}
html {height: 100%;}
body{
	height: 100%; 
	margin: 0; 
	padding: 0;
	background-color: #ffffff;
}



/* Text Styles Begin */
h1{
    font-size: 18px;
    color: #211d70;
	padding: 0;
	margin: 0;
}
.home-grey{
    font-family: Arial;
	font-size: 13px;
	color: #888888;
}
.home-grey a{
	color: #211d70;
	text-decoration: underline;
	font-weight: bold;
}
.body-grey{
    font-family: Arial;
	font-size: 12px;
	color: #888888;
}
.body-grey a{
	color: #211d70;
	text-decoration: underline;
}
.body-purple{
    font-family: Arial;
	font-size: 12px;
	color: #211d70;
}
.body-purple a{
    color: #211d70;
    text-decoration:underline;
}
/* Text End */



#container{
    position : relative;
	width : 950px;
	margin-left : auto;
	margin-right : auto;
	padding: 0px 20px;
	/*background-color: #dbdbdb;*/
	z-index : 1;
}


/* Header Start */
#header{
    position: relative;
	top: 0px;
	left: 0px;
	height: 108px;
	width: 910px;
	background-image: url('images/header-bg.jpg');
	font-family: Helvetica;
	color: #ffffff;
	font-size: 10px;
	overflow: hidden;
}
#header ul{
    padding: 0px;
	margin: 0px;
}
#header li{
    display: inline;
    list-style-type: none;
    padding: 0px;
	margin: 0px;
}
#header #logo{
    position: absolute;
	top: 45px;
	left: 10px;
}
#header #waterways{
    position: absolute;
	top: 60px;
	left: 790px;
}
#header #social-header{
    position: absolute;
	top: 10px;
	left: 610px;
}
#header #social-header a{
    font-family: Helvetica;
	color: #ffffff;
	font-size: 10px;
}
#nav-container{
    position: relative;
	top: 10px;
	left: 0px;
	width: 910px;
	height: 34px;
	overflow: hidden;
	padding-bottom: 10px;
}
#nav-container ul{
    padding: 0px;
	margin: 0px;
}
#nav-container li{
    display: inline;
    list-style-type: none;
    padding: 0px;
	margin: 0px;
}
#search-box{
    position: absolute;
    top: 0px;
	left: 691px;
	padding: 0px;
    height: 24px;
	width: 186px;
	border: 0;
}
#search-btn{
    position: absolute;
	top: 0px;
	left: 877px;
    height: 24px;
	width: 32px;
	background-image: url('images/go.jpg');
	border:0;
}
#search-btn:hover{
    background-image: url('images/go-active.jpg');
}
/* Header End */


/*Footer Start */
#footer{
    position: absolute;
	bottom: 0px;
	left: 20px;
	height: 108px;
	width: 910px;
	background-image: url('images/header-bg.jpg');
	font-family: Helvetica;
	color: #ffffff;
	font-size: 10px;
	overflow: hidden;
}
#footer a{
    font-family: Helvetica;
	color: #ffffff;
	font-size: 10px;
}
#footer ul{
    padding: 0px;
	margin: 0px;
}
#footer li{
    display: inline;
    list-style-type: none;
    padding: 0px;
	margin: 0px;
}
#footer #footer-nav{
    position: absolute;
	top: 10px;
	left: 10px;    
}
#footer #footer-contact{
    position: absolute;
	top: 10px;
	left: 745px;  
}
/* Footer End */


/* Homepage Styles */
#row1{
    position: relative;
	top: 0px;
	left: 0px;
	width: 910px; 
	height: 407px;
	padding-bottom: 10px;
}
#row1 #box1{
    position: absolute;
	top: 0px;
	left: 0px;
	width: 275px;
	height: 387px;
	padding: 10px;
	background-color: #ffffff;
}
#row1 #main-image{
    position: absolute;
	top: 0px;
	left: 305px;
	width: 447px;
	height: 407px;
}
#row1 #thumbs{
    position: absolute;
	top: 0px;
	left: 760px;
	width: 146px;
	height: 407px;
}

#row2{
    position: relative;
	top: 0px;
	left: 0px;
	width: 910px;
	margin-bottom: 10px;
}
#row2 #signup{
    position: absolute;
	top: 0px;
	left: 0px;
	width: 294px;
	height: 180px;
	background-color: #c7c6db;
}
#row2 #name{
    position: absolute;
	top: 95px;
	left: 10px;
	padding: 0px 5px;
    height: 24px;
	width: 264px;
	margin-bottom: 10px;
	border:0;
	font-family: Arial;
	font-size: 12px;
	color: #888888;
}
#row2 #email{
    position: absolute;
	top: 129px;
	left: 10px;
	padding: 0px 5px;
    height: 24px;
	width: 206px;
	border:0;
	font-family: Arial;
	font-size: 12px;
	color: #888888;
}
#row2 #signup-btn{
    position: absolute;
	top: 129px;
	left: 226px;
    height: 24px;
	width: 58px;
	background-image: url('images/submit.jpg');
	border:0;
}
#row2 #signup-btn:hover{
    background-image: url('images/submit-active.jpg');
}

#row2 #follow{
    position: absolute;
	top: 195px;
	left: 0px;
	width: 294px;
	height: 180px;
	background-color: #ffffff;
}
#row2 #locations{
    position: absolute;
	top: 0px;
	left: 307px;
	width: 294px;
	height: 375px;
	background-color: #ffffff;
}
#row2 #events{
    position: absolute;
	top: 0px;
	left: 614px;
	width: 294px;
	height: 375px;
	background-color: #c7c6db;
}
/* Homepage End */


/* Other Page General */
#events-general{
    position: absolute;
	top: 150px;
	left: 711px;
	width: 218px;
	height: 490px;
	background-color: #c7c6db;
}
#text-column{
    position: absolute;
	top: 150px;
	left: 20px;
	width: 294px;
	height: 770px;
	background-color: #ffffff;
}
#signup-general{
    position: absolute;
	top: 650px;
	left: 711px;
	width: 218px;
	height: 170px;
	background-color: #c7c6db;
}
#name{
    position: absolute;
	top: 95px;
	left: 10px;
	padding: 0px 5px;
    height: 24px;
	width: 188px;
	margin-bottom: 10px;
	border:0;
	font-family: Arial;
	font-size: 12px;
	color: #888888;
}
#email{
    position: absolute;
	top: 129px;
	left: 10px;
	padding: 0px 5px;
    height: 24px;
	width: 130px;
	border:0;
	font-family: Arial;
	font-size: 12px;
	color: #888888;
}
#signup-btn{
    position: absolute;
	top: 129px;
	left: 150px;
    height: 24px;
	width: 58px;
	background-image: url('images/submit.jpg');
	border:0;
}
#signup-btn:hover{
    background-image: url('images/submit-active.jpg');
}

/* General Image Scroller */
#gallery-general{
    position: absolute;
	top: 150px;
	left: 327px;
	height: 450px;
	width: 368px;	
}
#wrapper {
    position: absolute;
	width:368px;
	height:235px;
	overflow:hidden;
	z-index: 2;
}

#mask {
	width:10640px;
	height:235px;
}

.item {
	width:368px;
	height:235px;
	float:left;
	overflow: hidden;
}

.content {
	width:368px;
	height:235px;
	top: 0px;
	left: 0px;
	position:relative;
	overflow: hidden;
}
.thumb {
    width: 89px;
	height: 88px;
	overflow: hidden;
}

.content img{
	max-width:368px;
    width: expression(this.width > 368 ? 368: true);
}

.selected {
	font-weight:400;
}

.clear {
	clear:both;
}

#thumbs-general{
    position: absolute;
	top: 239px;
	left: -1px;
	z-index: 4;
}
/* Image Scroller End */

/* General End */



/* Projects styles */
#tour-projects{
    position: absolute;
	top: 576px;
	left: 327px;
	width: 368px;
	height: 342px;
	background-color: #ffffff;
}
#video-projects{
    position: absolute;
	top: 648px;
	left: 711px;
	width: 218px;
	height: 270px;
	background-color: #ffffff;
}

/* Projects End */