/* CSS Document */

html {
	margin: 0;
	padding: 0;
	overflow:-moz-scrollbars-vertical; /* always show firefox scrollbar */
	}

body {
	padding: 0;
	margin: 0;
	color: #666666;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-align: center;
	line-height: 1.4em; /* sets the leading of text */
	}
	
#container {
	position: relative;
	top: 0px; right: 0; bottom: 0; left: 0; /* make is go 0px from top and 0px from bottom */
	width: 780px; /* sets width of main container */
	margin: 0 auto; /* centers box */
	background-color:#FFFFFF;
	}
	
#background {
	position: absolute;
	top: 0px; left: 0px;
	background: url('../images/vipbackground2.gif') no-repeat top center;
	width: 780px;
	height: 400px;
	z-index: 1;
	}	

/* HEADER GRAPHICS - START*/

#header {
	position: relative;
	float: right;
	background: url('../images/headers-sm.jpg') no-repeat top center;
	width: 475px;
	height: 150px;
	margin: 0 0 20px 0;
	}	
	
#header.headAssessment {
	background: url('../images/head-assessment.jpg') no-repeat top center;
	}	
	
#header.headAssociates {
	background: url('../images/head-associates.jpg') no-repeat top center;
	}
	
#header.headbusinessBuildersToolkit {
	background: url('../images/head-businessBuildersToolkit.jpg') no-repeat top center;
	}		

#header.head-busBuildingBluePrint {
	background: url('../images/head-busBuildingBluePrint.jpg') no-repeat top center;
	}		

#header.head-calendarOfEvents {
	background: url('../images/head-calendarOfEvents.jpg') no-repeat top center;
	}			

#header.head-clientResults {
	background: url('../images/head-clientResults.jpg') no-repeat top center;
	}		
	
#header.head-coaching {
	background: url('../images/head-coaching.jpg') no-repeat top center;
	}		
	
#header.head-contactUs {
	background: url('../images/head-contactUs.jpg') no-repeat top center;
	}		
	
#header.head-goalTracking {
	background: url('../images/head-goalTracking.jpg') no-repeat top center;
	}		

#header.head-hiringSystem {
	background: url('../images/head-hiringSystem.jpg') no-repeat top center;
	}		

#header.head-kathyLarson {
	background: url('../images/head-kathyLarson.jpg') no-repeat top center;
	}		

#header.head-leadershipAssessment {
	background: url('../images/head-leadershipAssessment.jpg') no-repeat top center;
	}		

#header.head-marketing {
	background: url('../images/head-marketing.jpg') no-repeat top center;
	}
	
#header.head-newletter {
	background: url('../images/head-newletter.jpg') no-repeat top center;
	}
	
#header.head-testimonials {
	background: url('../images/head-testimonials.jpg') no-repeat top center;
	}	

#header.head-successSequence {
	background: url('../images/head-successSequence.jpg') no-repeat top center;
	}	

#header.head-products {
	background: url('../images/head-products.jpg') no-repeat top center;
	}	

#header.head-register {
	background: url('../images/head-register.jpg') no-repeat top center;
	}	
	
#header.head-theTeamFactor {
	background: url('../images/head-theTeamFactor.jpg') no-repeat top center;
	}	
	
#header.head-theVIPFactor {
	background: url('../images/head-theVIPFactor.jpg') no-repeat top center;
	}	

#header.head-vipForDentists {
	background: url('../images/head-vipForDentists.jpg') no-repeat top center;
	}	

#header.head-vipBusinessBuilder {
	background: url('../images/head-vipBusinessBuilder.jpg') no-repeat top center;
	}

#header.backOffice {
	background: url('../images/head-backOffice.jpg') no-repeat top center;
	}	
	
	
	
/* HEADER GRAPHICS - END*/
	
#newsletter {
	position: absolute;
	top: 25px; 
	left: 40px;
	width: 128px;
	height: 17px;
	z-index: 3;
	display: none;
	}
	
#nav {
	position: absolute;
	top: 90px; 
	left: 300px;
	width: 500px;
	height: 48px;
	z-index: 2;
	}
	
#mainText{
	float: left;
	position: absolute;
	top: 125px; left: 40px;
	width:700px;
	height: 100%;
	text-align: left;
	}
	
#sideBar{
	float: left;
	width: 200px;
	height: 100%;
	margin: 130px 0 0 0;
	}
	
#mainBar{
	float: left;
	width: 470px;
	min-height: 550px;
	padding: 0 0 0 20px;
	margin: 0 0 0 10px;
	background: url('../images/side-bar-back.gif') repeat-y top left;
	}
#mainBarBackOffice{
	float: left;
	width: 600px;
	padding: 0 0 0 20px;
	margin: 0 0 0 10px;
	}
#mainSignUp{
	/*background-color: #339900;*/
	float: left; top: 0; right: 0;
	width: 200px;
	height: 145px;
	margin: 0 0 20px 0px;
	}
	
.mainSignUp{
	float: left; top: 0; right: 0;
	width: 200px;
	margin: 0 0 20px 0px;
	}
	
#sideBarCallouts{
	background-color: #339900;
	float: left;
	width: 200px;
	margin: 0 0 20px 0px;
	}
	
	
#menuMachine{
	float: left; top: 0; right: 0;
	width: 200px;
	height: 250px;
	margin: 0 0 20px 0px;
	}

#footer {
	float: left;
	position: relative;
	clear: both;
	height: 30px;
	width: 700px;
	text-align: center;
	margin-top: 20px;
	font-size: 10px;
	}
	
