@CHARSET "ISO-8859-1";

body
{
	font-family: Arial, Sans-Serif;
	color:#ffffff;
	margin:0;
	padding:0;
	text-align:center;
	background-color: #282828;
}

img
{
	border: 0;
}

a{
	color:#00D2FF;
}


/* Start header styles */
#header{
	width: 100%;
	height: 185px;
	border-bottom: 4px solid #ffffff;
}

#wizardPicsLogo{
	background:url('/images/wizardPicksLogo.png');
	background-repeat:no-repeat;
	background-position:center;
	height:71px;
	width:339px;
	display: inline;
	float: left;
	margin-top: 23px;
	margin-left:25px;
}

#theWizardLogo{
	background:url('images/theWizardLogo.png');
	background-repeat:no-repeat;
	background-position:center;
	height:67px;
	width:349px;
	float:right;
	display: inline;
	margin-top: 17px;
	margin-right: 10px;
}

#topNav{
	width:100%;
	clear:both;
}

a#login{
	background:url('/images/loginButton.gif');
	background-repeat:no-repeat;
	background-position: 0 0;
	height:32px;
	width:160px;
	float:right;
	margin-bottom: 5px;
	margin-top:12px;
	margin-right: 4px;
}

a#login:hover{
	background-position: 0 -32px;
}

a#tour{
	background:url('/images/tourButton.gif');
	background-repeat:no-repeat;
	background-position: 0 0;
	height:36px;
	width:107px;
	float: left;
	margin-left: 4px;
	margin-right: 1px;
}

a#tour:hover, a#tour.selected{
	background-position: 0 -37px;
}

a#how{
	background:url('/images/howButton.gif');
	background-repeat:no-repeat;
	background-position: 0 0;
	height:37px;
	width:120px;
	float: left;
	margin-right: 1px;
}

a#how:hover, a#how.selected{
	background-position: 0 -37px;
}

a#what{
	background:url('/images/whatButton.gif');
	background-repeat:no-repeat;
	background-position: 0 0;
	height:37px;
	width:208px;
	float: left;
	margin-left: 4px;	
	margin-right: 1px;
}

a#what:hover, a#what.selected{
	background-position: 0 -37px;
}

a#myths{
	background:url('/images/mythsButton.gif');
	background-repeat:no-repeat;
	background-position: 0 0;
	height:37px;
	width:196px;
	float: left;
	margin-right: 1px;
}

a#myths:hover, a#myths.selected{
	background-position: 0 -37px;
}

a#record{
	background:url('/images/recordButton.gif');
	background-repeat:no-repeat;
	background-position: 0 0;
	height:37px;
	width:146px;
	float: left;
	margin-right: 1px;
}

a#record:hover, a#record.selected{
	background-position: 0 -37px;
}

a#signUp{
	background:url('/images/signupButton.gif');
	background-repeat:no-repeat;
	background-position: 0 0;
	height:36px;
	width:245px;
	float: left;
	margin-right: 1px;
	margin-left: 3px;
}

a#signUp:hover{
	background-position: 0 -36px;
}
 /* End Header styles */

#mainContainer
{	
	margin:0 auto;
	padding:0;
	position:relative;
	text-align:left;
	width:930px;
	border-right: 5px solid #ffffff;
	border-left: 5px solid #ffffff;
	color: #ffffff;
}

/* homepage.html styles */
#homeContent{
	background:url('images/homeBackground.gif');
	background-repeat:no-repeat;
	background-position:center;
	width: 930px;
	height: 865px;
}

a#howItWorks{
	background:url('images/howItWorksButton.gif');
	background-repeat:no-repeat;
	background-position: 0 0;
	height:27px;
	width:241px;
	float: left;
	margin-top: 309px;
	margin-left: 228px;
}

a#howItWorks:hover{
	background-position: 0 -27px;
}

a#fullTrackRecord{
	background:url('images/fullTrackRecordButton.gif');
	background-repeat:no-repeat;
	background-position:0 0;
	height:27px;
	width:240px;
	margin-top: 780px;
	margin-right: 36px;
	float:right;
}

a#fullTrackRecord:hover{
	background-position:0 -27px;
}
/* End homepage.html styles */

