body {
	width:896px;
	margin:0 auto 10px auto;
	background: url(../images/bg.gif) #cad6dd;
}

img {
	border: 0;
}

h1 {
	margin: 0;
	width: 392px;
	padding: 76px 0 0 0;
	height: 0 !important;
	height /**/:76px;
	overflow: hidden;
	background: url(../images/logo.png) no-repeat;
}

#contact {
	clear: all;
	float: right;
	width: 163px;
	margin: -20px 0 0 0;
	font: 11px arial, helvetica, sans-serif;
}

#contact a:link, #contact a:visited {
	color: #333;
}
.bar {
	margin: 0;
	height: 20px;
	display: block;
	background: url(../images/bg-bar.gif) #000 repeat-x top;
}

a#resume {
	float: right;
	display: block;
	margin: 2px 10px 0 0;
	width: 128px;
	padding: 16px 0 0 0;
	height: 0 !important;
	height /**/:16px;
	overflow: hidden;
	background: url(../images/resume.gif) #a7000d no-repeat;
}

h2#drophead {
	margin: 0;
	padding: 25px 0 0 0;
	height: 0 !important;
	height /**/:25px;
	overflow: hidden;
	background: url(../images/drophead.gif) #d9e0e5 no-repeat;
	background-position: 10px 8px;
}

#main {
	width: 896px;
	background: #fff;
	display: table-cell;
	padding: 0 0 7px 0;
}

/**
 * Right-rail
 */
#main #sidebar {
	float: right;
	width: 210px;
	color: #fff;
	margin: 1px 0;
	padding: 9px 0 0 0;
	display: table-cell;
	height: 100%;
	background: url(../images/bg-bar.gif) #000 repeat-x top;
}
#main #sidebar h4 {
	margin: 27px 0 0 0;
	color: #fff;
	height: 20px;
	background: #a7000d;
	padding: 5px 0 0 10px;
	font: bold 14px arial, helvetica, sans-serif;
}
#main #sidebar p, #main #sidebar li {
	padding: 0 10px 0 10px;
	font: 11px/14px arial, helvetica, sans-serif;
}
#main #sidebar a:link, #main #sidebar a:visited {
	color: #ccc;
}
#main #sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#main #sidebar ul li {
	padding: 10px 10px 0 10px;
}

/**
 * Main body
 */
#main #content {
	width: 686px;
	*width: 675px; /* Hack for IE */
	padding: 19px 0 0 11px;
}

#main #content #featured {
	display: block;
	width: 201px;
	padding: 16px 0 0 0;
	height: 0 !important;
	height /**/:16px;
	overflow: hidden;
	background: url(../images/head-featured.gif) no-repeat;
}

#main #content .box {
	float: left;
	width: 152px;
	height: 196px;
	padding: 3px 0 0 3px;
	margin: 7px 11px 0 0;
	background: #e8ecef;
	position:relative;
	border-bottom: 1px solid #cacaca;
}

#main #content .box img {
	text-align: left;
	margin: -2px 0 0 -2px;
}

#main #content .box em {
	width: 109px;
	display: block;
	padding: 7px 0 0 0;
	height: 0 !important;
	height /**/:7px;
	overflow: hidden;
}
#main #content .box em.ads {
	background: url(../images/sprite-overline.gif) no-repeat;
	background-position: 0 0;
}
#main #content .box em.emails {
	background: url(../images/sprite-overline.gif) no-repeat;
	background-position: 0 -8px;
}
#main #content .box em.sites {
	background: url(../images/sprite-overline.gif) no-repeat;
	background-position: 0 -16px;
}

#main #content .box h3 {
	color: #a7000d;
	margin: 7px 0 7px 0;
	font: bold 12px/14px arial, helvetica, sans-serif;
}

#main #content .box p {
	margin: 0;
	color: #000;
	line-height: 14px;
	font: 11px arial, helvetica, sans-serif;
}

/* this needs  !important statements to override the visual light box style */
#main #content .box .view {
	bottom:0 !important;
	right: 5px !important;
	position:absolute !important;
	display: block !important;
	color: #a7000d !important;
	padding: 0 0 0 11px !important;
	background:  url(../images/icon-view.gif) no-repeat left !important;
	font: bold 10px arial, helvetica, sans-serif !important;
}
#main #content .box .view a:link, #main #content .box .view a:visited {
	color: #a7000d;
	text-decoration: none;
}
#main #content .box .view a:hover {
	text-decoration: underline;
}
#main #content #callout {
	float: left;
	width: 251px;
	height: 140px;
	background: #ebeef1;
	margin: 7px 0 0 0;
	padding: 8px 27px 13px 27px;
	border-top: 20px solid #e7ebee;
	border-bottom: 20px solid #e7ebee;
}
#main #content #callout h2 {
	margin: 0;
	color: #4a4a4a;
	display: inline;
	font: bold 18px/26px arial, helvetica, sans-serif;
}
#main #content #callout em {
	color: #4a4a4a;
	font: bold italic 14px/20px arial, helvetica, sans-serif;

}

/**
 * Footer
 */
#footer {
	clear: left;
}
#footer #copyright {
	margin: 0;
	text-align: right;
	padding: 25px 0 10px 0;
	font: 9.5px/12px arial, helvetica, sans-serif;
}

.slideshow {
	height:0;
}