/****************************************************************************************************/
/*                         mental-images / styles 2009                                              */
/*                          by ott-deffge ITconsulting / http://www.typo3-welt.de                   */
/****************************************************************************************************/

/****************************** Base Styles *********************************/ 
/**/
html > body { height: 100%; }

body {
 background:url(../img/bg_outer_rim.jpg) repeat-y #E6E6E6 center;
 text-align:center;
 font-family: Arial, sans-serif;
 font-size:12px;
 color: #737474;
 margin: 0;
}

p,h1,h2,h3,h4,h5,h6 {
 line-height:150%;
}

hr {
 background: url(../img/bg_hr.gif) repeat-x left top #c6c9c8;
 border: 0;
 height: 1px;
 /*margin: 0;*/
}

body#uid_1 hr {
 margin: 0;
}


#teaser hr { margin: 3px 0; }

* +html hr { border: 1px solid #c6c9c8; } /* ie7 - color the border */

h1,h2 {
 font-size:1.4em;
 color: #616162;
 margin-top:10px;
 margin-bottom:5px;
 padding-bottom:5px;
}

h1,
h3 {
 border-bottom: solid 1px #c6c9c8;
}


h2.tt-news-single-subheader {
	font-size: 13px;
	margin-top: 15px;
}

.csc-firstHeader {
 margin-top: 0;
 padding-top: 0;
}

th,td,a,input,textarea,h3,h4,h5,h6 {
 font-size:1em;
 text-align: left;
}

sup {
 line-height: 1px;
 padding: 0;
}

h3,h4,h5,h6 {
 font-size: 1em;
 color: #616162;
 margin-top:10px;
 margin-bottom:5px;
 padding-bottom:5px;
}

p {
 margin-top: 0;
 margin-bottom: 5px;
 padding: 0;
}

a {
 color: #737474; 
 text-decoration: underline;
}

a:hover {
 color: #515252;
 text-decoration: underline;
}

form a {
 color: #616162;
}
a
 img {
 border:0px;
}

a {
 outline: none;
}

.teaserbox a,
#column4 p a,
a.linkFunction,
a.linkMore,
a.link_intern,
div.news-latest-item h3 a,
div.news-list-item h3 a,
div.news-single-backlink a { /* links with an arrow do not get an underline */
 text-decoration: none !important;
}

.teaserbox a:hover,
#column4 p a:hover,
a:hover.linkFunction,
a:hover.linkMore,
a:hover.link_intern,
div.news-latest-item h3 a:hover,
div.news-list-item h3 a:hover,
div.news-single-backlink a:hover { /* exept in the over state */
 text-decoration: underline !important;
}

.csc-textpic-text a span,
#column4 p a span,
#content a.link_intern span,
a.linkFunction span,
a.linkMore span,
div.news-latest-item h3 a span,
div.news-list-item h3 a span,
div.news-single-backlink a span { /* arrows */
 background: url(../img/link_arrow.gif) no-repeat right 3px;
 /*color: #fff;*/
 display: inline;
 padding: 0 0 0 12px;
 width: 8px;
}

.csc-textpic-text a:hover span,
#column4 p a:hover span,
a:hover.link_intern span,
a:hover.linkFunction span,
a:hover.linkMore span,
div.news-latest-item h3 a:hover span,
div.news-list-item h3 a:hover span,
div.news-single-backlink a:hover span {
 background: url(../img/link_arrow_over.gif) no-repeat right 3px;
 height: 8px;
 padding-left: 12px;
 text-decoration: none !important; /* mysteriously this works in ie and eliminates the hover under the span */
 width: 8px;
}

a.link_mail,
#teaser a.link_mail {
 background: none !important;
 padding-left: 0;
}

#content ul {
 margin-left: -40px;
}

* +html #content ul { margin-left: 0; }

#content ul li {
 background: url(../img/bullet.gif) no-repeat left 6px;
 display: block;
 line-height: 150%;
 list-style: none;
 padding-left: 13px;
}

* +html #content ul li { background-position: left 8px; } /* bullet positioning */

#content ol li {
 line-height: 150%;
 margin-left: -22px;
}

* +html #content ol li { margin-left: -15px; }

#content li, li li {
 margin-bottom: 5px;
}

#content li li {
 margin: 11px 0 0;
}

