body {
	margin: 0;
	font-family: "Lucida Grande", Verdana, Geneva, Arial, sans-serif;
	font-size: 12px;
	line-height: 17px;
}

a
{ text-decoration: none}

a:hover
 {
	text-decoration: underline;
}

td {
	margin: 0;
	font-family: "Lucida Grande", Verdana, Geneva, Arial, sans-serif;
	font-size: 12px;
	line-height: 17px;
}

h2 {
	text-transform: uppercase;
	letter-spacing: .3em;
	font-weight: bold;
	font-size: x-small;
}
h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height: 24px;
	color: #FFFFFF;
}

h3 {
	font: large/150% Georgia, Times New Roman, Times, serif;
}


h4{
	color:#666;
  	font-family:Arial, Helvetica, sans-serif;
  	font-size: 22px;
  	font-weight:normal;
  	padding:0px 0px 10px 0px;
	margin:0px;
	line-height: 24px;
	text-transform: lowercase;
	}


/* @group custom */

.columnheads {
	font-family: "Lucida Grande", Verdana, Geneva, Arial, sans-serif;
	font-size: 9px;
	letter-spacing: 4px;
}

.medium   { 
	font-size: 11px; 
	font-family: "Lucida Grande", Verdana, Geneva, Arial, sans-serif; 
}

.headline {
	font-size: 24px;
	font-family: arial, helvetica, sans-serif;
	line-height: 26px;
}


.headlinegray {
	font-size: 24px;
	font-family: arial, helvetica, sans-serif;
	line-height: 26px;
	color: #999999;
}
	
	
div.Hot {
	margin: 0 0 12px;
}

div.Hot h1 {
	font-family: "Lucida Grande", Verdana, Geneva, Arial, sans-serif;
	font-size: 12px;
	font-weigth: bold;
	line-height: 17px;
	border-bottom: none;
	margin: 0;
	padding: 0;
}

div.Hot h2 {
	font-family: "Lucida Grande", Verdana, Geneva, Arial, sans-serif;
	font-size: 12px;
	line-height: 17px;
	border-bottom: none;
	margin: 0 0 1px 0;
	padding: 0;
}

div.Hot p {
	font-size: 10px;
	line-height: 13px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

div.Hot img {
	padding: 1px;
	margin: 0 4px 5px 0;
	border: 1px solid #93905B;
}	
	
/* @end */

/* @group nav */

#menubox {background-color: #D7D7D7; width: 100%; height: 55px; position: relative;}

#iconmenu {position: absolute; left:45px; top:0px; margin: 0px auto; padding: 0px; width: 450px; height: 55px;}

#iconmenu li {width: 55px; height: 55px; position: absolute; top: 0px; background: url(http://www.chrisglass.com/img/nav4.gif) 0 0 no-repeat; display: block; list-style: none;}

#iconmenu a {width: 55px; height: 55px; display: block; border: none;}

#iconmenu #home {left: 0px; background-position: 0px 0;}
#iconmenu #journal {left: 55px; background-position: -55px 0;}
#iconmenu #things {left: 112px; background-position: -112px 0;}
#iconmenu #travel {left: 168px; background-position: -168px 0;}
#iconmenu #photos {left: 223px; background-position: -223px 0;}
#iconmenu #time {left: 280px; background-position: -280px 0;}
#iconmenu #about {left: 335px; background-position: -335px 0;}
#iconmenu #contact {left: 392px; background-position: -392px 0;}

#iconmenu #homeon {left: 0px; background-position: 0px -55px;}
#iconmenu #journalon {left: 55px; background-position: -55px -55px;}
#iconmenu #thingson {left: 112px; background-position: -112px -55px;}
#iconmenu #travelon {left: 168px; background-position: -168px -55px;}
#iconmenu #photoson {left: 223px; background-position: -223px -55px;}
#iconmenu #timeon {left: 280px; background-position: -280px -55px;}
#iconmenu #abouton {left: 335px; background-position: -335px -55px;}
#iconmenu #contacton {left: 392px; background-position: -392px -55px;}

#iconmenu #home a:hover {background: url(http://www.chrisglass.com/img/nav4.gif) 0px -55px no-repeat;}
#iconmenu #homeon a:hover {background: url(http://www.chrisglass.com/img/nav4.gif) 0px -55px no-repeat;}
#iconmenu #journal a:hover {background: url(http://www.chrisglass.com/img/nav4.gif) -55px -55px no-repeat;}
#iconmenu #things a:hover {background: url(http://www.chrisglass.com/img/nav4.gif) -112px -55px no-repeat;}
#iconmenu #travel a:hover {background: url(http://www.chrisglass.com/img/nav4.gif) -168px -55px no-repeat;}
#iconmenu #photos a:hover {background: url(http://www.chrisglass.com/img/nav4.gif) -223px -55px no-repeat;}
#iconmenu #time a:hover {background: url(http://www.chrisglass.com/img/nav4.gif) -280px -55px no-repeat;}
#iconmenu #about a:hover {background: url(http://www.chrisglass.com/img/nav4.gif) -335px -55px no-repeat;}
#iconmenu #contact a:hover {background: url(http://www.chrisglass.com/img/nav4.gif) -392px -55px no-repeat;}
	
/* @end */