/**
 * Antwords CSS
 *
 * @filename screen.css
 * @author Norbert Laposa
 * @author Pranath Fernando
 * @author Oliver Rowlands
 * @author Trevor Simons
 * @date 2007-12-01
 * @copyright Liquid Light Digital Ltd.
 * @url http://www.liquidlight.co.uk
 */

* {
	margin: 0;
	padding: 0;
}
.clear {
	clear: both;
}
.hide {
	display: none;
}
body {
	font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
	font-size: 80%;
	color: #333333;
	background-color: #1F1F1F;
}

/**
 * Headers
 */
h1, h2, h3, h4, h5, h6 {
	color: #0C8FA9;
	margin: 0 0 0.5em 0;
}
h1, h2, h3 {
	color: #333333;
}
h1 {
	font-size: 190%;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin: 0;
}
h2 {
	font-size: 140%;
	font-weight: normal;
}
h3 {
	font-size: 120%;
	font-weight: bold;
}
h4 {
	font-size: 115%;
}
h5 {
	font-size: 100%;
	color: #333333;
}
h6 {
	font-size: 90%;
}
div.columnOne div.csc-header,
div.columnTwo div.csc-header {
	padding: 0 0 0.3em 0;
	margin: 0 0 1em 0;
}
div.csc-header h1,
div.csc-header h2,
div.csc-header h3,
div.csc-textpicHeader h2 {
	display: none;
}

/**
 * Paragraphs
 */
p {
	margin: 0 0 1em 0;
}
p.arrow,
p.readMore {
	padding-left: 15px;
	background: transparent url(../img/arrow.gif) no-repeat 0 0.5em;
}

/**
 * Links
 */
a {
	color: #05A8D7;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #86A50A;
	text-decoration: underline;
}

/**
 * Lists
 */
ul,
ol {
	margin: 0 0 1em 0.5em;
}
ul li {
	list-style-type: none;
	background: transparent url(../img/list-item.gif) no-repeat 0 0.5em;
	padding: 0 0 0.4em 14px;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-top: 0.5em;
	margin-bottom: 0;
}

/**
 * Forms
 */
form fieldset {
	border-width: 0;
}
form legend {
	display: none;
}
form input,
form textarea,
form select {
	border-width: 1px;
	border-style: solid;
	border-color: #BBBBBB #E1E1E1 #E1E1E1 #BBBBBB;
	width: 15em;
}
form input.radio,
form input.checbox,
form input.file {
	border: none;
	width: auto;
}
form button,
form input.button {
	border: none;
	background: transparent url(../img/button_send.gif) no-repeat top left;
	margin: 0 0 15px 0;
	cursor: pointer;
	width: 68px;
	height: 22px;
	font-size: 0;
}
form div.row input.button:hover {
	background-image: url(../img/button_send_over.gif);
}
form button span {
	display: none;
}
form div.row {
	clear: both;
}
form div.row span.label,
form div.row span.field {
	display: block;
	margin: 0 0 1em 0;
	float: left;
}
form div.row span.label {
	width: 10em;
}
form div.row span.required {
	color: #FC0000;
}

/**
 * Page
 */
#page {
	background: #FFFFFF;
}
#headerWrapper,
#contentWrapper,
#footerWrapper {
	width: 950px;
	margin: 0 auto;
}

/**
 * Header
 */
#header {
	background: url(../img/banner.gif) no-repeat #1F1F1F;
	overflow: hidden;
	text-align: right;
}

/**
 * Content
 */
#content {
	padding-bottom: 1.5em;
	clear: both;
	background: transparent url(../img/bar.gif) repeat-x top left;
	overflow: hidden;
}
#contentWrapper {
	width: 978px;
	background: transparent url(../img/content-bg.gif) no-repeat top left;
	margin-top: 10px;
}

/**
 * Footer
 */