ul.navigation_anchor li {
	background: none !important;
	font-weight: 700;
	list-style: none;
	padding: 0 !important;
}

ul.navigation_anchor ul {
	margin-left: -20px !important;
}

* +html ul.navigation_anchor ul { margin-left: 20px !important; }

ul.navigation_anchor li a {
 background: url(../img/arrow_down.gif) no-repeat right center;
 border-bottom: 1px solid #c6c9c8;
 display: block;
 padding: 5px 0 3px 2px;
 text-decoration: none;
}

ul.navigation_anchor li a:hover {
 background: url(../img/arrow_down_over.gif) no-repeat right center;
 border-bottom: 1px solid #515252;
}

a.linkUp {
 background: url(../img/arrow_up.gif) no-repeat right center;
 border-bottom: 1px solid #c6c9c8;
 display: block;
 font-weight: 700;
 margin-top: 10px;
 padding: 5px 0 3px 2px;
 text-decoration: none !important;
}
a:hover.linkUp {
 background: url(../img/arrow_up_over.gif) no-repeat right center;
 border-bottom: 1px solid #515252;
}

table.contenttable {
 border-collapse:collapse;
 margin: 0;
 padding: 0;
 width: 468px;
}

table.contenttable th {
 border-bottom: 1px solid #c6c9c8;
 padding-right: 10px;
}

table.contenttable td {
 border-bottom: solid 1px #c6c9c8;
 padding: 10px 10px 5px 0;
 vertical-align: top;
}

/****************************** Special Styles *********************************/

h1.title_header {
 color: #616162;
 font-size: 1.833em;
 border:0px;
 margin: 0 0 0 253px;
}

h2.sub_header {
 font-weight: 400;
 font-size:1.5em;
 line-height: 130%;
 padding-left: 285px;
 margin: -6px 0px 6px;
 color: #616162;
 width: 650px;
}

/****************************** Header *********************************/

div#outer_rim {
 left: -1px;
 margin: 0 auto;
 width: 977px;
 padding: 30px 0 0 !important;
 position: relative;
 text-align:left;
 background:#ffffff;
}

* +html div#outer_rim { left: 0; }

div#header {
 color: #737474;
}

div#header_right {
 float:right;
 font-size: .917em;
 display: inline;
 text-align:right;
 margin-right: 40px;
 width:700px;
}

* +html div#header_right { margin-right: 39px; }

img#logo_header_left {
 width: 141px;
 height: 25px;
 border: 0;
 margin-left: 40px;
}

a#contact_button_header {
 background: url(../img/arrow_header_contact.gif) no-repeat left top;
 font-weight:bold; 
 text-decoration:none;
 color: #a1a4a3;
 display:block;
 margin-top: 3px;
 padding: 0 15px 0 20px;
 float:right;
}

a:hover#contact_button_header {
 background: url(../img/arrow_header_contact_over.gif) no-repeat left top;
 color: #515252;
}

a#contact_button_header img {
 display: block;
 float: left;
 width:14px;
 height:13px;
 border:0px;
 margin: 0 8px 0 0;
 padding: 0;
}

/*********** Search Form Header ***/

form#search_form_header {
 float:right;
}

div.search_header_text {
 border:1px solid #c6c9c8;
 height: 17px;
 width: 196px;
}

body#uid_1 div.search_header_text { /* searchfield on front wider */
	width: 210px;
}

input.search_header_text {
 background: url('../img/ic_magnifier.png') no-repeat 4px 1px;
 padding: 2px 2px 0 25px;
 display: block;
 color: #a1a4a3;
 font-family: Arial, sans-serif;
 font-weight:bold;
 border:0px;
 width: 160px;
 outline: none; /* get rid of the blue focus box in safari */
}
input.search_header_text:focus {
 background: url('../img/ic_magnifier_over.png') no-repeat 4px 1px;
}

* +html input.search_header_text { 	background-position: 1px 0; width: 175px; }

/****************************** Flash Banner *********************************/

div#flash_banner {
 text-align:left;
 height:268px;
 clear:both;
 margin: 0;
 padding: 0;
 width: 100%;
}

/****************************** Container Wrap Middle *********************************/

div#wrap_middle {
 width:916px;
 margin:auto;
 clear:both;
}

/****************************** Navigation Left *********************************/
div#left_navigation {
 font-size: .92em;
 margin: 0 14px 0 10px;
 width: 200px;
 float:left;
}