/* trackrecord.html styles */
#trackRecordContent.mainContent{
	width: 733px;
	height: 754px;
	float:right;
}

#trackRecordContent .dottedLine{
	width:691px;
}

#trackRecordContent #headline{
	background:url('images/trackRecordHeadline.gif');
	background-repeat:no-repeat;
	background-position:center;
	height:163px;
	width:733px;
	
}



#performanceOverview{
	height:135px;
}

#performanceOverview .header{
	background:url('images/performanceOverviewHeader.png');
	background-repeat:no-repeat;
	background-position:center;
	height:17px;
	width:213px;
	margin-top: 5px;
	margin-bottom: 10px;
}

#performanceOverview .text{
	color: #CCD0DE;
	width:440px;
	margin-bottom: 25px;
}

#performanceOverview .chart{
	background:url('images/performanceOverviewChart.png');
	background-repeat:no-repeat;
	background-position:center;
	height:109px;
	width:201px;
	float:right;
	margin-top: -105px;
}

#comparison{
	height:135px;
	margin-top:15px;
}

#comparison .header{
	background:url('images/buyAndHoldHeader.png');
	background-repeat:no-repeat;
	background-position:center;
	height:20px;
	width:329px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#comparison .text{
	color: #CCD0DE;
	width:440px;
	margin-bottom: 25px;
}

#comparison .chart{
	background:url('images/buyAndHoldChart.png');
	background-repeat:no-repeat;
	background-position:center;
	height:109px;
	width:201px;
	float:right;
	margin-top: -105px;
}

a.learnMore{
	background:url('images/learnMoreButton.gif');
	background-repeat:no-repeat;
	background-position: 0 0;
	height:22px;
	width:101px;
	float:left;
	margin-top: -10px;
}

a.learnMore:hover{
	background-position: 0 -22px;
}

#tradeResults{
	height:135px;
	margin-top:15px;
}

#tradeResults .header{
	background:url('images/tradeResultsHeader.png');
	background-repeat:no-repeat;
	background-position:center;
	height:16px;
	width:129px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#tradeResults .text{
	color: #CCD0DE;
	width:450px;
	margin-bottom: 25px;
}

#tradeResults .chart{
	background:url('images/tradeResultsGraphic.gif');
	background-repeat:no-repeat;
	background-position:center;
	height:122px;
	width:203px;
	float:right;
	margin-top: -105px;
}

/* End trackrecord.html styles */


/* whatis.html styles */

#whatIsContent #headline{
	height:0px;
	width:930px;
}

#whatIsContent #sideNav{
	width:0px;
	border:0px;
}

#whatIsContent .mainContent{
	width: 930px;
	height: 785px;
	float:right;
}


#whatIsContent .dottedLine{
	width:883px;
}

#whatItIs{
	height:140px;
}

#whatItIs .header{
	background:url('images/whatIsItHeader.png');
	background-repeat:no-repeat;
	background-position:center;
	height:28px;
	width:123px;
	margin-top: 20px;
	margin-bottom: 5px;
	margin-left: -4px;
}

#whatItIs .image{
	background:url('images/whatIsItImage.png');
	background-repeat:no-repeat;
	background-position:center;
	height:133px;
	width:173px;
	float:right;
	margin-top: -120px;
}

#whatItIs .text{
	color: #ffffff;
	width:658px;
}

#howItWorks{
	height:235px;
}

#howItWorks .header{
	background:url('images/howItWorksHeader.png');
	background-repeat:no-repeat;
	background-position:center;
	height:28px;
	width:166px;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: -4px;
}

#howItWorks .text{
	color: #ffffff;
	width:635px;
	margin-bottom: 25px;
}

#howItWorks #arrows{
	float:right;
	margin-top: -200px;
	width:155px;
	margin-right:20px;
}

#howItWorks #upArrow{
	float:left;
	margin-top:5px;
}

#howItWorks #downArrow{
	float:left;
	margin-top:5px;
}


#howItWorks #downArrowText, #howItWorks #upArrowText{
	font-style:italic;
	color:#D9DBE5;
	width: 115px;
	margin-left:40px;
}	

#whatYouGet{
	margin-top:20px;
}