#footer {
	background: #1F1F1F;
	color: #FFFFFF;
	clear: both;
	padding: 0 0 4em 0;
}
#footer a {
	color: #67A615;
}
#footer div.vcard div.tel {
	background-image: url(../img/contact_phone.gif);
}

/**
 * Logo
 */
#logo {
	float: right;
	margin: 2.5em 3em 2.5em 0;
}
#logo a {
	display: block;
	width: 217px;
	height: 60px;
	background: transparent url(../img/logo.gif) no-repeat top left;
}
#logo a img {
	display: none;
}

/**
 * Page header
 */
#pageHeader {
	margin: 1em 0 1em 0;
	width: 500px;
}
#pageHeader div.csc-header {
	clear: both;
	background: transparent url(../img/header-keyline.gif) no-repeat left bottom;
	padding: 0 0 0.8em 0;
}
#pageHeader #breadcrumb {
	font-size: 90%;
}
#pageHeader #breadcrumb a {
	text-decoration: none;
}

/**
 * Credits & Copyright
 */
#credits,
#copyright {
	float: right;
	background: transparent url(../img/groove.gif) no-repeat left center;
	font-size: 90%;
}
#creditsWrapper,
#copyrightWrapper {
	padding: 1em 1.5em;
}
#copyrightWrapper {
	background: transparent url(../img/groove.gif) no-repeat right center;
}
#credits a {
	color: #FFFFFF;
	font-weight: normal;
}


/**
 * Navigation - Common
 */
ul.navigation {
	margin: 0;
	padding: 0;
}
ul.navigation li {
	padding: 0;
	margin: 0;
	display: block;
	background-image: none;
}
ul.navigation li a {
	text-decoration: none;
	display: block;
}

/**
 * Navigation - Horizontal
 */
ul.horizontalNavigation li {
	float: left;
}
ul.horizontalNavigation li a:hover {
	text-decoration: none;
	color: #0DB3EA;
}

/**
 * Navigation - Primary
 */
#primaryNavigation {
	font-weight: bold;
	clear: both;
}
#primaryNavigation ul li a {
	background: transparent url(../img/primary_navigation_bg_left.gif) no-repeat top left;
	margin: 0 0.3em;
	color: #1F1F1F;
}
#primaryNavigation ul li a span {
	background: transparent url(../img/primary_navigation_bg_right.gif) no-repeat top right;
	padding: 0.7em 1.2em;
	margin: 0 -0.3em 0 0;
	display: block;
}
#primaryNavigation ul li a:hover {
	color: #333333;
	background-position: left -60px;
}
#primaryNavigation ul li a:hover span {
	background-position: right -60px;
}
#primaryNavigation ul li.active a {
	background-position: left -120px;
	color: #1F1F1F;
}
#primaryNavigation ul li.active a span {
	background-position: right -120px;
}

/**
 * Navigation - Global
 */
#globalNavigation {
	float: left;
	margin: 0.3em 0 0 20px;
	font-size: 300%;
	font-family: 'Helvetica Neue', Helvetica, Arial;
}
#globalNavigationWrapper {
	width: 170px;
	height: 466px;
}
#globalNavigation ul {
	padding-top: 0;
}
#globalNavigation ul li {
	width: 170px;
	padding: 0.5em 0;
	background: url(../img/divider_subnav.gif) no-repeat bottom left;
}
#globalNavigation ul li a {
	width: 98px;
	height: 35px;
	color: #1F1F1F;
	background: transparent url(../img/global-navigation-item-what.gif) no-repeat top left;
}
#globalNavigation ul li a:hover,
#globalNavigation ul li a.active {
	background-position: 0 -37px;
}
#globalNavigation ul li a span {
	display: none;
}
#globalNavigation ul li a#target_body_id_how {
	background-image: url(../img/global-navigation-item-how.gif);
}
#globalNavigation ul li a#target_body_id_who {
	background-image: url(../img/global-navigation-item-who.gif);
}
#globalNavigation ul li a#target_body_id_us {
	background-image: url(../img/global-navigation-item-us.gif);
}
#globalNavigation ul li a#target_body_id_you {
	background-image: url(../img/global-navigation-item-you.gif);
}

