@charset "utf-8";
/* CSS Document Created by: Mick Dinulos for CPS Creative May 28, 2009 */


/* Layout */

* {
margin: 0px;
padding: 0px;
}

body {
background: #07213b url(../imgs/body_bg.jpg) no-repeat top center;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
color:#fff;
}

#wrapper {
width: 956px;
display:block;
margin: 0 auto;
}

#header {
height: 140px;
display:block;
}

#main_banner {
background: url(../imgs/main_banner.png) no-repeat top left;
width: 956px;
height: 421px;
display:block;
margin-bottom: 4px;
}

#main_banner_left {
float:left;
display:block;
padding: 10px 32px 0 32px;
width:360px;
}

#main_banner_right {
float:left;
display:block;
padding: 40px 0 0 0;
width:400px;
}

#bottom_elements {
width: 956px;
display:block;
padding: 0 0 6px 8px;
float:left;
}

#footer_container {
width: 948px;
display:block;
padding: 0 8px 6px 8px;
float:left;
clear:both;
color:#375D7B;
}

#footer_left {
width: 7px;
height:87px;
background:url(../imgs/footer_left.png) no-repeat top left;
display:block;
float:left;
}

#footer_right {
width: 7px;
height:87px;
background:url(../imgs/footer_right.png) no-repeat top left;
display:block;
float:left;
}

#footer_cnt {
width: 889px;
height:67px;
background:url(../imgs/footer_bg.png) repeat-x top left;
display:block;
float:left;
font-size:10px;
padding: 20px 20px 0 20px;
font-family:Arial, Helvetica, sans-serif;
}

#logo {
background: url(../imgs/logo_gerard_senehi.png) no-repeat top left;
width: 545px;
height: 77px;
display:block;
text-indent:-9999px;
margin: 36px 0 0 10px;
float:left;
cursor: pointer;
position:relative;
}

/* Basic*/

h2 {
font-size: 18px;
margin-bottom: 10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
}

h3 {
font-size: 18px;
margin-bottom: 10px;
font-weight:normal;
clear:both;
}

h4 {
font-size: 24px;
margin-top: 30px;
margin-bottom: 10px;
font-weight:normal;
clear:both;
color:#B7DFFD;
border-bottom: 1px solid #B7DFFD;
}


a, a:link, a:active, a:visited {
color: #FF8301;
text-decoration:underline;
} 

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

p {
line-height: 130%;
margin-bottom: 15px;
text-align:left;
}

p.indented {
line-height: 130%;
text-align:left;
display:block;
margin: 0 40px 10px 120px;
clear:both;
}

p.indented span.note{
font-size: 10px;
font-stretch:expanded;
font-style:italic;
color: #B7DFFD;
}

p.indented_full {
line-height: 130%;
text-align:left;
display:block;
margin: 0 40px 10px 60px;
clear:both;
}

p.indented_full span.note{
font-size: 10px;
font-stretch:expanded;
font-style:italic;
color: #B7DFFD;
}


.div_textfield {
float:left;
display:block;
margin-bottom: 6px;
width:460px;
clear:both;
}

.div_textfield .textfield:hover {
background: #F0F7FF;
z-index:25;
}

.div_textfield label {
display:block;
float:left;
height:25px !important;
width:100px;
text-align:left;
margin-right: 20px;
padding-top: 2px !important;
}

.div_textfield .textfield {
border: 1px solid #d7d7d7;
width: 240px;
display:block;
float:left;
margin: 0 15px 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:2px;
}

.div_textfield .radio_button {
margin-left: 20px;	 
}

.div_textfield .checkbox{
margin-left: 20px;	 
}

.div_textfield_full {
float:left;
display:block;
margin-bottom: 6px;
width:640px;
clear:both;
}

.div_textfield_full .textfield:hover {
background: #F0F7FF;
z-index:25;
}

.div_textfield_full label {
display:block;
float:left;
height:25px !important;
width:100px;
text-align:left;
margin-right: 20px;
padding-top: 2px !important;
}

.div_textfield_full label.predictions_label {
display:block;
float:left;
height:25px !important;
width:40px;
text-align:left;
margin-right: 20px;
padding-top: 2px !important;
}

.div_textfield_full .textfield {
border: 1px solid #d7d7d7;
width: 480px;
display:block;
float:left;
margin: 0 15px 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:2px;
}