#whatYouGet .header{
	background:url('images/whatYouGetHeader.png');
	background-repeat:no-repeat;
	background-position:center;
	height:28px;
	width:167px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: -5px;
}

#whatYouGet .text{
	color: #ffffff;
	width:535px;
	margin-bottom: 25px;
	float:left;
}

#whatYouGet .text ul{
	padding-left: 12px;
}

#whatYouGet .text ul li{
	padding-bottom: 7px;
}

#whatYouGet #clickImageContainer{
	float:right;	
	text-align:center;
	margin-top: -45px;
}

#whatYouGet .image{
	background:url('images/whatYouGetImage.gif');
	background-repeat:no-repeat;
	background-position:center;
	height:225px;
	width:275px;
	display:block;
}

/* End of whatis.html styles */


/* tour.html styles */
#tourContent{
	height:733px;	
	text-align:center;
}

#tourContent .text{
	font-size:18px;
	margin-top:40px;
	margin-bottom:20px;
}

/* end of tour.html styles */

/* 3myths.html styles */

#mythsContent.mainContent, #myth1Content.mainContent, #myth2Content.mainContent, #myth3Content.mainContent{
	width: 733px;
	height: 800px;
	float:right;
}

#myth3Content.mainContent{
	height: 872px;
}

#mythsContent .dottedLine, #myth1Content .dottedLine, #myth2Content .dottedLine, #myth3Content .dottedLine{
	width:691px;
}

#mythsContent #headline{
	background:url('images/3mythsHeadline.png');
	background-repeat:no-repeat;
	background-position:top left;
	height:84px;
	width:677px;
	margin-left:25px;
	margin-top:25px;
	margin-bottom:10px;
}

#myth1Content #headline{
	background:url('images/myth1HeadlineLg.png');
	background-repeat:no-repeat;
	background-position:top left;
	height:82px;
	width:618px;
	margin-left:25px;
	margin-top:25px;
	margin-bottom:10px;
}

#myth2Content #headline{
	background:url('images/myth2HeadlineLg.png');
	background-repeat:no-repeat;
	background-position:top left;
	height:82px;
	width:626px;
	margin-left:25px;
	margin-top:25px;
	margin-bottom:15px;
}

#myth3Content #headline{
	background:url('images/myth3HeadlineLg.png');
	background-repeat:no-repeat;
	background-position:top left;
	height:103px;
	width:683px;
	margin-left:25px;
	margin-top:25px;
	margin-bottom:15px;
}

#mythsContent #overview .text{
	font-size:14px;
	font-style: normal;
}

#mythsContent .text{
	font-size:16px;
	font-style: italic;
	line-height: 24px;
	text-align:left;
}

#myth1Content .text, #myth2Content .text, #myth3Content .text{
	font-size:16px;
	line-height: 22px;
}

#mythsContent .text .truthText{
	margin-left:85px;
	width:530px;
}

#examples{
	margin-top:10px;
	margin-bottom:5px;
	width:665px;
}

#myth3Content #examples{
	margin-top: 10px;
	margin-bottom:15px;
}

#examples ol{
	padding-left:17px;
	margin-top: 0px;
	margin-bottom:0px;	
}

#examples ol li{
	padding-bottom:10px;	
}


#myth1 .header{
	background:url('images/myth1Header.png');
	background-repeat:no-repeat;
	background-position:center;
	height:27px;
	width:477px;
	margin-top:10px;
	margin-bottom:10px;
}

#myth2 .header{
	background:url('images/myth2Header.png');
	background-repeat:no-repeat;
	background-position:center;
	height:27px;
	width:480px;
	margin-top:10px;
	margin-bottom:10px;
}

#myth3 .header{
	background:url('images/myth3Header.png');
	background-repeat:no-repeat;
	background-position:center;
	height:49px;
	width:598px;
	margin-top:10px;
	margin-bottom:10px;
}

#mythsContent .learnMore{
	float:right;
	margin-bottom: 10px;
	margin-top: 10px;
}

.theTruth{
	text-decoration: underline;
	color:#D5F799;
	float:left;
	font-weight:bold;
}

.mythHeadlineText{
	font-size: 21px;
	line-height:27px;
	font-style: italic;
	margin-left:25px;
	margin-top:10px;
	margin-bottom:10px;
	width:540px;
}

