@charset "utf-8";
/* CSS Document */

#mock-up-wrapper{
	margin:0px;
	padding:0px;
	width:520px;
	position:relative;}
#mock-up-wrapper h2 {
	clear:both;
	text-align:left;
	padding-top:8px;
	background:transparent url(../images/web_design/design_pricing/btn_design_buynow.gif) no-repeat scroll right top;}
	
.mock-up{
	margin:0px;
	padding:0px;
	width:920;
	height:235px;
	display:block;
	position:relative;
	background:url(../images/header.jpg) no-repeat left top;
	border-bottom:none;}
	
.slideshow_buynow {
	display:block;
	position:absolute;
	bottom:0px;
	left:0px;
	border:1px solid blue;
	width:520px;
	height:50px;}

div.slideshow{
	height:235px;
	left:0;
	margin:0;
	padding:0;
	position:relative;
	top:0px;
	width:920px;}

h1 {
	margin:0px;
	padding:5px 0;
	color:#236cc4;
	font-size:16px;}
	
p{
	margin:0px;
	padding:0px;}

/* CSS Document Another Slideshow */

a, a:visited, a:active {outline-style:none;}

/*** Homepage Banners ***/
.home-page-banner {
	position: relative;
	width:416px;
	height:208px;}
.home-page-banner .btns {
	font:bold 9px Arial;
	position:absolute;
	z-index:299;
	bottom:6px;
	left:29px;}

.home-page-banner .btns div {
	width:14px;
	height:14px;
	float:left;
	margin:1px;
	position:relative;
	background:#575956;
	border:1px solid #000;}
	
.home-page-banner .btns div a {
	color:#fff;
	text-decoration:none;
	width:14px;
	height:14px;
	display:block;
	text-align:center;
	line-height:15px;
	background: url(../images/web_design/slideshow/img/cs-home-imgs-btn-bg.png) no-repeat;}
	
.home-page-banner .btns div.selected a {
	color:#000;
	border:1px solid #cfcad0;
	background:#b3b3b5;
	margin:-1px;}
	
#hp-banner1,
#hp-banner2,
#hp-banner3,
#hp-banner4,
#hp-banner5,
#hp-banner6 {
	position: absolute;
	top:0;
	left:0;
	background-repeat:no-repeat;
	width:416px;
	height:208px;
	z-index:250;}
	
#hp-banner1 {
	z-index:255;}



/* CSS Document Another Slideshow */

.stepcarousel{
position: relative;/*leave this value alone*/
border: 0px;
overflow: scroll;/*leave this value alone*/
width: 991px;/*Width of Carousel Viewer itself*/
height: 235px;/*Height should enough to fit largest content's height*/}

.stepcarousel .belt{
position: absolute;/*leave this value alone*/
left: 0;
top: 0;}

.stepcarousel .panel{
float: left;/*leave this value alone*/
overflow: hidden;/*clip content that go outside dimensions of holding panel DIV*/
margin: 0px;/*margin around each panel*/
width: 991px;/*Width of Carousel Viewer itself*/
height: 235px;/*Height should enough to fit largest content's height*/
}

img {
border:none;}