html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
	background: transparent;
	font-family:"Segoe UI", Segoe, Arial, Helvetica, sans-serif;
	color:#535353;
	
	
}
body {
	
	color:#535353;
	font-size:12px;
	line-height:19px;
	text-align:center;
	}
	
div#sps-stage {
text-align:left;
}	
	
p
{
	
	margin-bottom:5px;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}


:focus {
	outline: 0;
}


ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
}



body {
/*background:#ffffff url(../images/splussbg.png) repeat-x;*/
background:#ffffff url('bg-sps.jpg') repeat-x;
}

#sps-stage {
background:#ffffff url('bg-sps-stage.jpg') no-repeat;
width:918px; /*working width of stage contents*/
/*min-height:375px;*/
padding:5px 39px;
margin:0 auto;

}


.clear {
clear:both;
}

/***************************** Header ***************************************/

h3#sps-logo {
    width:231px;
    height:48px;
    position:relative;
    margin:12px 0 15px 0;
    overflow:hidden; /* in case text is bigger than the image */
    float:left;
    }
	
	h3#sps-logo a{
    text-decoration:none;
    }
    
    
h3#sps-logo span {
	background-position: left top;
	display: block;
	width: 231px;
	height: 48px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url('file:///C:/Users/Timothy J. Los/Documents/My Web Sites/Rante/vision/Rante Vision.png') no-repeat left
top;
	cursor: pointer;
}
	
#masthead_search_wrapper
{
	width:918px;
	margin:0 auto;
	/*float:right;background-color:#990000;*/
	
}

#masthead_search
{
	position: absolute; 
	top:37px;
	text-align:right;
	width:918px;
	
}

#masthead_search form
{
	position:relative;  
	right:35px;
	background:none;
	
}

#toplinks {
text-align:right;


}

#toplinks a{
color:#000;
font-size:11px;
font-family:Tahoma, "Segoe UI", Segoe, Arial, Helvetica, sans-serif;

}

#toplinks a:link, #toplinks a:active, #toplinks a:visited{
text-decoration:none;

}

#toplinks a:hover{
text-decoration:underline;

}

/***************************** Navigation ***************************************/

#sps-topnav {

}

#sps-topnav li {
float:left;
margin-right:50px;
padding:8px 0 12px 0;


}

#sps-topnav a {
text-decoration:none;
font-size:16px;

}

#sps-topnav a:link, #sps-topnav a:visited, #sps-topnav a:active  {
color:#000000;

}

#sps-topnav a:hover{
color:#4eb0e9;

}


body#sps-home a#toplink-home, body#sps-story a#toplink-story, body#sps-ahead a#toplink-ahead, body#sps-strategy a#toplink-strategy {
color:#4eb0e9;
}


/***************************** Home Page ***************************************/


body#sps-home #silverlightControlHost {
width:912px;
height:456px;
background:url('downVersionSLHome.jpg');
margin:7px auto 50px auto;

}


#home-text {
width:193px;
float:left;
margin-right:14px;
color:#535353;
font-size:12px;
line-height:19px;
}

#home-text a#fullStory{
float:right;
margin-top:17px;
text-decoration:none;
padding:0 24px 12px 0;
font-size:16px;
}

#home-text a#fullStory:link, #home-text a#fullStory:active, #home-text a#fullStory:visited{
background:url('linkArrowOff.png') no-repeat right 2px;
color:#000000;
}

#home-text a#fullStory:hover {
background:url('linkArrowOn.png') no-repeat right 2px;
color:#2ea1d4; 
}



#home-vid-selector {
width:481px;
float:left;
border: 1px #c2c2c2 solid;
border-top:none;
border-bottom:none;
min-height:305px;
}



.vidlink-left, .vidlink-right {
float:left;
width:207px;
padding-bottom:5px;

}


.vidlink-left {
margin-left:22px;
margin-right:23px;

}

.vidlink-right {
margin-right:22px;

}



.vidlink-top {

}