dl {
margin: 10px 0 10px 40px; 
}

dt {
font-weight: bold;
font-style:italic;
color: #B7DFFD;
margin-top: 20px;
}

dd {
margin-bottom: 0px;
clear:both;
}

ol.enumeration {
margin: 0 0 10px 20px;
clear:both;
}

ol.enumeration li{
margin: 0 0 10px 20px;
clear:both;
}

ul.predictions_list  {
margin: 0 0 10px 20px;
clear:both;
list-style-type:none;
}

ul.predictions_list li{
margin: 0 0 10px 20px;
clear:both;
}

ul.predictions_list .textfield:hover {
background: #F0F7FF;
z-index:25;
}

ul.predictions_list .textfield {
border: 1px solid #d7d7d7;
width: 240px;
margin: 0 15px 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:2px;
}

.prediction_radio {
margin:0 10px 10px 0;
float:left;
}

.float_left_image {
float: left;
margin: 0 20px 10px 0px;
}

/* Navigation */

#navigation {
list-style-type:none;
display:block;
padding: 23px 0 0 30px;
clear:both;
}

#navigation li {
display:inline;
}

a#nav_home {
display:block;
float:left;
height: 46px;
width: 56px;
background:url(../imgs/nav_home.gif) no-repeat top left;
text-indent:-9999px;
margin-right: 3px;
outline:none;
}

a:hover#nav_home, a.active#nav_home {
background-position: left -46px ;
}

a#nav_about {
display:block;
float:left;
height: 46px;
width: 114px;
background:url(../imgs/nav_about.gif) no-repeat top left;
text-indent:-9999px;
margin-right: 3px;
outline:none;
}

a:hover#nav_about, a.active#nav_about {
background-position: left -46px ;
}

a#nav_consider{
display:block;
float:left;
height: 46px;
width: 109px;
background:url(../imgs/nav_consider.gif) no-repeat top left;
text-indent:-9999px;
outline:none;
margin-right: 3px;
}

a:hover#nav_consider, a.active#nav_consider {
background-position: left -46px ;
}

a#nav_psychic-vs-spiritual{
display:block;
float:left;
height: 46px;
width: 159px;
background:url(../imgs/nav_psychic-vs-spiritual.gif) no-repeat top left;
text-indent:-9999px;
margin-right: 3px;
outline:none;
}

a:hover#nav_psychic-vs-spiritual, a.active#nav_psychic-vs-spiritual {
background-position: left -46px ;
}

a#nav_sanctum{
display:block;
float:left;
height: 46px;
width: 118px;
background:url(../imgs/nav_sanctum.gif) no-repeat top left;
text-indent:-9999px;
margin-right: 3px;
outline:none;

}

a:hover#nav_sanctum, a.active#nav_sanctum{
background-position: left -46px ;
}

a#nav_predictions{
display:block;
float:left;
height: 46px;
width: 97px;
background:url(../imgs/nav_predictions.gif) no-repeat top left;
text-indent:-9999px;
outline:none;
margin-right: 3px;
}

a:hover#nav_predictions, a.active#nav_predictions{
background-position: left -46px ;
}

a#nav_contact{
display:block;
float:left;
height: 46px;
width: 98px;
background:url(../imgs/nav_contact.gif) no-repeat top left;
text-indent:-9999px;
margin-right: 3px;
outline:none;
}

a:hover#nav_contact, a.active#nav_contact{
background-position: left -46px ;
}

a#nav_test {
display:block;
float:left;
height: 46px;
width: 108px;
background:url(../imgs/nav_test.gif) no-repeat top left;
text-indent:-9999px;
margin-right: 3px;
outline:none;
}

a:hover#nav_test, a.active#nav_test {
background-position: left -46px ;
}

/* Buttons */

a#button_performance {
display:block;
float:right;
height: 21px;
width: 219px;
background:url(../imgs/button_performance.gif) no-repeat top left;
text-indent:-9999px;
margin: 66px 10px 0 0;
cursor: pointer;
outline:none;
position:relative;
}

a:hover#button_performance {
background-position: left -21px ;
}

a.button_view_more {
display:block;
float:left;
height: 21px;
width: 199px;
background:url(../imgs/button_view_more.gif) no-repeat top left;
text-indent:-9999px;
margin: 10px 0 0 0;
cursor: pointer;
outline:none;
}

