@charset "utf-8";
/* CSS Document */
a {
   outline: 0;
}
#v2_header {
	position:relative;
}
#v2_header:after {
	content:" ";
	position:absolute;
	bottom: -10px;
	height: 10px;
	left:0;
	right:0;
	background:url(graphics/header-shadow.png) center top repeat-x;
}
.inner hr {
	margin: 30px 0;
	border-top:1px solid #d0d0d0;
	border-bottom:1px solid #fff;
}
.mainsplash-2012 {
	background:url(graphics/Splash-Gradient.jpg) center -200px repeat #4987BA;
	min-height:300px;/*padding: 40px 0;*/
}
.bigbutton-tryitfree1,
.bigbutton-tryitfree2 {
	float:right;
	text-align:center;
	position:relative;
	right: -4px;
}

.bigbutton-tryitfree1 {
	top: 15px;
	}
.bigbutton-tryitfree2 p{
	margin-top:10px;
	}
a.bigbutton.tryitfree {
	width:290px;
	height:86px;
	background:url(graphics/button-tryitfree.png) 0 0 no-repeat;
	display:inline-block;
	vertical-align:top;
	font-size:0;
	color:transparent;
	text-decoration:none;
}
a.bigbutton.tryitfree:active {
	background-position: 0 -100px;
}
h2.splash-text {
	background:url(graphics/splash-text-impress.png) 0 0 no-repeat;
	height: 140px;
	color:transparent;
	font-size:0;
	margin-bottom:30px;
	width:640px;
}
h2.splash-text-b {
	background:url(graphics/splash-text-impress-b.png) 0 0 no-repeat;
	height: 140px;
	color:transparent;
	font-size:0;
	margin-bottom:30px;
	width:640px;
}
.content-2012 .inner,
.mainsplash-2012 .inner {
	width:950px;
	margin: 0 auto;
	padding: 40px 0 20px;
	text-align:left;
}
.content-2012 h2 {
	font-size:36px;
	font-weight:normal;
	margin: 0 0 30px;
}
.content-2012 h3 {
	font-size:30px;
	font-weight:normal;
}
.content-2012 h2.outro {
	text-align:right;
}
.screenshots-3-col {
	margin: 0 -35px 0;
	font-size:0;
}
.screenshots-3-col div.thumb {
	width:270px;
	height:234px;
	margin:0 30px 30px;
	*margin:0 22px 30px;
	background:url(graphics/screenshot-sprites.jpg) 0 0 no-repeat;
	float:left;
}

h2.outro{
	*margin:0;
	*padding:0;
}

.screenshots-3-col div.a {
	background-position: 0 0;
}
.screenshots-3-col div.b {
	background-position: -300px 0;
}
.screenshots-3-col div.c {
	background-position: -600px 0;
}
.screenshots-3-col div.d {
	background-position:  0 -300px;
}
.screenshots-3-col div.e {
	background-position: -300px -300px;
}
.screenshots-3-col div.f {
	background-position: -600px -300px;
}
.screenshots-3-col div span {
	display:inline-block;
	font-size:14px;
	font-weight:bold;
	line-height:1em;
	margin-top: 15px;
	text-decoration:underline;
	color:#2860aa;
}
.feature-descriptions {
	margin: 0 -25px 0;
	font-size:0;
}
.feature-descriptions .feature {
	width:450px;
	margin: 0 25px 40px;
	*margin: 0;
	float:left;
}

.feature-descriptions .feature.last {
	margin-bottom: 10px;
	*margin-bottom: 10px;
}
.feature-descriptions .feature b {
	border:1px solid #d0d0d0;
	float: left;
	margin-right:15px;
}
.feature-descriptions .feature b i {
	display:block;
	width:174px;
	height:122px;
	background:url(graphics/vSites-features-sprite.jpg) -2px -2px no-repeat;
	border: 1px solid #fff;
}
.feature-descriptions .feature b.a i {
	background-position: -2px -2px;
}
.feature-descriptions .feature b.b i {
	background-position: -202px -2px;
	height:130px;
}
.feature-descriptions .feature b.c i {
	background-position:  -2px -202px;
	height:115px;
}
.feature-descriptions .feature b.d i {
	background-position: -202px -202px;
	height:130px;
}
.feature-descriptions .feature b.e i {
	background-position: -2px -402px;
	height:132px
}
.feature-descriptions .feature b.f i {
	background-position: -202px -402px;
	height:128px;
}
.feature-descriptions .feature h4 {
	font-size:18px;
	font-weight:normal;
	margin:0;
}
.feature-descriptions .feature p {
	overflow:hidden;
	font-size:16px;
	margin:0;
}
.button-tryitfree2 p {
	font-size:18px;
	margin-top:15px;
}
.featured-in {
	width: 955px;
	height:151px;
	background:url(graphics/logo-sprites.png) 0 0 no-repeat;
	clear:both;
	position:relative;
	left:-2px;
}
/*
	
	
	slider script
	
	
	
	
	*/
