body {
	background:#284159 url('../images/bg_slice.png') repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#333;
	line-height:150%;
	padding:0;
	margin:0;
}
img{
	border:none; margin:0; padding:0;
}
h1, h2, h3{
	margin:0;padding:0;
	font-family:Tahoma, Helvetica, sans-serif;
	font-weight:normal;
	line-height:140%;
}
h2, h2 a{
	color:#333;
	font-size:18px;
	margin-bottom:25px;
	text-transform:uppercase;
}
h3, h3 a{
	color:#AD4B03;
	font-size:15px;
	margin-top:25px;
	text-transform:uppercase;
}
h4{
	font-size:13px;
	font-weight:bold;
	margin: 0 0 5px 0;
	color:#AD4B03;
}
a { color:#436C96; text-decoration:none;}
a:hover { color:#AD4B03;}
hr { border: 0;
  color:#B0C0D0; 
background-color: #B0C0D0; height:1px;}
ul li {
 list-style-image:url('../images/bullet.png');
 padding:0 0 5px 10px;
}
.note {
	font-size:0.85em;color:#666;
}
.pplImg{
	float:right;
	border:solid 1px #BCCBD8;
	padding: 5px;
	margin:0 0 10px 10px;
}

/* ----------container to center the layout-------------- */
#container {
width: 960px;
margin: 0 auto;
padding:0 17px;
background: url('../images/canvas_slice.png') repeat-y;
}


/* ----------banner -------------- */
#banner {
background: url('../images/banner_slice.png') repeat-x;
width:960px;
height:80px;
}
#banner img {padding:9px 0 0 20px; float:left;}  
#nav-main{
 float: right;
 margin: 39px 30px 0 0;
}
#nav-main ul{
 padding:0;
 margin: 0;
}
#nav-main ul li {
 float: left;
 height: 40px;
 line-height: 40px;
 margin: 0 0 0 20px;
 list-style:none;
 padding:0;
 list-style-image:none;
 position:relative;
  z-index: 500;
}
#nav-main ul li a span {
 display: block;
 float: left;
 background-position: 0px -40px;
 cursor: pointer;
}

#nav-main ul li a span.main {
 height: 42px;
 line-height: 40px;
 padding: 0 4px 0 4px;
 background-color: transparent;
 font-size: 14px;
 color: #333;
}
#nav-main ul li a span.left, #nav-main ul li a span.right {
 width: 10px;
 height: 42px;
}
#nav-main ul li:hover span.main, #nav-main ul li.selected span.main {
 color: #fff;
 background: url(../images/navbar_main_bg.gif) repeat-x top ;
}
#nav-main ul li:hover span.left,  #nav-main ul li.selected span.left {
 background: url(../images/navbar_left_bg.gif) no-repeat top ;
 background-position: 0px 0px;
 }
#nav-main ul li:hover span.right, #nav-main ul li.selected span.right {
 background: url(../images/navbar_right_bg.gif) no-repeat top ;
 background-position: 0px 0px;
}

	#nav-main ul li ul {
				display: none;
				width: 190px;
				position: absolute;
				top:40px;
				left:0px;
				z-index: 11;
				background: url(../images/dropdown_bg.gif) bottom left no-repeat;
				opacity: 0.92;
				-moz-opacity: 92%;
				filter: alpha(opacity=92);
				padding:5px 0;
			}
			#nav-main ul li.show ul, #nav-main ul li:hover ul {
				display: block;
				}
				#nav-main ul li ul li {
					float: none;
					width: 170px;
					height: auto;
					list-style:none;
					line-height:20px;
					padding:0;
					margin-left:14px;		
					}
					#nav-main ul li ul li a {
						display: block;
						position: relative;
						left: 0;
						height: auto;
						color:white;
						font-size:13px;
					}
					#nav-main ul li ul li a.hover,
					#nav-main ul li ul li a:hover,
					#nav-main ul li ul li a.active,
					#nav-main ul li ul li a:active {
						color: #000;
						}							

/* -----------------content--------------------- */
div#content { 
background:url('../images/left_slice.png') repeat-y left;
min-height:400px;
height:expression(this.scrollHeight > 400 ? "auto":"400px"); 
}
#single {
	padding: 45px 30px 60px 30px;
	background-color:white;
}

/* --------------right ------------- */
#right {
width:670px;
float:right;
padding: 45px 30px 60px 30px;
}

/* --------------left navi------------- */
#left {
float: left;
width: 170px;
margin: 0px;
padding: 45px 30px 60px 30px;
}
#sub_menu
{
	list-style:none; 
	margin:0; padding:0;
}
#sub_menu li {	margin-top:18px; list-style-image:none; padding:0;}
#sub_menu li a:hover, #sub_menu li {color:black;}
.sub_sub_menu { list-style:none; list-style-image: none; padding:0 0 0 15px; margin:0px;}
.sub_sub_menu li {	margin-top:10px; list-style-image:none; }
.left_image { margin:60px 0 0 20px; }
.site_image { margin:60px 0 0 2px; }

