/* Branding */
.brand {
	height:100px;
	background:white url(images/logo_l.png) no-repeat 98px 15px;
}

.brand .logo {
	float:left;
	width:560px;
	height:98px;
	background:transparent url(/images/circles_left.gif) no-repeat -30px -12px;
}

.brand .links {
	float:right;
	font-size:11pt;
	width:190px;
	margin:8px 0;
	border-left:2px solid #eeeeee;
	padding:2px 0 4px 10px;
}

.brand .links ul {
	margin:0;
	padding:0;
}

.brand .links li {
	display:block;
	float:left;
	font-size:8pt;
	white-space:nowrap;
	margin:5px 10px 5px 5px;
	color:#d40086;
	background-image:url(images/link_button.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
	padding:0 0 1px 20px;
}

.brand .trial {
	font-size:11px;
}

/* Main content */
.mainContent {
	clear:both;
	float:left;
	width:100%;
	height:258px;
	background-color:white;
	border:1px solid #d9dade;
	position:relative;
}

.mainContent .overview {
	font-family:'Lora', serif;
	float:left;
	width:260px;
	height:100%;
	padding:19px;
	font-size:17px;
	line-height:25px;
	position:relative;
}

.mainContent #flip {
	font-family:'open sans', sans-serif;
	cursor:pointer;
	right:6px;
	position:absolute;
	bottom:2px;
	background:transparent url(images/arrow_r.gif) no-repeat right 6px;
	padding-right:16px;
	font-size:10px;
	line-height:24px;
}

.mainContent #teaser {
	position:absolute;
	left:260px;
	background:#007e94 url(images/teaser_bg.png);
	width:639px;
	height:100%;
}

.mainContent #teaser #anim {
	position:absolute;
	width:638px;
	height:256px;
	overflow:auto;
	background:#007f94 url(images/teaser_bg.gif) no-repeat;
}

.mainContent #teaser #innerAnimFix {
	overflow:auto;
}

.mainContent #teaser #innerAnim {
	position:absolute;
	width:633px;
	height:100%;
	overflow:hidden;
}

.mainContent #teaser embed {
	margin-top:-15px;
	width:634px;
	height:297px;
}

.mainContent #teaser #inner {
	position:relative;
	padding-top:50px;
	border-left:1px solid #d9dade;
	height:100%;
	width:100%;
}

.mainContent #teaser .cont {
	position:absolute;
	padding:12px 15px;
	color:white;	
}

.mainContent #teaser .cont h1 {
	font-family:'Lora', serif;
	font-size:13pt;
	color:white;
	margin:0 0 8px 0;
	clear:both;
}

.mainContent #teaser .cont ul {
	position:relative;
	margin:0;
	padding:0;
	list-style-type:none;
}

.mainContent #teaser .cont li {
	background-image:url(images/bullet_w.gif);
	background-repeat:no-repeat;
	background-position:2px 4px;
	padding:0 0 5px 18px;
}

.mainContent #teaser #topCont {
	left:0;
	top:0;
	width:100%;
	height:50px;
	padding-top:12px;
}

.mainContent #teaser #topCont img {
	position:absolute;
	top:-11px;
	right:-11px
}

.mainContent #teaser #leftCont{
	left:0;
	top:42px;
	width:320px;
	padding-right:24px;
}

.mainContent #teaser #rightCont {
	left:320px;
	top:42px;
	width:319px;
}

.mainContent #teaser .sc {
	color:#ffd919;
}

/* Content */
.content {
	position:relative;
	clear:both;
	float:left;
	width:100%;
	min-height:0;
	height:680px;
	background-color:white;
	border:1px solid #d9dade;
	background-image:url(images/circles_bottom.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	margin:12px 0;
}

.content p.close {
	margin:0 0 12px 0;
}

.content .secondary {
	position:absolute;
	width:240px;
}

.content .main {
	position:absolute;
	background-color:transparent;
	left:240px;
	width:649px;
	padding:0;
	min-height:0;
	margin:0;
	border:0 none;
}

.content .additional {
	position:absolute;
	left:690px;
	width:209px;
}

.content .item {
	position:relative;
	width:100%;
	padding:0 20px;
}

.content .item h1 {
	font-family:'Lora', serif;
	font-size:16.5pt;
	color:rgb(20,108,137);
	width:100%;
	margin-top:15px;
}

.content .item ul {
	position:relative;
	margin:0;
	padding:0;
	margin-left:-17px;
}

.content .item li {
	background-image:url(images/bullet.gif);
	background-repeat:no-repeat;
	background-position:2px 9px;
	padding:2px 0 2px 18px;
}

.content .linkMore {
	float:left;
	margin-right:20px;
	padding-right:20px;
	width:auto;
	background-position:right 2px;
	white-space:nowrap;
	margin-top:20px;
}

.content .tourLaunch {
	float:none;
	position:relative;
	width:126px;
	top:12px;
	left:100px;
}

.content .tourSample {
	float:right;
	margin-left:10px;
	margin-top:-26px;
}

.main .item, .secondary .item {
	margin-bottom:-10px;
}

.item .sample {
	margin:1px 0 0 80px;
}

.item .sample2 {
	position:absolute;
	left:25px;
	top:132px;
	border:1px solid silver;
}

.item .sample6 {
	position:absolute;
	left:70px;
	top:172px;
	z-index:1;
}

.item .postSamples {
	margin-top:86px;
}

*>.item.grp {
	position:absolute;
	top:224px;
}

.secondary>.item {
	border:1px solid transparent;
}

/* News */
.newsItem {
	padding-bottom:8px;
}

.specialNews {
	border:1px solid silver;
	padding:7px;
	padding-top:0;
	background-color:#efefef;
	background-image:url(images/newsgrad.jpg);
	background-repeat:repeat-x;
}

.newsItem p {
	line-height:15px;
	margin-bottom:0;
}

.newsItem .date {
	margin-bottom:-8px;
}

.newsItem .linkMore {
	margin-top:7px;
	height:20px;
}

/* Footer */
.footer {
	padding-top:0;
	margin-top:-5px;
}