@charset "UTF-8";
/* 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Title: Xango
Author: Joachim Guanzon
Website: http://www.zentanglement.com
Description: please do not delete this, if you do... meh... go ahead...
Created: June 12, 2007
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
*/
/* === GENERAL STYLES === */

/*body {
margin: 0;
padding: 0;
background-image: url(/custom/premium/images/my_xango_bg.gif);
background-repeat: repeat;
font-family: verdana;
}*/
.centerme { text-align:center;}
.wrapper {
width: 1010px;
margin-left: auto;
margin-right: auto;
padding: 8px;
text-align:left;
}
.clear {
clear: both;
}
img {
border: 0;
} 
/* === HEADER STYLES === */
div#header {
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
div#header .logo {
margin-bottom: 7px;
float: left;
}
div#header #distributor {
width: 100%;
height: 78px;
background-image: url(/custom/premium/images/distrub-background.jpg);
background-repeat: no-repeat;
text-align: center;
}
div#header #distributor h1 {
margin: 0;
padding: 0;
padding-top: 3px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #D8502A;
}
div#header #distributor p, div#header #distributor p a {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: normal;
color: #D8502A;
}
div#header #distributor a, div#header #distributor a:hover {
color: #f59529;
text-decoration: none;
}
div#header .dist-container {
width: 378px;
margin-right: 2px;
padding: 6px;
float: right;
background-image: url(/custom/premium/images/semi-trans.png) !important;
background-repeat: repeat;
voice-family: "\"}\""; 
voice-family:inherit;
background-image:url(/custom/premium/images/IE-semi-trans.gif);
}
/* === NAVIGATION MENU === */
div#header #menu {
width: 150px;
height: 24px;
margin-top: -14px;
float: left;
background: url(/custom/premium/images/tgltab.gif) no-repeat 12px 0;
clear: both;
voice-family: "\"}\""; 
voice-family:inherit;
z-index:1;
}

* html div#header div#menu {
z-index: 3000000000000000000;
cursor: pointer;
margin-bottom: -17px;
background: url(/custom/premium/images/tgltab.gif) no-repeat 17px 0;
}
div#header #navToggle{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color: #600;
width: 145px;
height: 20px;
padding:5px;
voice-family: "\"}\""; 
voice-family:inherit;
margin-bottom:10px;
cursor: pointer;
text-align: center;
}
div#header #navToggle span{
/*padding-right: 20px;*/
color:#600;
font-weight:bold;
padding:5px 25px 5px 10px;
height: 25px;
background:url(/custom/premium/images/nav_down.gif) no-repeat 117px 5px;
}
* html div#navToggle {
cursor: pointer;
z-index:200000000000;
margin-left: 5px;
}

a.nav{
	padding:0 5px;
}
a.nav:hover{
	background: #f60;
	color: #FFF;
}
div#siteNavigation{
color: #600; 
width: 988px; 
background: #f7973d;
clear:both;
}
div#header #menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
div#header #menu ul li {
width: auto;
float: left;
margin: 0;
padding: 0;
padding-top: 3px;
padding-left: 15px;
padding-right: 15px;
}
table a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #600;
font-weight: normal;
text-decoration: none;
}
table strong a{
font-weight:bold;
}
div#content{
margin-top: -7px;
}
/* === CONTENT -> MAIN === */
div#mainContainer {
width: 977px;
margin: 0 auto;
padding: 6px 5px 6px 6px;
margin: 7px 0;
background-image: url(/custom/premium/images/semi-trans.png) !important;
background-repeat: repeat;
voice-family: "\"}\""; 
voice-family:inherit;
background-image:url(/custom/premium/images/IE-semi-trans.gif);
}

div#main {
width: 976px;
min-height: 291px;
padding: 20px 0 20px 0;
background: #fefefe url(/custom/premium/images/main_grad_bg.jpg) repeat-x;
}

div#main2 {
width: 976px;
min-height: 200px;
padding: 20px 0 20px 0;
background: #fefefe url(/custom/premium/images/main_grad_bg.jpg) repeat-x;
}

div#main h2,div#main2 h2{
	color: #600;
	font-weight: normal;
	font-size: 1.2em;
	margin: 0 25px 0 25px;
}
div#main p, div#main2 p, div#main ul, div#main2 ul{
	color: #3b3b3b;
	font-weight: normal;
	font-size: 0.8em;
	margin: 20px 25px;
	line-height: 2.2em;
}
div#main p.execData{
	margin-top: -2px;
	line-height: 1.0em;
	color: #600;
}
div#main a, div#main2 a{
	color: #600;
	text-decoration: none;
}
div#main a:hover, div#main2 a:hover{
	text-decoration: none;
	color: #f60;
}
/* === CONTENT -> INTRODUCTION === */
div#content .intro-container {
width: 578px;
_width: 590px;
height: 315px;
margin-right: 7px;
margin-left: 10px;
_margin-left: 5px;
margin-top: 7px;
padding: 6px;
float: left;
background-image: url(/custom/premium/images/semi-trans.png) !important;
background-repeat: repeat;
voice-family: "\"}\""; 
voice-family:inherit;
background-image: url(/custom/premium/images/IE-semi-trans.gif); 
}