/**
 * Navigation - Secondary
 */
#secondaryNavigation {
	float: left;
	overflow: hidden;
	background: url(../img/secondary-navigation-keyline.gif) no-repeat left bottom;
}
#secondaryNavigation ul {
	padding-top: 1em;
}
#secondaryNavigation ul li {
	float: left;
	margin: 0 0.8em 0 0;
}
#secondaryNavigation ul li a {
	color: #67A615;
}
#secondaryNavigation ul li a:hover {
	color: #000000;
}
#secondaryNavigation ul li a span {
	display: block;
	background: url(../img/arrow.gif) no-repeat 0 50%;
	padding: 0.7em 1em;
}
#secondaryNavigation li.active a {
	background: url(../img/secondary-navigation-bg.gif) no-repeat left top;
	padding: 0 0 0 3px;
}
#secondaryNavigation li.active a span {
	color: #000000;
	background: url(../img/secondary-navigation-bg.gif) no-repeat right top;
}

/**
 * Navigation - Footer
 */
#footerNavigation {
	clear: both;
	float: right;
	font-size: 90%;
	font-family: Verdana;
	font-weight: bold;
}
#footerNavigation ul li a {
	background: transparent url(../img/footer_navigation_bg_left.gif) no-repeat bottom left;
	margin: 0 0.3em;
	color: #1F1F1F;
}
#footerNavigation ul li a span {
	display: block;
	background: transparent url(../img/footer_navigation_bg_right.gif) no-repeat bottom right;
	padding: 0.6em 1.4em;
	margin: 0 -0.3em 0.4em 0;
}
#footerNavigation ul li a:hover {
	color: #333333;
	background-position: 0 -86px;
}
#footerNavigation ul li a:hover span {
	background-position: right -86px;
	border-bottom: 1px solid #BBBBBB;
}
#footerNavigation ul li.active a {
	background-position: 0 -25px;
	color: #1F1F1F;
}
#footerNavigation ul li.active a span {
	background-position: right -25px;
}
#footerNavigation ul li.active a:hover span {
	border-bottom-width: 0;
}

/**
 * Page - Default page layout
 */
div.pageLayout {
	float: right;
	width: 780px;
}
div.pageLayoutWrapper {
	margin-right: 20px;
}
div.pageLayout div.column {
	float: left;
	overflow: hidden;
}
div.pageLayout div.columnOne {
	width: 500px;
}
div.pageLayout div.columnTwo {
	margin: 1em 0 0 0;
	width: 230px;
	float: right;
}

/**
 * Page - Case Studies
 */
div.caseStudiesPageLayout div.columnOne {
	width: 100%;
	float: none;
}

/**
 * Page - Home
 */
div.homePageLayout div.boxSolid div.content div.csc-textpic {
	width: 78px;
	position: relative;
	top: -60px;
	float: right;
}
div.homePageLayout div.newsList.featured div.newsItem {
	width: auto;
	float: none;
}

/**
 * Content
 */
div.layout {
	clear: both;
}

/**
 * Content - Two column layout
 */
div.twoColumnLayout div.column {
	margin: 0;
	width: 49%;
	float: left;
}
div.twoColumnLayout div.columnTwo {
	float: right;
}
div.twoColumnLayout div.columnOne div.columnWrapper {
	padding: 0 1.5em 0 0;
	overflow: hidden;
}
div.twoColumnLayout.thirtySeventy div.columnOne,
div.twoColumnLayout.seventyThirty div.columnTwo {
	width: 30%;
}
div.twoColumnLayout.thirtySeventy div.columnTwo,
div.twoColumnLayout.seventyThirty div.columnOne {
	width: 68%;
}

