/* CSS Document */

body { 
		background: url(../images/background_main.jpg) no-repeat center top #000; 
		font-family:Georgia, "Times New Roman", Times, serif; 
		color:#FFFFFF; 
		font-size:67.5%; 
		text-align:center; 
		}
a { color:#FFFFFF }
a:hover { color:#FFFFFF; background-color:#dc2929;}

#container { 
		width:436px; 
		height: auto; 
		margin: 50px auto; 
		text-align:left; 
		}
		
#header { 
		width:436px; 
		height:103px; 
		background:url(../images/header.jpg) no-repeat; 
		}
		
#mid-body { 
		width: 436px; 
		height: auto; 
		background:url(../images/bg_y.jpg) repeat-y; 
		text-align:center; 
		}

#footer { 
		width: 436px; 
		height:16px; 
		background:url(../images/footer.jpg) no-repeat; 
		}
		
#nav { 
		float: right; 
		padding-top:20px; 
		padding-right:15px; 
		font-size:1.3em; 
		text-align:right; 
		width:200px; 
		}
		
#nav a, .backtotop a { color:#FFF; text-decoration:none; }

#nav a:hover, .backtotop a:hover { color:#FFF; background-color:#dc2929; }

.port_section { 
		width: auto; 
		height: 101px; 
		background:url(../images/port_bg.jpg) no-repeat; 
		margin: 5px auto 5px 8px; 
		text-align:left; 
		padding-left:10px; 
		padding-bottom: 0; 
		padding-right: 0; 
		}
.port_image { 
		width: 179px; 
		height: 79px; 
		background-color:transparent; 
		padding-left:10px; 
		}
		
.port_image img { border:2px solid #444444; margin: 10px 0 0 0; }

.port_desc { 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		color:#CCCCCC; 
		float:right; 
		width:180px; 
		padding-top:10px; 
		padding-right: 10px;
		font-size:1em; 
		margin-right:10px;
		}
		
.port_desc h2 { text-decoration:underline; }

#aboutme-container { 
		width: auto; 
		height: auto; 
		text-align:left; 
		padding-top:5px;
		padding-left:15px; 
		padding-right:20px; 
		}

.block-text { 
		width:auto; 
		font-size:1.22em; 
		padding: 10px 10px; 
		text-align:justify; 
		color:#CCCCCC;
		}

#listbox-left {  margin-left: 20px; }
#listbox-right { margin-right: 25px; float:right; background: url(../images/list-left-bg.jpg) bottom right no-repeat;}
#listbox-left, #listbox-right { width: 150px; margin-top: 15px; margin-bottom: 20px; }

.titles { 
		padding-left: 8px; 
		width: auto; 
		height: 20px; 
		text-align: left; 
		font-family:Georgia, "Times New Roman", Times, serif; 
		font-size:1.3em; 
		}

.ruler { 
		background:url(../images/ruler.jpg) repeat-x; 
		width:auto; 
		height:5px; 
		margin-top:5px;
		margin-left: 4px; 
		}

.backtotop { 
		float:right;
		width: auto; 
		height: 20px; 
		text-align: left; 
		font-family:Georgia, "Times New Roman", Times, serif; 
		font-size:1.3em; 
		padding-right:12px;
		color:#CCCCCC;
		} 

#form_box {
	width: auto;
	background: url(../images/contactfruit.jpg) top right no-repeat;
	border: 1px dashed #3A3A3A;
	padding: 0.5em;
	margin-top: 10px;
	margin-bottom: 2px;
}

form input, form textarea { background: #222222; color: #FFF; border: 1px dashed #4a4a4a; padding:3px;}
form textarea { width:300px; }
form label { text-align: left; }
form .submit input {border: 1px solid #444; margin-top: 5px; }
form {
	padding-top: 5px;
        margin: 4px 0pt;
	width: 150px;
}

#footer { color:#444444; font-family:Verdana, Arial, Helvetica, sans-serif; }
#footer a { color:#CCCCCC; text-decoration:none; }
#footer a:hover { background-color: transparent; text-decoration:underline; }