.lidiadiv {
float: right;
margin-right: 30px;
padding: 10px; 
width: 350px; 
height: 200px;
}

*:first-child+html .lidiadiv {
}

div#content #introduction {
width: 291px;
height: 291px;
padding-top: 25px;
padding-left: 257px;
padding-right: 30px;
background-image: url(/custom/premium/images/xango_main_bg.jpg);
background-repeat: no-repeat;
background-position: top left;
}



div#content #introduction2 {
width: 291px;
_width: 300px;
height: 307px;
padding-top: 25px;
padding-left: 255px !important;
padding-left: 145px;
padding-right: 30px;
background-image: url(http://www.myxango.com/custom/premium/images/365_videoholder3.jpg);
background-repeat: no-repeat;
background-position: top right;
}

*:first-child+html div#content #introduction2 {
padding-left: 350px;
}

* html div#content #introduction2 {
width: 296px;
}

div#content #introduction h1 {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 21px;
font-weight: normal;
color: #872529;
}
div#content #introduction p {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #f59528;
line-height: 20px;
}
div#content #introduction a, div#content #introduction a:hover {
color: #872529;
text-decoration: none;
font-weight: bold;
} 
/* === CONTENT -> REQUEST INFO === */
div#content .req-container {
width: 379px;
height: 317px;
margin-top: 7px;
padding: 6px;
float: left;
background-image: url(/custom/premium/images/semi-trans.png) !important;
background-repeat: repeat;
voice-family: "\"}\""; 
voice-family:inherit;
background-image:url(/custom/premium/images/IE-semi-trans.gif);
}

*:first-child+html .req-container {
 width: 320px;
 margin-left: 20px;
}
* html div#content div.req-container {
width: 380px;
}

div#content #requestinfo {
width: 355px;
height: 303px;
padding: 25px;
/*
padding-left: 35px;
padding-top: 30px;
padding-right: 35px;
*/
background-image: url(/custom/premium/images/request_info_bg.jpg);
background-repeat: no-repeat;
background-position: top left;
}
* html div#content #requestinfo {
width: 370px;	
}
div#content #requestinfo h1 {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 23px;
font-weight: normal;
color: #FFF;
}
div#content #requestinfo p {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #f59528;
line-height: 20px;
}
div#content #requestinfo img {
margin-top: 10px;
} 
/* === CONTENT -> BOTTOM SECTION === */
div#content #bottom {
width: 100%;
margin-left: 10px;
_margin-left: 5px;
clear: both;
float: left;
display:inline;
}
div#content #bottom ul {
list-style-type: none;
margin: 0;
padding: 0;
}
div#content #bottom ul li {
width: auto;
float: left;
margin-top: 7px;
margin-bottom: 7px;
margin-right: 11px;
padding: 6px;
float: left;
background-image: url(/custom/premium/images/semi-trans.png) !important;
background-repeat: repeat;
overflow: hidden;
voice-family: "\"}\""; 
voice-family:inherit;
background-image:url(/custom/premium/images/IE-semi-trans.gif);
}
/* === CONTENT -> BOTTOM SECTION -> SIGN UP === */
div#content #bottom ul li #signup {
width: 325px;
height: 125px;
background-color: #A8252A;
background-image: url(/custom/premium/images/signup_bg.jpg);
background-repeat: no-repeat;
background-position: top left;
text-align: center;
}
div#content #bottom ul li #signup h1 {
margin: 0;
padding: 0;
padding-top: 3px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: normal;
color: #f59528;
}
div#content #bottom ul li #signup h1 a, div#content #bottom ul li #signup h1 a:hover {
text-decoration: none;
color: #f59528;
}
div#content #bottom ul li #signup h2 {
margin: 0;
margin-top: 13px;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: normal;
color: #f59528;
}
div#content #bottom ul li #signup h2 a, div#content #bottom ul li #signup h1 a:hover {
text-decoration: none;
color: #f59528;
}
div#content #bottom ul li #signup p {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ffffff;
font-weight: normal;
} 
/* === CONTENT -> BOTTOM SECTION -> OPPORTUNITY === */
div#content #bottom ul li #opportunity {
width: 300px;
height: 125px;
/*
padding-left: 50px;
padding-right: 50px;
*/
background-color: #FFF;
background-image: url(/custom/premium/images/opportunity_btn.jpg);
background-repeat: no-repeat;
background-position: top left;
text-align: center;
}
div#content #bottom ul li #opportunity h1 {
margin: 0;
padding: 0;
padding-top: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
color: #f59528;
}
div#content #bottom ul li #opportunity p {
margin: 0;
padding: 0;
margin-left:50px;
margin-right:50px;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #872529;
font-weight: normal;
line-height: 18px;
}
/* === CONTENT -> BOTTOM SECTION -> ELEVIV === */
div#content #bottom ul li #eleviv {
width: 303px;
height: 125px;
background-color: #FFF;
background-image: url(/custom/premium/images/eleviv_bg.jpg);
background-repeat: no-repeat;
background-position: top right;
text-align: center;
}
div#content #bottom ul li #eleviv h1 {
margin: 0 0 0 5px;
padding: 0;
padding-top: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
color: #f59528;
text-align: left;
}
div#content #bottom ul li #eleviv p {
margin: 0 90px 0 5px;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #872529;
font-weight: normal;
text-align: left;
line-height: 18px;
} 
/* === CONTENT -> BOTTOM SECTION -> GOODNESS === */
div#content #bottom ul li #goodness {
width: 303px;
height: 125px;
background-color:#FFF;
background-image: url(/custom/premium/images/glimpse_bg.jpg);
background-repeat: no-repeat;
background-position: top right;
text-align: center;
}
div#content #bottom ul li #goodness h1 {
margin: 0 0 0 5px;
padding: 0;
padding-top: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
color: #f59528;
text-align: left;
}
div#content #bottom ul li #goodness p {
margin: 0 90px 0 5px;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #872529;
font-weight: normal;
text-align: left;
line-height: 18px;
} 
/* === FOOTER STYLES === */
div#footer {
width: 987px;
height: 24px;
margin-top: -35px!important;
margin-top: -10px;
background-image: url(/custom/premium/images/semi-trans.png) !important;
background-repeat: repeat;
clear: both;
voice-family: "\"}\""; 
voice-family:inherit;
background-image:url(/custom/premium/images/IE-semi-trans.gif);
}
*html div#footer{
margin-top: -30px;
}
div#footerMeta{
	width: 500px;
	margin: 0 auto;
	text-align: center;
}
div#footer ul {
width: 400px;
list-style-type: none;
margin: 0;
display: inline;
margin:0 auto;
padding: 0;
}
div#footer ul li {
width: 400px;
display: inline;
margin: 0 auto;
padding: 0;
padding-top: 3px;
padding-left: 15px;
padding-right: 15px;
}
div#footer ul li a, div#footer ul li a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
font-weight: normal;
text-decoration: none;
} 
/*****************lightbox stff****************************/
:focus { -moz-outline-style: none; }
/*#lightbox{
    background-color:#eee;
    padding: 0 10px;
    }
#lightboxCaption, #lightboxClose{
    font-size: 0.8em;
    padding-bottom: 10px;
    color: #666666;
    text-align: center;
    }
#lightboxClose {
    padding: 10px 0 0 0;
    text-align: right;
}
#lightboxPhoto {
    display: block;
    padding: 10px 0;
}
#lightboxClose a {
    color: #666666;
}
#lightboxClose a:hover {
    color: #333333;
}
#lightbox img{ border: none; }
#overlay img{ border: none; }
#overlay{ background-color: #333; }*/
/*floatssssss*/
.floatLeft{
	float:left;
	margin: 10px 10px 0 0;
}
.floatRight{
	float:right;
	margin: 10px 0 0 10px;
}
/*VIDEO PLAYER*/
#player1{
	margin-top: 15px;
}
div#wrapper p.ieBr{
clear:both;
margin-bottom:200px;
}