div#left_navigation a {
 color: #737474;
 display:block;
 line-height: 100%;
 text-decoration:none;
 padding: 3px 10px 3px 13px;
}

div#left_navigation a:hover {
 color: #515252;
}

a.navi_1 {
 margin:0px 0px 5px 0px;
}

a.navi_1_act {
 margin:0px 0px 5px 0px;
 padding-top:5px;
 background:url(../img/point.gif) no-repeat -1px 8px; 
}

a.navi_1_act:hover {
 background: url(../img/point_over.gif) no-repeat -1px 8px;
}

div.navi_2,
div.navi_3,
div.navi_4 {
 border-top: 1px solid #c6c9c8;
 border-bottom: 1px solid #c6c9c8;
 margin: -25px 0 5px;
 padding-top: 25px;
}

div.navi_3 {
 border-bottom: 0 !important;
 margin-left: 10px;
}

a.navi_2 {
 margin:0px 0px 5px 10px;
}

a.navi_2_act {
 margin:0px 0px 5px 10px;
 padding-top:5px;
 background:url(../img/point.gif) no-repeat -1px 7px; 
}

a.navi_2_act:hover {
 background:url(../img/point_over.gif) no-repeat -1px 7px;
}

a.navi_3 {
 margin:0px 0px 5px 20px;
}

img.navi_3_act {
 border:0px;
 margin-right:4px;
}

a.cur {
 background:#D3DAE1;
 color: #515252 !important;
}

/****************************** Page Title *********************************/

div#page_titles {
 clear: both;
 min-height: 78px;
 margin: 58px 220px 0 0;
}

/****************************** Content *********************************/

div#content {
 width: 468px;
 float:left;
}

/****************************** Content Homepage *********************************/
div#column1 {
 margin: 0 14px 0 40px;
 float:left;
 width: 214px;
 display: inline; /* fixes the box model drama in ie6 */
}
div#column1 {
 margin: 27px 7px 70px 40px;
 width: 670px;
}
div.mental-triplecols {
 border-top: 1px solid #e6e6e6;
 clear: both;
 padding: 5px 0 10px;
}

div.mental-triplecols h3 {
 color: #616162;
 float: left;
 font-size: 1em;
 margin: 0 0 0 2px;
 width: 142px;
 border:solid 0px;
}

div.mental-triplecols-firstcol {
 float: left;
 margin: 0 0 5px 0;
 width: 140px;

}

div.mental-triplecols-secondcol {
 float: left;
 margin: 0 0 5px 0;
 width: 346px;
}
div.mental-triplecols-thirdcol {
 float: right;
 margin: 0 ;
 width: 130px;
}
div.mental-triplecols-thirdcol ul {
 width:130px;
 margin:0px !important;
 padding:0px !important;
}
div.mental-triplecols-thirdcol li {
 list-style: none;
 padding: 0;
}

div.mental-triplecols-thirdcol li a {
 background: url(../img/link_arrow.gif) no-repeat left 4px;
 line-height: 150%;
 padding-left: 15px;
 text-decoration: none;
 
}

div.mental-triplecols-thirdcol li a:hover {
 text-decoration: underline;
}




div#column4 {
 display: inline; /* fixes the box model drama in ie6 */
 margin: 0 0 0 0;
 float:left;
 width: 226px;
 background:#EAEAEA;
 padding: 0 0 20px;
}

div#column4 h1 {
 color: #616262;
 border-bottom:solid 1px #c6c9c8;
 padding:0px 0px 10px 0px;
 font-size: 1.05em;
 margin: 1px 3px 0;
 padding: 0 0 3px;
}

div#column4 p {
 border-bottom:solid 1px #c6c9c8;
 padding:0px 0 10px;
 margin: 10px 2px 0;
}

div.indent {
        margin-left: 20px;
}




/****************************** Teaser - Marginal Column *********************************/
div#teaser {
 font-size: .92em;
 margin-right: 8px;
 width: 200px;
 float: right;
}

div.teaserbox {
 margin:0px;
 margin-bottom:10px;
 background: #fff;
}

div.teaserbox h1, div.teaserbox h2, div.teaserbox h3, div.teaserbox h4, div.teaserbox h5, div.teaserbox h6 {
 padding-top:0px !important;
 margin-top:0px;
 line-height:100%;
}