a:hover.button_view_more{
background-position: left -21px ;
}

a.button_learn_more {
display:block;
float:left;
height: 21px;
width: 199px;
background:url(../imgs/button_learn_more.gif) no-repeat top left;
text-indent:-9999px;
margin: 10px 0 0 0;
outline:none;
cursor: pointer;
}

a:hover.button_learn_more{
background-position: left -21px ;
}

a.button_contact_form {
display:block;
float:left;
height: 21px;
width: 199px;
background:url(../imgs/button_contact_form.gif) no-repeat top left;
text-indent:-9999px;
margin: 10px 0 10px 0;
outline:none;
cursor: pointer;
clear:both;
}

a:hover.button_contact_form{
background-position: left -21px ;
}

a.button_contact_us {
display:block;
float:left;
height: 21px;
width: 199px;
background:url(../imgs/button_contact_us.gif) no-repeat top left;
text-indent:-9999px;
margin: 10px 0 0 0;
outline:none;
cursor: pointer;
}

a:hover.button_contact_us{
background-position: left -21px ;
}

a.button_book_gerard {
display:block;
float:left;
height: 21px;
width: 199px;
background:url(../imgs/button_book_gerard.gif) no-repeat top left;
text-indent:-9999px;
margin: 10px 0 20px 0;
outline:none;
cursor: pointer;
clear:both;
}

a:hover.button_book_gerard{
background-position: left -21px ;
}


a.button_prediction{
display:block;
float:left;
height: 21px;
outline:none;
width: 259px;
background:url(../imgs/button_prediction.gif) no-repeat top left;
text-indent:-9999px;
margin: 10px 0 20px 0;
cursor: pointer;
}

a:hover.button_prediction{
background-position: left -21px ;
}

/* Main Banner */

#test_banner {
background: url(../imgs/test_banner_rev2b.3_v2.png) no-repeat top left;
display:block;
float:left;
width:351px;
height: 160px;
text-indent:-9999px;
cursor: pointer;
outline:none;
margin-bottom: 10px;
}

#home_banner {
background: url(../imgs/homepage_banner2.gif) no-repeat top left;
display:block;
float:left;
width:351px;
height: 160px;
text-indent:-9999px;
cursor: pointer;
outline:none;

}

#main_banner_slogan {
background: url(../imgs/main_slogan.png) no-repeat top left;
display:block;
width: 313px;
height:74px;
text-indent:-9999px;
margin-top: 20px;
margin-bottom: 10px;
}

#main_banner_qoute {
display:block;
width: 270px;
font-size:14px;
}

/* Bottom Elements */

.bottom_elements_container{
background: url(../imgs/bottom_elements_bg.png) no-repeat top left;
display:block;
float:left;
width:291px;
margin: 0 4px 4px 0;
padding:10px
}

.bottom_elements_container_end{
background: url(../imgs/bottom_elements_bg.png) no-repeat top left;
display:block;
float:left;
width:271px;
padding:20px
}

.bottom_elements_container_start{
background: url(../imgs/bottom_elements_bg.png) no-repeat top left;
display:block;
float:left;
margin: 0 4px 4px 0;
width:271px;
padding:20px
}

.testimonial {
margin-bottom: 10px;
font-size:12px;
}

.client_name {
font-style:italic;
font-weight:bold;
color:#B7DFFD;
font-size:12px;
}

.icon {
float: left;
display:block;
margin: 0 10px 10px 0;
}

.icon_contact {
float: left;
display:block;
margin: 0 10px 100px 0;
}

.mid_element {
display:block;
float:left;
margin-bottom: 00px;
width:270px;
}

.mid_element_contact {
display:block;
float:left;
margin-bottom: 0px;
width:270px;
}

.mid_container {
width: 315px;
display:block;
float:left;
}

/* Footer */

.website_by {
float:right;
display:block;
}

.website_by a, .website_by a:link,.website_by a:visited, .website_by a:active{
text-decoration:none;
background:none !important;
}

.website_by a:hover {
text-decoration:none;
background:none !important;
}

#footer_cnt a, #footer_cnt a:link, #footer_cnt a:visited, #footer_cnt a:active {
color:#98C4EB;
text-decoration:none;
padding: 0 2px;
outline:none;
}

