/* CSS Document */

#feature {background: #000 url(../../features/csi/hp-csi.jpg) no-repeat 0 0;} 

#feature h3{text-indent: -9000px}
#feature div.copy {margin:0 0 0 15px;width:660px;}

#feature #top_feature {
    margin-left: 312px;
    margin-top: 40px;
    text-align: left;
    width: 260px;
}

#feature .copy p.tower_tease{ 
	padding: 0 0 4px 0;color: #fff;font-size: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin: 0px;
	text-align: left;
	line-height: 1.5em;
    color: #ffffff;
    letter-spacing: .04em;
}

#more_features {
	position: absolute;
	right: 20px;
	bottom:20px;
	width: 21px;
	height: 21px;
}

.bubbleInfo {
    position: relative;
}

.popup {
    position:absolute;
    margin-left:-116px;
    display: none;     width:160px;
    margin-top:35px;
    padding:10px;
    background-color:#eee;
    border: 1px solid #CCC;
}

#feature .popup h4 {color: #383838; marign:0; padding:0 0 3px 0;font-weight: bold;font-size: 1em;font-family: Arial, Helvetica, sans-serif}

.popup a {color:#C00;}
.popup a:hover, .popup a:visited {color:#C00;}



div#feature div.contain div.copy div#top_feature div.readmore { margin-left:0px; font-weight:bold; }
div.readmore a, div.readmore a:link { color: #cc0000; text-transform:uppercase; font-size:1.4em; text-decoration:none; }
div.readmore a:hover, div.readmore a:active, div.readmore a:focus { text-decoration:underline; }
div#top_feature p.tower_tease a, div#top_feature p.tower_tease a:link { color: #fff; font-size:1em; text-decoration:none;}
div#top_feature p.tower_tease a:hover, div#top_feature p.tower_tease a:focus, div#top_feature p.tower_tease a:active { text-decoration:underline;}