.teaserbox h3 {
 line-height: 120%;
}

div.teaserbox ul {
 padding-left:0px;
 margin:0px;
 list-style-image:none;
 list-style-type:none;
}

div.teaserbox li {
 padding-bottom:5px;
}

.teaserbox a img {
 border: 1px solid #c6c9c8;
 margin: 15px 0 5px;
}
.teaserbox p {
 line-height: 130%;
 margin: 0;
}

div.teaserbox a {
 color: #737474;
 display:block;
 padding-left:13px;
 background:url(../img/link_arrow.gif) no-repeat 0px 3px; 
}

div.teaserbox a:hover {
 color: #515252;
 background:url(../img/link_arrow_over.gif) no-repeat 0px 3px;
}

/****************************** Footer *********************************/

div#footer1 {
 margin:0px 30px 3px 30px;
 padding-top:40px;
 color: #a1a4a3;
 font-size: 0.8em;
 clear:both;
}

div#footer1 a {
 background: url(../img/link_arrow.gif) no-repeat left 2px;
 color: #a1a4a3;
 display: block;
 padding: 0 0 0 12px;
 text-decoration:none;
 clear: both;
}

#footer1 a:hover {
 background: url(../img/link_arrow_over.gif) no-repeat left 2px;
 color: #515252;
 text-decoration: underline;
}

div#footer2 {
 border-top: solid 1px #c6c9c8;
 padding-top:3px;
 margin:0px 30px;
 color:#949396;
 font-size:0.8em;
 padding-bottom:30px;
}


/****************************** Gallery *********************************/

/* lightbox */

div#lightbox, div#outerImageContainer, div#imageDataContainer {
 z-index:99;
}

div#imageContainer {
 padding: 1px !important;
}

div#imageDataContainer {
 display: none !important;
 padding: 0 !important;
}

#nextLink:hover, #nextLink:visited:hover {
 background: transparent url(../img/next.gif) no-repeat right top !important;
}

#prevLink:hover, #prevLink:visited:hover {
 background:transparent url(../img/prev.gif) no-repeat left top !important;
}

#imageData #imageDetails {
 color: #525052 !important;
 padding: 0 !important;
 width: auto !important;
}

#imageData #numberDisplay {
 display: block !important; 
 float: right !important;
}

#imageData #bottomNavClose {
 padding: 0 !important;
}

a#prevLinkText {
 background: url(../img/btn_rew.gif) no-repeat left top;
 display: block;
 height: 16px;
 outline: none;
 text-indent: -8000px;
 width: 23px;
}
a:hover#prevLinkText {
 background: url(../img/btn_rew_over.gif) no-repeat left top;
 display: block;
 height: 16px;
 outline: none;
 text-indent: -8000px;
 width: 23px;
}

a#nextLinkText {
 background: url(../img/btn_ff.gif) no-repeat left top;
 display: block;
 height: 16px;
 outline: none;
 text-indent: -8000px;
 width: 23px;
}

 a:hover#nextLinkText {
 background: url(../img/btn_ff_over.gif) no-repeat left top;
 display: block;
 height: 16px;
 outline: none;
 text-indent: -8000px;
 width: 23px;
}

/* --------------- FORM ----------------- */

#content form {
 border: none;
 color: #616162;
 font-size: 1em;
}

fieldset {
 border: none;
 padding: 5px 0;
}

.csc-mailform-field {
 background: #f4f4f4;
 float: left;
 margin-bottom: 1px;
 padding: 5px 10px;
 position: relative;
 width: 96%;
}

.cleared {
 background: url(../img/bg_form_border.gif) repeat-x left bottom #f4f4f4;
 padding-bottom: 16px;
}

.last {
 background: #fff !important;
 display: block;
}

label {
 clear: left;
 display: block;
 float: left;
 padding-top: 5px;
 width: 195px;
}

span.csc-mailform-label {
 left: 205px;
 position: absolute;
}

select {
 border: 1px solid #b5b5b5;
 color: #525052;
 float: left;
 font: 1em Arial, Helvetica, sans-serif;
 padding: 2px;
 width: 250px;
}

input.csc-mailform-submit {
 background: url(../img/link_arrow_grey.gif) no-repeat left center;
 border: none;
 color: #5e6e66;
 cursor: pointer;
 float: left;
 font: 1em Arial, sans-serif;
 font-weight: 700;
 padding: 1px 12px 2px 15px;
 text-decoration: none;
 overflow: visible;
}

