/* Branding */
.brand {
	height:auto;
	background-image:url(images/composica_circles.jpg);
	background-position:0 0;
}

.brand .logo {
	float:left;
	width:260px;
	height:88px;
}

.brand .slogan {
	float:left;
	font-family:palatino linotype;
	font-weight:bold;
	font-size:13pt;
	color:#0d90b0;
	word-spacing:4px;
	padding-top:30px;
}

.brand .links {
	float:right;
	font-size:11pt;
	width:190px;
	margin:8px 0;
	border-left:2px solid #eeeeee;
	padding:2px 0 4px 0;
}

.brand .links ul {
	margin:0;
	padding:0;
}

.brand .links li {
	display:block;
	float:left;
	font-size:8pt;
	margin:5px 10px 5px 5px;
	color:#d40086;
	background-image:url(images/link_button.gif);
	background-repeat:no-repeat;
	padding:0 0 1px 20px ;
}

.brand .trial {
	font-size:11px;
}

/* Main content */
.mainContent {
	clear:both;
	float:left;
	width:100%;
	height:233px;
	background-color:white;
	border:1px solid #d9dade;
	position:relative;
}

.mainContent .overview {
	float:left;
	width:260px;
	height:100%;
	padding:22px 10px 20px 20px;
	font-size:10pt;
	line-height:15pt;
	position:relative;
}

.mainContent #flip {
	cursor:pointer;
	right:6px;
	position:absolute;
	bottom:2px;
	background:transparent url(images/arrow_r.gif) no-repeat right center;
	padding-top:1px;
	padding-right:16px;
	font-size:8px;
}

.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:230px;
	overflow:auto;
	background:#007f94 url(images/teaser_bg.gif);
}

.mainContent #teaser #innerAnimFix {
	overflow:auto;
}

.mainContent #teaser #innerAnim {
	position:absolute;
	width:588px;
	height:100%;
	overflow:hidden;
}

.mainContent #teaser embed {
	margin-top:-15px;
	width:589px;
	height:263px;
}

.mainContent #teaser #inner {
	position:relative;
	padding-top:50px;
	border-left:1px solid #d9dade;
	height:100%;
	width:100%;
}

.mainContent #teaser .cont {
	position:absolute;
	padding:8px 16px;
	color:white;	
}

.mainContent #teaser .cont h1 {
	font-family:palatino linotype;
	font-size:13pt;
	color:white;
	font-weight:bold;
	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 2px;
	padding:0 0 10px 18px;
}

.mainContent #teaser #topCont {
	left:0;
	top:0;
	width:100%;
	height:50px;
	padding-top:16px;
}

.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:636px;
	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;
	left:240px;
	width:440px;
	padding:0;
	min-height:0;
	margin:0;
	border:none;
}

.content .additional {
	position:absolute;
	left:690px;
	width:209px;
}

.content .item {
	position:relative;
	width:100%;
	padding:0 20px;
}

.content .item h1 {
	font-family:palatino linotype;
	font-size:13pt;
	color:#0d90b0;
	font-weight:bold;
	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 6px;
	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;
}

.secondary .item:last-child {
	margin-top:44px !important;
}

.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;
}