/* @override 
	http://10.0.21.3/styles/jukedock_control.css
	http://www.pressuredropinc.com/styles/jukedock_control.css
*/

/* My Comment */

#remotes_container h3, #remotes_container h4, #remotes_container h5
{background: transparent;color: #000;
	position: relative;
	z-index: 1;
}

#remotes_container h1 {
	font-size: 4em;
	text-align: right;
	width: 50%;
	display: block;
}
#remotes_container h2 {
	font-size: 3em;
	text-align: left;
	width: 40%;
	margin-left: 51%;
	margin-top: -10px;
	margin-bottom: 10px;
}

#remotes_container {
	font-size: 1em;
}

/* @group header */

#remotes_header
 {position: relative;
	width: 575px;
	height: 50px;
}
 
#remotes_header span {
	width: 330px;
	float: left;
	font-size: 1.3em;
	line-height: 1.3em;
}

.header_smbox {width: 120px; height: 50px;
}
.header_smbox.left {float: left;}
.header_smbox.right {float: right;}

/* @end */

#remotes_footer
 {
	position: absolute;
	width: 520px;
	left: 40px;
	font-size: 0.9em;
	line-height: 1.0em;
	height: 35px;
	top: 405px;
}

#remotes_easy, 
#remotes_better {
	top: 65px;
	position: absolute;
	width: 280px;
}

/* @group easy */

#remotes_easy
 {left: 5px;}

.step {
	position: relative;
	width: 280px;
	height: 76px;
	margin-bottom: 10px;
	font-size: 1.2em;
	line-height: 1.2em;
	text-align: left;
	top: 0;
	left: 0;
}
#stepone {
background: url(../images/jukedock_control_step01.png) no-repeat;}
#steptwo {
background: url(../images/jukedock_control_step02.png) no-repeat;}
#stepthree {
background: url(../images/jukedock_control_step03.png) no-repeat;}


.step img {
	width: 50px;
	height: 50px;
	position: relative;
	float: left;
	margin: 13px 5px 0 76px;
}
.step p {
	width: 125px;
	height: 50px;
	position: relative;
	float: left;
	margin-top: 9px;
	text-align: left;
}

/* @end */

/* @group better */

#remotes_better
 {right: 5px;}

#remotes_better_content
 {width: 280px;	
 background-image: url(../images/jukedck_control_better_top.png);
	overflow: hidden;
}
#remotes_better_content_bottom {
	background: url(../images/jukedck_control_better_bot.png) no-repeat;
	width: 280px;
	height: 39px;
	position: absolute;
	bottom: -8px;
	left: 0;
	display: block;
}

#remotes_better_content .left,
#remotes_better_content .right
{margin: 0 20px 0 20px;}

#remotes_better .left {text-align: left;}
#remotes_better .right {text-align: right;}

#remotes_container h3
{font-size: 2em;line-height: 1.8em;
}
	
#remotes_container h4
{font-size: 1.3em;line-height: 1.3em;margin: 0 5px;}

#remotes_container h5 
{font-size: 0.9em;line-height: 1.3em;margin: 0 15px;}


/* @end */