/* @override http://127.0.0.1/~scum/echodot/lib/css/base.css */

/* @override http://127.0.0.1/~scum/echodot/lib/css/base.css */

body{
	margin:0px;
	padding-top: 30px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	background: #E9E9E9 url(../img/alpha_fleck_1.png) repeat;

}
a:link, a:visited{
	text-decoration: none;
	color: #234090;
}
a:hover{
	text-decoration: none;
	color: blue;
}

#body{
	width: 980px;
	margin: 0 auto;
}
#logo{
	width: 210px;
	height: 30px;
	background: url(../img/echodot_title.png) no-repeat;
	margin-left: 6px;
}

#content{
	width: 980px;
	border: 1px solid #BBB;
	background-color: white;
	border-radius:5px
}
#content p{	
		line-height: 23px;
		margin: 1px 0px;
}
.content-inner{
	padding: 45px;
	padding-bottom:20px;
}

.splash{
	padding: 25px;
	border-bottom: 0px solid #bbb;
}
#splash_content{
	position: relative;
	height: 275px;
	opacity:.5;
	-webkit-transform:scale(.8);
	-webkit-transition:all .5s ease-out;
	-moz-transform:scale(.8);
	-moz-transition:all .5s ease-out;
	-webkit-transform-style: preserve-3d;
	-webkit-perspective:700;
}
#splash_img{
	width: 275px;
	float: none;
	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.9, transparent), to(white));
	-moz-box-reflect: below 5px -moz-linear-gradient(top, white, transparent);
	position: absolute; bottom: 0; left: 0;

	-webkit-transform: rotateY(25deg);
	-webkit-transform-origin:0% 50%;

}


#splash_desc{
	margin-left: 275px;
	padding-left: 20px;
	position: absolute; 
	bottom: 0; left: 0;
}

fieldset.subitems{
	border-width: 0;
	border-top: 15px solid #EEE;
	margin: 0px auto;
	text-align: center;
	padding: 20px 0px 30px 0px;
}
fieldset.subitems legend{
	color: #989898;
	text-align: center;
}

.product_holder{
	margin: 5px;
	border: 1px solid silver;
	background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#FFF), color-stop(.5,#FFF)) repeat-x;
	background: -moz-linear-gradient(center top, #F0F0F0, #FFF), repeat scroll 0 0 transparent;
	
	-webkit-box-shadow:0px 0px 0px #2f305e, rgba(255, 255, 255, 1) 0px 1px 0px inset;
	-moz-box-shadow:0px 0px 0px #2f305e, rgba(255, 255, 255, 1) 0px 1px 0px inset;	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	cursor: pointer;
	width: 410px;
	padding: 20px;

	display: inline-block;
	text-align: left;
	height: 100px;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
}
.product_holder:hover{
	-webkit-box-shadow:0px 0px 10px #2f305e,rgba(255, 255, 255, 1) 0px 1px 0px inset;
	-moz-box-shadow:0px 0px 10px #2f305e,rgba(255, 255, 255, 1) 0px 1px 0px inset;
}

.product_icon{
	float: left;
	margin-right: 15px;
}
.product_desc{
	float: left;
	width: 273px;
	font-size: 14px;
}
h1{
	margin: 0 0 0px 0;
	color: #4c4c4c;
	text-shadow:0 -1px 0 rgba(0,0,0, 0.5);
	font-size: 50px;

}
h1 a:link, h1 a:visited{
	color: #4c4c4c;
	-webkit-transition:all .5s linear;
}
h1 a:hover{
	color: #353535;
}
h2{
	margin: 0;

}
h3{
	color: #111;
	margin: 0;
	font-size: 20px;
}
h4{
	font-size: 12px;
	font-weight: normal;
	color: #5c5c5e;
	margin: 0;

}
ul{
	margin: 0;
}
li{
	list-style-type: disc;
	margin-left: -22px;
	font-size: 14px;
	line-height: 21px;
}
#disclaimer{
	font-size: 10px;
	text-align: center;
}
#footer{
	width: 800px;
	font-size: 10px;
	text-align: center;
	padding-top: 5px;
}
.reflect{
	-webkit-box-reflect:below 2px
	-webkit-gradient(linear, left top, left bottom, from(transparent),
	    color-stop(0.70, transparent), to(rgba(255,255,255,.4)));
}

#footer{
	width: 500px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 40px;
	font-size: 12px;
}
#footer, #footer a:link, #footer a:visited{
	text-shadow:0 -1px 0 rgba(0,0,0, 0.5);
	color: rgba(255,255,255,.2);	
}
.check_it_out{
	text-align:center;
	margin:35px auto 0 auto;
}

.image_holder{
	float: right;
	width: 350px;
	border: 1px solid #aaa;
	background-color: #e9e9e9;
	padding: 5px;
	margin-left: 10px;
	margin-bottom: 6px;
	margin-top: 6px;
}
.image_holder img{
	width: 100%;
	height: inherit;
}
.caption{
	font-size:10px;
	line-height: 13px;
}
.sign_up{
	float: right;
	width: 220px;
	font-size: 12px;
	background-color: #d5e8f8;
	border:1px solid #2F305E;
	border-radius:5px;
	-moz-border-radius:5px;
	padding: 5px;
	line-height:15px;
	text-align: center;
	margin: 0 0 5px 10px;
}
.fine_print{
	color: gray;
	font-size: 10px;
	line-height: 12px;
}