/*further corrections by joachim guanzon*/

body#index_login #menu{
	background: none;
}
/*****LISTZZZZZZZZZZZ*******/

ul#listKim li {
list-style-type: none;
padding-left: 15px;
background: url(/custom/premium/images/navStar.gif) no-repeat 0 5px;
}

* html ul#listKim {
margin-left: 50px;
}
* html ul#listKim li {
background: url(/custom/premium/images/navStar.gif) no-repeat 0 6px; 
}

div#newNav {
text-align: center;
background: url(/custom/premium/images/pillbar.gif) no-repeat bottom center; 
*padding-top:0;
*width: 990px;
*display:block;
clear:both;
min-height: 36px;
padding-left: 0;
}
div #newNav a{
margin-top: 5px!important;
}
body div#newNav .newNavLinks a{
margin-top:0;
}

* html div#newNav {
width: 990px;
margin: 0 auto;
margin-top:0;
height: 36px;
padding-top: 0px
}
* html div#newNav a {
	padding-bottom: 0px;
}
div#toggler{
width: 153px; 
height: 25px; 
position: relative; 
left: 8px; 
top: 75px;
z-index: 1000; 
cursor: pointer;

}
* html div#toggler{
left: 12px;
top: -2px;
}


div.newNavLinks {
float: left; 
width: 16%; 
margin: 7px 0 0 6px;
background: transparent;
text-align: center;
}

.firstNav{
clear: both;
}

div.newNavLinks a {
color: #600;
text-decoration: none;
text-align: left;
display: block;
text-align: center;
}
div.newNavLinks a:hover {
color: #FFF;
}

div#stretchNav{
text-align: center;
margin: -23px 0 0 0;
line-height: 27px;
z-index: -200;
font-size: 12px;
height	: 160px;
padding: 10px 0;
padding-left: 0;
margin-left: -10px;
background: url(/custom/premium/images/newNav.jpg) no-repeat bottom center;
text-align: center;
}

div#stretchNav div.newNavLinks a{
color: #F90;
}
div#stretchNav div.newNavLinks a:hover{
color: #FFF;
}