@charset "UTF-8";
/* CSS Document */
img {
	border: none;	
}
body {
	background-color:#666;
}
.container {
	background-color:#666;
	margin:0 auto;
	width:800px;
	height:100%;
}
.spacer {
	float:right;
	width:800px;
	height:10px;
}
.h2 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:100%;
	color:#CCC;
	float:right;
}


@font-face {
   font-family: "Century";
   src: url("filename.TTF") format("truetype");
   font-style: century;
}
#navigation {
	background-color:#000;
	width:800px;
	height:30px;
	margin-top:0px;
}
.nav {
	float:left;
	height:10px;
	width:160px;
	text-align: center;
	font-size: 20px;
	font-family: "Century", Helvetica, san serif;
	color: #999;
}

.nav:hover {
	background-position: center;
	background-repeat: no-repeat;
}

.nav a {
	text-decoration: none;	
	font-family:"Century";
}
.nav a:hover {
	
	font-family:"Century";
}
#header {
	background-image:url(Images/port_header72.png);
	width: 800px;
	height: 230px;
}

/* -------------------Content for INDEX Page------------------- */
#container1 {
	width:800px;
	height:320px;
	
}
#content1 {
	float:left;
	background:url(Images/logo-glow.png);
	background-repeat:no-repeat;
	margin-right:10px;
	width:320px;
	height:300px;
	margin-left:30px;
}
.box {  
	background-color: #000;
	float:right;
	opacity: .6;  
	width:420px;
	height:285px;
	margin:0 auto;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:90%;
	padding: 15px 10px 10px 10px;
	text-align:right;
} 


/* -------------------Content for ABOUT Page------------------- */
#content1a {
	float:left;
	background-color:#000;
	margin-right:10px;
	width:340px;
	height:280px;
	padding-top:20px;
	padding-right:30px;
	padding-left:30px;
	font-family:Verdana, Geneva, sans-serif;
	color:#CCC;
	font-size:90%;
}
 #content2a {
	float:right;
	background-color:#000;
	width:390px;
	height:300px;

}
#content2a img {
	padding: 15px 20px 0px 20px;
}

#content3a {
	float:left;
	background-color:#000;
	margin-top:10px;
	width:740px;
	height:190px;
	padding-top:20px;
	padding-right:30px;
	padding-left:30px;
	font-family:Verdana, Geneva, sans-serif;
	color:#CCC;
	font-size:90%;
}
.p1 {
	font-family:Verdana, Geneva, sans-serif;
	color:#F00;
	font-size:90%;
}
.p2 {
	font-family:Verdana, Geneva, sans-serif;
	color:#F90;
	font-size:90%;
}
.p3 {
	font-family:Verdana, Geneva, sans-serif;
	color:#FF0;
	font-size:90%;
}
.p4 {
	font-family:Verdana, Geneva, sans-serif;
	color:#693;
	font-size:90%;
}
.p5 {
	font-family:Verdana, Geneva, sans-serif;
	color:#06C;
	font-size:90%;
}
.p6 {
	font-family:Verdana, Geneva, sans-serif;
	color:#909;
	font-size:90%;
}


/* -------------------Content for PORTFOLIO------------------- */
#container_P {
	width:800px;
	height:1300px;
	background-color:#096;
}
#content1P {
	float:left;
	background-color:#999;
	margin-right:10px;
	width:350px;
	height:290px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:90%;
	margin-top:10px;
	padding-left:20px;
	padding-right:20px;
}
 #content2P {
	float:right;
	background-color:#999;
	width:400px;
	height:290px;
	margin-top:10px;
}

 #content3P {
	float:left;
	background-color:#999;
	width:400px;
	height:290px;
	margin-top:10px;
}
#content4P {
	float:right;
	background-color:#999;
	margin-right:10px;
	width:350px;
	height:280px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:90%;
	margin-top:10px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
}
#content5P {
	float:left;
	background-color:#999;
	margin-right:10px;
	width:350px;
	height:280px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:90%;
	margin-top:10px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
}
 #content6P {
	float:right;
	background-color:#999;
	width:400px;
	height:290px;
	margin-top:10px;
}
 #content7P {
	float:left;
	background-color:#999;
	width:400px;
	height:290px;
	margin-top:10px;
}
#content8P {
	float:right;
	background-color:#999;
	margin-right:10px;
	width:350px;
	height:280px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:90%;
	margin-top:10px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
}
#content...P {
	float:left;
	background-color:#999;
	margin-top:10px;
	width:800px;
	height:400px;
}

/* -------------------Content for CONNECT------------------- */


#content1c {
	float:left;
	background-color:#999;
	width:360px;
	height:300px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:90%;
	padding-right:20px;
	padding-left:20px;
}
 #content2c {
	float:right;
	background-color:#999;
	width:350px;
	height:280px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:90%;
	padding-top:20px;
	padding-right:20px;
	padding-left:20px;
}

#content3c {
	float:left;
	background-color:#999;
	margin-top:10px;
	width:800px;
	height:400px;
}




/*------------------------Resume Page--------------------------------*/
#container_R {
	width:800px;
	height:1035px;
	background-image:url(Images/ksr_web_RESUME.jpg);
	background-repeat:no-repeat;
}
#content1R {
	float:left;
	font:Verdana, Geneva, sans-serif;
	margin-right:10px;
	width:400px;
	height:300px;
}
 #content2R {
	float:right;
	background-color:#000;
	width:390px;
	height:300px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:90%;
}

#content3R {
	float:left;
	background-color:#000;
	margin-top:10px;
	width:800px;
	height:190px;
}



/*------------------------for EVERY Page--------------------------------*/
#aboveFooter {
	background-color:#CCC;
	width:800px;
	height:20px;
	margin-top:0px;
}

#aboveFooterAbout {
	background-color:#CCC;
	width:800px;
	height:20px;
	margin-top:500px;
}

#footer {
	float:left;
	margin-top:0px;
	background-image:url(Images/port_footer72-new.png);
	width:800px;
	height:230px;
	background-color:#666;
}