@charset "utf-8";
/* CSS Document */
#mainContent{
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#707070;
    background-color:#161616;
	width:100%;
}

#menuBar{
    width:1000px;
	height:40px;
	margin:10px 10px 20px 10px;
	border:0;
	}

#logo{
    float:left;
	margin:0;
	border:0;
	width:200px;
}	

#menuTop{
	list-style-type:none;
	float: right;
	text-decoration:none;
	margin-left:25px;
	border:0;
	width:700px;
}

#tablist{
    padding: 5px 0;
	margin:0;
    font: 14px Arial, Helvetica, sans-serif;
}

#tablist li{
    list-style: none;
    display: inline;
    margin: 0;
}

#tablist li a{
    text-decoration: none;
    padding: 5px 0.5em;
    margin-right: 10px;
}

#tablist li a:link, #tablist li a:visited{
    color: #CCCCCC;
}

#tablist li a:hover{
    color: #dfc757;
    background: #1f1f1f;
}

#tablist li a.current{
    color:#dfc757;
    background:#1f1f1f;
}

/* sub menu on Portfolio page */
#subMenuTop{
    list-style-type:none;
	float: left;
	text-decoration:none;
	margin:5px 0 0 100px;
	border:0;
	width:700px;
}

#tablist_sub{
    padding: 5px 0;
	margin:0;
    font: 12px Arial, Helvetica, sans-serif;
}

#tablist_sub li{
    list-style: none;
    display: inline;
    margin: 0;
}

#tablist_sub li a{
    text-decoration: none;
    padding: 5px 0.5em;
    margin-right: 10px;
}

#tablist_sub li a:link, #tablist_sub li a:visited{
    color: #CCCCCC;
}

#tablist_sub li a:hover{
    color: #FF9933;
    background: #1f1f1f;
}

#tablist_sub li a.current{
    color:#FF9933;
    background:#1f1f1f;
}

/* middle Content */ 
#middleContent{
    width:900px;
	height:500px;
	border:0;
	margin:0;
	background-color:#0f0e0e;
	}

#samples{
    width:750px;
	float:left;
	border:0;
	margin:20px;
	}

#description{
    color: #999999;
	float:left;
	width: 700px;
	border:0;
	margin:0;
}

#description_L{
    width:300px;
	float:left;
}
#description_R{
    width:300px;
	float:right;
}

/* about me page */
#descripAM{
    color: #999999;
	float:left;
	width: 900px;
	border:0;
	margin:30px;
}
#descrip_L{
    width:250px;
	float:left;
	border:10px;
	margin:10px;
}

#descrip_R{
    width:250px;
	float:left;
	border:10px;
	margin:10px;
}

#descrip_R02{
    width:130px;
	float:left;
	border:10px;
	margin:10px;
}

/* news page */
#news_desp_L{
    width:300px;
	float:left;
	border:10px;
	margin:10px;
}

#news_desp_L a:link, #news_desp_R a:link, #news_desp_R02 a:link{
    color: #66CC00;
	text-decoration:none;
    }

#news_desp_L a:visited, #news_desp_R a:visited, #news_desp_R02 a:visited{
    color: #FF9900;
	text-decoration:none;
    }
	
#news_desp_R{
    width:300px;
	float:left;
	border:10px;
	margin:10px;
}

#news_desp_R02{
    width:200px;
	float:left;
	border:10px;
	margin:10px;
}

/* contact page */
#contD{
    width:250px;
	float:left;
	border:10px;
	margin:100px 10px 10px 350px;
}

/* links page */
#links_desp_L{
    width:100px;
	float:left;
	border:10px;
	margin:10px;
}
	
#links_desp_R{
    width:150px;
	float:left;
	border:10px;
	margin:10px;
}

#links_desp_R02{
    width:120px;
	float:left;
	border:10px;
	margin:10px;
}

#links_desp_R03, #links_desp_R04{
    width:150px;
	float:left;
	border:10px;
	margin:10px;
}

#links_desp_L a:link, #links_desp_R a:link, #links_desp_R02 a:link, #links_desp_R03 a:link, #links_desp_R04 a:link{
    color: #dfc757;
	text-decoration:none;
    }
	
#links_desp_L a:visited, #links_desp_R a:visited, #links_desp_R02 a:visited, #links_desp_R03 a:visited, #links_desp_R04 a:visited{
    color: #FF9900;
	text-decoration:none;
    }	

/* portfolio page */
#Pf_descripAM{
    color: #999999;
	float:left;
	width: 900px;
	border:0;
	margin:20px 5px 20px 5px;
}

#Pf_descrip_R a:link, #Pf_descrip_R02 a:link{
    color: #996600;
	text-decoration:none;
    }
	
#Pf_descrip_R a:visited, #Pf_descrip_R02 a:visited{
    color: #996600;
	text-decoration:none;
    }

#Pf_descrip_L{
    width:150px;
	float:left;
	border:10px;
	margin:10px;
}

#Pf_descrip_R{
    width:290px;
	float:left;
	border:10px;
	margin:10px;
}

#Pf_descrip_R02{
    width:300px;
	float:left;
	border:10px;
	margin:40px 10px 10px 10px;
}

/* portfolio vec menu */
#SubMenuVerticial{
	list-style: none;
	margin: 15px 0 0 0;
	padding: 0;
	float:left;
	width: 120px;
}

#SubMenuVerticial li{
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

#SubMenuVerticial a{
	border-bottom: 1px solid #333333;
	color: #ccc;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:normal;
}

#SubMenuVerticial a:hover {
	background: #1f1f1f left center no-repeat;
	color: #dfc757;
	padding-bottom: 8px;
}                    

#SubMenuVerticial li a.current{
    color:#dfc757;
    background:#1f1f1f;
	font-weight:bold;
}

/* copyright issue */
#copyright a:link{
    color: #dfc757;
	text-decoration:none;
    }

#copyright{
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#707070;
	float:left;
	border:0;
	margin: 0 0 0 500px;
	}