* { border: 0px; padding: 0px; position: relative; margin: 0px; font-family: MyriadPro-Light, Myriad, Lucida Grande, Arial; }

body {
	background-color: #000000;
    margin: 0px;
	}
hr {
    border: 0;
    background-color: #333333;
    height: 1px;
    opacity: 0.5;
    }
.hrHeader {
	width: 300px;
	margin: 3px auto 8px auto;
	}
.hrHeadLineBottom  {
	margin-bottom: 20px;
	}  
.hrFooterTop {
	margin-top: 25px;
	}
.hrCopyRightsBottom {
	margin-bottom: 20px;
	}
#TheContainer {
	margin: 0px auto;
	padding-top: 25px;
	width: 900px;
	z-index: 1;
	}
.bodytext {
	font-size: 10pt;
	line-height: 13pt;
	color: #888888;
	text-align: justify;
	}
#string {
    width: 20px; height: 45px;
    top: -15px; right: 30px;
    border: 0px;
    position: absolute;
    -webkit-transition: top 0.3s ease-out;
    -moz-transition: top 0.3s ease-out;
    }
.LightStrings {
    background-image: url(../Images/LightsOff.png);
    background-position: top center;
    background-repeat: no-repeat;    
    width: 20px;
    height: 45px;
    }
/*------------- The Content ---------------*/	
	
#TheContent  {
	width: 100%;
	z-index: 2;
	} 
#TheBody  {
	width: 100%; height: auto;
	}
.ListingsLinks {
	font-size: 10pt;
	line-height: 24px;
	color: #888888;
	text-transform: lowercase;
	}
.SectionTitle {
	font-size: 14pt;
	color: #3FA6EE;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 15px;
	}
.TopSectionTitle {
	font-size: 18pt;
	line-height: 14pt;
	color: #666666;
	text-transform: uppercase;
	margin-bottom: 30px;
	}

.SubSectionTitle {
	font-size: 10pt;
	line-height: 10pt;
	color: #555555;
	text-transform: uppercase;
	margin-left: 5px;
	}
.TopicTitle {
	font-size: 12pt;
	line-height: 12pt;
	color: #3FA6EE;
	margin-bottom: 15px;
	}
.TopicButton {
	font-size: 10pt;
	font-weight: bold;
	line-height: 12pt;
	color: #999999;
	}
ul.bullet {
	margin: 10px 0px 10px 25px;
	}
.RealtorName {
    font-family: MyriadPro-Light, Myriad, Lucida Grande, Arial;
	font-size: 12pt;
	line-height: 14pt;
	color: #666666;
	text-transform: uppercase;
	margin: 5px 0px 5px 0px;
	text-align: center;
	}
.RealtorTitle {
    font-family: MyriadPro-Light, Myriad, Lucida Grande, Arial;
	font-size: 10pt;
	line-height: 10pt;
	color: #999999;
	text-align: center;
	text-transform: lowercase;
	}

    	
/*------------- Header ---------------*/	
	
#TheHeader {
	width: 100%;
	text-align: center;
	margin: 0px auto 35px auto;
	}
#HeaderName {
    font-family: MyriadPro-Light, Myriad, Lucida Grande, Arial;
	font-size: 30pt;
	line-height: 30pt;
	color:  #3FA6EE;
	text-transform: uppercase;
	letter-spacing: 2px;
	}
.LastName	{
    font-family: MyriadPro-Light, Myriad, Lucida Grande, Arial;
	color:  #888888;
	}

#BrokerTitle {
    font-family: MyriadPro-Light, Myriad, Lucida Grande, Arial;
	font-size: 10pt;
	color:  #999999;
	letter-spacing: 1px;
	}	
	
/*------------- Navigation ---------------*/	
	
#navigation {
    font-family: MyriadPro-Light, Myriad, Lucida Grande, Arial;
	font-size: 12pt;
	line-height: 12pt;
	color: #999999;
	text-transform: uppercase;
    letter-spacing: 1px;
    white-space: nowrap;
    text-align: center;
    margin-bottom: 5px;
	}
.Navigation {
    margin-left: 15px;
    margin-right: 15px;
	}

/*------------- Head Line ---------------*/	

#HeadLine  {
	font-family: MyriadPro-Light, Myriad, Lucida Grande, Arial;
	font-size: 20pt;
	line-height: 45px;
	color: #3FA6EE;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-left: 30px;
	height: 40px;
	}  
.LastPart {
	font-family: MyriadPro-Light, Myriad, Lucida Grande, Arial;
	color: #666666;
	}
	