#myth1Content #charts{
	margin-top:30px;
	margin-bottom:20px;
	width:650px;
	font-size:12px;
	line-height:16px;
}

#myth1Content #chart1Container{
	float:left;
	text-align:center;
	margin-left:100px;
}

#myth1Content #chart1{
	background:url('images/myth1Chart1.gif');
	background-repeat:no-repeat;
	background-position:top left;
	height:140px;
	width:184px;
	margin-bottom:5px;
	display:block;
}

#myth1Content #chart2Container{
	float:right;
	text-align:center;
	margin-right:75px;
}

#myth1Content #chart2{
	background:url('images/myth1Chart2.gif');
	background-repeat:no-repeat;
	background-position:top left;
	height:140px;
	width:201px;
	margin-left:5px;
	margin-bottom:5px;
	display:block;
}

#results{
	margin-top:15px;
}

#myth2Content #results{
	margin-top:15px;
	width:683px;	
}

#myth2Content #results .text{
	width:450px;
	margin-left: auto;
	margin-right: auto;	
}

#myth2Content #charts{
	margin-top:20px;
	margin-bottom:10px;
	width:683px;
	font-size:16px;
	line-height:22px;
}

#myth2Content #charts #textContainer{
	width:485px;
}

#myth2Content #charts #textContainer p{
	padding-bottom:15px;
}

#myth2Content #charts #chartContainer{
	float:right;
	text-align:center;
	margin-top:-195px;
}

#myth2Content #charts #chartContainer .clickImageText{
	width:150px;
	display:block;
	margin-left:5px;
}

#myth2Content #charts #chart{
	background:url('images/myth2Chart.gif');
	background-repeat:no-repeat;
	background-position:top left;
	height:87px;
	width:160px;
	margin-bottom:5px;
	display:block;
}

#myth3Content #analysis{
	margin-top:20px;
	margin-bottom:20px;
}

#myth3Content #profitContainer{
	margin-top:20px;
}

#myth3Content #profitTable{
	background:url('images/myth3ProfitLoss.png');
	background-repeat:no-repeat;
	background-position:top left;
	height:170px;
	width:256px;
	margin-left:20px;
	margin-top:5px;
	display:block;
	float:left;
}

#profitContainer .text{
	float:right;
	width:290px;
	font-size:14px;
	line-height:20px;
	margin-right:50px;
}

#profitContainer .verticalDottedLine{
	height:184px;
	float:left;
	margin-left:40px;
	margin-top:5px;
}

a.goToNextMyth{
	text-align:center;
	display:block;
	font-style:italic;
	font-weight:bold;
}

a.goToNextMyth:hover{
	color:#d5f799;
}

#myth3Content a.goToNextMyth{
	color:#d5f799;
}

#myth3Content a.goToNextMyth:hover{
	color:#00D2FF;
}
/* End of 3myths.html styles */

/* howToUse.html styles */

#howToUseContent.mainContent{
	height: 490px;
	width: 930px;
	float:right;
}

#howToUseContent .dottedLine{
	width:883px;
}

#howToUseContent #headline{
	background:url('images/howToUseHeadline.png');
	background-repeat:no-repeat;
	background-position:top left;
	height:33px;
	width:455px;
	margin-left:25px;
	margin-top:25px;
	margin-bottom:10px;
}

#sideNav.howToUse{
	height:0px;
	width:0px;
	border:none;
}

#howToUseContent .text{
	margin-top:10px;
	margin-bottom:10px;
	font-size:16px;
	line-height:22px;
}

#howToUseContent #videosContainer{
	margin-left:50px;
}

#howToUseContent #videosContainer .dottedLine{
	width:845px;	
	margin-left:0px;
}

#howToUseContent #videosContainer .videoContainer{
	margin-top:15px;
	margin-bottom:15px;
}

.videoContainer .title{
	font-size:20px;
	color:#00d2ff;
	
}
.videoContainer .description{
	margin-left:25px;
	font-size:13px;
	margin-top:5px;
	color:#cccfdb;
	
}
.videoContainer a.playButton{
	background:url('images/playButton.png');
	background-repeat:no-repeat;
	background-position:top left;
	height:22px;
	width:96px;	
	float:right;
	margin-right:175px;
	margin-top:-20px;
}

