body {
font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;
}

#wrapper {
	font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;
	color: #666666;
	font-size: 93%;
	background: url(../images/page_bg.jpg) repeat-x top center;
	}

#container {
	margin:0 auto;
	width: 921px;
	background: url(../images/box_shadow.png) no-repeat top center;
	}
	
#box {
	margin:0 auto;
	width: 900px;
	position:relative;
	/* top:6px; */
	background-color:#fff;
}

#footer {
	position:relative;
	height: 70px;
	clear:both;
	width:850px;
	margin:0 auto;
	text-transform: uppercase;
	}

#header {
	height: 80px;
	position:relative;
	margin:0 auto;
	width:900px;
	}
	
#feature {
	position:relative;
	background: url(../images/intro_feature.jpg) no-repeat top center;
	height:478px;
}

a img {
	border:none;
	}

a {
	text-decoration: none;
	color:#666;
}

a:hover {
	color:#ccc;
}

.clr {
	clear:both;
	}

p {
	padding:10px 0;
}

.large {
	font-size:140%;
	font-weight:bold;
	}
	
.xtra-large {
	font-size:175%;
	font-weight:bold;
	}
	
.title {
	font-size:140%;
	font-weight:bold;
	display:block;
	margin:15px 0 0 15px;
	text-transform: uppercase;
	}

hr {
	border:0;
	height:1px;
	background-color:#ccc;
	}
	

	
ul li a {
	text-align: right;
	}
	
#top-nav {
	position:absolute;
	top:0px;
}

#top-nav li, #footer li {
	display:inline;
	padding-right:10px;
	position:relative;
	text-transform: uppercase;
	position:relative;
}

#top-nav a {
	color:#fff;
	text-decoration: none;
}

#top-nav a:hover {
	color:#ccc;
	/* text-decoration: underline; */
}

#top-nav li a {
	width:110px;
	height:50px;
	background: url(../images/top_nav_tab.gif) no-repeat top left;
	display:block;
}


span.nav-title {
	position:absolute;
	left:20px;
	bottom:12px;
	text-align: left;
}

#top-nav li {
	float:left;
}

#footer-nav {
	width:600px;
	position:absolute;
	top:12px;
}

#logo {
	position:absolute;
	left:727px;
	top:12px;
}

#newsline {
	height:28px;
	background-color:#000;
	width:900px;
	margin:0 auto;
	position: relative;
}

#video {
	height:413px;
	position:absolute;
	bottom:0px;
	width:413px;
	left:-25px;
}

#skip-intro {
	position:absolute;
	left:611px;
	top:365px;
}

#copyright {
	position:absolute;
	left:555px;
	top:12px;
}

span#joinmail {
	width:300px;
	position:absolute;
	left:600px;
	color:#fff;
	top:2px;
}

.button {
	background: #fff url(../images/go_button.gif) no-repeat center;
	width:21px;
	height:21px;
	position:relative;
	top:1px;
	cursor: pointer;
}

.clr {
	clear:both;
}

.inputbox {
	color:#217efb;
}

#content {
		padding:16px 20px;
		font-family: Arial, Helvetica, sans-serif;
}

#content-cases {
	padding: 0 20px;
}

.inner-box {
	margin:0 auto;
	width:855px;
	background-color:#d4d4d4;
	overflow:hidden;
	color:#000;
}

.pkg-samples {
	background-color:#838383;
}

.inner-box li {
	display:inline;
}

ul.packaging li {
	width:255px;
	display:block;
	float:left;
	padding-right: 15px;
}

ul.packaging p {
	padding-right:25px;
}

.inner-box ul {
	padding:15px;
}

.inner-box ul.packaging-samples {
	text-align: center;
}

ul.packaging-samples li {
	width:205px;
	display:block;
	float:left;
	height:262px;
}

ul.pricing li {
	display:block;
	float:left;
	font-size:115%;
}

ul.pricing p, ul.specs-features p {
	padding: 0 0 10px 0;
}

ul.pricing, ul.packaging {
	overflow: auto;
}

ul.pricing td {
	width:150px;
}

ul.pricing table {
	position:relative;
	left:80px;
}

.pricing-features {
	background: #fff url(../images/pricing_bg.jpg) no-repeat top left;
}

ul.specs-features {
	position:relative;
	left:120px;
	top:45px;
	text-align: right;
	color:#fff;
	width:330px;
}

ul.specs-features li {
	display: block;
	padding-bottom:30px;
}

ul.specs-features p {
	font-size:120%;
}

ul.cases {
padding:0;
width:35px;
position:absolute;
left:240px;
}

ul.cases li {

}

ul.cases li a {
	display:block;
	padding-bottom:8px;
}

img.cases {
float:left;
}

table.cases td {
	vertical-align: top;
	padding:20px 0 0 0;
}

table.cases td.center-column {
	padding-right:25px;
	padding-left:20px;
}

td.right-column {
	padding-left:25px;
}

.case-inside {
	position:relative;
}

.gray {
	background-color:#666;
	color:#fff;
	text-transform: uppercase;
}

.gray p {
	padding:0 15px 20px 15px;
}

/* begin: slideshow */
.slideshow {
	position:relative;
	padding:0;
	margin:0;
	height:482px;
}
.slideshow a img {
    border:none;
}

.slideshow ul {
	padding-top:0;
}

.slideshow li.slide {
    list-style-type:none;
}
.slideshow .slides {
	margin:0;
}
.slideshow .slides li.slide {
	visibility:hidden;
	position:absolute;
	left:0px;
	top:0;
}

#feature-list {
	position:absolute;
	background: url(../images/feature_list_bg.png) top left no-repeat;
	height:482px;
	left:25px;
	width:215px;
	z-index: 1;
	top:-1px;
}

ul.feature-list {
	text-transform: uppercase;
	font-size:120%;
	margin-top:55px;
}

.feature-list li a {
	color:#fff;
	text-decoration: none;
	display:block;
	margin-left:20px;
	width:177px;
	padding:15px 0;
	text-align: left;
}

.feature-list li a:hover {
	color:#ccc;
}

.feature-list li.active {
	background-color:#000;
}

.feature-list li.active a {
	color:#d7b06f;
}

#shelf {
	position:absolute;
	background-color:#ccc;
	background: url(../images/shelf_bg.png) bottom left no-repeat;
	bottom:0px;
	width:900px;
	z-index: 2;
	height:155px;
}

ul.shelf {
	float:right;
}

.shelf li {
	display:inline;
	padding-left:4px;
}

ul.samples li {
	display:inline;
}


ul.thumb {
	float: left;
	list-style: none;
	margin: 0 0 20px 0; padding: 10px;
	width:580px;
}
ul.thumb li {
	margin: 0 0 8px 8px;
	padding: 0px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 50px;
	height: 50px;
	display:block;
}
ul.thumb li img {
	 width:50px;
	 height: 50px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background:url(thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}