/*----------------------------------------------------------------------
FOOTER (COPYRIGHTS)
----------------------------------------------------------------------*/
.copyrights {
    width: 900px;
	margin: 0 auto;
    padding: 10px 0px 8px 0px;
    cursor: default;
    color: #666;
    }
.copyrights * {
	font-family: Myriad Pro, Helvetica Neue, Helvetica, Arial;
	font-size: 10pt; line-height: 10pt;
    text-shadow: 0px 0px 4px rgba(255,255,255,0.0), 0px 0px 30px rgba(255,255,255,0.0);
	}


.copyrights a { color: #666; }
.copyrights a:hover { color: #FFF; text-shadow: 0px 0px 4px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8); }
.copyrights a:active { color: #444; text-shadow: 0px 0px 4px rgba(255,255,255,0.0), 0px 0px 30px rgba(255,255,255,0.0); }

/*------------- The Footer ---------------*/	

#TheFooter  {
	width: 100%;
	height: 110px;
	position: relative;
	}
	   	
.FooterLogo {
    background: url(../Images/FooterLogo1.png) center left no-repeat;
    width: 260px;
    height: 97px;
    float: left;
    margin-left: 30px;
    }
.FooterSocialNetworking {
    width: 320px;
    height: 110px;
    float: left;
    text-align:center;
	padding-top:15px;
    }
.FooterNumbers {
	text-align: right;
	float:right;
	margin:15px 30px 0 0;
    height: 110px;
	width: 260px;
	font-size: 16pt;
	color: #555555;
	text-transform: uppercase;
	letter-spacing: 1px;
    }
.FooterNumbersText {
	font-size: 14pt;
	color: #3FA6EE;
	}
#TheCopyRights  {
	width: 100%;
	height: 20px;
	position: relative;
	margin-top: 8px;
	}
#CopyRightsLeft  {
	padding-left:30px;
	float:left;
	
	}
#CopyRightsRight  {
	padding-right:30px;
	float:right;
	}
.FooterLinks {
	font-size: 9pt;
	line-height: 8pt;
	color: #777777;
	}
	
/*------------- The HomeButton ---------------*/	

#ButtonHome	{
	width: 860px;
	margin: 0px auto 10px auto;
	}

.HomeButtons {
	font-size: 10pt;
    line-height: 10pt;
	color: #888888;
	text-transform: uppercase;
	}
.HomeButtons2 {
	font-size: 10pt;
    line-height: 10pt;
	color: #888888;
	text-transform: uppercase;
	}
.HomeButtons img {
	margin-bottom: 8px;
	border: 0px;
	}
.HomeButtons2 img {
	margin: 6px 0px 8px 0px;
	border: 0px;
	}
	
/*------------- The Motrgate Calculator, Submit and Reset Buttons  ---------------*/	
	
.CalcTitle {
	font-size: 16pt;
	color: #3FA6EE;
	font-weight:bold;
	margin-bottom: 6px;
	}
.ResetButton2 {
    background-image: url(../Images/Button-Reset2.png);
    width: 80px;
    height: 25px;
    background-color: transparent;
    border: none;
    margin-top: 25px;
    }
.CalculateButton {
    background: url(../Images/Button-Calculate.png) transparent;
    width: 80px;
    height: 25px;
    border: none;
    margin-top: 25px;
    }    
#LandTransfer {
	width: 100%;
	padding: 0px 0px 30px 30px;
	}
#MortgageCalculator {
	width: 100%;
	padding-left: 30px;
	}
#LandTransfer .Cell {
	padding-bottom: 10px;
	}
#MortgageCalculator .Cell {
	padding-bottom: 10px;
	}
/*------------- Contact Page  ---------------*/	

.ContactInfo {
	font-size: 12pt;
	color: #fff;
	font-weight: bold;
	text-shadow: 0px 1px 0px #666666;
	}
.ContactButton {
	width:150px; height:49px;
	display:table;
	background:url(../images/contactButton.png) top center no-repeat;
	}
.ContactButtonInside {
	width:150px; height:49px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	
}
.BrokerageName {
	font-size: 14pt;
	color: #3FA6EE;
	font-weight: bold;
	margin-bottom: 15px;
	}
.BrokerageAddress {
	font-size: 12pt;
	line-height: 14pt;
	color: #999999;
	}
#Contact {
	width:870px; height:auto;
	margin-left: 30px;
	}
.ContentLeft {
	float:left;
	width: 660px; height: auto;
	}
.ContentRight {
	float:right;
	width: 150px; height: auto;
	text-align: right;
	}

