@charset "UTF-8";
/* 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Title: Xango
Author: InterDevil.com / XHTMLiT.com
Website: Http://www.XHTMLiT.com / Http://www.INTERDEVIL.com
Description: This is the stylesheet
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;
}
.wrapper {
width : 990px;
margin-left : auto;
margin-right : auto;
padding : 8px;
}
.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-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);
z-index:1;
}
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:0;
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.jpg) no-repeat 117px 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: 1.75em; /* was 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: underline;
	color: #f60;
}
/* === CONTENT -> INTRODUCTION === */
div#content .intro-container {
width : 578px;
margin-right : 7px;
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);
}
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;
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);
}
div#content #requestinfo {
width : 310px;
height : 286px;
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;
}
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%;
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 : 5px;
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 : 330px;
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 : 210px;
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;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #872529;
font-weight : normal;
line-height : 20px;
} 
/* === CONTENT -> BOTTOM SECTION -> GOODNESS === */
div#content #bottom ul li #goodness {
width : 303px;
height : 125px;
background-color:#FFF;
background-image : url(/custom/premium/images/science_bg.jpg);
background-repeat : no-repeat;
background-position : top right;
text-align : center;
}
div#content #bottom ul li #goodness 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 #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;
} 
/* === 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;
}
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;
}