*
{
margin: 0;
padding: 0;
text-decoration: 0;
}

/************* Body *****************************************/
/* This is just used to make the header appear infinite by
repeating a background image across the x axis of the top */

body
{
	background-color: #FFFFFF;
	text-align: center;
}


/* remove borders from FF */
a img
{
	text-decoration: none;
	border: 0;
}

a
{
text-decoration: none;
color: #000000;
font-weight: normal;
}


h1 h2 h3 
{
font-weight: bold;
font-size: 12px;
}
/* This container (aptly named container) holds the body of the page, and centers it */

#container
{
width:840px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

#wrapper
{
width: 100%;
height: 68px;
background-color: #000000;
}
/*********** Header *****************************************/

#header 
{
width: 840px;
background-color: #000000;
padding: 10px 0 0 0;
margin-left: auto;
margin-right: auto;
border-bottom: 0px #CCCCCC solid;
}

/********* Logo ******************************************************/
/* Holds your logo in the upper left, makes sure it appears to the left of the NavMenu */

#logo
{
width: 210px;
float: left;
padding: 0;
background-color: #000000;
}




/******************* Navigation Items *********************************/

#navmenu2
{
	float: right;
	width: 600px;

	margin: 10px 0 0px 0;
	background-color: #000000;
	display: inline;
}


#navmenu2 ul
{
list-style-type: none;
}

#navmenu2 li
{
display: inline;
}

#navmenu2 li a
{
display: block;
width: 150px;
height: 40px;
float: left;
background-color: #000000;

font-family: "Monaco", arial, sans-serif;
letter-spacing: 1px;
font-weight: normal;
text-align: center;
text-decoration: none;
color: #FFFFFF;
padding-top: 8px;

background-position: top right;
}


#navmenu2 li a:hover
{
padding-top: 8px;
background-color: #000000;
color: #FFFFFF;
background-position: bottom right;
}

* html #navmenu2 li a:hover
{
margin: 8px 0 0px 0;
background-color: #000000;
color: #FFFFFF;
background-position: bottom right;
}

/********************** CONTACT BUTTON ************************/

#navmenu2 .contactHIT
{
display: block;
width: 150px;
height: 40px;
float: left;
background-color: #000000;

background-image: url("images/template/contactHIT.gif");
background-position: top right;
background-repeat: no-repeat;
}


#navmenu2 .contactNav 
{
display: block;
width: 150px;
height: 40px;
float: left;
background-color: #000000;

background-image: url("images/template/contactBG.gif");

background-repeat: no-repeat;
}


/********************** WEEKEND BUTTON ************************/

#navmenu2 .weekendHIT
{
display: block;
width: 150px;
height: 40px;
float: left;
background-color: #000000;

background-image: url("images/template/weekendHIT.gif");
background-position: top right;
background-repeat: no-repeat;
}


#navmenu2 .weekendNav 
{
display: block;
width: 150px;
height: 40px;
float: left;
background-color: #000000;

background-image: url("images/template/weekendBG.gif");

background-repeat: no-repeat;
}


/********************** NIGHTJOB BUTTON ************************/

#navmenu2 .nightjobHIT
{
display: block;
width: 150px;
height: 40px;
float: left;
background-color: #000000;

background-image: url("images/template/nightjobHIT.gif");
background-position: top right;
background-repeat: no-repeat;
}


#navmenu2 .nightjobNav 
{
display: block;
width: 150px;
height: 40px;
float: left;
background-color: #000000;

background-image: url("images/template/nightjobBG.gif");

background-repeat: no-repeat;
}


/********************** DAYJOB BUTTON ************************/

#navmenu2 .dayjobHIT
{
display: block;
width: 150px;
height: 40px;
float: left;
background-color: #000000;

background-image: url("images/template/dayjobHIT.gif");
background-position: top right;
background-repeat: no-repeat;
}


#navmenu2 .dayjobNav 
{
display: block;
width: 150px;
height: 40px;
float: left;
background-color: #000000;

background-image: url("images/template/dayjobBG.gif");

background-repeat: no-repeat;
}


/******************* This container goes on top of your projects *********/
#topper
{
margin-top: 10px;
width: 840px;
height: 340px;
float: left;
}

#frontTopper
{
margin: 10px 0 20px 0;
width: 840px;
height: 300px;
float: left;
}




/*********** This container is where you put your projects **************/

#workContainer
{
margin-top: 10px;
padding: 10px 0 0 0;
width: 600px;
float: right;
margin-left: 10px;
padding-left: 0px;
}


#workContainer img
{
width: 285px;
height: 125px;
float: right;
margin: 10px 0 10px 20px;
overflow: auto;
}





/***** This is the container where individual projects are held *********/

#workItem
{
margin-bottom: 5px;
padding-bottom: 40px;
border-bottom: 1px #CCCCCC solid;
}




/******************* Typography for the workContainer ***********************/

#workContainer h1
{
float: left;
width: 290px;
margin-top: 10px;
font-family: "Helvetica", arial, sans-serif;
font-size: 18px;
font-weight: bolder;
line-height: 22px;

}

#workContainer h1 b
{

font-weight: bolder;
background-color: #CCFFCC;

}

#workContainer p
{
margin-top: 10px;
margin-bottom: 10px;
font-family: Verdana;
font-size: 10px;
line-height: 18px;
color: #666666;
height: 105px;
}

.launch 
{
	float: left;
	display: block;
	background-color: #CCCCCC;
	padding: 5px;
	width: 100px;
	text-align: center;
	color: #FFFFFF;
	font-family: "Verdana", sans-serif;
	font-size: 10px;
	text-decoration: none;
}

.launch:hover
{
	background-color: #CCCCCC;
	color: #000000;
	font-family: "Verdana" sans-serif;
	font-size: 10px;
}


/*********** This container is where you put your Front Page items **************/

#frontContainer
{
float: right;
width: 840px;
margin: 30px 0 20px 0;
padding: 0px 0 0 0 ;
background-color: #FFFFFF; 

}


/******************* Typography for the frontContainer ***********************/

#frontContainer h1
{
margin-top: 10px;
margin-bottom: 5px;
padding: 5px 0 0px 0;
font-family: "Helvetica", Arial, sans-serif;
font-size: 36px;
font-weight: bolder;
line-height: 34px;
background-color: #FFFFFF;

width: 210px;
float: left;

}

#frontContainer h1 b
{

font-weight: bolder;
background-color: #CCFFCC;

}

#frontContainer p
{
margin-top: 5px;
margin-bottom: 10px;
font-family: "Verdana", arial, sans-serif;
font-size: 10px;
line-height: 16px;
color: #666666;
width: 210px;
float: left;
}

#frontContainer #workItem
{
border: #FFFFFF;
}

#frontContainer img
{
float: right;
margin: 0 0 0 10px;
}

.launch 
{
	float: left;
	display: block;
	background-color: #f2f2f2;
	padding: 5px;
	width: 100px;
	text-align: center;
	color: #000000;
	font-family: "Verdana", arial, sans-serif;
	font-size: 10px;
	text-decoration: none;
}

.launch:hover
{
	background-color: #CCCCCC;
	text-align: center;
	color: #000000;
	font-family: "Verdana", arial, sans-serif;
}




/******************** The left sidebar container *****************************/


#leftContainer
{
width: 210px;
float: left;
margin-right: 20px;
margin-top: 10px;
padding: 0px 0px 10px 0px;
border-top: 3px #FFFFFF solid;
background-color: #FFFFFF;
}

#leftContainer h3
{
margin: 20px 0 0 0;
}


/****** This styles the links in the lefthand side *********/


#leftContainer ul
{
list-style: none;
}

#leftContainer li
{
display: inline;
}

#leftContainer li a
{
display: block;
font-family: "Monaco", lucida grande, sans-serif;
font-size: 10px;
color: #000000;
padding: 5px;
margin-bottom: 0px;
border-bottom: 1px #CCCCCC solid;
text-decoration: none;
}

#leftContainer li a:hover
{
display: block;
background-color: #F2F2F2;
font-family: "Monaco", lucida grande, sans-serif;
font-size: 10px;
color: #000000;
margin-bottom: 0px;
}

.year
{
margin-top: 20px;
display: block;
font-family: "Helvetica", arial, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
padding: 5px;
margin-bottom: 0px;
background-color: #CCCCCC;
text-decoration: none;
}

.year a
{
border: 0;
text-decoration: none;
}

a:hover .year
{
color: #FFFFFF;
border: 0;
text-decoration: none;
background-color: #000000;
}


.yearON
{
margin-top: 20px;
display: block;
font-family: "Helvetica", arial, sans-serif;
font-size: 12px;
font-weight: normal;
color: #FFFFFF;
padding: 5px;
margin-bottom: 0px;
background-color: #000000;
text-decoration: none;
}


#workContainer .yearON
{
margin-top: 13px;
height: 16px;
display: block;
font-family: "Helvetica", arial, sans-serif;
font-size: 12px;
font-weight: normal;
color: #FFFFFF;
padding: 3px 0 5px 5px;
margin-bottom: 0px;
background-color: #000000;
text-decoration: none;
}


/******************** The top containers *****************************/


#infoContainer
{
width: 210px;
float: right;
margin-left: 20px;
margin-top: 30px;
margin-bottom: 20px;
padding: 20px 0px 10px 0px;
border-top: 5px #000000 solid;
background-color: #FFFFFF;
}




#topContainer
{
width: 210px;
float: left;
margin-left: 0px;
margin-top: 30px;
margin-bottom: 15px;
padding: 0px 0px 10px 0px;
background-color: #FFFFFF;
}


#topContainerFront
{
width: 210px;
float: left;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 10px;
padding: 20px 0px 0px 0px;
background-color: #FFFFFF;
border-top: 5px solid #FFFFFF;
}


#descriptionContainer
{
width: 210px;
float: left;
margin-left: 30px;
margin-top: 30px;
margin-bottom: 20px;
padding: 0px 0px 10px 0px;
background-color: #FFFFFF;
}


#imageContainer
{
width: 600px;
height: 290px;
float: right;
margin-left: 20px;
margin-top: 30px;
margin-bottom: 20px;
padding: 0px 0px 10px 0px;
background-color: #FFFFFF;
}


/************************** Typography for the top Containers ***************/

.info
{
font-family: "Helvetica", arial, sans-serif;
font-weight: bold;
margin-bottom: 10px;
line-height: 24px;
}

.descrip
{
font-family: "Verdana", arial, sans-serif;
font-size: 10px;
font-weight: normal;
line-height: 17px;
color: #666666;
}


/******************** The right sidebar container *****************************/


#rightContainer
{
width: 210px;
float: right;
margin-top: 20px;
padding: 0px 0px 10px 0px;
border-top: 3px #000000 solid;
background-color: #FFFFFF;
}

#rightContainer h1 h2 h3
{
font-family: "Helvetica", arial, sans-serif;
font-size: 18px;
margin-top: 20px;
}



/***************** Headers ***********************************************/
#colHeader
{
width: 210px;
height: 30px;
background-color: #666666;
padding:0px 0px 0px 0px;
margin-top: 0px;

}

#colHeader p
{
font-family: "Verdana", Arial, sans-serif;
font-size: 10px;
font-weight: bold;
padding-left: 10px;
padding-top: 7px;
color: #FFFFFF
}


/******************** EVENT STYLES *******************************/


#event
{
margin-top: 10px;
margin-left: 5px;
width: 200px;

display: block;
float: left;
background-color: #FFFFFF;
padding: 0px;
/* border-bottom: 1px #CCCCCC solid; */
}

a #event
{
display: block;
float: left;
background-color: #FFFFFF;
text-decoration: none;
}

a:hover #event
{
display: block;
float: left;
background-color: #CCFFCC;
text-decoration: none;
}


#eventImg
{
width: 50px;
height: 50px;
float: left;
margin: 5px 5px 5px 5px;
padding: 0;
}

#eventDescrip
{
width: 135px;
float: right;
margin-top: 5px;
margin-bottom: 10px;
padding: 0px;
}


#eventDescrip img
{
float: left;
}

#event h2
{
font-family: "Verdana", Arial, sans-serif;
font-size: 10px;
line-height: 14px;
margin:2px 5px 0px 0px;
padding:0px;
}

#event p
{
font-family: "Verdana", Arial, sans-serif;
font-size: 10px;
padding: 0px;
line-height: 11px;
margin:0px 0px 0px 0px;
padding:0px;
color: #666666;
}

#event .date
{
font-family: "Verdana", Arial, sans-serif;
font-size: 9px;
padding: 0px;
line-height: 11px;
margin:0px 0px 0px 0px;
padding:0px;
color: #666666;
}


/**************** Project Page Styles ******************/

#textContainer
{
float: left;
width: 210px;
margin-top: 20px;
}

#textContainer h1
{
margin: 20px 0 20px 0;
font-family: "Helvetica", arial, sans-serif;
font-size: 26px;
line-height: 30px;
font-weight: bold;
}

#textContainer p
{
margin-bottom: 10px;
font-family: "Verdana", arial, sans-serif;
font-size: 11px;
line-height: 18px;
font-weight: normal;
}

/* link style for text container */

#textContainer a
{
margin-bottom: 10px;
font-family: "Verdana", arial, sans-serif;
font-size: 11px;
line-height: 18px;
font-weight: normal;
color: #990000;
}

#textContainer a:hover
{
margin-bottom: 10px;
font-family: "Verdana", arial, sans-serif;
font-size: 11px;
line-height: 18px;
font-weight: normal;
color: #990000;
text-decoration: none;
}


#textContainer img
{
visibility: hidden;
}

.kicker
{
margin: 20px 0 0 0;
font-family: "Verdana", Arial, sans-serif;
line-height: 5px;
color: #CCCCCC;
}

#projectContainer
{
float: right;
width: 600px;
margin-top: 20px;
background-color: #FFFFFF; 
}

#projectContainer img
{
margin: 20px 0 20px 0;
}



.contact
{
font-family: "Helvetica", arial, sans-serif;
font-size: 14px;
line-height: 16px;
}