#footer_cnt a:hover {
background:#98C4EB;
color:#021221;
padding: 0 2px;
}

/* Subpage */ 

#subpage_nav {
background: url(../imgs/subpage_nav.png) no-repeat top left;
width: 956px;
height: 70px;
display:block;
}

#subpage_cnt {
background: url(../imgs/cnt_bg.png) repeat top center;
width: 900px;
display:inline-block;
margin: 0 0 0 8px;
_margin: 0 0 0 4px;
clear:both;
float:left;
padding:20px;
margin-bottom: 4px;
}

a.main_button, a:link.main_button, a:active.main_button, a:visited.main_button {
background: url(../imgs/button_bg.png) no-repeat top left;
display:inline-block;
font-size:18px;
float:left;
clear:both;
color:#fff;
text-decoration:none;
width: 329px;
height:23px;
padding:10px 20px;
margin: 0 0 10px 25px;
outline:none;
cursor:pointer;
}

a:hover.main_button{
background-position: left -43px ;
}

#subpage_left {
display:block;
float:left;
width: 640px;
margin-right: 20px;
}

#subpage_right {
display:block;
float:left;
width: 240px;
}

#subpage_testimonials_tv {
display:block;
float:left;
width: 287px;
margin-right: 20px;
}

#subpage_testimonials_print {
display:block;
float:left;
width: 286px;
margin-right: 20px;
}

#subpage_testimonials_corporate {
display:block;
float:left;
width: 286px;
}

.right_cnt_container {
display:block;
margin-bottom: 10px;
}

.right_cnt_container a{
outline:none;}

.left_banner_container {
display:block;
margin-bottom: 10px;
}

ul.bottom_links {
list-style-type: none;
}

ul.bottom_links li{
display:block;
}

ul.bottom_links li a{
display:block;
float:left;
clear:both;
width: 200px;
padding:8px;
background: url(../imgs/cnt_bg.png) repeat top center;
margin-bottom: 5px;
text-decoration:none;
outline:none;
}

ul.bottom_links li a:hover {
text-decoration:none;
}

.comments_container {
margin-bottom: 10px;
display:block;
padding:8px 8px 4px 8px;
background: url(../imgs/cnt_bg.png) repeat top left;
border:1px solid #000;
}

.comments_container p.comments {
margin: 0 0 5px 0;
font-size:14px;
font-weight:normal;
}

.comments_container p.commenter {
margin: 0 0 5px 0;
font-weight:bold;
font-style:italic;
color: #B7DFFD;
font-size:14px;
}


.view_ans {
float:right;
margin: 0 60px 0 0;
}

/* Contact */
.accent_image_contact {
background: url(../imgs/contact_bg.png) no-repeat top left;
height:231px;
width:426px;
display:block;
float:right;
margin: -20px -28px 0 0;
_margin: -20px -14px 0 0;
z-index:-100;
}

#contact_left {
display:block;
float:left;
width: 440px;
text-align:left;
}

.clear_paragraph {
clear:both;
}

.referee {
display:block;
font-size:16px;
font-weight: bold;
color: #B7DFFD;
}

.reference {
font-style:italic;
margin-bottom: 20px;
}

/* Headers */

h2.book_gerard_now {
background: url(../imgs/header_book_gerard_now.png) no-repeat top left;
display:block;
height:34px;
text-indent:-9999px;
margin-bottom: 10px;
}

h2.contact_gerard_now {
background: url(../imgs/header_contact_gerard_now.png) no-repeat top left;
display:block;
height:34px;
text-indent:-9999px;
margin-bottom: 10px;
}

h2.about_gerard {
background: url(../imgs/header_about_gerard.png) no-repeat top left;
display:block;
height:34px;
text-indent:-9999px;
margin-bottom: 10px;
clear:both;
}

h2.interview_w_gerard{
background: url(../imgs/header_interview_w_gerard.png) no-repeat top left;
display:block;
height:34px;
text-indent:-9999px;
margin-top: 20px;
margin-bottom: 10px;
}

h2.video{
background: url(../imgs/header_video.png) no-repeat top left;
display:block;
height:34px;
text-indent:-9999px;
margin-bottom: 10px;
}

h2.links{
background: url(../imgs/header_links.png) no-repeat top left;
display:block;
height:34px;
text-indent:-9999px;
margin-bottom: 10px;
clear:both;
}