div.testimonials {
	width:950px;
	height:210px;
	overflow:hidden;
	position:relative;
}
div.testimonials div.photo,
div.testimonials div.text {
	float:left;
}
div.testimonials div.text {
	width:513px;
	display:none;
	padding:10px 20px;
}
div.testimonials div.text h4,
div.testimonials div.text p {
	color:#fff;
	margin: 1em 0;
	font-size:14px;
	font-style:italic;
}
div.testimonials div.text h4 {
	margin:0;
	font-size:20px;
	font-style:normal;
	font-family:arial;
	
}
div.testimonials div.current div.text {
	display:block;
}
div.testimonial {
	position:absolute;
	top:0;
	left:0;
	visibility:hidden;
}

div.testimonial div.text b{
 	color:#B9D0E3;
}
div.testimonial.current {
	visibility:visible;
}
div.testimonial1 div.photo,
div.testimonial2 div.photo,
div.testimonial3 div.photo {
	background:url(graphics/slideshow-portraits.png) 0px 0px no-repeat;
	height:192px;
	width:132px;
	cursor:pointer;
}
div.testimonial3 div.photo {
	background-position:0px 0px;
}
div.testimonial2 div.photo {
	background-position:-200px 0px;
}
div.testimonial1 div.photo {
	background-position:-400px 0px;
}
div.testimonial1.current div.photo,
div.testimonial2.current div.photo,
div.testimonial3.current div.photo {
	height:189px;
}
div.testimonials p.pagination {
	position:absolute;
	right:100px;
	bottom:0;
	}
div.testimonials p.pagination a {
	width:20px;
	height:20px;
	display:inline-block;
	background:url(graphics/pagination-dot-slideshow.png) -20px 0 no-repeat;
	font-size:0;
	color:transparent;
	cursor:pointer;
	}
div.testimonials p.pagination a.current {
	background-position: 0 0;
}

div.video-player {
	width:395px;
	height:262px;
	background-color:#000;
	position:absolute;
	top: 70px;
	left:0;
	border:1px solid #000;
}
.column-main {
	margin-left:480px;
	min-heigh:300px;
	position:relative;
	}
.button-2012-05-23 {
	display:inline-block;
	background:url(graphics/button-2012-05-23.png?v=2) 0 0;
	width:370px;
	height:100px;
	cursor:pointer;
	font-size:0;
	color:transparent;
	text-decoration:none;
	}
.button-2012-05-23:hover {
	background-position: 0 -100px;
	}
.button-2012-05-23:active {
	background-position: 0 -200px;
	}
h2.splash-text-2012-05-23 {
	background:url(graphics/headline-2012-05-23.png?v=4) 0 0 no-repeat;
	height: 140px;
	color:transparent;
	font-size:0;
	margin-bottom:30px;
	width:470px;
}
.content-2012 .inner{
	width:950px;
	margin: 0 auto;
	padding: 40px 0 20px;
	text-align:left;
}
.mainsplash_c {
	background:url(graphics/BG-80s-blue.jpg) top center repeat-x #fff;
	min-height:300px;/*padding: 40px 0;*/
	position:relative;
}

.mainsplash_c u.upper {
	position:absolute;
	top:-2px;
	height:10px;
	left:0;
	right:0;
	background:url(graphics/header-shadow.png) repeat-x bottom center;
	}
.mainsplash_c u.lower {
	position:absolute;
	bottom:0;
	height:10px;
	left:0;
	right:0;
	background:url(graphics/splash-inner-shadow.png) repeat-x bottom center;
	}
.mainsplash_c .inner {
	width:950px;
	margin: 0 auto;
	padding: 60px 0 20px;
	text-align:left;
	position:relative;
}

.mainsplash_c .featured-in {
	margin-top:40px;
	margin-bottom:20px;
	width: 955px;
	height:90px;
	background:url(graphics/featured-in.png) 0 0 no-repeat;
	clear:both;
	position:relative;
	left:-2px;
}
.calltoaction{
	height:120px;
}