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

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

* { margin:0; padding:0;}

body {
  font-size:100%;
	font-family:Georgia, "Times New Roman", Times, serif;
	background: url(../images/web-600.gif) no-repeat scroll left 6em;
	
}

h1, h2 {color:#FF0000;}

img {border:none}

#wrapper { border:#FF0000 4px groove; height:800px;}

#title { 
	float:left; 
	margin-top:20px; 
	width:400px;
	padding-left:1em;
	}
	
#title h2 span {font-size:smaller}

#more-links {
	margin-top:10px;
	margin-left:250px;
	}
	
#more-links a {color:#FF0000}

#nav { 
	float:left;
	width:500px;
	margin-top:20px;
	margin-left:10px;
	color: #FF0000;
	font-size:.90EM}

#nav ul a {
	color:#FF0000;
	text-decoration:none}

#nav ul li { list-style: none}

#clear {clear:both; padding:5px}

#container {	
	background-image: url(../images/spinword.png);
	background-repeat:no-repeat;
	background-position:60% 40%;	
	margin-left:auto; 
	margin-right:auto;
	height:120px;	
	}

#content {
	margin-left:425px;
	margin-right:75px;
	margin-top:10px
}

#portfolio-content {
float:left;
width:250px;
}

#portfolio-content img {
float:left;
}

#content #portfolio-content p{
text-indent:0em;
width:140px;
float:left;
padding:0px 2px 0px 2px;
}

#portfolio-content-2 {
float:left;
width:200px;
}

#content #portfolio-content-2 p{
text-indent:0em;
width:90px;
float:left;
padding:2px
}

#portfolio-content-2 img {
float:left;
}

#wrapper #content #portofolio-content-3 {
	width:250px;
/*width:250px;*/
float:left
}

#wrapper #content #portofolio-content-3 img {
	float:left;
	padding-top:10px;
}

#wrapper #content #portofolio-content-3 p { 
text-indent:0em;
width:135px;
float:left;
padding:2px;
}

#content #portofolio-content-4 {
	float:left;
	width:200px
}

#content #portofolio-content-4 img {
	float:left;
	padding-top:10px;
	/* [disabled]margin-left:15px; */
}

#content #portofolio-content-4 p {
	text-indent:0em;
	width:200px;
	/* [disabled]float:left; */
	padding:2px;
}

/*#wrapper #content #portofolio-content-5 {
float:left
}

#wrapper #content #portofolio-content-5 img {
float:left;
padding-top:10px;
/*margin-left:15px*/
/*}*/

/*#wrapper #content #portofolio-content-5 p { 
text-indent:0em;
width:100px;
float:left;
padding:2px;
}*/






#content p {
	line-height:140%; 
	margin-top:5px;
	font-size:.90em;
	text-indent:2em;
	text-align:left
	}

#contact {
	margin-left:610px;
	margin-top:30px;
}

.clear {clear:both}

#apDiv1 {
		position:absolute;
		visibility:visible;
		width:450px;
		height:20px;
		background-color:#ffffff;
		layer-background-color:#6633FF;
		border:1px none #000000;
		z-index:1;
		left: 16px;
		top: 636px;
		font-size:12px;
		background-color: transparent;
}

#apDiv1 span{ color:#FF0033}