#popupText {
	position: absolute;
	width: 400px;
	text-align: left;
	margin: 20px;
	}

p { 
	color: #4f4f4f; 
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	line-height: 16px; 
	margin: 5px 0 5px 0;
	}

a:link { 
	color: #6a0004; 
	font-weight: normal; 
	text-decoration: underline; 
	}
	
a:visited { 
	color: #600; 	
	}
	
a:link.footer { 
	color: #666666; 
	text-decoration: none;
	font-weight: normal;
	}
	
a:visited.footer { 
	color: #666666; 	
	}	
	
	
/* START rounded button control */	
a.button {
	background: transparent url('../images/button-back.jpg') no-repeat scroll top right; /* Sliding right image */
    display: block;
    float: left;
    height: 33px; 
    margin-right: 7px;
	margin-bottom: 20px;
    padding-right: 14px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
    /* FONT PROPERTIES */
    text-decoration: none;
    color:#FFFFFF;
    /*font-weight:bold;*/
	}

a.button span {
    background: transparent url('../images/button-back.jpg') no-repeat; /* Background left image */
    display: block;
    line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
    padding: 6px 0 5px 15px;
	} 

a.button:hover span{
    text-decoration:underline;
	color:#FFFFFF;
	}


#button {
	position: relative;  
    float:left;
	margin-right: 100px;
	min-width: 150px;
	}
/* END rounded button control */	

	
a:hover { 
	color: #0073ae; 
	text-decoration: underline;	
	}
	
.leftBarTitle {
	color: #0073ae; 
	font-size: 14px; 
	font-weight: normal; 
	line-height: 16px; 
	margin: 0;
	}

h1 { 
	color: #0073ae; 
	font-size: 20px; 
	line-height: 23px;
	font-weight: bold; 
	font-family: Times New Roman, Serif;
	padding: 0;
	}
	
#header h1{
	margin: 120px 0 0 15px;
	padding: 0 0 15px 0;
	font-family: Times New Roman, serif;
	font-size: 30px;
	}

#header h1.home {
	margin: 80px 0 0 30px;
	padding: 0;	
	font-size: 25px;
	font-family: Times New Roman, serif;
	}
	
h2 { 
	color:#333333;
	font-size: 15px; 
	font-weight: normal; 
	line-height: 17px; 
	margin: 0;
	padding: 0;
	}

h2.home {
	margin: 0 0 0 30px;
	padding: 0;
	font-size: 30px;
	line-height: 1.8em;
	color: #0073ae; 
	font-weight: bold; 
	font-family: Times New Roman, Serif;
	}
	
.bodyBoldBlack { 
	color: #000; 
	font-weight: bold; 
	}
	
h3 { 
	color: #0073ae; 
	font-size: 15px; 
	font-weight: normal; 
	line-height: 19px; 
	margin:0;
	padding: 10px 0 0 0;
	}
	
.bodyBoldBlue { 
	color: #0073ae; 
	font-weight: bold; 
	}
	
#quoteText { 
	position: relative;
	float: left;
	font-size: 11px; 
	font-style: italic; 
	line-height: 15px;
	padding: 15px;
	background: url('../images/testimonial-back.jpg') no-repeat;
	}
	
#quoteTextPage { 
	position: relative;
	float: left;
	width: 175px;
	margin: 0 20px 20px 0;
	font-size: 11px; 
	font-style: italic; 
	line-height: 15px;
	padding: 15px;
	background: url('../images/testimonial-back.jpg') no-repeat;
	}

#quoteTextWide { 
	position: relative;
	float: left;
	width: 440px;
	margin: 20px 0;
	font-size: 11px; 
	font-style: italic; 
	line-height: 15px;
	padding: 15px;
	background: url('../images/testimonial-back-wide.jpg') no-repeat;
	}
	
.bodyBoldBlueItalic { 
	color: #0073ae; 
	font-weight: bold; 
	font-style: italic; 
	}

h4 { 
	color: #fff; 
	font-size: 14px; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-weight: bold; 
	line-height: 16px; 
	margin: 5px; 
	}

a.blueCaps:link { 
	color: #0275ae; 
	font-weight: bold; 
	text-decoration: underline; 
	}

a.italicRed:link { 
	color: #6a0004; 
	font-weight: normal; 
	font-style: italic; 
	text-decoration: underline;
	}

li.backOffice { 
	color: #4f4f4f; 
	font-size: 12px; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	line-height: 20px; 
	margin-left: -20px; 
	}

a.italicBlue:link { 
	color: #0275ae; 
	text-decoration: underline; 
	}

li.backOfficeNumbers { 
	color: #4f4f4f; 
	font-size: 12px; 
	font-family: arial, Verdana, Helvetica, sans-serif; 
	line-height: 20px; 
	margin-left: -10px; 
	}

ul { 
	color: #4f4f4f; 
	font-size: 12px; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	line-height: 20px; 
	list-style-type: disc; 
	padding: 0 0 0 20px; 
	}

/*BACK OFFICE*/	


#mainBar_BackOffice{
	float: left;
	width: 700px;
	}
#backoffice_left{
	float: left;
	width: 340px;
	margin-right: 20px;
	min-height: 300px;
	}
#backoffice_right{
	float: right;
	width: 340px;
	min-height: 300px;
	}

#backoffice_box {
	width: 340px;
	float: left;
	margin-bottom: 30px;
	text-align: left;
	}
#backoffice_box ol, #backoffice_box ul {
	margin: 0 0 10px 50px;
	padding: 0;
	}