/**
 * Content - Three column layout
 */
div.threeColumnLayout div.column {
	float: left;
	width: 33.3%;
	margin: 0;
}
div.threeColumnLayout div.columnOne div.columnWrapper,
div.threeColumnLayout div.columnTwo div.columnWrapper {
	padding: 0 1.5em 0 0;
}

/**
 * Content - Four column layout
 */
div.fourColumnLayout div.column {
	float: left;
	width: 24.9%;
	margin: 0;
}
div.fourColumnLayout div.column div.columnWrapper {
	padding: 0 1em 0 0;
}

/**
 * Content - Divider
 */
div.divider {
	clear: both;
	width: 100%;
	margin: 0.5em 0 1em 0;
	height: 1px;
	background: transparent url(../img/dotted.gif) no-repeat left top;
}
div.divider hr {
	display: none;
}

/**
 * Content - Quote
 */
div.quote {
	text-indent: 30px;
}
div.quote blockquote {
	background: transparent url(../img/icon_quotemark.gif) no-repeat 5px 0;
	text-align: left;
	font-weight: bold;
	font-size: 120%;
	font-family: Helvetica, Arial, sans-serif;
}
div.quote p.author {
	font-size: 90%;
	text-indent:0;
	padding: 1em 0 0 1em;
	margin: 1.5em 0 0 0;
}

/**
 * Content - Menu of pages
 */
div.menuOfPages ul a {
	color: #67a615;
	font-family: Helvetica Neue, Helvetica;
}
div.menuOfPages ul li a:hover {
	color: #0DB3EA;
}

/**
 * Catalog
 */
div.tx-llcatalog-pi div.csc-header {
	margin: 0;
	padding: 0;
}
div.tx-llcatalog-pi div.pagination {
	padding: 1em 1em 2em 0;
}
div.tx-llcatalog-pi div.pagination p {
	float: left;
	width: 54%;
	margin: 0;
}
div.tx-llcatalog-pi div.pagination p span {
	font-weight: bold;
}
div.tx-llcatalog-pi div.pagination ul {
	float: right;
	text-align: right;
	width: 45%;
	margin: 0;
}
div.tx-llcatalog-pi div.pagination ul li {
	display: inline;
	background: none;
	margin: 0;
	padding: 0 0 0 0.4em;
}
div.tx-llcatalog-pi div.pagination ul li.active {
	font-weight: bold;
}
div.tx-llcatalog-pi div.csc-header h1 {
	display: block;
}
div.tx-llcatalog-pi div.filters div.categories span {
	color: #333333;
	font-weight: normal;
	font-size: 90%;
}
div.tx-llcatalog-pi div.filters div.categories li.active {
	font-weight: bold;
}
div.tx-llcatalog-pi div.filters div.categories li.active a {
	color: #86A50A;
}
div.tx-llcatalog-pi div.filters button {
	display: none;
}

/**
 * News
 */
div.newsList div.csc-header h2,
div.newsList div.csc-header h3,
div.newsSingle div.csc-header h2,
div.newsSingle div.csc-header h3 {
	display: block;
}
div.newsItem h2 a {
	display: block;
	background: transparent url(../img/arrow.gif) no-repeat 0 4px;
	padding: 0 0 0 15px;
	text-decoration: none;
}
div.newsItem h3 {
	line-height: 1.4em;
	font-size: 100%;
	padding-bottom: 0;
	margin-bottom: 0.5em;
}
div.newsItem p.posted {
	padding: 0;
	margin: 0 0 0.5em 0;
	font-size: 85%;
	color: #666666;
}
div.newsList.featured div.newsItem {
	float: left;
	width: 49%;
}
div.newsList.featured div.newsItem div.divider {
	display: none;
}
div.newsList.featured div.csc-header h2 a {
	background-image: none;
	padding: 0;
}

/**
 * News - Single view
 */