.videoContainer a.playButton:hover{
	background-position: 0 -22px;
}
/* End howToUse.html styles */

/* performanceStats.html styles */
#performanceStatsContent.mainContent{
	width: 733px;
	height: 672px;
	float:right;
}

#performanceStatsContent .dottedLine{
	width:691px;
}

#performanceStatsContent #headline{
	background:url('images/performanceStatsHeadline.png');
	background-repeat:no-repeat;
	background-position:center;
	height:33px;
	width:334px;
	margin-top:25px;
	margin-left:20px;
	margin-bottom:10px;
}

#performanceStatsContent #performanceSummary{
	background:url('images/performanceSummary.png');
	background-repeat:no-repeat;
	background-position:center;
	height:159px;
	width:695px;
	margin-left:20px;
	margin-top:25px;
}

#performanceStatsContent #arrowsText{
	margin-top:10px;
	margin-left:23px;
}

#performanceStatsContent #arrowsText .text{
	font-size:14px;
	line-height:20px;
}

#performanceStatsContent #arrows{
	background:url('images/performanceArrows.png');
	background-repeat:no-repeat;
	background-position:center;
	height:27px;
	width:9px;
	float:left;
	margin-top:7px;
	margin-right:10px;
}

#performanceStatsContent #equityCurve{
	margin-top:30px;
}

#performanceStatsContent #equityCurve .chart{
	background:url('images/equityCurveChart.png');
	background-repeat:no-repeat;
	background-position:center;
	height:249px;
	width:360px;
	float:left;
	margin-left:-7px;
}

#performanceStatsContent .results{
	float:right;
	width:300px;
	margin-left:24px;
}

#performanceStatsContent .results .title{
	line-height:25px;
	margin-bottom:5px;
}

#performanceStatsContent .results #initialInvestment{
	line-height:20px;
	margin-top:10px;
}

#performanceStatsContent .results #currentCapital{
	line-height:20px;
	margin-top:10px;
}

#performanceStatsContent .results #returnOnInvestment{
	line-height:20px;
	margin-top:10px;
}

#performanceStatsContent #equityCurve .dottedLine{
	width:310px;
	margin-left:0px;
}
/* end performanceStats.html styles */

/* buyAndHold.html styles */
#buyAndHoldContent.mainContent{
	width: 733px;
	height: 780px;
	float:right;
}

#buyAndHoldContent .dottedLine{
	width:691px;
}

#buyAndHoldContent #headline{
	background:url('images/buyAndHoldHeadline.gif');
	background-repeat:no-repeat;
	background-position:center;
	height:76px;
	width:733px;
	margin-top:25px;
}

#buyAndHoldContent .key{
	float:right;
	width:300px;
	margin-left:24px;
}

#buyAndHoldContent .key .dottedLine{
	width:310px;
	margin-left:0px;
}

#buyAndHoldContent .key .colors{
	background:url('images/chartColorKey.png');
	background-repeat:no-repeat;
	background-position:center;
	height:60px;
	width:17px;
	float:left;
	margin-top:42px;
	margin-right:10px;
}

#buyAndHoldContent .key .greenText{
	font-size:19px;
	color:#05da0f;
}

#buyAndHoldContent .key .redText{
	font-size:19px;
	color:#de171a;
}

#buyAndHoldContent .key .explanation{
	width:250px;
}


#buyAndHoldContent .key .wizardPics{
	float:left;
	line-height:23px;
	margin-top:10px;
}

#buyAndHoldContent .key .buyAndHold{
	float:left;
	margin-top:10px;
	line-height:23px;
}

#buyAndHoldContent .key .initialInvestment{
	margin-left:30px;
	padding-top:1px;
	margin-top:10px;
	margin-bottom:20px;
}

#buyAndHoldContent #firstRange{
	margin-top:20px;
}

#buyAndHoldContent #firstRange .chart{
	background:url('images/buyAndHoldRange1.png');
	background-repeat:no-repeat;
	background-position:center;
	height:222px;
	width:360px;
	float:left;
	margin-left:-7px;
}

