/* Generic Selectors */

body {

font-family: "museo-sans-1","museo-sans-2",Trebuchet,"Trebuchet",Verdana,sans-serif;
margin: 0px;
line-height: 10%;
}

a:link {color: #333333; text-decoration: none; }
a:visited {color: #333333; text-decoration: none; 
a:hover {color: #cc0000; text-decoration: none; }}
a:active {color: #666666; text-decoration: none; }


p {
font-family: "museo-sans-1","museo-sans-2",Trebuchet,"Trebuchet",Verdana,sans-serif;
font-size: 12px;
font-weight: normal;
color: #333333;
line-height: 120%;
margin-bottom: 0px;
margin-top: 0px;
}


p.pink {
font-family: "museo-sans-1","museo-sans-2",Trebuchet,"Trebuchet",Verdana,sans-serif;
font-size: 14px;
font-weight: bold;
color: #FF0066;
line-height: 0%;
margin-bottom: 10px;
margin-top: 15px;
}

p.purple {
font-family: "museo-sans-1","museo-sans-2",Trebuchet,"Trebuchet",Verdana,sans-serif;
font-size: 12px;
font-weight: bold;
color: #660066;
line-height: 0%;
text-indent: 5px;
margin-bottom: 8px;
margin-top: 25px;
}


p.link {
font-family: "museo-sans-1","museo-sans-2",Trebuchet,"Trebuchet",Verdana,sans-serif;
font-size: 10px;
font-weight: normal;
color: #666666;
line-height: 1em;
margin: 0px;
}
 

/**************** Rollover Menu ****************/

.menu {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #ffffff;
}
.menu li {
	padding: 0;
	margin: 0;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -1000px;
	background-repeat: no-repeat;
}
#ill {background-image: url(images/template/b_illustration_2.gif);
	height: 29px;
	width: 145px;}
#ill a {background-image: url(images/template/b_illustration_1.gif);
	height: 29px;
	width: 145px;}
#design {background-image: url(images/template/b_design_2.gif);
	height: 28px;
	width: 145px;}
#design a {background-image: url(images/template/b_design_1.gif);
	height: 28px;
	width: 145px;}
#web {background-image: url(images/template/b_web_2.gif);
	height: 29px;
	width: 145px;}
#web a {background-image: url(images/template/b_web_1.gif);
	height: 29px;
	width: 145px;}
#resume {background-image: url(images/template/b_resume_2.gif);
	height: 27px;
	width: 145px;}
#resume a {background-image: url(images/template/b_resume_1.gif);
	height: 27px;
	width: 145px;}
#links {background-image: url(images/template/b_links_2.gif);
	height: 29px;
	width: 145px;}
#links a {background-image: url(images/template/b_links_1.gif);
	height: 29px;
	width: 145px;}
#contact {background-image: url(images/template/b_contact_2.gif);
	height: 35px;
	width: 145px;}
#contact a {background-image: url(images/template/b_contact_1.gif);
	height: 29px;
	width: 135px;}
#ill a:hover, #design a:hover, #web a:hover, #resume a:hover, #links a:hover, #contact a:hover {background: none;}

/************************* IDs *************************/

#side {

position: absolute;
width: 168px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;

}

#main {

position: absolute;
padding: 0 0 20px 0; /*top right bottom left*/
width: 500px;
margin-left: 195px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;

} 


#logorandom {
background-attachment: relative;
background-image:url(images/template/m_logo_1a.gif);
background-repeat: no-repeat;
background-position: left top;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
padding-top: 125px;
}

#logo2 {

background-attachment: relative;
background-image: url(images/template/m_logo_2.gif);
background-repeat: no-repeat;
background-position: left top;
padding-top: 55px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;

} 














/**************** Top Rollover Menu ****************/

#main-nav{
	position: absolute;
	width:357px;
	height:27px;
	margin:0 auto;
	background:#ffffff url(images/template/b_menu.gif) no-repeat; 				
}


#main-nav ul{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
}

#main-nav ul li{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#main-nav ul li a span{
	display:none;
}


#main-nav ul li a{
	height:27px;
	margin:0px;
	padding:0px;
	display: block;
}


#main-nav ul li a.illo{
	width:89px;	
}
#main-nav ul li a.ad{
	width:97px;	
}
#main-nav ul li a.web{
	width:50px;
}
#main-nav ul li a.resume{
	width:72px;	
}
#main-nav ul li a.links{
	width:55px;	
}

/* -- Hovers -- */

#main-nav ul li a.illo:hover{
	background: url(images/template/b_menu.gif) 0px -27px;
}
#main-nav ul li a.ad:hover{
	background: url(images/template/b_menu.gif) -90px -27px;
}
#main-nav ul li a.web:hover{
	background: url(images/template/b_menu.gif) -187px -27px;
}			
#main-nav ul li a.resume:hover{
	background: url(images/template/b_menu.gif) -237px -27px;
}		
#main-nav ul li a.links:hover{
	background: url(images/template/b_menu.gif) -357px -27px;
}