div.newsSingle span.images {
	display: block;
	float: left;
	margin: 0 1.5em 1em 0;
}

/**
 * Slideshow
 */
div.slideshow {
	height: 304px;
	width: 541px;
	margin: 0.2em 0;
}

/**
 * hCard Microformat
 */
div.vcard {
	font-family: 'Helvetica Neue', Helvetica, Arial;
	font-size: 120%;
	padding: 1em 0;
}
div.vcard span.type {
	display: none;
}
div.vcard div.tel,
div.vcard div.fax,
div.vcard div.email {
	background-color: transparent;
	background-position: 0 0.2em;
	background-repeat: no-repeat;
	padding: 0 0 0.5em 20px;
}
div.vcard div.tel,
div.vcard div.fax {
	background-image: url(../img/icon_phone_white.gif);
}
div.vcard div.email {
	background-image: url(../img/contact_email.gif);
}
div.vcard p.download {
	background: transparent url(../img/icon_vcard_white.gif) no-repeat 0 50%;
	padding-left: 25px;
	font-weight: bold;
}

/**
 * Box - Holder
 */
.holderBox {
	margin: 0 1em 0 0;
}

/**
 * Box - Solid
 */
div.boxSolid {
	background: transparent url(../img/box_bg.gif) repeat-x bottom left;
	border: 1px solid #CFDDE3;
	margin: 0 0 1.5em 0;
}
div.boxSolid div.content {
	padding: 1em 1em 0.5em 1em;
}
div.boxSolid ul {
	margin-left: 0;
}
div.boxSolid h3 {
	font-weight: normal;
	width: auto;
}
div.boxSolid h3 a {
	display: block;
	background: transparent url(../img/arrow.gif) no-repeat 0 16px;
	padding: 1em 0 1em 17px;
}
div.boxSolid h4 {
	display: block;
	padding: 0;
	margin: 0;
	text-decoration: none;
}

/**
 * Box - Internal links
 */
div.internalLinkBox div.content {
	background: transparent url(../img/linkbox_bottom.gif) no-repeat bottom left;
	padding: 0 0 1.5em 0;
}
div.internalLinkBox div.csc-header {
	background: transparent url(../img/linkbox_top.gif) no-repeat top left;
	padding: 1em 0;
	margin-bottom: 0;
}
div.internalLinkBox h3 a {
	background: transparent url(../img/linkarrow.gif) no-repeat center left;
	padding: 0 0 0 12px;
}

/**
 * Box - Work
 */
div.workBox {
	margin:0 0 1.5em 0;
}
div.workBox div.content div.csc-header {
	margin: 0 0 1em 0;
	padding: 0 0.9em 0 0;
	background: transparent url(../img/dotted.gif) no-repeat center bottom;
}
div.workBox p {
	font-size: 90%;
	line-height:1.3em;
	margin: 0;
	padding: 0.5em 0;
}
div.workBox a {
	color:#67A615;
	width:auto;
	overflow:hidden;
	display:block;
}
div.workBox a:hover {
	color:#0DB3EA;
	text-decoration: none;
}
div.workBox a img {
	border: none;
}
div.workBox .csc-textpic-image a img {
	border: 3px solid #E1E0E0;
}
div.workBox .csc-textpic-image a:hover img {
	border: 3px solid #BEBDBD;
}
div.workBox div.content h4 {
	margin: 0;
}
div.workBox div.carouselPagination,
div.twoColumnLayout.fiftyFifty div.workBox div.content {
	background: transparent url(../img/dotted.gif) no-repeat center bottom;
}
div.workBox div.carouselPaginationWrapper {
	background: transparent url(../img/dotted.gif) no-repeat center top;
}
div.twoColumnLayout.fiftyFifty div.workBox a.internal-link {
	padding: 1em 0 0 15px;
	background: transparent url(../img/icon_arrow_right.gif) no-repeat 0 11px;
}
div.twoColumnLayout.fiftyFifty div.workBox div.csc-textpicHeader {
	width: 100%;
	background: transparent url(../img/dotted.gif) no-repeat center bottom;
}
div.workBox div.carouselPagination a {
	float: left;
	padding: 0.4em 0 0 0;
}
div.workBox div.carouselPagination a.carouselPrevious {
	padding-right: 0.4em;
}
div.workBox div.carouselPagination span {
	font-weight: bold;
	padding: 0 0 0.5em 0;
	float: left;
	font-size: 90%;
}
div.workBox div.carouselPagination a span {
	display: block;
	padding: 0 70px 0 0;
	position: relative;
	top: -0.4em;
}