#buyAndHoldContent #firstRange .key .header{
	background:url('images/firstRangeTitle.png');
	background-repeat:no-repeat;
	background-position:center;
	height:51px;
	width:265px;
	margin-bottom:10px;
	margin-left:-5px;
	margin-top:-3px;
}

#buyAndHoldContent #firstRange .key .text{
	margin-bottom:10px;
}

#buyAndHoldContent #secondRange{
	margin-top:30px;
	height:260px;
}

#buyAndHoldContent #secondRange .chart{
	background:url('images/buyAndHoldRange2.png');
	background-repeat:no-repeat;
	background-position:center;
	height:222px;
	width:360px;
	float:left;
	margin-left:-7px;
}



#buyAndHoldContent #secondRange .key .header{
	background:url('images/secondRangeTitle.png');
	background-repeat:no-repeat;
	background-position:center;
	height:51px;
	width:265px;
	margin-bottom:10px;
	margin-left:-5px;
	margin-top:-3px;
}

#buyAndHoldContent #secondRange .key .text{
	margin-bottom:10px;
}

#buyAndHoldContent #disclaimer{
	font-size:11px;
	line-height:15px;
	float:left;
	text-align:left;
	margin-left:40px;
	margin-top:-40px;
}

/* end buyAndHold.html styles */

/* tradeResults.html styles */
#tradeResultsContent.mainContent{
	width: 733px;
	height: 750px;
	float:right;
}

#tradeResultsContent .dottedLine{
	width:691px;
}

#tradeResultsContent #headline{
	background:url('images/tradeResultsHeadline.png');
	background-repeat:no-repeat;
	background-position:center;
	height:33px;
	width:573px;
	margin-top:30px;
	margin-left:25px;
	margin-bottom:15px;
}

#tradeResultsContent #placeholderImage{
	background:url('images/tradeResultsPlaceholder.png');
	background-repeat:no-repeat;
	background-position:center;
	height:613px;
	width:695px;
	margin-left:20px;
}
/* end tradeResults.html styles */

/* Myths side nav */

#sideNav.myths{
	height: 800px;
}

#sideNav.myth3{
	height: 872px;
}

a#myth1Nav{
	background:url('images/myth1Button.gif');
	background-repeat:no-repeat;
	background-position: 0 0;
	height:40px;
	width:192px;
	float: left;
	border-top: 1px solid #929292;
	border-bottom: 1px solid #929292;
}

a#myth1Nav:hover, a#myth1Nav.selected{
	background-position: 0 -40px;
}
a#myth2Nav{
	background:url('images/myth2Button.gif');
	background-repeat:no-repeat;
	background-position: 0 0;
	height:40px;
	width:192px;
	float: left;
	border-bottom: 1px solid #929292;
}

a#myth2Nav:hover, a#myth2Nav.selected{
	background-position: 0 -40px;
}

a#myth3Nav{
	background:url('images/myth3Button.gif');
	background-repeat:no-repeat;
	background-position: 0 0;
	height:40px;
	width:192px;
	float: left;
	border-bottom: 1px solid #929292;
}

a#myth3Nav:hover, a#myth3Nav.selected{
	background-position: 0 -40px;
}

/* End Myths side nav */


/* Track record side nav */
#sideNav.trackrecord{
	height: 754px;
}
#sideNav.performanceStats{
	height: 672px;
}
#sideNav.buyAndHold{
	height: 780px;
}

#sideNav.tradeResults{
	height: 750px;
}

a#performanceStatsNav{
	background:url('images/performanceStatsButton.gif');
	background-repeat:no-repeat;
	background-position: 0 0;
	height:40px;
	width:192px;
	float: left;
	border-top: 1px solid #929292;
	border-bottom: 1px solid #929292;
}

a#performanceStatsNav:hover, a#performanceStatsNav.selected{
	background-position: 0 -40px;
}
a#buyAndHoldNav{
	background:url('images/buyAndHoldButton.gif');
	background-repeat:no-repeat;
	background-position: 0 0;
	height:59px;
	width:192px;
	float: left;
	border-bottom: 1px solid #929292;
}

a#buyAndHoldNav:hover, a#buyAndHoldNav.selected{
	background-position: 0 -59px;
}

