@charset "UTF-8";
/* CSS Document */

body{
	padding-top:0px;
	margin-top:0px;
	background-image:url(images/patternBg2.png);
	background-repeat:repeat;
	vertical-align:top;
	
}

#mainContainer{
	width: 990px;
	height:auto;
	border-left:1px dashed #cccccc;
	border-right:1px dashed #cccccc;
	border-bottom:1px dashed #cccccc;
	background:#ffffff;
	padding-bottom:230px;
}

#container{
	position: fixed;
	width: 990px;
	height:230px;
	padding-top:0px;
	margin-top:0px;
	top:0px;
	/*background-image:url(images/portBannerBg.png);*/
	z-index:1;
	background-color:#FFFFFF;
}

a{
	text-decoration:none;
	border:none;
	outline:none;
}

img{
	border:none;
}

.topBannerFiller{
	height:36px;
	width: 990px;
	background:#FFFFFF;
}

.port_banner{
	height:230px;
	width: auto;
	position: fixed;
	background:#ffffff;
	z-index:1;
	
}

.about_banner{
	height:250px;
	width: auto;
	position: fixed;
	
}

.aboutAbout{
	top:10px;
	left: 80%;
	position: absolute;
	
}


.aboutPort{
	top:76px;
	left: 65%;
	position: absolute;
	
}

.aboutinPort{
	top:0px;
	left: 58%;
	position: absolute;
	
}

.aboutRes{
	top:130px;
	left: 58%;
	position: absolute;
	
}

.portPort{
	top:27px;
	left: 77%;
	position: absolute;
	
}

.portOptions{
	top:27px;
	left: 96%;
	width: 400px;
	height: 30px;
	position: absolute;
	background:#ffffff;
}

.portOptions a img{
	padding-bottom: 30px;
}

.resPort{
	top:100px;
	left: 59%;
	position: absolute;
}

.portContent{
	position:relative;
	padding-top:20px;
	padding-left: 35px;
	height:450px;
	overflow:auto;
	background:#FFFFFF;
}

.homeContent img{
	align: left;
	position:relative;
	margin-left:60px;
	float:left;
	background: #ffffff;
}


projectContainer{
	width: auto;
	height:192px;
	background-color:#1B1A1C;
	padding-left:20px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 20px;
}

.thumb{
	float:left;
}

.thumb img{
	/*border: 3px solid #262626;*/
}

.projectContent{
	text-align: bottom;
	/*background-color:#1B1A1C;*/
	background-image:url(portfolio/interactive/images/desc_bg.png);
	position:relative;
	width: 495px;
	float:left;
	vertical-align:middle;
	height:192px;
	margin-bottom: 39px;
}

.projectAbout{
	position:absolute;
	float: left;
	font-size:12px;
	color:#ffffff;
	width:220px;
	text-align:left;
	bottom:0;
	padding: 0px 10px 0px 10px;
	font-family:'Trebuchet MS', 'Gill Sans', Arial, Geneva, sans-serif;
	border-right:1px solid #FFFFFF;
	margin-bottom: 15px;
	
}

h4{
	color:#FFFFFF;
	font-size: 16px;
	font-family:'Trebuchet MS', 'Gill Sans', Arial, Geneva, sans-serif;
	margin-top:0px;
}


.myrole{
	position:absolute;
	left:246px;
	font-size:12px;
	color:#ffffff;
	text-align:left;
	width:236px;
	bottom:0px;
	vertical-align: middle;
	padding: 0px 10px 0px 10px;
	font-family:'Trebuchet MS', 'Gill Sans', Arial, Geneva, sans-serif;
	margin-bottom: 15px;
}

.myrole p{
	margin-top:10px;
	margin-bottom:2px;
}

/*.aboutContent{
	width: 900px;
	padding-left: 35px;
	height:450px;
	background:#FFFFFF;
	text-align:left;
	font-size:11px;
	font-family:'Trebuchet MS', 'Gill Sans', Arial, Geneva, sans-serif;
}*/

/* 1.aboutContent{
	position:absolute;
	float: left;
	font-size:11px;
	color:#ffffff;
	width:900px;
	text-align:left;
	bottom:0;
	padding: 0px 0px 0px 30px;
	font-family:'Trebuchet MS', 'Gill Sans', Arial, Geneva, sans-serif;
	border-right:1px solid #FFFFFF;
}*/

.aboutContent{
	background-color:#ffffff;
	font-size:11px;
	position:relative;
	top:202px;
	padding: 0px 0px 0px 30px;
	width: 900px;
	vertical-align:middle;
	height:450px;
	font-family:'Trebuchet MS', 'Gill Sans', Arial, Geneva, sans-serif;
}

.aboutContent p{
	margin-bottom: 24px;
	text-align:left;
	line-height: 18px;
}


.imag{
	position:absolute;
	float: left;
	width:420px;
	text-align:left;
	margin-top:0px;
	bottom:0;
	height:447px;
	font-family:'Trebuchet MS', 'Gill Sans', Arial, Geneva, sans-serif;
}

.pAligned{
	bottom:0px;
	position: asbolute;
	left:246px;
	text-align:left;
	color:#666666;
	width: 250px;
	bottom:0px;
	padding: 84px 0px 0px 50px;
	font-family:'Trebuchet MS', 'Gill Sans', Arial, Geneva, sans-serif;
	
}

.aboutDes{
	position:relative;
	background-image:url(images/textBg.png);
	left:440px;
	font-size:12px;
	text-align:left;
	height:447px;
	width:430px;
	vertical-align: top;
	font-family:'Trebuchet MS', 'Gill Sans', Arial, Geneva, sans-serif;
	float:left;
	vertical-align:middle;
}



.separator{
	position:relative;
	top:210px;
	z-index:1;
}