/**
 * Box - Slide
 */
div.slideBox div.csc-textpic {
	height: 110px;
	width: 170px;
}

/**
 * Box - Quote
 */
div.quoteBox {
	margin: 0.5em 0 1em 0;
	background: transparent url(../img/dotted.gif) repeat-x left bottom;
	padding: 1.2em 0 0 0;
}
div.quoteBox div.csc-header {
	margin: 0;
	background: transparent url(../img/icon_quotemark.gif) no-repeat 0 0;
	padding: 1.5em 0 0 0;
}
div.quoteBox div.content {
	padding-bottom: 1.2em;
	background: transparent url(../img/icon_quote_mark_2.gif) no-repeat bottom right;
}
div.columnTwo div.quoteBox {
	padding: 0;
	background: none;
}

/**
 * Call to action
 */
#calltoaction1,
#calltoaction2 {
 	margin: 0.5em 0 0 0;
 	display: block;
	width: 100%;
	height: 103px;
	background: transparent url(../img/calltoaction1.jpg) no-repeat 0 -103px;
}
#calltoaction2 {
	background-image: url(../img/calltoaction2.jpg);
}
#calltoaction2 span,
#calltoaction1 span {
	display: none;
}
#calltoaction1:hover,
#calltoaction2:hover {
	background-position: 0 0;
}

/**
 * Call to action - Small
 */
#calltoaction_mini_1,
#calltoaction_mini_2 {
	margin: 1em 0 0 0;
	display: block;
	width: 240px;
	height: 62px;
	background: transparent url(../img/calltoaction_mini_1.gif) no-repeat top left;
}
#calltoaction_mini_2 {
	background-image: url(../img/calltoaction_mini_2.gif);
}
#calltoaction_mini_1 span,
#calltoaction_mini_2 span {
	display: none;
}
#calltoaction_mini_1:hover,
#calltoaction_mini_2:hover {
	background-position: 0 -62px;;
}

/**
 * Registration
 */
div.tx-srfeuserregister-pi1 {
	margin: 0 0 2em 0;
}
div.tx-srfeuserregister-pi1 p.error {
	float: left;
	width: 120px;
	padding: 0 0 0 20px;
	margin: 0;
	color: #FC0000;
}
div.tx-srfeuserregister-pi1 input.button {
	height: 20px;
}
div.tx-srfeuserregister-pi1 input.button.register {
	background-image: url(../img/button_register.gif);
	width: 67px;
}
div.tx-srfeuserregister-pi1 input.button.register:hover {
	background-image: url(../img/button_register_over.gif);
}
div.tx-srfeuserregister-pi1 input.button.update {
	background-image: url(../img/button_update.gif);
	width: 133px;
}
div.tx-srfeuserregister-pi1 input.button.update:hover {
	background-image: url(../img/button_update_over.gif);
}
div.tx-srfeuserregister-pi1 input.button.nodelete {
	background-image: url(../img/button_delete.gif);
	width: 159px;
}
div.tx-srfeuserregister-pi1 input.button.nodelete:hover {
	background-image: url(../img/button_delete_over.gif);
}
div.tx-srfeuserregister-pi1 input.button.delete {
	background-image: url(../img/button_cancel.gif);
	width: 93px;
}
div.tx-srfeuserregister-pi1 input.button.delete:hover {
	background-image: url(../img/button_cancel_over.gif);
}