a#tradeResultsNav{
	background:url('images/tradeResultsButton.gif');
	background-repeat:no-repeat;
	background-position: 0 0;
	height:40px;
	width:192px;
	float: left;
	border-bottom: 1px solid #929292;
}

a#tradeResultsNav:hover, a#tradeResultsNav.selected{
	background-position: 0 -40px;
}
/* Track record side nav */

/*  homeCallout.html styles */
#homeCallout{
	background:url('images/homeCalloutBackground.gif');
	background-repeat:repeat-x;
	background-position: top left;
	width:288px;
	height:219px;
	text-align:left;
	/* This is here to stop the testimonials margin
		from colapsing*/
	padding-top:1px;	
}

#homeCallout .dottedLine{
	width:259px;
	margin-left:0px;
	margin-bottom:6px;
}

#homeCallout .text{
	margin-bottom:3px;
	margin-left:3px;
	width:253px;
}

#testimonials, #videoTours{
	margin-left:15px;
}

#testimonials .header{
	background:url('images/testimonialsHeader.png');
	background-repeat:no-repeat;
	background-position:center;
	height:21px;
	width:101px;
	margin-top:10px;
	margin-bottom:5px;
	margin-left:-3px;
	
}

#videoTours .header{
	background:url('images/videoToursHeadline.png');
	background-repeat:no-repeat;
	background-position:center;
	height:21px;
	width:97px;
	margin-top:18px;
	margin-bottom:5px;	
	margin-left:-3px;
}

#homeCallout a{
	font-size:12px;
	margin-left:3px;
}

#homeCallout a:hover{
	color:#d5f799;
}

/* end Homecallout.html styles */

/* Footer styles */
#footer{
	width: 100%;
	color: #ffffff;
	border-top: 4px solid #ffffff;	
	padding-top: 18px;
	padding-bottom: 45px;
}

#bottomNav{
	float: left;
	font-size: 12px;	
	margin-left: 15px;
}

#bottomNav a{
	text-decoration: none;
	color: #ffffff;	
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #ffffff;
}

#bottomNav a.last{
		border-right: 0px;
}

#disclaimer{
	font-size: 10px;
	float: right;
	width: 335px;
	text-align: right;
	margin-right: 15px;
	
}
/* End Footer Styles */


/* Common styles */
.clear{
	clear:both;
}

.height25{
	height:25px;	
}
.height20{
	height:20px;	
}
.height15{
	height:15px;	
}
.height10{
	height:10px;	
}
.height5{
	height:5px;	
}

.dottedLine{
	background:url('images/dottedLine.gif');
	background-repeat:repeat-x;
	background-position:center;
	height:1px;
	margin-left:23px;
}

.verticalDottedLine{
	background:url('images/verticalDottedLine.gif');
	background-repeat:repeat-y;
	background-position:top left;
	width:1px;
}

.text{
	line-height: 18px;	
	font-size: 12px;
}

.mainContent{
	background:url('images/contentBackground.gif');
	background-repeat:repeat-x;
	background-position: top left;	
}

.content{
	margin-left:25px;
	margin-right:30px;
}

.underline{
	text-decoration: underline;	
}

.bold{
	font-weight: bold;
}

#sideNav{
	background:url('images/sideNavBackground.gif');
	background-repeat:repeat-y;
	background-position:center;
	width: 192px;
	border-right: 5px solid #ffffff;
	float: left;	
}

.greenish{
	color:#D5F799;	
}

.lightBlue{
	color:#00D2FF;	
}

.mainContent p{
	margin:0;
	padding:0;
}

a.clickImageText{
	color:#ffffff;
	font-size: 12px;
	font-style:italic;
	text-decoration:none;
}

a.clickImageText:hover{
	color:#00D2FF;
	text-decoration:underline;
}

.size20{
	font-size:20px;
}
.size14{
	font-size:14px;	
}
.size16{
	font-size:16px;	
}
.size17{
	font-size:17px;	
}
.size19{
	font-size:19px;	
}
.size21{
	font-size:21px;	
}

#upArrow{
	background:url('images/upArrow.png');
	background-repeat:no-repeat;
	background-position:center;
	height:14px;
	width:18px;
}

#downArrow{
background:url('images/downArrow.png');
	background-repeat:no-repeat;
	background-position:center;
	height:14px;
	width:18px;
}