.vidlink-bottom {
margin-top:15px;
}

a.vidlink {
width:207px;
display:block;
margin-bottom:3px;
background-repeat:no-repeat;
padding-top:122px;
font-size:15px;
text-decoration:none;
}

a.vidlink:link span , a.vidlink:visited span , a.vidlink:active  span {
color:#000000; 
}



a.vidlink:hover  span {
color:#2ea1d4; 
}



a.vidlink span {
padding-right:25px;

}


a.vidlink:link span, a.vidlink:visited span, a.vidlink:active span {
background:none;
}

a.vidlink:hover span {
background:url('linkArrowOn.png') no-repeat right 50%;
}


a#vidlink-top-left {
background-image:url('vidlink-ozzie.jpg');
}
a#vidlink-top-right {
background-image:url('vidlink-syncron.jpg');
}
a#vidlink-bottom-left {
background-image:url('vidlink-connected.jpg');
}
a#vidlink-bottom-right {
/*background-image:url(../images/vidlink-worksmart.jpg);*/
background-image:url('vidlink-whatIs.jpg');
}



#home-product-selector {
width:210px;
height:296px;
float:left;
margin-left:12px;
}


a#scrolldown, a#scrollup
{
width:81px;
height:18px;
display:block;
margin-left:64px;
}

a#scrolldown
{
	background:url('scrollDown.png') -64px;
}

a#scrollup
{
	/**/background:url('scrollUp.png') -64px;
}

#scrollbox-clipper
{
width:210px;
height:260px;
overflow:hidden;
position:relative;

}

#scrollbox
{
	width:209px;
	height:420px; /* 70px X number of products in scroller */
	position:absolute;
	top:-63px; /* 63px X number of products hidden above window initially */
}

.product-row 
{
	background-repeat:no-repeat;
	

	
}



a.prodanchor 
{
	/*padding: 11px 0 0 70px;*/
	padding: 0 0 11px 70px;
	text-decoration:none;
	min-height:54px;
	display:block;
	font-size:12px;
	line-height:17px;
	
}

* html a.prodanchor 
{
	height:65px;
}

a.prodanchor:link, a.prodanchor:active, a.prodanchor:visited, a.prodanchor:hover
{
	color:#535353;
	background:url('linkArrowOff.png') no-repeat 111px 2px;
}

 a.prodanchor:hover strong
{
	color:#2ea1d4; 
	
}

a.prodanchor:hover
{
	background:url('linkArrowOn.png') no-repeat 111px 2px;
}

a#proda6:link, a#proda6:active, a#proda6:visited 
{
	background:url('linkArrowOff.png') no-repeat 132px 2px;
}

a#proda6:hover
{
	background:url('linkArrowOn.png') no-repeat 132px 2px;
}

a#proda8:link, a#proda8:active, a#proda8:visited 
{
	background:url('linkArrowOff.png') no-repeat 132px 2px;
}

a#proda8:hover
{
	background:url('linkArrowOn.png') no-repeat 132px 2px;
}




a.prodanchor strong
{
	display:block;
	font-size:14px;
	line-height:19px; 
	font-weight:normal;
	
}



#row1 
{
	background-image:url(temp-num-one.png);
}

#row2 
{
	background-image:url(temp-num-two.png);
}

#row3 
{
	background-position: 0 5px;
	background: no-repeat 0
5px;
}
#row4 
{
	background-position: 0 4px;
	background: no-repeat 0
4px;
}
#row5 
{
	background-position: 0 4px;
	background: no-repeat 0
4px;
}
#row6 
{
	background-position: 0 9px;
	background: no-repeat 0
4px;
}
#row7 
{
	background-position: 0 5px;
	background: no-repeat 0
5px;
}
#row8 
{
	background-position: 0 5px;
	background: no-repeat 0
5px;
}

#row9 
{
	background-image:url(../images/temp-num-nine.png);
}

#row10 
{
	background-image:url(../images/temp-num-ten.png);
}