input.csc-mailform-submit:hover {
	text-decoration: underline;
}

* +html input.csc-mailform-submit { background-position: left 6px; }

/* some special stylings for bullet lists and tables */

#content ul.csc-bulletlist-1 li,
#content ul.csc-bulletlist-2 li,
#content ul.csc-bulletlist-3 li {
 background: #e9ebeb;
 height: 1%; /* holly hack for ie 6 & 7 to attach haslayout */
 font-weight: 700;
 margin: 0 0 1px 0;
 padding: 5px 12px;
}

#content ul.csc-bulletlist-1 ul,
#content ul.csc-bulletlist-2 ul,
#content ul.csc-bulletlist-3 ul {
 background: #e9ebeb;
 height: 1%; /* holly hack for ie 6 & 7 to attach haslayout */
 margin: -6px -12px 0;
 padding: 0 0 0 40px;
}

* +html #content ul.csc-bulletlist-1 ul,
* +html #content ul.csc-bulletlist-2 ul,
* +html #content ul.csc-bulletlist-3 ul { width: 428px; } /* WORKAROUND: This is quite dirty to let the background of the ul reach the borders of the parent li */

#content ul.csc-bulletlist-1 li li,
#content ul.csc-bulletlist-2 li li,
#content ul.csc-bulletlist-3 li li {
 background: url(../img/bullet.gif) no-repeat left 6px;
 display: block;
 font-weight: 400;
 padding: 0 0 0 13px;
}


/* table */

#content table.contenttable-1 th,
#content table.contenttable-2 th,
#content table.contenttable-3 th  {
 background: #c6c9c8;
 border-right: 1px solid #fff;
 border-bottom: 1px solid #fff;
 margin: 0 1px 1px 0;
 padding: 6px 3px 3px 11px;
}
#content table.contenttable-1 td,
#content table.contenttable-2 td,
#content table.contenttable-3 td {
 background: #e9ebeb;
 border-right: 1px solid #fff;
 border-bottom: 1px solid #fff;
 font-weight: 700;
 margin: 0 1px 1px 0;
 padding: 6px 3px 3px 11px;
}

/* added for tutorial thumbnail list */

tr.style-1 td {
	padding-bottom: 20px;
}

table.style-1 {
	width: 100%;
	padding-top: 10px;
}



/* --- searchresults --- */

.tx-indexedsearch .tx-indexedsearch-res td.tx-indexedsearch-descr {
 font-style: normal !important;
 line-height: 150%;
}

.tx-indexedsearch-searchbox form {
 background: #f4f4f4;
 border: none;
 color: #616162;
 font-size: 1em;
 margin: 0;
}

input.tx-indexedsearch-searchbox-sword {
 border: 1px solid #b5b5b5;
 color: #525052;
 float: left;
 font: 1em Arial, Helvetica, sans-serif;
 padding: 2px;
 width: 370px !important;
}

.tx-indexedsearch-searchbox {
 margin: 0;
 padding: 0;
}

.tx-indexedsearch-searchbox table {
 width: 468px;
}

.tx-indexedsearch-searchbox td {
 border-bottom: 1px solid #fff;
 padding: 6px 3px 6px 10px;
}

.tx-indexedsearch-searchbox-button {
 background: url(../img/link_arrow_grey.gif) no-repeat left center;
 border: none;
 color: #5e6e66;
 cursor: pointer;
 float: left;
 font: 1em Arial, sans-serif;
 font-weight: 700;
 padding: 1px 12px 2px 15px;
 text-decoration: none;
 overflow: visible;
}

.tx-indexedsearch-searchbox-button:hover {
 text-decoration: underline;
}

* +html .tx-indexedsearch-searchbox-button { background-position: left 6px; }

/* results */

.tx-indexedsearch-whatis {
 background: #e9ebeb;
 margin: 0 0 15px 0 !important;
 padding: 10px 5px;
}

ul.browsebox {
 margin: 10px 0 20px; 
 width: 458px;
}

.browsebox li {
 display: block;
 float: left;
 background: 0 !important;
 padding: 0 10px 0 0 !important;
}

.browsebox  li a {
 line-height: 150%;
 text-decoration: none;
}

.browsebox li a:hover {
 text-decoration: underline;
}