/* -----------footer--------------------------- */
#footer {
clear: both;
margin:40px auto;
width:960px;
height:50px;
color:#708da9;
font-size:0.85em;
 }
#footer a { color:#708da9; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

/*--------------home---------------------*/
#homepanel{
	background:url('../images/homepanel.png') no-repeat;
	height:435px; 
	padding:20px 0 20px 20px;
}
.paneltitle{
	background:url('../images/hometitle.png') no-repeat right;
	height:20px; 
	color:white;
	font-size:1.2em;
	font-family:Tahoma, Helvetica, sans-serif;
	padding:0 0 0 110px;
}
.paneldetail{
	margin:20px 20px 0 0;
    overflow:auto;
}

.paneldetail .date
{
    font-size:0.85em;
	margin-bottom:20px;
}
.newsdetail .date
{
    font-size:0.85em;
	margin-bottom:0px;
}
.newsdetail .feedburnerFeedBlock div
{
    margin-bottom:25px;
}
.feedburnerFeedBlock ul
{
    margin:0;
    padding:0;
}
.feedburnerFeedBlock li
{
    list-style-type:none;
    list-style-image:none;
    margin:0;
    padding:0;
}
.feedburnerFeedBlock .headline{
	font-size:15px;
}
.feedburnerFeedBlock #creditfooter 
{
    display:none;
}
.feedburnerFeedBlock p {margin-top:0px}

#twitter_update_list li 
{
    margin-bottom:20px;
}
#twitter_update_list li span 
{
    display:block;
    font-size:15px;
}

/*-----------Projects-----------------*/
#projCats {
	padding: 0;
	margin: 0;
}
#projCats li{ display: inline; list-style: none; }
#projCats li a{ 
padding: 0.2em 1em;
color: #436C96;
text-decoration: none;
float: left;
margin-right:12px;
}
#projCats li a:hover, #projCats li a.selected{
	background-color:#284159;
	color:white;
}
#projList{
	margin:20px 0 0 0;
	padding:0;
	float:left;
}
.proj {
		width: 160px;
		height:160px;
		padding: 0 8px 8px 0;
}

.proj_r {
		width: 160px;
		height:160px;
		padding: 0 0 8px 0;
}

.proj img, .proj_r img
{   border:solid 1px #BCCBD8;
	padding: 5px; }
.proj img:hover, .proj_r img:hover
{  	background-color:#DBE4EE; }

.projLightbox
{
	display:none;
}
.projLightbox img {
	float:left;
	padding:30px;
}
.projLightbox div {
	float:right;
	width:380px;
	padding:30px 30px 0 0;
}
.abintell
{
    float:left;
    width:40%;
    margin-right:20px;
}


/*-----------TOC-----------------*/
ul.TOC 
{
    padding-left:0px
}
li.TOC1
{
    list-style:none;padding-left:0px;
    list-style-image:none;
}
li.TOC2
{
    list-style:none;padding-left:30px;
    list-style-image:none;
}
li.TOC3
{
     list-style:none;padding-left:60px;
     list-style-image:none;
}
li.TOC4
{
    list-style:none;padding-left:90px;
    list-style-image:none;
}

/* Slides */

#content-slides
{
    position: relative;
	width: 960px;
	height: 300px;
}
.slide-images
{
	width: 960px;
	height: 300px;
	overflow: hidden;
	position: absolute;
	top:0;
	left:0;
}

.slide-1 { background: url('../images/header_demo.jpg') no-repeat ; }
.slide-2 { background: url('../images/header_insights.jpg') no-repeat ; }
.slide-3 { background: url('../images/header_win8.jpg') no-repeat ; }
.slide-4 { background: url('../images/header_pushbi.jpg') no-repeat ; }
.slide-5 { background: url('../images/header_webanalytics.jpg') no-repeat ; }
.slide-6 { background: url('../images/header_wpo.jpg') no-repeat ; }
.slide-7 { background: url('../images/header_sharepoint.jpg') no-repeat ; }
.slide-8 { background: url('../images/header_health.jpg') no-repeat ; }
.slide-9 { background: url('../images/header_xbox.jpg') no-repeat ; }
/* Paging navigation */

#main-slide-nav
{
    top:270px;
	display: block;
	height: 14px;
	clear: both;
	position: absolute;
	right:0px;
}

#main-slide-nav ul li a span
{
	visibility: hidden;
}

#main-slide-nav ul li
{
	float: left;
    list-style-image:none;
    padding: 0 5px 0 0;
}

#main-slide-nav ul li a
{
	background: url(../images/slide-nav-item.png) no-repeat;
	width: 14px;
	height: 14px;
	display: block;
	text-decoration: none;
}

#main-slide-nav ul
{
	clear: both;
	list-style: none;
	display: block;
}
#main-slide-nav ul li a.selected
{
	background-position: 0 -14px;
}


.pquote {     background: url(../images/openquote.gif) top left no-repeat;    
              font-size: 1.3em;    
              font-style: italic;    
              padding: 35px 0 0 5px;    
              margin: 10px 0 0 0;}
.pquote p:first-letter {    font-size: 1.5em;    
                           font-weight: bold;}