h3#sps-sub-head {
    width:179px;
    height:42px;
    position:relative;
    margin:0px 0 15px 0;
    overflow:hidden; /* in case text is bigger than the image */
    float:left;
	/*background:url(../images/sps-subhead.png) top left no-repeat;*/
	
	
    }
	
	    
h3#sps-sub-head span {
    display:block;
    width:179px;
    height:42px;
    position:absolute;
	top:0px;
    left:0px;
    /**/background:url('sps-subhead.png') no-repeat left top;
}
	
	
	#home-text h2{
font-size:20px;
text-transform:uppercase;
margin:5px 0 14px 0;
color:#000000;
font-weight:600;

}

#home-text h3{
font-weight:normal;
font-size:17px;
text-transform:uppercase;
color:#000000;

}
	

/***************************** Full Story ***************************************/

.story-col 
{
	float:left;
	color:#535353;
	font-size:12px;
	border-left:solid 1px #cdcdcd;
	line-height:20px;
}

.story-col div
{
	margin-left:12px;
	color:#535353;
	font-size:12px;
	line-height:20px;
}

.story-col p, .story-col div p
{
	color:#535353;
	font-size:12px;
	
}

.story-col p
{
	
	margin-bottom:7px;
}

.story-col div p
{
	
	margin-bottom:7px;
}

.story-col h3
{
	font-size:16px;
	color:#000;
	font-weight:normal;
	margin-bottom:6px;
	
}

#story-left
{
	width:206px;
	border-left:none; /*overrides border set in .story-col */
	margin-top:3px;
	
	
}

#story-mid
{
	margin-left:27px;
	width:333px;
	min-height:399px;
	
}

#story-right
{
	margin-left:13px;
	width:333px;
	min-height:399px;
	
}

#story-mid div, #story-right div
{
	margin-left:12px;
	
}


#ozzieShot
{
	float:left;
	background:url('RayOzzie.jpg');
	width:678px;
	height:382px;
	margin:10px 0 26px 30px;
	
}

body#sps-story #silverlightControlHost1 {
width:678px;
height:382px;
background:url('RayOzzie.jpg');
margin:10px 0 26px 30px;
float:left;

}



.story-col #pullquote {
color:#4eb0e9;
font-size:18px;
margin-bottom:20px;

}

/***************************** Looking Ahead ***************************************/


/*body#sps-ahead #silverlightControlHost1 {
width:678px;
height:382px;
background:url(../images/scrnshot-sync.jpg);
margin:7px 0 18px 0;
float:left;
display:none;
}*/

body#sps-ahead #silverlightControlHost1, body#sps-ahead #silverlightControlHost2, body#sps-ahead #silverlightControlHost3, body#sps-ahead #silverlightControlHost4{
width:678px;
height:382px;
background:url('scrnshot-sync.jpg');
margin:7px 0 18px 0;
float:left;
display:none;
}

/**/body#sps-ahead #silverlightControlHost1{
display:block;
}


#ahead-sl-box {
width:678px;
float:left;
margin-right:27px;

}



#blurb-sync, #blurb-ray, #blurb-connect, #blurb-smarter 
{
	width:211px;
	border-left:none;
	display:none;
	float:left;
}

#blurb-sync 
{
	display:block;
	
}



#blurb-ahead 
{
	border-left:none;
	border-right:solid 1px #cdcdcd;
	width:220px;
	float:left;
	clear:none;
}

#blurb-ahead div
{
	margin-right:12px;
	margin-left:0;
}



#ahead-vidlinks-L a span.vlnkimg, #ahead-vidlinks-R a span.vlnkimg
{
display:block;
background-repeat:no-repeat;
width:96px;
height:55px;
float:left;
margin-right:9px;
cursor:pointer;
border: solid 1px #cfcfcf;

}

#ahead-vidlinks-L a:hover span.vlnkimg, #ahead-vidlinks-R a:hover span.vlnkimg
{
border: solid 1px #4eb0e9;

}



