/* ----------------------------------------------------
	Body Default
	----------------------------------------------------*/
* {
	margin: 0px;
	padding: 0px;
	outline: none;
	color: #353d43;
}
a {
	color: #d5d5c1;
	text-decoration: none;
}
a:hover {
	color: #aeae85;
	text-decoration: none;
}
img {
	border: none;
}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	list-style: none;
}
li a{
	text-decoration: none;
}

.left { float: left !important; }
.right { float: right !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
/*.clear { float: left !important; clear: both !important; width: 100% !important; }*/


.clear {
	clear: both;
}
#body{
	font: normal 11px/18px Arial, sans-serif;
	text-align: left;
	text-decoration: none;
	color: #353d43;	
	background: #1c1c1c url(../images/bodybg.jpg) repeat-x center top;
}

/* ----------------------------------------------------
	Headings 
	----------------------------------------------------*/
h1, h2, h3, h4, h5, h6, input, textarea, select, option {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	display: inline;
}
h2.momentumHead {
	float: left;
	margin: 0px 0 0px 0;
	height: 30px;
	width: 572px; 
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/momentum-head.gif) no-repeat 5px top;
}
h2.profile {
	float: left;
	margin: 0px 0 8px 0;
	height: 30px;
	width: 572px; 
	text-indent: -9999px;
	overflow: hidden;
	border-bottom: 1px solid #30383e;
	background: url(../images/profile-head.gif) no-repeat 5px top;
}
h2.discription {
	float: left;
	margin: 0px 0 8px 0;
	height: 30px;
	width: 572px; 
	text-indent: -9999px;
	overflow: hidden;
	border-bottom: 1px solid #30383e;
	background: url(../images/description-head.gif) no-repeat 5px top;
}

/* ----------------------------------------------------
	Main Nav 
	----------------------------------------------------*/
	#mainNav {
		position: relative;
		margin: 0px auto;
		width: 983px;
		clear: both;
	}
	#TopNav {
		float: left;
		height: 113px;
		width: 100%;
		margin: 0px 0 0 0px;
		background: url(../images/title-nav-bg.jpg) no-repeat left top;
	}
	#BannerNav {
		float: left;
		width: 100%;
	}
	#subPageBanner {
		float: left;
		width: 100%;
		text-align: left;
		padding: 2px 0 0 0;
		background: url(../images/subpage-banner-bg.jpg) repeat-x top;
	}
	
	#subPageBanner p {
		margin:0;
		padding:0;
	}
	
	#Gallerybannerbg {
		float: left;
		width: 100%;
		text-align: left;
		padding: 0px 0 0 0;
		height: 405px;
		background: url(../images/gallery-bg.jpg) repeat-x top;
	}
/* ----------------------------------------------------
	Top Menu
	----------------------------------------------------*/	
	ul#topmenu {
		float: right;
		width: 727px;
		height: 37px;
		margin: 55px 3px 0 0;
		background: url(../images/top-menu-bg.jpg) repeat-x top;
	}
		ul#topmenu li {
			float: left;
		}
		ul#topmenu li a {
			float: left;
			height: 37px;
			overflow: hidden;
			text-indent: -9999px;
			background-position: left top;
		}
		ul#topmenu li a:hover, 
		ul#topmenu li.active a, 
		ul#topmenu li.active a:hover, 
		ul#topmenu li a.home:hover, 
		ul#topmenu li a.profile:hover, 
		ul#topmenu li a.project:hover, 
		ul#topmenu li a.resource:hover, 
		ul#topmenu li a.contact:hover {
			background-position: left bottom !important;
		}
		
		ul#topmenu li a.home {
			background: url(../images/home.jpg) no-repeat;
			width: 42px;
		}
		ul#topmenu li a.profile {
			background: url(../images/profile.jpg) no-repeat;
			width: 55px;
		}
		ul#topmenu li a.project {
			background: url(../images/projects.jpg) no-repeat;
			width: 68px;
		}
		ul#topmenu li a.resource {
			background: url(../images/resources.jpg) no-repeat;
			width: 80px;
		}
		ul#topmenu li a.contact {
			background: url(../images/contact.jpg) no-repeat;
			width: 64px;
		}
/* ----------------------------------------------------
	Bottom Nav
	----------------------------------------------------*/	
	#bottomMainCon {
		float: left;
		background: url(../images/bottom-bg.jpg) repeat-x top;
		width: 100%;
		height: 37px;
		text-align: center;
		color: #56646c;
	}
		#bottomMainCon .btmCon {
			position: relative;
			margin: 2px auto;
			height: 27px;
			width: 300px;
			padding: 7px 0 0 0;
			text-align: center;
			background-color: #1c1c1c;
			color: #56646c;
		}
		#bottomMainCon .btmCon a {
			font-size: 9px;
			color: #56646c;
		}
		#bottomMainCon .btmCon a:hover {
			color: #ccc;
		}
		
/* ----------------------------------------------------
	Matter Nav
	----------------------------------------------------*/	
	#MatterMainCon {
		float: left;
		position: relative;
		width: 100%;
		padding: 15px 0 15px 0;
		background: url(../images/matter-bg.jpg) repeat-x top;
	}
	p.momentumHead, .momentumHead p {
		float: left;
		width: 567px;
		color: #899298;
		text-align: justify;
		padding: 0 0 0 5px;
	}
	#takeAlookButton {
		/*float: right;*/
		position: absolute;
		right: 0px;
		top: 15px;
		width: 396px;
		height: 117px;
		overflow: hidden;
	}
		#takeAlookButton a {
			float: left;
			width: 396px;
			height: 117px;
			text-indent: -9999px;
			background: url(../images/take-a-look-button.gif) no-repeat left top;
		}
		#takeAlookButton a:hover {
			background-position: left bottom;
		}
	ul.gallerylist {
		float: right;
		width: 130px;
		min-height: 400px;
		height: auto;
		_height:400px;
		margin: 0 8px 0 0px;
		_margin: 0 4px 0 0px;
		background-color: #61727c;
	}
		ul.gallerylist li {
			float: left;
			margin:0;
		}
		ul.gallerylist li.title {
			padding: 0px;
			margin-bottom:0;
		}
		ul.gallerylist li a {
			color: #1c1c1c;
			display:block;
			width:120px;
			padding: 5px 0 5px 10px;
			font-weight:bold;
			font-size: 12px;
			border-bottom:1px #333333 solid;
		}
		ul.gallerylist li a:hover {
			color:#333333;
			background-color:#7B8D97;
		}
		
	#GalleryCon {
		float: left;
		position: relative;
		width: 900px;
		background-color: #1c1c1c;
		
	}
		/*#GalleryCon .Mainpic {
			float: left;
			width: 562px;
			height: 305px;
		}*/
		/*#GalleryCon ul.thumb {
			float: left;
			position: relative;
			clear: both;
			width: 490px;
			height: 30px;
			margin-top: 7px;
			padding: 0 36px 0 36px;
			overflow: hidden;
		}
			#GalleryCon ul.thumb li {
				float: left;
				width: 30px;
				height: 30px;
				display: inline;
				margin: 0 0 0 5px;
			}
			#GalleryCon ul.thumb li.leftarrow {
				position: absolute;
				left: 0px;
				top: 0px;
				margin: 0px;
			}
			#GalleryCon ul.thumb li.rightarrow {
				position: absolute;
				right: 0px;
				top: 0px;
				margin: 0px;
			}*/