/*-----------------------------------------------------------------------------
The Masterminds Group

date:      September 2008
author:    Susana Lo
email:     susanalo at sulocreative dot com
-----------------------------------------------------------------------------*/



/* General Global classes
-----------------------------------------------------------------------------*/

body {margin: 0px; padding: 0px; background-image:url(images/bkgd.jpg); background-repeat: repeat-x; font-family: "Trebuchet MS", sans-serif; font-size: 13px; color: #666666; text-align:left;}
p {line-height: 16x; margin-top: 0px; padding: 0px;}
h3 {color: #660000;}
a {color: #04aec3; text-decoration:none;}
a:hover {color: #04aec3; text-decoration:underline;}
a.white {color: #FFFFFF; text-decoration:none; font-weight:bold;}
a.white:hover{color: #FFFFFF; text-decoration:underline; font-weight:bold;}
a.white_right {color: #FFFFFF; text-decoration:none; font-weight:bold; float:right; font-size:13px; margin-right: 20px; padding-bottom: 5px;}
a.white_right:hover{color: #FFFFFF; text-decoration:underline; font-weight:bold; float:right;}
#btm_space {height:100px;}
ul {margin-left: 50px; margin-right: 40px;}
ul li {list-style:square; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px;}



/* Body Structure
-----------------------------------------------------------------------------*/
#outside_container {background-image:url(images/bkgd_inside_white.jpg); background-repeat:repeat-y; overflow:hidden;}
#inside_container {background-image:url(images/bkgd_gradient.jpg); background-repeat:no-repeat;}
#main_container {margin-left: 5px; margin-right:5px; width:890px;}
.banner {padding-left:5px; padding-right:5px;}
.bottom {background-image:url(images/btm_bkgd.jpg); background-repeat:no-repeat; width: 900px; height: 20px; margin-top:-10px;}

/* Body Structure - Sub Content Pages
-----------------------------------------------------------------------------*/
#outside_container_sub {background-image:url(images/bkgd_insidesub_white.jpg); background-repeat:repeat-y; overflow:hidden;}
#inside_container_sub {background-image:url(images/bkgd_sub_gradient.jpg); background-repeat:no-repeat;}
#main_container_sub {margin-left: 5px; margin-right:5px; width:890px;}
.bottom_sub {background-image:url(images/btm_sub_bkgd.jpg); background-repeat:no-repeat; width: 900px; height: 20px; padding-bottom: 10px;}
.sub_title {margin-top: 20px; margin-left: 30px; margin-bottom: 0px;}
.sub_title2 {color: #666666; font-weight:bold; font-size:22px; margin-top: 5px; margin-left: 40px; margin-bottom: 20px;}
.sub_title3 {color: #04aec3; font-weight:bold; font-size:16px; margin-top: 30px; margin-left: 30px; margin-bottom: 10px;}
.sub_text {margin-top:10px; margin-left: 40px; margin-bottom:10px; width: 560px; vertical-align:top;}
.sub_text2 {margin-top:10px; margin-left: 30px; margin-bottom:10px; width: 580px;}
.sub_text_small {margin-top:20px; margin-bottom:10px; width: 560px; font-size: 10px; display:block; width:550px; margin-left: 40px; margin-right: 10px;}
.photo_sub {padding: 3px; border:solid 1px #CCCCCC; left:0px; margin-left: 40px;}
#photo_sub_two {margin-top: 20px; margin-left: 40px; width: 550px;}
.photo_sub_single {padding: 3px; border:solid 1px #CCCCCC;}
.workshop_title {margin-left: 20px; margin-top: 0px; color:#04aec3; font-size: 18px; font-weight:bold; vertical-align:top;}
.workshop_desc {margin-left: 20px; margin-top: 5px; vertical-align:top; width: 300px;}
.spacer_sub {margin-left: 40px; margin-bottom: 20px; margin-top: 20px;}
.chart {margin-left: 30px;}
.photo_helene {margin-left: 10px; margin-bottom:10px; margin-right: 20px; vertical-align:top; padding: 3px; border:solid 1px #CCCCCC; float:left;}
.contact {margin-left: 40px;}
.highlight {color:#04aec3; font-size: 14px; font-weight:bold;}
.about_photo {border:dotted 1px #333333; padding: 5px 5px 5px 5px; text-align:left; margin-right: 20px; margin-bottom: 10px;}
.andreas {margin-left: 160px; text-align:left;}


/* Navigation
-----------------------------------------------------------------------------*/
#nav {width:900px; height:45px; padding:0; margin: 0; position:relative; background:url("images/nav_main.jpg"); background-repeat:no-repeat; }
#nav li {margin:0; padding:0; list-style:none; position:absolute; top:0;}
#nav li, #nav a {height:45px; display:block;}

#nav01 {text-indent:-300em; overflow:hidden; left:0px; width:185px; margin:0; padding:0; }
#nav01 a:hover {background:transparent url("images/nav_main.jpg") 0px -45px no-repeat;}
.nav01on {background:transparent url("images/nav_main.jpg") 0px -45px no-repeat;}

#nav02 {text-indent:-300em; overflow:hidden; left:185px; width:175px;}
#nav02 a:hover {background:transparent url("images/nav_main.jpg") -185px -45px no-repeat;}
.nav02on {background:transparent url("images/nav_main.jpg") -185px -45px no-repeat;}

#nav03 {text-indent:-300em; overflow:hidden; left:360px; width:175px;}
#nav03 a:hover {background:transparent url("images/nav_main.jpg") -360px -45px no-repeat;}
.nav03on {background:transparent url("images/nav_main.jpg") -360px -45px no-repeat;}

#nav04 {text-indent:-300em; overflow:hidden; left:535px; width:175px;}
#nav04 a:hover {background:transparent url("images/nav_main.jpg") -535px -45px no-repeat;}
.nav04on {background:transparent url("images/nav_main.jpg") -535px -45px no-repeat;}

#nav05 {text-indent:-300em; overflow:hidden; left:710px; width:190px;}
#nav05 a:hover {background:transparent url("images/nav_main.jpg") -710px -45px no-repeat;}
.nav05on {background:transparent url("images/nav_main.jpg") -710px -45px no-repeat;}


/* Sub Navigation - Right Side
-----------------------------------------------------------------------------*/
.rsmenu{margin-left: 25px; margin-top: 0px; padding: 0; margin-right: 5px; width: 230px; /*width of menu*/ border-bottom-width: 0;}

.rsmenu a.menuitem{
background: white url(images/rsmenubkgd_off.gif) repeat-x bottom left;
font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #04aec3;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 10px 0;
padding-left: 20px;
text-decoration: none;
}

.rsmenu a.menuitem:visited, .rsmenu .menuitem:active{color: #666666;}
.rsmenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/position: absolute; top:15px; right:25px; border:none;}
.rsmenu a.menuitem:hover{background-image: url(images/rsmenubkgd_on.gif);}
.rsmenu div.submenu{ /*DIV that contains each sub menu*/background: white;}
.rsmenu div.submenu ul{ /*UL of each sub menu*/ list-style:none; padding: 0; margin: 0;}
.rsmenu div.submenu ul li{border-bottom: 1px dotted #CCCCCC; list-style:none; margin: 0;}
.rsmenu div.submenu ul li a{display: block; font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color:#666666; text-decoration: none; padding:7px 0; padding-left: 20px;}
.rsmenu div.submenu ul li a:hover{background: #04aec3; color: #FFFFFF;}


/* Footer
-----------------------------------------------------------------------------*/
.spacer {margin-left: 0px; margin-bottom: 20px; margin-top:10px;}
#footer_container {margin-left: 10px; margin-top: 10px;}
#footer_contact {width: 200px; margin-top:5px; margin-left: 10px;} 
.footer_title {color: #04aec3; font-size:11px; margin-left:10px; font-family:Arial, Helvetica, sans-serif;}
.footer_title_contact {color: #04aec3; font-size:11px; margin-left:10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.footer_contact_text {margin-left: 10px; margin-top: 10px; width: 180px; font-size: 12px;}
.small_text {margin-top: 10px; margin-left: 10px; width: 180px; font-size: 10px; font-family:Arial, Helvetica, sans-serif;}

#footer_list {padding:0; position:relative; margin: 5px 0 0 0px;}
#footer_list_lg {width: 150px; padding:0; position:relative; margin: 5px 0 0 0px;}
#footer_list li {margin: 0px; padding:0; list-style:none; top:0;}
a.footer {color: #999999; text-decoration:none; font-size:9px; margin-left: 10px; font-family:Arial, Helvetica, sans-serif;}
a.footer:hover{color: #999999; text-decoration:underline;}


/* Home - Three Box
-----------------------------------------------------------------------------*/
#three {width:880px; height:330px; padding:0; margin-top: 5px; margin-left: 10px; margin-right: 10px; position:relative;}
#box01 {left: 0px; width:280px; height:305px; border:solid 1px #CCCCCC; padding: 10px 10px 10px 20px; vertical-align:top;}
#box02 {left: 280px; width:280px; height:305px; border:solid 1px #CCCCCC; padding: 10px 10px 10px 20px; vertical-align:top;}
#box03 {left: 560px; width:280px; height:305px; border:solid 1px #CCCCCC; padding: 10px 10px 10px 20px; vertical-align:top;}
.three_text {font-size:11px; line-height: 14px; margin-left:5px; margin-top: 10px; width: 230px; height: 85px;}
.photo {padding: 1px; border:solid 1px #CCCCCC; left:0px; margin-top:5px; vertical-align:bottom;}
#h_btn_personal a {display: block; background: url(images/btn_h_personal.jpg) top; width: 175px; height: 50px; margin-top:0px; vertical-align:bottom; margin_bottom: 5px;}
#h_btn_personal a:hover {background: url(images/btn_h_personal.jpg) no-repeat bottom; vertical-align:bottom;}
#h_btn_corporate a {display: block; background: url(images/btn_h_corporate.jpg) top; width: 175px; height: 50px; margin-top:0px; vertical-align:bottom; margin_bottom: 5px;}
#h_btn_corporate a:hover {background: url(images/btn_h_corporate.jpg) no-repeat bottom;  vertical-align:bottom;}
#h_btn_certification a {display: block; background: url(images/btn_h_certification.jpg) top; width: 175px; height: 50px; margin-top:0px; vertical-align:bottom; margin_bottom: 5px;}
#h_btn_certification a:hover {background: url(images/btn_h_certification.jpg) no-repeat bottom;  vertical-align:bottom;}


/* Home - Calendar
-----------------------------------------------------------------------------*/
#blue {width: 880px; height: 250px; margin-top: 5px; margin-left: 10px; margin-bottom: 2px; padding: 0; background:url(images/bkgd_blue.jpg); background-repeat:no-repeat;}
#calendar {margin-left: 20px; margin-top: 20px; width: 320px; margin-right: 20px;}
#letter {margin-left:20px; margin-top: 20px; }
.blue_title {margin-left: 0px; margin-bottom: 10px; vertical-align:top;}
.blue_text {font-size: 12px; font-family: Trebuchet MS, Verdana, sans-serif; line-height: 14px; color:#FFFFFF; margin-left: 0px; margin-top: 5px; margin-right: 20px; vertical-align:top;}
.blue_text_cal {font-size: 12px; font-family: Trebuchet MS, Verdana, sans-serif; line-height: 14px; color:#FFFFFF; margin-left: 10px; margin-top:5px; vertical-align:top;}
.blue_text_cal_title {font-size: 12px; font-family: Trebuchet MS, Verdana, sans-serif; line-height: 14px; color:#FFFFFF; margin-left: 10px; font-weight:bold;}


/* Home - Quote
-----------------------------------------------------------------------------*/
#quote {width: 880px; height: 165px; margin-top: 5px; margin-left: 10px; margin-bottom: 10px; padding: 0;}
.quote_title {margin-left: 20px; margin-bottom:0px; margin-top: 10px;}
.quote_text {font-size: 12px; font-family: Trebuchet MS, Verdana, sans-serif; line-height: 14px; margin-top: 0px; margin-left:20px; margin-right: 0px; width: 480px; margin-bottom: 20px; vertical-align:top;}
#h_btn_success a {display: block; background: url(images/btn_h_success.jpg) top; width: 150px; height: 50px; margin-top:-50px; margin-right:10px; float:right;}
#h_btn_success a:hover {background: url(images/btn_h_success.jpg) no-repeat bottom;}
#h_btn_subscribe a {display: block; background: url(images/btn_h_subscribe.jpg) top; width: 150px; height: 50px; margin-top:-50px; margin-right:10px; float:right;}
#h_btn_subscribe a:hover {background: url(images/btn_h_subscribe.jpg) no-repeat bottom;}