/* 	*	*	*	GENERAL STYLES	*	*	*	 */

html, body {
	margin: 0;
	border: 0;
	padding: 0;
	height: 100%;
	
	font-family: verdana,sans-serif; 
	font-size: 11px;
	color:#888;
	background-color:#fff;	
}

.clear { clear: both; }

li { margin: 10px 0 15px 0; }
img {border: none}
input {margin-left: 2px}

a {text-decoration: none; color:#999999;}
a:link {color:#777;}
a:visited {color:#a79;}
a:hover {font-style: normal; text-decoration: none; color:#fa0;}

a.home {color: #fa0}
a.home:hover {color: #444; text-decoration: none;}


span.italic {
	font-weight: normal;
	font-style: italic;
}


/* 	*	*	*	SPLASH STYLES	*	*	*	 */

#container {
	margin:0 auto;

	/*min-height: 100%;*/			/* Min height for modern Browser */
	height: auto !important;	/* !important-Rule for modern Browser */
	height: 100%;				/* Min heigh for IE (<7) */
	width: 100%;
}

#splash_outer { 
	margin: auto;
	height: 400px; 
	width: 100%;
	text-align: center;
	
	position: absolute;
	top: 35%;
}

#splash_inner {
	position: relative;
	top: -25%;
	height: 400px;
	width: 100%;
	
	border-top: 1px solid #eee; 
	border-bottom: 1px solid #eee;
}


/* 	*	*	*	SECTION STYLES	*	*	*	 */

#nav {
	height: 95px;
	width: 100%;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}

#content {
	position: absolute;
	top: 96px;
	bottom: 31px;
	width: 100%;
	overflow: auto;
}
#content-inner {
	padding: 10px 30px 20px 60px;
}

#foot {
	position: absolute;
	bottom: 0px;
	height: 30px;
	width: 100%;
	background-color: #959590;
	overflow: hidden;
}


/* 	*	*	*	CONTENT STYLES	*	*	*	 */

#profiles {
	position: absolute;
	top: 104px;
	left: 385px;
}
.profspace {
	display: inline-block;
	width: 10px;
}
#pb2 {
	margin-left: 13px
}

.port {
	height: 20px;
}
.imgport {
	padding-bottom: 2px;
}
.portdrop {
	height: 20px;
	padding-right: 10px;
}
.portdrop:hover {
	margin: -1px 0 -1px 0;
	background-color: #fefcfb;
	border-top: 1px solid #f7f6f4;
	border-bottom: 1px solid #f7f6f4;
}

#mainmenudrop{ 
	position: absolute;
	top: 117px; 
	left: 32px;
}

#submenudrop{
	position: absolute; 
	top: 117px; 
	left: 115px; 
}
.menudrop{
	/*z-index: 30;*/
	visibility: hidden;
	margin: 0;
	border: none;
}

#mymenubar{
	position: fixed;
	top: 105px;
	left: 15px;
	padding: 2px 5px 0 0;
	/*background-color: #fff;*/
	background: url('images/lucent.png');
	border: 1px solid #fff;
}

img.arrow{
	margin: 0 0 -2px 0px;
}

.menupop{
	position: absolute;
	border: 1px solid #ddd;
	background: #fff;
	z-index: 30;
}

.shadow { 
	position: absolute;
	/*background: url(images/shadow.png);*/
	z-index: 10;
	left: -2px; 
	top: 14px;
}

/* 	*	*	*	PROJECT PAGES CONTENT STYLES	*	*	*	 */

.project {
	margin: 50px 5px 0px 20px;
	float: left;
	font-size: 10px;
	color: #848484;
}
.project_images {
	margin: 50px 5px 0px 20px;
}
.project_image {
	float: left;
	padding-right: 30px;
}
.project_texts {
	margin: 0px 15px 20px 10px;
	padding: 10px 0px 0px 20px;
	border-top: 1px solid #ddd;
	line-height: 14px;
}
.project_text {
	float: left;
	padding: 0px 70px 0px 0px;
	font-size: 10px;
	color: #777;
}
li.project {
	margin: 5px 0 0 -10px;
}
img.project {
	float: left;
	margin: 5px 10px 0px 10px;
}