* {
   margin: 0;
   padding: 0:
   /* the above are recommended, some elements will not default to m and p of 0.  And user CSS's can override them as well */
}

img {
	margin: 0;
	border: 0;
	padding:0;
}	

body {	
	text-align: center; 	/* only text align must be here to center site */
   font: 100.1% Arial, Verdana, Helvetica, sans-serif;	
	color: #000;
	background-color: #b6c9d8;

}

#wrapper{
	margin: 0 auto;
	/* if this width and the #wrapper width differs from the content width the page will not be center, */ 
	width: 862px;
	text-align: left;
	/* all above must be here to center site as width x  */
}

#wrapper2{
	position: relative;
	margin: 0 auto;
	/* if this width and the #wrapper width differs from the content width the page will not be center, */ 
	width: 862px;
	text-align: left;
	/*border: 1px solid black;*/
}


/**********************  TOP LOGIN AREA  ************************/

#header{
	background-color: #FFC100;
	padding-top: 17px;
	padding-right:28px;
	/*padding-bottom: 7px;
	 height: 36px; */
   height: 43px;
	width: 832px;
	border-top:  1px solid #5A5A5A;
	border-left: 1px solid #5A5A5A;
	border-right: 1px solid #5A5A5A;
}

#iheader{
	background-color: #FFC100;
	padding-top: 17px;
	padding-right:28px;
	/*padding-bottom: 7px;
	 height: 36px; */
   height: 56px;
	width: 832px;
	border-top:  1px solid #5A5A5A;
	border-left: 1px solid #5A5A5A;
	border-right: 1px solid #5A5A5A;
}

#go {
	float:right;
	width:33px;
	height:18px;
	display:block;
	cursor: hand;
}


#login{
    float: right;
    z-index: 1000;
	 height: 36px;
	 width: 800px;	
	 text-align: right;
	 background-color: #FFC100;
}

/* *********************  MAIN CONTNET AREA  *********************** */

#content{
	background-color: #FFC100;
	height: 538px;
	width: 860px;
	float: left;
	border-left: 1px solid #5A5A5A;
	border-right: 1px solid #5A5A5A;
	display: inline;
}


#content2{
   float: left;
	background-color:#FFFFFF;
	height: 352px;
	margin-right: 30px;
	margin-left: 30px;
	width: 802px;
	display: inline;				
}

#maincontent{
   float: left;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 2px;
	border: 1px solid #77aabb;
	border-bottom: none;
	background-color:#FFFFFF;
	height: 349px;
	width: 796px;
	display: inline;
   padding-bottom; 2px; 
}

#house{
	float: right;
	height: 347px;
	width: 796px;
   background-image: url(imagesck/sold.gif);
   background-position: bottom right;
   background-repeat: no-repeat;
   padding-bottom; 2px;    

}

#search{
   float: right;
   visibility: visible;
	height: 34px;
	width: 311px;	
	text-align: right;
	padding-top: 20px;
   background-color: #ffffff;
   padding-right: 16px;
}		


/* *********************  IMAGES / SPECIAL DIV *********************** */

/*  use class for images otherwise putting a white border around  image. */

.logo{
   z-index: 200;
   left: 12px;
   top: 67px;
   position: absolute;
   width: 327px;
   height: 106px;   
   background-image: url(imagesck/logo.gif);
   background-position: top left;
   background-repeat:no-repeat;
}   

#logo2{
   z-index: 200;
   left: 12px;
   top: 67px;
   position: absolute;
   width: 327px;
   height: 106px;   
   background-image: url(imagesck/logo.gif);
   background-position: top left;
   background-repeat:no-repeat;
}   

   
.learn{
   position: absolute;
   left: 54px;
   top: 220px;
   z-index: 100;
	height: 155px;
	width: 330px;	
}

#popup{
   position: absolute;
   left: 50px;
   top: 220px;
   z-index: 200;
   height: 200px;
   width: 330px;
   visibility: hidden;
   background-color: #fff;
}

/* Drop Shadow CSS style - validation: Strict
   �2007 John Davenport Scheuer
   This notice must stay intact for legal use. */

.shadow_box {
  width:330px; /* This is all you really need to adjust */
  height: 200px;
  table-layout:fixed;
  border-collapse:collapse;
  border:none;
}
.shadow_box td {
padding:0;
margin:0;
}
.l_top, .r_top {
width:8px;
height:1px;
}
.top {
height:1px;
}
.tr_side {
width:8px;
height:8px;
background-image:url(imagesck/tr_shadow.png);
}
.r_side {
width:8px;
background-image:url(imagesck/r_shadow.png);
}
.l_bot {
width:8px;
height:8px;
background-image:url(imagesck/bl_shadow.png);
}
.bot {
height:8px;
background-image:url(imagesck/b_shadow.png);
}
.r_bot {
width:8px;
height:8px;
background-image:url(imagesck/br_shadow.png);
}
.sb_cont {
vertical-align:bottom;
}
.sb_main_cont { /* Adjust Content Appearance Here if Desired */
color: #6690b3;;
background-color:white;
padding:1.5ex;
border:1px solid #6690b3;;
margin:0;
}



      