a#aheadlink-ozzie span.vlnkimg {
background-image:url('aheadlink-ozzie.jpg');
}
a#aheadlink-sync span.vlnkimg {
background-image:url('aheadlink-syncron.jpg');
}
a#aheadlink-connect span.vlnkimg {
background-image:url('aheadlink-connected.jpg');
}
a#aheadlink-smart span.vlnkimg {
/*background-image:url(../images/aheadlink-worksmart.jpg);*/
background-image:url('aheadlink-whatIs.jpg');
}

#ahead-vidlinks-L, #ahead-vidlinks-R  {
float:left;
width:200px;
font-size:12px;
font-weight:bold;
line-height:16px;

}

#ahead-vidlinks-L  {
margin-left:30px;

}

#ahead-vidlinks-R  {
margin-left:10px;

}

#ahead-vidlinks-L a, #ahead-vidlinks-R a {
display:block;
height:57px;
float:left;
margin-bottom:29px;
text-decoration:none;
}

#ahead-vidlinks-L a:link, #ahead-vidlinks-L a:active, #ahead-vidlinks-L a:visited, #ahead-vidlinks-R a:link, #ahead-vidlinks-R a:active, #ahead-vidlinks-R a:visited {
color:#196297;
}

#ahead-vidlinks-L a:hover, #ahead-vidlinks-R a:hover {
color:#4eb0e9;
}

#ahead-vidlinks-L a span, #ahead-vidlinks-R a span
{
	
color:#646464;
font-weight:normal;
}


.ahead-dynacol a
{
	font-weight:bold;
	text-decoration:none;
}

.ahead-dynacol a:link, .ahead-dynacol a:active, .ahead-dynacol a:visited 
{
	color:inherit;
}

.ahead-dynacol a:hover
{
	color:#4eb0e9;
}




/***************************** Footer ***************************************/

#explore 
{
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	height:26px;
		border-right:none;
		border-left:none;
		padding:6px 0 0 60px;
	background:url('explore.png') no-repeat;
}

#explore h5
{
	color:#4eb0e9;
	font-weight:normal;
}
/*
#explore a:link, #explore a:active, #explore a:visited
{
	text-decoration:none;
}

#explore a:hover
{
	text-decoration:underline;
}*/

ul#linkcol1 {width:215px;}
ul#linkcol2 {width:146px; }
ul#linkcol3 {width: 201px;}
ul#linkcol4 {width: 164px;}
ul#linkcol5 {width: 182px;}

ul.linkcol 
{
	float:left;
	margin:18px 0 21px 0;
}



ul.linkcol li a
{
	font-size:11px;
	text-decoration:none;
	line-height:18px;
}

ul.linkcol li a:link, ul.linkcol li a:active, ul.linkcol li a:visited
{
	color:#8e8e8e;
}

ul.linkcol li a:hover
{
	color:#4eb0e9;
}

ul.linkcol li:first-child
{
	font-weight:bold;
}

ul.linkcol li strong
{
	color:#8e8e8e;
	font-size:11px;
}


#sps-footer 
{
	clear:both;
	
}

#logo-sps-footer 
{
	background-position: url('file:///C:/Users/Timothy J. Los/Documents/My Web Sites/Rante/vision/Rante Vision.png');
	height: 31px;
	width: 140px;
	background: url('file:///C:/Users/Timothy J. Los/Documents/My Web Sites/Rante/vision/Rante Vision.png');
	float: left;
	background-repeat: no-repeat;
}

ul.footer-links 
{
	float:right;
	/*width:450px;*/
	}

ul.footer-links li
{
	float:right;
	font-size:12px;
	line-height: 1;
	padding:0 6px;
	margin: 4px 0 3px 0;
	border-left:solid 1px #404040;
}

ul.footer-links li a:link, ul.footer-links li a:active, ul.footer-links li a:visited 
{
	text-decoration:none;
	color:#000000;
}

ul.footer-links li a:hover
{
	text-decoration:underline;
	color:#000000;
}

