@charset "utf-8";
/* CSS Document
ver. 1
2010-01-12
*/

body {
color:#FFF;
font-family:Verdana, Geneva, sans-serif;
background-color:#000;
margin:0;
}

img {
border:none;
}

a {
color:#FFF;
font-family:Verdana, Geneva, sans-serif;
text-decoration:none;
}

a:hover {
color:#8800FF;
}

/* --- Site --- */
#siteContainer {
width:960px;
margin: 0 auto 0 auto;
}

#header {
background-image:url(../Images/headerBg.gif);
background-repeat:repeat-x;
height:94px;
}

#logo {
width:248px;
margin:0;
padding:0;
float:left;
}

/* --- Menu --- */
#menuContainer {
width:712px;
margin:0;
padding:0;
float:right;
}

#menu {
height:34px;
margin:0;
padding:60px 0px 0px 0px;
list-style:none;
float:right;
}

	#menu li {
	float:right;
	}
	
		#menu a {
		display:block;
		height:34px;
		padding:0;
		margin:0;
		}
		
		#menu span {
		display:none;
		}
		
		#menu a:hover {
		background-color:#471568
		}
		
/* --- Content ---*/
#content {
background-image:url(../Images/contentBg.gif);
background-repeat:repeat-x;
height:263px;
}
		
	.headerLink {
	font-weight:bold;
	display:block;
	width:226px;
	text-align:center;
	padding:6px 0 0 0;
	}
		
/*--- categories ---*/
#joseContact {
hieght:263px;
float:left;
padding: 100px 0 0 250px;
}

#kevinContact {
hieght:263px;
float:right;
padding:100px 250px 0 0;
}

#categorys {
height:263px;
width:678px;
margin:0 auto;
}

	#category1 {
	background-image:url(../Images/categoryBg1.gif);
	background-repeat:no-repeat;
	height:263px;
	width:226px;
	float:left;
	}

	#category2 {
	background-image:url(../Images/categoryBg2.gif);
	background-repeat:no-repeat;
	height:263px;
	width:226px;
	float:left;
	}

	#category3 {
	background-image:url(../Images/categoryBg3.gif);
	background-repeat:no-repeat;
	height:263px;
	width:226px;
	float:right
	}

.projectsList li {
font-size:14px;
margin-left:-10px;
list-style:none;
padding: 10px 0px 0 0;
}

.projectsList a:hover {
color:#8800FF;
}

/*--- Footer ---*/
#footer {
background-image:url(../Images/footerBg.gif);
background-repeat:repeat-x;
height:57px;
margin:0;
padding:0;
clear:both;
}
	#footerLeft {
	float:left;
	padding:10px 0 0 0;
	}
		
	#footerLeft a {
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-decoration:none;
	padding:0 25px 0 25px;
	}
		
	#footerLeft a:hover {
	color:#8000FF;
	}
		
	#footerRight {
	float:right;
	padding:14px 0 0 0;
	}
		
	#footerRight p{
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-decoration:none;
	padding:0 25px 0 0;
	margin:0;
	}