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

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 15px 0 0;
	font: 12px helvetica, sans-serif;
}

#contact a:link, #contact a:visited {
	color: #333;
}


.bar {
	margin: 0;
	height: 18px;
	display: block;
	background: url(../images/bg-bar.gif) #000 repeat-x top;
	font: 13px helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	padding:5px 0 0 5px;
	letter-spacing: 0.05em;
}

.barbottom {
	margin: 0;
	height: 7px;
	display: block;
	background: url(../images/bg-bar.gif) #000 repeat-x top;
	font: 13px helvetica, sans-serif;
	color: #555;
	text-decoration: none;
	padding:0px 0 0 5px;
	letter-spacing: 0.05em;
}

.bar img {
	padding:0px 3px 0 0px;
}


a#resume {
	float: right;
	display: block;
	margin: -5px 2px 0 0;
	width: 142px;
	padding:7px 0 0 20px;
	/*height: 0 !important;*/
	font: 11px helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	height: 16px;
	background:url('../images/pdf_icon.png') left no-repeat;
}



h2#drophead {
	margin: 0;
	padding: 12px 0 0 0;
	height: 0 !important;
	height /**/:12px;
	overflow: hidden;
	background: #d9e0e5;
	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: #e4e4e4;
	background-position: 4px 2px;
}

#main #sidebar h4 {
	margin: -2px 0 0 9px;
	color: #383838;
	padding: 22px 0 0 12px;
	font: 13px helvetica, sans-serif;
	background: url(../images/topbg.png) no-repeat;
	background-position: -5px 0px;
	height: 21px;

}

#main #sidebar p {
	padding: 0px 26px 0 23px;
	font: 12px helvetica, sans-serif;
	line-height:17px;
	color: #383838;
	margin: 0px 0px 0 0;
}

#main #sidebar p a:link,
#main #sidebar p a:visited  {
	color: #d13100;
	text-decoration: none;
	font: 12px helvetica, sans-serif;
}

#main #sidebar p a:hover  {
	text-decoration: underline;
	color: #ff3d01;
}

#main #sidebar .midbackground {
	background: url(../images/midbg.png);
	background-position: 4px 0px;
	display:block;
}

#main #sidebar .botbackground {
	background: url(../images/botbg.png);
	background-position: 4px 0px;
	display:block;
	height:25px;
}


#main #sidebar li {
	padding: 0 10px 0 10px;
	font: 12px/15px 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: 17px 0 0 10px;
}


#main #content .header {
	clear: left;
	display: block;
	top: 0px;
	position: relative;
	padding: 5px 0 3px 7px;
	height: 0 !important;
	height /**/:17px;
}

#main #content #ads {
	background: url(../images/header_ads.png) no-repeat;
	
}

#main #content #apps {
	color: #b51e00;
	font: 14px helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
}


#main #content .box, #main #content .callout {
	float: left;
	width: 335px;
	height: 220px;
	padding: 0px 0 0 0px;
	margin: 28px 0px 0px 0px;
	position:relative;
}


#main #content .left {
	float: left;
	width: 135px;
	margin: -3px 0px 0px 24px;
}

#main #content .right {
	float: right;
	width: 145px;
	padding: 0px 0px 0 0px;
	margin: 0px 28px 0px 0px;
}


#main #content .thumbnails {
	float: left;
	width: 300px;
	margin: -3px 20px 0px 24px;
	clear: all;
	color: #1b1b1b;
	font: 11px helvetica, sans-serif;
	line-height: 14px;
}

#main #content .rulev {
	float: left;
	width: 3px;
	margin: 30px 0px 0px 0px;
}

#main #content .ruleh {
	height: 1px;
	margin: 0px 0px 0px 27px;
	border: 0px;
}


#main #content .right p {
	margin: 0;
	color: #1b1b1b;
	font: 11.5px helvetica, sans-serif;
	line-height: 15px;
}

#main #content .callout em {
	display: block;
	background: #d2e0eb;
	padding: 7px;
	font: bold 11px/14px arial, helvetica, sans-serif;
}
#main #content .callout ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#main #content .callout ul li {
	padding: 10px 5px 0 7px;
}
#main #content .callout a {
	color: #a7000d;
	font: bold 11px/14px arial, helvetica, sans-serif;
}

#main #content .left img,
#main #content .thumbnails img{
	text-align: left;
	margin: 3px 7px 0 0px;
	border: 1px solid #b4b4b4;
}

#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 em.ipad, #main #content .box em.iphone, #main #content .box em.android {
	margin: 0 0 4px 0;
}
#main #content .box em.ipad {
	background: url(../images/sprite-mobile-devices.gif) no-repeat;
	background-position: 0 0;
}
#main #content .box em.iphone {
	background: url(../images/sprite-mobile-devices.gif) no-repeat;
	background-position: 0 -8px;
}
#main #content .box em.android {
	background: url(../images/sprite-mobile-devices.gif) no-repeat;
	background-position: 0 -16px;
}

#main #content .box h3 {
	color: #1b1b1b;
	margin: 0 0 1px 0;
	font: bold 14.5px helvetica, sans-serif;
}

#main #content .smaller {
	color: #1b1b1b;
	margin: 0 0 1px 0;
	font: bold 11.5px 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;
}