.tx-indexedsearch-res td.tx-indexedsearch-title,
.tx-indexedsearch-icon,
.tx-indexedsearch-percent {
 padding-bottom: 2px;
}

.tx-indexedsearch-res td.tx-indexedsearch-descr {
 padding: 10px 0; 
}

.tx-indexedsearch-res table {
 clear: both;
 float: left;
 margin: 20px 0 0;
 width: 468px;
}

.tx-indexedsearch a,
.tx-indexedsearch-redMarkup {
 color: #515152 !important;
}

.tx-indexedsearch-res td.tx-indexedsearch-info {
 background: #f4f4f4;
 line-height: 150%;
 padding: 10px 0;
}
/****************************** News *********************************/
div.news-mental-search-form {
 background:#F3F3F3;
 margin-bottom:3px;
 height:40px;
}
div.news-search-inner {
 padding:10px;
}
input.news-search-form-field {
 border:solid 1px #CACACA;
 width:300px;
 height:16px;
 margin-right:10px;
 float:left;
}
input.news-search-form-submit {
 padding-top:2px;
}
table.news-search-dropdown-select {
 background:#F3F3F3;
 width:100%;
 height:40px;
 margin-bottom:40px;
}
table.news-search-dropdown-select td {
 padding-left:10px;
}
table.news-search-dropdown-select label {
 width:40px;
}
table.news-search-dropdown-select select {
 width:160px;
}
div.news-latest-container h3,
div.news-list-item h3 {
 border:0px;
 margin-top:0px;
}
span.news-list-date {
 display:block;
 font-weight:normal !important;
}
div.news-list-morelink, div.news-list-morelink a {
 display:none;
}
div.news-single-backlink a {
 font-weight:bold;
}
hr.clearer {
 margin:10px 0px;
}


/************************************ Frames to Choose *********************************/
div.grey_1px_rounded {
 border:#c6c9c8 solid 1px;
  padding: 10px 10px 5px; 
}


/* teaserbox style_3 definitionen */


#teaser div.teaserbox div.style_3 {
 border: 2px solid #bba888;
  padding: 10px 10px 20px; 

}

#teaser div.teaserbox div.style_3 h3 {
	border-bottom-color: #bba888;
	border-bottom-width: 1px;
	font-size: 12px;
}


#teaser div.teaserbox div.style_3.jrcRounded p a {
 background: url(../img/arrow_highlight.gif) no-repeat 0px 3px;
	top: 8px;
	position: relative;
	color: #616162;
	line-height: 120%;
}

#teaser div.teaserbox div.style_3.jrcRounded p a:hover {
 background: url(../img/arrow_highlight_hover.gif) no-repeat 0px 3px;

}

#teaser div.teaserbox div.style_3.jrcRounded p {

	display: block;
}



/* css for the realityserver overlay box */


#mask {
	background: #000;
	left: 0;
	top: 0;
	overflow: hidden;
	position: fixed;
	z-index: 10;
}


.bgCover {
	background: #000;
	left: 0;
	top: 0;
	display: none;
	overflow: hidden;
	position: fixed;
	z-index: 10;
}

.overlayBox {
	top: 140px;
	left: 20px;
	width: 940px;
	height: 620px;
	position: absolute;
	background: #fff;
	z-index: 15;
}

.overlayClose {
	display: inline;
	float: right;
	position: relative;
}

a.overlayClose.closeLink {
	text-decoration: none;
	font-weight: bold;
	float: right;
	position: relative;
	background: url(/fileadmin/user_upload/whatsyourreality/close_button_f2.gif) no-repeat right;
	top: 15px;
	right: 20px;
	padding-right: 25px;
	height: 15px;
	vertical-align: middle;
}

a.overlayClose.closeLink:link {
	background: url(/fileadmin/user_upload/whatsyourreality/close_button.gif) no-repeat right;
}

a.overlayClose.closeLink:hover,
a.overlayClose.closeLink:focus {
	background-image: url(/fileadmin/user_upload/whatsyourreality/close_button_f2.gif);
}



#top_logo {
	display: inline;
	float: left;
	position: relative;
	top: 10px;
	left: 20px;
}


#whatsyourreality_swf {
	display: inline;
	clear: left;
	float: left;
	width: 940px;
	position: relative;
	top: 33px;
	height: 553px;
	background-color: #fff;
}