.ContentRight img {
	border: 0px;
	}

/*------------- Profile Page  ---------------*/	

#ProfileContent {
	width: 870px; height:auto;
	margin-left: 30px;
	}
.ProfileText {
	margin-bottom: 25px; margin-left: 30px;
	}

/*------------- Testimonial Page  ---------------*/

#TestimonialContent	{
	width: 100%;
	padding: 0px 30px 0px 30px;
	}

.TestimonialsProviderName {
	margin: 20px 0px 20px 0px;
	font-size: 12pt;
	line-height: 20px;
	color: #3FA6EE;
	}	
		    
/*------------- The Form ---------------*/	

.FormField {
	font-size: 11pt;
	color: #777777;
	margin-bottom: 4px;
	}
.FormFieldSmall {
	font-size: 10pt;
	color: #777777;
	}
#FormTextFieldSmall {
	font-size: 13px;
	color: #333333;
	text-shadow: 0px 1px 0px #FFFFFF;
	border:1px solid #365cb2;
	background-color: #EEEEEE;
	padding: 6px;
	-webkit-box-shadow: 0px 0px 5px 0px #365cb2 inset;
	-moz-box-shadow: 0px 0px 5px 0px #365cb2 inset;
	box-shadow: 0px 0px 5px 0px #365cb2 inset;
	}


/*------------- Slide Show ---------------*/	
	
#slideshow {
    position: relative;
    width: 900px;
    height: 300px;
    margin: 10px 0px 10px 0px;
    }
#slideshow IMG {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    opacity: 0.0;
    }
#slideshow IMG.active {
    z-index: 10;
    opacity: 1.0;
    }
#slideshow IMG.last-active {
    z-index: 9;
    }

/*------------- All Links and Hover ---------------*/

#string:active { width: 20px; height: 45px; top: 0px; right: 30px; position: absolute; }

#navigation a:link                     {color: #999999; text-decoration: none;}
#navigation a:active					{color: #999999; text-decoration: none;}
#navigation a:visited 				{color: #999999; text-decoration: none;}
#navigation a:hover 					{color: #3FA6EE; text-decoration: none;}

.FooterLinks a:link                     {color: #777777; text-decoration: none;}
.FooterLinks a:active					{color: #777777; text-decoration: none;}
.FooterLinks a:visited 				{color: #777777; text-decoration: none;}
.FooterLinks a:hover 					{color: #3FA6EE; text-decoration: none;}

.HomeButtons a:link                 {color: #888888; text-decoration: none;}
.HomeButtons a:active				{color: #888888; text-decoration: none;}
.HomeButtons a:visited 			{color: #888888; text-decoration: none;}
.HomeButtons a:hover 				{color: #3FA6EE; text-decoration: none;}

.HomeButtons2 a:link                 {color: #888888; text-decoration: none;}
.HomeButtons2 a:active				{color: #888888; text-decoration: none;}
.HomeButtons2 a:visited 			{color: #888888; text-decoration: none;}
.HomeButtons2 a:hover 				{color: #3FA6EE; text-decoration: none;}


.ListingsLinks a:link                   {color: #666666; text-decoration: none;}
.ListingsLinks a:active		        {color: #666666; text-decoration: none;}
.ListingsLinks a:visited 	            {color: #666666; text-decoration: none;}
.ListingsLinks a:hover 		        {color: #3FA6EE; text-decoration: none;}

.ContactInfo a:link                     {color: #ffffff; text-decoration: none;}
.ContactInfo a:active					{color: #ffffff; text-decoration: none;}
.ContactInfo a:visited 				{color: #ffffff; text-decoration: none;}
.ContactInfo a:hover 					{color: #3FA6EE; text-decoration: none;}

.TopicButton a:link                    {color: #999999; text-decoration: none;}
.TopicButton a:active					{color: #999999; text-decoration: none;}
.TopicButton a:visited 				{color: #999999; text-decoration: none;}
.TopicButton a:hover 				{color: #3FA6EE; text-decoration: none;}

#TheHeader a:link                    {text-decoration: none;}
#TheHeader a:active					{text-decoration: none;}
#TheHeader a:visited 				{text-decoration: none;}

.SectionTitle a:link                    {color: #3FA6EE; text-decoration: none;}
.SectionTitle a:active					{color: #3FA6EE; text-decoration: none;}
.SectionTitle a:visited 				{color: #3FA6EE; text-decoration: none;}
.SectionTitle a:hover 				{color: #999999; text-decoration: none;}