/**
 * Login
 */
div.tx-felogin-pi1 {
	margin: 1.5em 0 0 0;
}
div.tx-felogin-pi1 div.csc-header h3 {
	display: block;
}
div.tx-felogin-pi1 button {
	height: 20px;
	width: 67px;
}
div.tx-felogin-pi1 div.login button,
div.tx-felogin-pi1 div.reset button {
	background-image: url(../img/button_login.gif);
}
div.tx-felogin-pi1 div.login button:hover,
div.tx-felogin-pi1 div.reset button:hover {
	background-image: url(../img/button_login_over.gif);
}
div.tx-felogin-pi1 div.logout button {
	background-image: url(../img/button_logout.gif);
}
div.tx-felogin-pi1 div.logout button:hover {
	background-image: url(../img/button_logout_over.gif);
}
div.tx-felogin-pi1 div.forgot button {
	background-image: url(../img/button_sendpassword.gif);
	width: 133px;
}
div.tx-felogin-pi1 div.forgot button:hover {
	background-image: url(../img/button_sendpassword_over.gif);
}

/**
 * Sliding pages
 */
#slider {
	float: left;
	position: relative;
	overflow: hidden;
}
#sliderWrapper {
	position: relative;
}
div.placeholder {
	width: 780px;
	height: 550px;
	overflow: hidden;
	clear: both;
	display: block;
}

/**
 * Word of the week
 */
#wotw {
	float: left;
	line-height: 1.2em;
}
#wotw img, #wotw img a {
	border: 0;
}
#wotw a {
	color: #659800;
	text-decoration: none;
	outline: none;
}
#wotw a:hover {
	color: #0DB3EA;
}
#wotw #info p,
#wotw #rss p {
	text-align: left;
	margin: 0;
}
#wotw #word {
	float: left;
	background: transparent url(../img/tab_bg.jpg) no-repeat top left;
	height: 91px;
	display: none;
}
#wotw #wordWrapper {
	position: relative;
	top: 43px;
	width: 193px;
}
#wotw #wordWrapper span.text {
	font-size: 1.3em;
	position: relative;
	top: 9px;
	left: 24px;
	float: left;
}
#wotw #infoBox {
	width: 401px;
	float: left;
	overflow: hidden;
	position: relative;
}
#wotw #infoWrapper {
	width: 362px;
	height: 91px;
	padding: 10px 20px 0 15px;
	color: #939393;
	font-size: 0.9em;
	position: relative;
	left: -405px;
	background: transparent url(../img/info_bg.jpg) no-repeat top left;
}
#wotw #infoClose {
	float: right;
	position: relative;
	top: 14px;
	left: 24px;
}
#wotw #infoWrapper div.link p a {
	position: relative;
	top: -3px;
	margin: 0 0 0 2px;
}
#wotw #rss {
	display: none;
}
#wotw #infoWrapper #rss div.link a {
	margin: 0 6px 0 2px;
}
#wotw #qmark {
	float: right;
	padding: 6px 10px 0 0;
}
#wotw div.ctas  {
	font-size: 1.1em;
	padding: 10px 0 0 0;
}
#wotw div.ctas img.supertext,
#wotw div.ctas div.link {
	float: left;
}
#wotw div.ctas div.link {
	padding: 0 0 0 15px;
}
#wotw div.ctas div.link a {
	position: relative;
	top:-2px;
	padding: 0 0px 0 0;
}

/**
 * Workspace preview
 */
#preview {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0.5em 0.5em 0.5em 30px;
	background: #E2F9E3 url(../img/icon_tick.gif) no-repeat 0.7em 0.5em;
	border-bottom: 2px solid #99CC99;
	color: #006600;
	text-align: left;
	font-size: 90%;
}
