@charset "utf-8";
/* CSS Document */
@import url("reset.css");

html { background: url(../images/back_xy.jpg) repeat; }
body { background:  url(../images/back.jpg) repeat-x top; }

#wrapper { width:970px; min-height:700px; overflow:hidden; margin:0 auto; display:block; padding: 0 40px 0 40px; background:url(../images/shadow.jpg) no-repeat 40px 375px; }

/*																		LEFT COLUMN
===================================================================================
*/

#left { float:left; background: url(../images/inner_back.jpg) repeat-x top; display:block; width:585px; min-height: 392px; }

.hero { width:585px; height: 393px; display:block; background:url(../images/hero.jpg) no-repeat; }

.newhero { width:585px; height: 393px; display:block; background:url(../images/hero-1.jpg) no-repeat; }
/*																	   RIGHT COLUMN
===================================================================================
*/

#right { float:right; width:372px; position:relative; }

.video { width:372px; height:277px; display:block; }

#vid_block { width:372px; height:277px; background:#222222 url(../images/video.jpg) no-repeat; display:block; }

.button { height:61px; display:block; width:372px; padding-top:5px; }

.social  { padding:16px 0 0 0; }

.social li { float:left; }

/*															   PRODUCT DESCRIPTIONS
===================================================================================
*/

#content { min-height:100px; overflow:hidden; width:100%; display:block; clear:both; float:none; }

.desc1, .desc2, .desc3 { float:left; height:87px; width:175px; margin:25px 0 0 13px; padding:27px 7px 0 0;}

.desc1 { border-right:1px solid #b7b7b7; background:url(/../images/convenient.png) no-repeat top left;}

.desc2 { border-right:1px solid #b7b7b7; background:url(../images/flexible.png) no-repeat top left; }

.desc3 { border-right:none; background:url(../images/dynamic.png) no-repeat top left; }

.desc1 p, .desc2 p, .desc3 p { font-family:Arial, Helvetica, sans-serif; color:#3f3e3e; font-size:12px; font-weight:normal; line-height:19px; padding-left:10px;margin:0; }

#video a { display:none; }

#screenshots { float:left; height:auto; width:auto; margin:25px 0 0 13px; padding:30px 7px 0 0; background:url(/images/screenshots.png) no-repeat top left; }

.screen { width:auto; height:auto; float:left; margin:0 14px 0 0; padding:3px; background-color:#999999; border:1px solid #CCCCCC; display:inline; }

.screen_last { width:auto; height:auto; float:left; margin:0 0px 0 0; padding:3px; background-color:#999999; border:1px solid #CCCCCC; display:inline; }

/*															   Image Rotater
===================================================================================
*/

/* rotator in-page placement */
    div#rotator 
    {
    width:585px; 
    height: 393px; 
    display:block; 
	position:relative;
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator ul li img {
	border:1px solid #ccc;
	padding: 0px;
}
    div#rotator ul li.show {
	z-index:80
}