@charset "utf-8";
/* CSS Document */
/**
 * Date: January 23, 2009
 * Project: Live Stocks
 * Author: Dilip Kumar Shukla
 * Last update: January 23, 2009
 */

 body{
 	background: #f4f6f8 url(../images/body-repeat-bg.jpg) repeat-x left top;
	font: 12px HelveticaNeue, Helvetica, "Myriad Pro", Arial, sans-serif;
	color:#586675;
 }

 #abstract-bg{
 	background: transparent url(../images/abstract-bg.jpg) no-repeat center bottom;
	height:370px;
	min-width:817px;
	width:100%;
	position:absolute;
	left:0;
	top:31px;
 }
 
 #wrapper, #footer-wrapper{
 	width:817px;
	position:relative;
	margin:0 auto;
 }

#help{
	height:31px;
	text-align:right;
	color:#6e7d8e;
	font-size:11px;
	line-height:27px;
	text-shadow:0 -1px 0 #000000;
}
#help a{
	color:#2b97df;
	text-decoration:underline;
}
#highlight{
	height:371px;
	position:relative;
	width:817px;
}
 
#download-app, #download{
	width:156px;
	height:36px;
	display:block;
	position:absolute;
	left:26px;
	bottom:80px;
	background:transparent url(../images/download-btn.png) no-repeat left top;
}
#download{
	background:none;
}
#download-air{
	width:187px;
	height:32px;
	display:block;
	position:absolute;
	left:190px;
	bottom:80px;
	background:transparent;
}


#holder-features{
	position:relative;
	overflow:hidden;
	margin:-28px 25px 25px 25px;
}


#feature-date, #feature-chart, #feature-info{	
	width:230px;
	padding:130px 0 0 0;
	position:relative;
	text-align:justify;
}
#feature-date{
	float:left;
	background: transparent url(../images/date-icon.png) no-repeat 50px top;
}

#feature-chart{
	background: transparent url(../images/chart-icon.png) no-repeat 50px 1px;
	margin:0 auto;
}

#feature-info{
	float:right;
	background: transparent url(../images/info-icon.png) no-repeat 50px 6px;
}

#description{
	padding:0 0 30px 18px;
	overflow:hidden;
	clear:both;
}

#preview-thumbs{
	float:left;
	width:246px;
}

#preview-thumbs li{
	display:block;
	margin:22px 0;
	overflow:hidden;
	text-align:center;
	clear:both;
	float:left;
}

#preview-thumbs li span{
	width:246px;
	display:block;
}

#learn{
	float:right;
	width:510px;
	padding:22px 0;
}
#learn ul{
	overflow:hidden;
}
#learn ul li{
	display:block;
	clear:both;
	margin:10px 0;
	float:left;
	padding:0 0 0 50px;
	height:50px;
	text-align:left;
}
#learn ul li#refresh{
	background: transparent url(../images/refresh-icon.png) left top no-repeat;
}
#learn ul li#ticker{
	background: transparent url(../images/ticker-icon.png) left top no-repeat;
}
#learn ul li#chart{
	background: transparent url(../images/pie-chart-icon.png) left top no-repeat;
}
#learn ul li#security{
	background: transparent url(../images/security-icon.png) left top no-repeat;
}
#learn ul li#compare{
	background: transparent url(../images/compare-icon.png) left top no-repeat;
}

#footer{
	clear:both;
	height:40px;
	background: transparent url(../images/footer-bg.png) left top repeat-x;
	font-size:9px;
	color:#6e7d8e;
	text-transform:uppercase;	
	text-shadow:0 -1px 0 #000000;
	min-width:817px;
}

#footer a{
	color:#6e7d8e;
}

#footer-menu{
	float:right;	
	line-height:40px;
}

#footer-menu a{
	margin:0 5px;
}

#copyright{
	background: transparent url(../images/sourcebits-icon.png) left 2px no-repeat;
	height:40px;
	padding:0 0 0 40px;
	line-height:40px;
}

#sb-icon-link{
	height:35px;
	width:30px;
	position:absolute;
	left:0;
	top:2px;
}
/**
 * IE6
 */
.ie6 #learn ul{
	width:510px;
}
.ie6 #learn ul li{
	width:90%;
	height:45px;
}
.ie6 #download-app, .ie6 #download{
	bottom:76px;
	background:transparent url(../images/download-btn-ie6.png) no-repeat left top;
}
.ie6 #download{
	bottom:33px;
}
.ie6 #description{
	margin-bottom:50px;
}

.ie6 #feature-date{
	background: transparent url(../images/date-icon-ie6.png) no-repeat 50px top;
}

.ie6 #feature-chart{
	background: transparent url(../images/chart-icon-ie6.png) no-repeat 50px 1px;
}

.ie6 #feature-info{
	background: transparent url(../images/info-icon-ie6.png) no-repeat 50px 6px;
}

/**
 * IE7
 */
.ie7 #learn ul{
	width:510px;
}
.ie7 #learn ul li{
	width:90%;
	height:45px;
}

/**
 * Mac
 */

.mac #download-air{
	left:120px;
}

.mac #description{
	margin:-27px 0 25px -50px;
}

.mac #holder-features{
	margin:-28px 25px 25px -25px;
}

.mac #download-app, .mac #download{
	left:-46px;
}