/* *********************  NAVIGATION AREA  *********************** */


#navcontent{
   float: left;
	background-color: #fff;
	height: 48px;
	display: inline;	
	margin-right: 30px;
	margin-left: 30px;
	width: 802px;
}

#navmenuul {
   list-style-type: none;
   padding: 0;
   margin: 0;			
   display: inline;
   width: 750;
   height: 48;
}
	
#navmenuli {
   list-style-type: none;  
   float: left;
   width: 158px;
   height: 43px;
   border-bottom: 2px solid white;
   border-left: 2px solid white;
   background-image: url('../imagesck/navbr.gif'); 
   text-align: center; 
   padding-top: 5px;
}

#navmenuli a{
	display: block;
	width: 158px;
	height: 48px;
	font-family: Arial; 
	font-size: 16px; 
	text-decoration: none; 
	color: #fff;
}

/*  When IE 6.0 phases out javascript should not be necessary any longer
#navmenuli:hover {
   background-position: bottom;
}
*/


/**********************  PHOTO AREA  ************************/

#photo{
   float: left;
	background-color: white;
	height: 134px;
	width: 802px;
	margin-right: 30px;
	margin-left: 30px;
	display: inline;
}

#photomenuul{
   list-style-type: none;
   padding: 0;
   margin: 0;			
   display: inline;
   width: 750px;
   height: 134px;
}
	
#photomenuli {
   list-style-type: none;  
   float: left;
   width: 158px;
   height: 134px;
   border-top: 2px solid white;
   border-bottom: 2px solid white;
   border-left: 2px solid white;   
}

#photomenuli a{
	display: block;
	width: 158px;
	height: 134px;
}

/**********************  iPhoneTRAILER   ************************/

#itrailer{
	background-color:#FFC100;
	height: 66px;
	width: 860px;;
	display: inline;
	float: left;
	border-left: 1px solid #5A5A5A;
	border-right:  1px solid #5A5A5A;
	border-bottom:  1px solid #5A5A5A;
	text-align: center;
	padding-top: 20px;
   color: #0d426f;	
   font-size: 13px;
}

#itrailer a {
	font-size: 12px;
	color: #0d426f;
   font-family: arial;
}

#itrailer a.hover {
	text-decoration: none;
}

/**********************  TRAILER   ************************/

#trailer{
	background-color:#FFC100;
	height: 66px;
	width: 860px;;
	display: inline;
	float: left;
	border-left: 1px solid #5A5A5A;
	border-right:  1px solid #5A5A5A;
	border-bottom:  1px solid #5A5A5A;
	text-align: center;
	padding-top: 20px;
   color: #0d426f;	
   font-size: 13px;
}

#trailer a {
	font-size: 16px;
	color: #0d426f;
   font-family: arial;
}

a.trailer:hover {
	text-decoration: none;
}

#tip{
	position: relative;
	border: 1px solid #5a5a5a;
	margin-top: 10px;
	max-width: 590px;
	text-align: center;
	background-color: #ffc100;
	padding:8px;
	align: center;
}


/**********************  TRAILER   ************************/


#center{
	background-color:#FFC100;
	border-bottom: 2px solid #FFFFFF;
	border-left:  1px solid #6690b3;
	border-right:  1px solid #6690b3;
	background-image:url(images/sold.jpg);
    background-attachment: fixed;
    background-position:right bottom;
    background-repeat:no-repeat;
    height: 333px;
}

#tour{
	background-color:#000000;
	position: absolute; 
	bottom: 0; 
	right: 0;
}

.blue_border_and_line {
	border: 1px solid #6690b3;
}

/*Globals and text boxes*/


.footer_globals {
	font-size: 12px;
	color: #0d426f;
	align: center;

    background-color:#FFC100;
}

a.footer_globals {
	font-size: 12px;
	color: #0d426f;
	align: center;
}

.globals_top {
	font-size: 12px;
	color: #b04234;
}

.text_boxes {
	border: 1px solid #6590b2;
	height: 16px;
	font-size: 13px;
	font-family: arial;
	color: #6590b2;
}

/*2nd level navigation.  Hover and "on" or "there" states should be the same.*/

a.second_nav {
	font-size: 12px;
	background-color: #b6c9d9;
	text-decoration: underline;
}

a.second_nav:hover {
	background-color: #ffe37c;
}

/*Also place the following in the WYSIWYG style sheet to show up in the style dropdown if you're making a CMS tool*/

p, td, table, div, input, textarea {
	font-family: arial;
	font-size: 14px;
	line-height: 18px;
	color: #000000;
}

h1{
   font-family: arial;
   font-size: 16px;
   color: #000000;
}

.red_header{
font-size: 22px;
line-height: 20px;
font-weight: bold;
color: #85190b;
}



a {
	color: #2b5d86;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}


hr {
	border: 0px;
	border-bottom: 1px solid #6690b3;
}