/* --------------------------------------------------
CSS Document 
-------------------------------------------------- */
#spacer {
	height:75px;
}

#wrapper{
width:850px;
display:inline;
}

#right {

background-color:#333;
text-align:left;
width:367px;
margin-left:400px; 
margin-right:0px;
margin-bottom: 0px;
margin-top:-320px; }

#left {
background-color:#333;
text-align:left;
width:300px;
margin-left:0px; 
margin-right:0px;
border-bottom: 0px solid #000;
margin-bottom: 0px;
padding: 10px 0px 0px 10px;
}
#me2 {
	margin-left:20px;
	padding-right:25px;
	float:right;
	width:530px;
}
#me {
	margin-left:20px;
	padding-right:25px;
	float:right;
	width:438px;
}

#containercontent {
height: 600px;
width: 850px;
}

#containercontentabout {
width: 850px;
}

#gallery {
			z-index: 1;
			height: 650px;
			color: #fff;
			background-color:#fff;
			padding: 20px;
			
			}
			
#gallery  a {
	text-decoration: none;
	
    }

#gallery a:hover {
    color: red;
    
    }
	
	
#portfolio {
			
			z-index: 1;
			height: 650px;
			color: #fff;
			background-color:#fff;
			padding: 20px;
			background-position: center;
			}

			
#portfolio a {
	text-decoration: none;
	color: #fff;
    }

#portfolio a:hover {
    color: #fff;
    
    }
	
#navbar {
	z-index: 2;
		
	padding: 0px;
	background-color:#fff;
	display:inline;
	
	
}
#navbar ul {
   
	margin: 0px;
   padding: 1em;
    text-align: left;
    background-color: #fff;
    }

#navbar ul li {  
padding: 1em;
    display: inline;

    }

#navbar ul li a {
	padding: 1em;
    text-decoration: none;
	
    color: #222;
    }

#navbar ul li a:hover {
    color: #888;
    background-color:#fff;
    }

#body {
	
	background-repeat:repeat;
	background:url();
	background-color:#fff;
	color:#333;
}


/* CONTAINER */
#outer_container {
			width: 850px;
			padding:20px;
 			margin: 0 auto;
			font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
			font-size: 14px;
			line-height: 1.6em;
			color: #666;
			background-color:#fff;
		}
	#inner_container {
		
		
						
			padding:20px;
			margin: inherit;
			font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
			font-size: 14px;
			line-height: 1.6em;
			color: #333;
			background-color:#fff;
		}
		

		#index_container {
				
		
			
			font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
			font-size: 14px;
			line-height: 1.6em;
			
			background-color:#fff;
		}
		#index_container2 {
			width: 850px;
			padding:20px;
 			margin: 0 auto;
			font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
			font-size: 14px;
			line-height: 1.6em;
			color: #666;
			background-color:#fff;
		}
		#index_container3 {
			width: 850px;
			padding:20px;
 			margin: 0 auto;
			font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
			font-size: 14px;
			line-height: 1.6em;
			
			background-color:#fff;
		}
		
/* GENERAL MOJO AND MULA */


h6 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
color:#CCC;
font-weight:500;
}
		h4 {
		font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; 
		font-size: 16px;
	    color:#ABABAB;
		}
		h5 {
		display: inline;
		font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; 
		font-size: 10px;
		color:#333;
		}
		h1 {
			font-family: Arial, Helvetica, sans-serif;
			font-weight: normal;
			font-size: 22px;
			color:#ccc;
			
		}
		
		h2 {
			color: #333;
			font-size: 16px;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #666;
		}
		h3 {
			display:inline;
			color: #ede4e5;
			font-size: 13px;
			font-family: Arial, Helvetica, sans-serif;
		}
		
		
		
		a {
			color:#666;
			text-decoration: none;
		}

		a:hover {
			color:#fff;
			background-color: #000;
		}

		
		
		
/* HEADER ELEMENTS */
#portheader {
	padding-left:10px;
}

		#header {
			
			border: none;
		}
			
		}
		

		/* the slogan */
		

/* NAVIGATION ELEMENTS */
	
		 #navigation ul {
					
		
		}

		#navigation a {
			display: block;
			
			width: 140px;
		}

		#navigation a:link, #navlist a:visited {
			color:#333333;
			text-decoration: none;
		}
		
		#navigation a:hover {
			background-color: #000;
			color:#000;
		}



		


/* FOOTER ELEMENTS */

		#footer {
			
		text-align:center;
		width: 850px;
		background-color:#fff;
		border-bottom: 0px solid #000;
		}