li.last-in-line 
{
	clear:both;
}

ul.footer-links li.first-in-line 
{
	border-left:none;
}



#logo-cright-ms 
{
	background-position: url(../images/logo-ms-footer.png) no-repeat;
	background: no-repeat;
	width: 114px;
	font-size: 10px;
	float: right;
	padding: 21px 0;
}
	

	
	
/***************************** Strategy In Action ***************************************/	
	
body#sps-strategy #home-product-selector 
{
	border-right: 1px #c2c2c2 solid;
	margin:0 20px 12px -9px;
	min-height:555px;
}

* html body#sps-strategy #home-product-selector 
{
	height:555px;
}	



#strat-side-blurb {
margin:0 8px 22px 10px;
color:#535353;
font-size:12px;
line-height:19px;
}

#strat-side-blurb h3 {
font-weight:normal;
font-size:16px;
margin-bottom:10px;
color:#000000;

}

body#sps-strategy #sps-topnav 
{
	margin-bottom:33px;
}

body#sps-strategy .silverlightControlHost  
{
	margin-bottom:18px;
	margin-right:22px;
	float:left;
	height:256px;
	width:458px;
	background:url('strat-install.png') no-repeat;
}

.logo-strat  
{
	background-position: url(../images/logo-zune.png) no-repeat;
	float: left;
	margin-top: 45px;
	height: 40px;
	width: 215px;
	background: no-repeat;
}

.strat-dynablurb a{
text-decoration:none;
font-weight:bold;

}

.strat-dynablurb a:hover{
color:#4eb0e9;

}

#strat-azure, #strat-xbox, #strat-zune, #strat-windows, #strat-office, #strat-silver {
display:none;

}

/***************strat images*********************/
div#strat-azure .silverlightControlHost{
background:url('AzureSvcsPlat.jpg') no-repeat ;
}

div#strat-silver .silverlightControlHost{
background:url('Silverlight.jpg') no-repeat;
}


/************************strat headers************************************/

#strat-azure .logo-strat{
background:url('AzureHeader.gif') no-repeat left 50%;
}

#strat-xbox .logo-strat{
background:url('XboxHeader.gif') no-repeat left 50%;
}

#strat-windows .logo-strat{
background:url('WindowsHeader.gif') no-repeat left 50%;
}

#strat-office .logo-strat{
background:url('OfficeHeader.gif') no-repeat left 50%;
}

#strat-silver .logo-strat{
background:url('SilverlightHeader.gif') no-repeat left 50%;
}

#strat-azure .logo-strat{
background:url('AzureHeader.gif') no-repeat left 50%;
}

/*************************************search in header*************************/


#header-search 
{
	
	padding:0;
	border:0;
	height:24px;
	z-index:2;
	float:right;
	display:inline;
	position:relative;
	
}

#search-outer 
{
    height:24px;
    float:left;
}

#searchboxBorder 
{
    border:1px solid #999999;
    width:304px;
    width:240px;
    height:22px;
    float:left;
}
  


.msviLSBSearchInactive {
    color:#999999;
    font-style:italic;
}


#msviLSBtbox {
    border:none;
    width:220px;
    width:156px;
    margin-left:2px;
    margin-top:3px;
    float:left;
   
       
}

input.msviLSBSearchActive, input#msviLSBtbox 
{
    border:none;
    border:0px;
}

#bingLogo 
{
	background-position: right 4px;
	background: no-repeat right
4px;
	width: 47px;
	height: 22px;
	float: left;
	margin: 0 2px 0 5px;
}

#msviLSBssearch {
    
    z-index:150;
    float:left;
   
    
}

#msviLSBsweb {
    margin:0;
    padding-left:5px;
}

#msviLSBswebt {
    background-image:url('MiddleStretch.png');
    border-width:0;
    color:white;
    cursor:pointer;
    font-weight:bold;
   height:24px;
    width: 35px;
    padding:0;
    vertical-align:top;
}