/* CSS Document */

html, body {
	height: 100%;
	margin: 0;
	font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: .82em ;
	background-color: #333333;
	color:#CCCCCC;
	}

/* Titles */
h1 {
	font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	text-align:left;
	color:#990000;
	margin-bottom:-.8em;
}

h2 {
	font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:normal;
	text-align:left;
	color:#990000;
	margin-bottom:-.8em;
	text-decoration:underline;
}

/* Paragraph */
p {
	font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em ;
	text-align:left;
	color:#999999;
	line-height:1.5em;
}

/* Links */
a:link {
color:#999999;
text-decoration: none ;
}

a:visited {
color:#999999 ;
text-decoration: none ;
}

a:hover {
	color: #FFFFFF;
}

/* Tables */
td {
color:#999999;
}

/* Lists */
li {
list-style:disc;
margin-left:-10px;
margin-top:1.5em;
color:#999999;
}

/* Div Layout Container */
div#container {
	min-height: 100%;
	width: 100%;
	padding: 0;
	margin: 0 auto;
	position: relative;
	background-color: #191919;
		}
	
/* Div Layout Header */
div#header {
	height: 20px;
		}	

/* Layout Language */
.lang {
float:right;
width:auto; 
padding-left:5px; 
padding-right:5px; 
border-right-style:solid; 
border-right-width:1px; 
border-right-color:#333333;
line-height:1.8em;
text-align:right;
}

/* Div Layout Footer */
div#footer {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	text-align:center;
	padding-bottom:2px;
	color:#666666;
		}

div#footer h1 {
	text-align:center;
	padding-bottom:2px;
	color:#666666;
	display:inline;
		}
	
div#footer a {
color: #666666;
	}
	
div#footer a:hover {
color: #FFFFFF;
	}
	
/* Div Portfolio Top */	
div#foliotop {
	overflow:auto;
	float:left;
	width: 99%;
	height:530px;
	padding-left:5px;
	}

/* Div Portfolio Foot */	
div#foliobot {
	float: left;
	text-align:left;
	height:20px;
	padding-left:5px;
	}

/* Div Start Page */
div#start {
	padding-top:60px; 
	text-align:center;
	padding-bottom:70px;
}

/* Div Content Pages */
div#content {
	width: 96%;
	padding-top:30px;
	margin: 0 15px;
}

div#contentleft {
float:left;
width:310px;
padding-left:5px;
}

div#contentright {
margin-top:0;
float:left;
width:550px;
padding-left:220px;
}

/* Class Table Portfolio */
.tdportfolio {
color:#666666;
}

/* Class White */
.red {
color: #FFFFFF;
}

.red a {
color: #FFFFFF;
}


.menu {
width:auto; 
float:left; 
padding-left:15px; 
padding-right:15px; 
border-right-style:solid; 
border-right-width:1px; 
border-right-color:#333333;
line-height:1.8em;
}

.menu1 a {
display: block ;
width: 100px ;
background:url(../portfolio/menu/one_menu.jpg) no-repeat 0 0 ;
height:100px;
}

.menu1 a:hover {
background-position: -100px 0 ;
}

.menu2 a {
display: block ;
width: 100px ;
background:url(../portfolio/menu/two_menu.jpg) no-repeat 0 0 ;
height:100px;
}

.menu2 a:hover {
background-position: -100px 0 ;
}

.menu3 a {
display: block ;
width: 100px ;
background:url(../portfolio/menu/three_menu.jpg) no-repeat 0 0 ;
height:100px;
}

.menu3 a:hover {
background-position: -100px 0 ;
}

.menu4 a {
display: block ;
width: 100px ;
background:url(../portfolio/menu/four_menu.jpg) no-repeat 0 0 ;
height:100px;
}

.menu4 a:hover {
background-position: -100px 0 ;
}