/* 
    Document   : style
    Created on : April 16, 2008, 5:20 PM
    Author     : Matt
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

html {
     overflow: -moz-scrollbars-vertical;
}

body {
	margin: 5px 0;
	padding: 0;
	font-family: Arial, "Helvetica Neue", "Trebuchet MS", Helvetica, sans-serif;
	color: #666;
	background: #fff;
	font-style: normal;
        font-size: small;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

h2 { 
        font-size: 1.6em; 
}

h3 { 
        font-size: 1.2em; 
}

p, blockquote, ul, ol {
	line-height: 120%;
}

ul {
	margin-left: 0;
	padding-left: 0;
	list-style-position: inside;
        color: #000066;
}

li {
	text-align: left;
        color: #666;
}

a {
	/*color: #336699;*/
        color: #C35617;
}

a:hover {
	color: #336699;
}

img {
	border: none;
}

#header {
	width: 800px;
	height: 120px;
	margin: 0 auto;
	background: url( images/header_logo_right_white.png ) no-repeat scroll left top;
}

#menu {
	/*background: #fff url(images/button_menu.png) repeat-x;*/
	height: 15px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	color: #fff;
	background:  #4E74B0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	font-style: normal;       
}


#menu td a,#menu td strong {
	width: auto;
	padding: 1px 9px 1px;
	color: #fff;
	text-decoration: none;
}

#menu td strong {
	color: #fff;
}

#menu td a strong {
	padding: 0;
	border-width: 0;
}

#menu td a:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

#menu td a.nav {
	color: #f88017;
	font-weight: bold;
	text-decoration: underline;
}

#content {
	width: 800px;
	margin: 0 auto;
	/*background: url(images/main_middle.jpg);*/
}

#contentSingleColumn {
	width: 800px;
	margin: 0 auto;
	padding: 10px 5px 10px 5px;
	background: #fff;
}

#contentTwoColumn {
	width: 800px;
	margin: 0 auto;
	background: #fff;
        /*border-top: 1px solid #336699;
	border-bottom: 1px solid #336699;
	border-left: 1px solid #336699;
	border-right: 1px solid #336699;*/
}

#ticketCol1 {
	float: left;
	width: 200px;
}

#ticketCol2 {
	float: left;
	width: 500px;
}

#ticketCol3 {
	float: left;
	width: 780px;
}

#colOne {
	float: right;
	width: 150px;
        height: 300px;
	background: #fff;
        padding: 5px 5px;
}

#colOne .top-head {
        font-size: larger;
	padding: 0px 0 0 0px;
}

#colOne .content {
	padding: 2px 2px 2px 2px;
}

#colTwo {
	float: left;
	width: 800px;
	padding: 0px 7px;
	background: #fff;
}

#colTwo .top-head {
	padding: 10px 0 0 10px;
}

#colTwo .content {
	padding: 0px 0px 0px 10px;
}

#extra {
	height: 10px;
        background: #fff;
        /*border-left: 1px solid #336699;
	border-right: 1px solid #336699;*/
}

#loginBox {
        /*float: right;*/
        background: #fff url( images/Button_text_area_150x200_blue.png ) no-repeat;
        width: 140px;
        height: 200px;
        /*border-top: 1px solid #336699;
        border-bottom: 1px solid #336699;
        border-left: 1px solid #336699;
        border-right: 1px solid #336699;*/
        padding: 7px 0px 0px 10px;
        color: #ffffff;
}

.info {
        background: #fff url( images/Button_text_area_150x100_white.png ) no-repeat;
        width: 140px;
        height: 100px;
        color: #666;
        padding: 5px 0px 0px 10px;
        font-size: x-small;
}

.info a {
        color: #336699;
}

.info a:hover {
        color: #336699;
}

.info h3 {
        color: #336699;
        font-weight: bold; 
        padding: 0px 0px 7px 0px;
}

.textArea250x200 {
        background: #fff url( images/Button_text_area_250x200_gray.gif ) no-repeat;
        height: 200px; 
        width: 250px; 
        text-align: left; 
        float: left;  
        padding: 2px;
        margin: 0px 3px;
        line-height: 170%; 
}

.textArea250x200 a {
        color: #336699;
}

.textArea250x200 a:hover {
        color: #336699;
}

.textArea250x200 p {
        margin: 0px 3px;
        line-height: 120%;
}

.textArea250x200 h3 {
        color: #336699;
        font-weight: bold; 
        /*padding: 0px 0px 8px 5px;*/
}

.textArea400x250 {
        background: #fff url( images/Button_text_area_400x250_gray.png ) no-repeat;
        height: 250px; 
        width: 400px; 
        text-align: left; 
        float: right;  
        padding: 2px;
        margin: 0px 3px;
        line-height: 170%; 
}

.textArea400x250 a {
        color: #336699;
}

.textArea400x250 a:hover {
        color: #336699;
}

.textArea400x250 p {
        margin: 0px 3px;
        line-height: 120%;
}

.textArea400x250 h3 {
        color: #336699;
        font-weight: bold; 
        padding: 0px 0px 2px 10px;
}

#footer {
	width: 800px;
	height: 30px;
	margin: 0 auto;
	background: #4E74B0;
}

#footer .text {
	margin: 0;
	padding: 20px 10px 10px 10px;
	text-align: center;
	font-family: Arial, "Helvetica Neue", "Trebuchet MS", Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
}

