/* CSS Document */
body{
	background-position:center;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: #f3e8b4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
}

#wrapper {
	width: 1000px;
	height:100%
	min-height:800px;
	padding-top: 0px;
	position: relative;
	text-align: center;
	margin-left:auto;
	margin-right: auto;	
}

#logo {
	position:relative;
	width: 210px;
	height: 125px;
	left:10px;
	top:0px;

}

#topNav {
	height: 17px;
	width: 317px;
	top: 0px;
	left: 300px;
	position: relative;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}


#mainNav {
	position:relative;
	width: 922px;
	left:39px;
	top: 140px;
	text-align:center;
}


#mainContent {
	width: 922px;
	position: relative;
	top: 140px;
	background-image: url(../images/content_bg.png);
	background-repeat: repeat-y;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#elements_nav {
	position:relative;
	left:719px;
	top:30px;
	width:100px;
	height:18px;
	z-index:1;
	text-align:right;
}

#content {
	width: 900px;
	position:relative;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#leftContent {
	width: 500px;
	position: relative;
	float:left;
	text-align:left;
	padding-top:10px;
}

#leftContentContact {
	width: 275px;
	position: relative;
	float:left;
	text-align:left;
	padding-top:10px;
}
#rightContent {
	width:400;
	float:left;
	position:relative;
	top:0px;
	text-align:left;
	padding-top:10px;
}	


/* 2 columns contained in rightContent */
#homeColumn1 {
	width: 190px;
	position: relative;
	float: left;
	padding-left:7px;
}


#homeColumn2 {
	width: 190px;
	position: relative;
	float: left;
	margin-left:7px;
}

/* --------- */

/* 2 columns contained in leftContent */

/* --------- */

/* 2 columns 50 50 */

#leftContent50 {
	width: 425px;
	position: relative;
	float:left;
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
}

#rightContent50 {
	width:425px;
	float:left;
	position:relative;
	top:0px;
	text-align:left;
	padding-top:10px;
	padding-left:50px;
	padding-top:10px;
}


#homeNews {
	width:250px;
	position:relative;
	padding-left:0px;
	float:left;
	top:0px;
	margin: 0px 8px 0px 0px;
}
	

#homeActivity {
	width:220px;
	position:relative;
	padding-left:0px;
	margin-left:0px;
	float:left;
	top:0px;
}

/* --------- */

/* 2 columns contained in leftContent */


#whatNews {
	width:480px;
	position:relative;
	padding-left:0px;
	float:left;
	top:0px;
	margin: 0px 8px 0px 0px;
}



/* --------- */


/* header between projects in project listing and to start project detail */

#proj_header {
	width:100%;
	height:36px;
	background-image:url(../images/projects/proj_header.png);
	background-repeat:repeat-x;
	background-position:center;
	border-bottom: #f3e8b4 dotted 1px;
	font-size:22px;
	text-indent:0em;
	padding-bottom:1px;
	margin-bottom: 5px;
	text-align:left;
}

/* container for each  project in project list */
	

#proj {
	width:900px;
	position:relative;
	top:3px;
	height:120px;
	padding-bottom:30px;
	margin-bottom:30px;
}

/* divs w/in project listing */
	

#proj_desc {
	width:265px;
	position:relative;
	padding-left:0px;
	float:left;
	top:-130px;
	text-align:right;
	line-height:13px;
	
}

#proj_img {
	width:585px;
	position:relative;
	padding-left:0px;
	float:left;
	top:0px;
	left:0px;
	text-align:center;
}	

#proj_news {
	width:172px;
	position:relative;
	float:left;
	padding-left:0px;
	top:0px;
}


#proj_info {
	width:136px;
	position:relative;
	float:left;
	padding-left:0px;
	top:0px;
}

/* --------- */

/* page dividers and content dividers */


#greenDivider {
	height:10px;
	background-image:url(../images/home/divider_bar.png);
	background-repeat:repeat-x;
	background-position:center;

}	

#greenDotDivider {
	width:100%;
	height:20px;
	background-image:url(../images/home/dot_divider.png);
	background-repeat:repeat-x;
	background-position:center;
}

/* --------- */


#footer {
	width:900px;
	font-family:Arial;
	font-size: 10px;
	text-align:left;
	margin-top:5px;
	margin-bottom: 5px;
	padding-top:5px;
	padding-bottom:30px;
}

#singleContent {
	width: 900px;
	position: relative;
	float:left;
	text-align:left;
	padding-top:10px;
}

.imgspacer {
	padding: 0px;
	margin-bottom:10px;
}
#flashcontent {
	width: 250px;
	height: 180px;
}
#gallerycontent {
	position:relative;
	width: 365px;
	height: 300px;
	float: left;
}
#detailcontent {
	position:relative;
	width: 365px;
	height: 300px;
}
#detailcontent1 {
	position:relative;
	width: 365px;
	height: 300px;
}
#detailcontent2 {
	position:relative;
	width: 365px;
	height: 300px;
}
#detailcontent3 {
	position:relative;
	width: 365px;
	height: 300px;
}
#detailcontent4 {
	position:relative;
	width: 365px;
	height: 300px;
}
#detailcontent5 {
	position:relative;
	width: 365px;
	height: 300px;
}
#detailcontent6 {
	position:relative;
	width: 365px;
	height: 300px;
}
#detailcontent7 {
	position:relative;
	width: 365px;
	height: 300px;
}
#plistholder{
	width:900px;
	height:100%;
	padding: 0px 0px 10px 0px;
	float:left;
}

#plist1 {
	width: 380px;
	position: relative;
	float:left;
	text-align:left;
	padding-top:10px;
	padding-right:5px;
	padding-bottom:10px;
}

#plist2 {
	width: 355px;
	position: relative;
	float:left;
	text-align:left;
	padding-top:10px;
	padding-right:5px;
	padding-bottom:10px;
}
#plist3 {
	width: 140px;
	position: relative;
	float:left;
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:5px;
}
#plist4 {
	width: 140px;
	position: relative;
	float:left;
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
}