h2.consider_this{
background: url(../imgs/header_consider_this.png) no-repeat top left;
display:block;
height:34px;
text-indent:-9999px;
margin-bottom: 10px;
}


h2.psychic_vs_spiritual{
background: url(../imgs/header_psychic_vs_spiritual.png) no-repeat top left;
display:block;
height:34px;
text-indent:-9999px;
margin-bottom: 10px;
}

h2.inner_sanctum{
background: url(../imgs/header_inner_sanctum.png) no-repeat top left;
display:block;
height:34px;
text-indent:-9999px;
margin-bottom: 10px;
}

h2.predictions{
background: url(../imgs/header_predictions.png) no-repeat top left;
display:block;
height:34px;
text-indent:-9999px;
margin-bottom: 10px;
}

h2.values_and_vision{
background: url(../imgs/header_values_and_vision.png) no-repeat top left;
display:block;
height:34px;
text-indent:-9999px;
margin-bottom: 10px;
margin-top: 20px;
clear:both;
}

h2.inspiration{
background: url(../imgs/header_inspiration.png) no-repeat top left;
display:block;
height:39px;
text-indent:-9999px;
margin-bottom: 10px;
margin-top: 20px;
clear:both;
}

h2.projects_and_commitments{
background: url(../imgs/header_projects_and_commitments.png) no-repeat top left;
display:block;
height:38px;
text-indent:-9999px;
margin-bottom: 10px;
margin-top: 20px;
clear:both;
}

h2.header_faq{
background: url(../imgs/header_faq.png) no-repeat top left;
display:block;
height:38px;
text-indent:-9999px;
margin-bottom: 10px;
clear:both;
}

h2.header_test_yourself{
background: url(../imgs/header_test_yourself.png) no-repeat top left;
display:block;
height:38px;
text-indent:-9999px;
margin-bottom: 10px;
clear:both;
}

h2.header_post_comment{
background: url(../imgs/header_post_comment.png) no-repeat top left;
display:block;
height:38px;
text-indent:-9999px;
margin-bottom: 10px;
clear:both;
}

h2.header_comments{
background: url(../imgs/header_comments.png) no-repeat top left;
display:block;
height:38px;
text-indent:-9999px;
margin-bottom: 10px;
clear:both;
}

h2.header_testimonials{
background: url(../imgs/header_testimonials.png) no-repeat top left;
display:block;
height:38px;
text-indent:-9999px;
margin-bottom: 10px;
clear:both;
}

h2.header_corporate_us{
background: url(../imgs/header_corporate_us.png) no-repeat top left;
display:block;
height:38px;
text-indent:-9999px;
margin-bottom: 10px;
clear:both;
}

h2.header_tv_media{
background: url(../imgs/header_tv_media.png) no-repeat top left;
display:block;
height:38px;
text-indent:-9999px;
margin-bottom: 10px;
clear:both;
}

h2.header_print_media{
background: url(../imgs/header_print_media.png) no-repeat top left;
display:block;
height:38px;
text-indent:-9999px;
margin-bottom: 10px;
clear:both;
}

h2.header_corporate_abroad{
background: url(../imgs/header_corporate_abroad.png) no-repeat top left;
display:block;
height:38px;
text-indent:-9999px;
margin-bottom: 10px;
clear:both;
}

/* FAQ */

.faq  {
	width: 640px;
	float:left;
	display:block;
	clear:both;
	margin-bottom: 20px;
}
.faq div {
	background-color: none;
}

.faq p {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	margin: 0px;
	padding: 10px;
}
.faq a {
	cursor:pointer;
	display:block;
	padding:8px 8px 7px 16px;
	margin-top: 6px;
	text-decoration: none;
	font-weight: bold;
	color:#fff;
	font-size:12px;
	background: url(../imgs/faq_closed.gif) no-repeat top left;
	outline:none;

}
.faq a:hover {
	color:#02101D;
	background: url(../imgs/faq_closed_hover.gif) no-repeat top left;
}
.faq a.selected {
	color: #02101D;
	background: url(../imgs/faq_open.gif) no-repeat top left;
}

/* Predictions */

.percentage {
font-size: 16px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
margin-bottom:6px;
}

.percent {
font-size: 18px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FF8301;
}