.features {
	margin: 0 auto;
	/*padding: 10px 5px 10px 5px;*/
	/*background: #ffffff;
	float: left;*/
	width: 780px;
	/*border-bottom: 1px solid #000000;*/
	font-style: normal;
        /*border-left: 1px solid #336699;
	border-right: 1px solid #336699;*/
}

.feature {
	float: left;
	width: 300px;
	border: 0px solid #000000;
}
	
.single {
	float: left;
	width: 240px;
	border: 0px solid #000000;
	text-align: center;
}

.smarter {
	float: left;
	width: 240px;
	border: 0px solid #000000;
	text-align: center;
}

.features3Col {
	width: 100%;
	/*border: 0px solid #000000;
        float: left;
	text-align: center;*/
}

a.assistantHome { 
	display: block; 
	height: 30px; 
	width: 80px; 
	background-image: url( images/assistant_home_small.gif );
	text-decoration: none; 
}

a.assistantHome:hover { 
	background-image: url( images/assistant_home_small_hover.gif );
	height: 30px; 
	width: 80px; 
}

a.assistantHomeActive {
        display: block; 
	text-decoration: none;
        background-image: url( images/assistant_home_small_active.gif );
        height: 30px;
        width: 80px;
}

a.assistantContacts { 
	display: block; 
	height: 30px; 
	width: 100px; 
	background-image: url( images/assistant_contacts_small.gif );
	text-decoration: none; 
}

a.assistantContacts:hover { 
	background-image: url( images/assistant_contacts_small_hover.gif );
        height: 30px; 
	width: 100px; 
}

a.assistantContactsActive {
        display: block; 
	text-decoration: none;
        height: 30px;
        width: 100px;
        background-image: url( images/assistant_contacts_small_active.gif );
}

a.assistantAppointments {
	display: block; 
	height: 30px; 
	width: 140px; 
	background-image: url( images/assistant_appointments_small.gif );
	text-decoration: none; 
}

a.assistantAppointments:hover {
	background-image: url( images/assistant_appointments_small_hover.gif );
        height: 30px;
        width: 140px;
}

a.assistantAppointmentsActive {
        display: block; 
	text-decoration: none;
        height: 30px;
        width: 140px;
        background-image: url( images/assistant_appointments_small_active.gif );
}

a.assistantListings { 
	display: block; 
	height: 30px; 
	width: 90px; 
	background-image: url( images/assistant_listings_small.gif );
	text-decoration: none; 
}

a.assistantListings:hover { 
	background-image: url( images/assistant_listings_small_hover.gif );
	height: 30px; 
	width: 90px; 
}

a.assistantListingsActive {
        display: block; 
	text-decoration: none;
        height: 30px;
        width: 100px;
        background-image: url( images/assistant_listings_small_active.gif );
}

a.assistantTransactions { 
	display: block; 
	height: 30px; 
	width: 140px; 
	background-image: url( images/assistant_transactions_small.gif );
	text-decoration: none; 
}

a.assistantTransactions:hover { 
	background-image: url( images/assistant_transactions_small_hover.gif );
        height: 30px; 
	width: 140px;
}

a.assistantTransactionsActive {
        display: block; 
	text-decoration: none;
        height: 30px;
        width: 140px;
        background-image: url( images/assistant_transactions_small_active.gif );
}

a.assistantMLS { 
	display: block; 
	height: 30px; 
	width: 125px; 
	background-image: url( images/assistant_mls_small.gif );
	text-decoration: none; 
}

a.assistantMLS:hover { 
	background-image: url( images/assistant_mls_small_hover.gif );
        height: 30px;
        width: 125px;
}

a.assistantMLSActive {
        display: block; 
	text-decoration: none;
        height: 30px;
        width: 125px;
        background-image: url( images/assistant_mls_small_active.gif );
}

a.assistantForms { 
	display: block; 
	height: 30px; 
	width: 90px; 
	background-image: url( images/assistant_forms_small.gif );
	text-decoration: none; 
}

a.assistantForms:hover { 
	background-image: url( images/assistant_forms_small_hover.gif );
        height: 30px; 
	width: 90px;
}

a.assistantFormsActive {
        display: block; 
	text-decoration: none;
        height: 30px;
        width: 90px;
        background-image: url( images/assistant_forms_small_active.gif );
}

a.assistantEmail { 
	display: block; 
	height: 30px; 
	width: 90px; 
	background-image: url( images/assistant_email_small.gif );
	text-decoration: none; 
}

a.assistantEmail:hover { 
	background-image: url( images/assistant_email_small_hover.gif );
        height: 30px;
        width: 90px;
}

a.assistantEmailActive {
        display: block; 
	text-decoration: none;
        height: 30px;
        width: 90px;
        background-image: url( images/assistant_email_small_active.gif );
}

a.assistantHelp {
	display: block; 
	height: 30px; 
	width: 90px; 
	background-image: url( images/assistant_help_small.gif );
	text-decoration: none; 
}

a.assistantHelp:hover {
	background-image: url( images/assistant_help_small_hover.gif );
        height: 30px; 
	width: 90px; 
}

a.assistantHelpActive {
        display: block; 
	text-decoration: none;
        height: 30px;
        width: 90px;
        background-image: url( images/assistant_help_small_active.gif );
}

.screenshotThumb {
        width: 200px;
        height: 120px;
        padding: 5px 0px 0px 0px;
        text-decoration: none;
}

#dhtmltooltip{
        position: absolute;
        width: 200px;
        color: #ffffff;
        border: 1px solid #000000;
        padding: 3px;
        visibility: hidden;
        z-index: 100;
        /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
        filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}