/*----------------------------------------  
 Stylesheet structure:
 
 > Styles reset, HTML & body
 > Main layout
 > Typography
 > Section details
    --> Header    
    --> Sidebar   
    --> Footer
    --> Post footer (copyright statement etc)
 > Tables     
 > Misc     
 
 Note: navigation detail is included in the dropdown.css file
 ----------------------------------------*/ 
 
 /*----------------------------------------
 Color master list:
   Red: #8c0414;
   Dark red: #65030e;
   Blue: #0d2d90;
   Dark blue: #00224d;
 ----------------------------------------*/     
    
/* Styles reset, HTML & body styling -------------------------------------------------------------------------------------  */     

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, apress, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, p, ol, ul, li, title
fieldset, form, legend
{
    border: 0;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: normal;                
    margin: 0;
    outline: 0;     
    padding: 0;
}

html
{
    background: #003768 url(../images/background.jpg) top center repeat-x;
    margin-left: -1px;
    overflow-y: scroll;
}
    
body 
{                      
    color: #003768;        
    font: 62.5%/1.5em  "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 auto;
    width: 960px; 
}


/* Main layout -------------------------------------------------------------------------------------  */ 
    #wrapper
    {
        background-color: #fff;         
        clear: both;
        padding: 10px;        
        position: relative;
        width: 940px;
    }
    
  /* see dropdown.css for #nav css */ 
  
  #header
  {
      height: 120px;
      position: relative;
      width: 940px;
  }  

    .row
    {
        background: url(../images/divider.png) bottom center no-repeat; 
        margin-top: 20px;
        overflow: hidden;
        padding-bottom: 33px; 
        width: 940px;       
    } 
   
    .box, .media
    {
        display: inline-block;
        margin-left: 17px;
        padding: 0;   
        position: relative; 
        vertical-align: top;
        width: 300px;

        /* for ie */
        zoom: 1;
        *display: inline;      
        min-height: 100px;
        _height: 100px               
    } 
    
        .box:first-child
        {
            margin-left: 0;
        }
        
        .media
        {
            background: url(../images/bk_mediaBox.png) top left no-repeat; 
            height: 230px;            
            width: 620px;
        } 

    #main
    {        
        display: inline-block;
        padding: 30px 20px 40px 20px;    
        vertical-align: top;
        width: 530px;

        /* for ie */
        zoom: 1;
        *display: inline;      
        min-height: 100px;
        _height: 100px  
    }
    
	#content-wrapper
	{
   		background: url('../images/bk_sidebar.png') top right repeat-y;
	}
    
		#col-left, .col-left
		{
			float: left;
			padding: 20px 0 20px 0;
			width: 620px;
		}

		#col-right
		{
			float: right;
			width: 240px;
			padding: 20px;
			min-height: 200px;
		}
		
		#col-wide
		{
			padding: 20px 0 20px 0;
			width: 940px;
		}		
		
		#content-wrapper ul li
		{
			color:#003768;
			font-family:Verdana,"Helvetica Neue",Arial,Helvetica,sans-serif;
			font-size:1.1em;
			line-height:1.5em;
		}
    
    
    #footer
    {
        background-color: #000a1a;
        border-top: 3px solid #f47321;
        margin: 0;
            margin-top: -22px;
        padding: 10px 0;
        position: relative;
        width: 100%;
    }    
    
/* Typography -------------------------------------------------------------------------------------  */

h1, h2, h3, h4, h5, h6
{
    clear: left; 
    font-size: 1.5em;
    line-height: 1.4em;
    padding: 0 0 0.4em 0;
}

   h1
   {
      color: #f47321;
      font-weight: bold;           
   }
   
   h2, h3
   {
      color: #2b619d;
      font-size: 1.4em;  
      font-weight: bold;  
      padding: 0.6em 0 0.2em;     
   }   
   
   h4, h5, h6
   {
      color: #003768;
       font-size: 1.2em;
      font-weight: bold;
      margin-top: 0.8em;
   }
   
   #content-wrapper h3
   {
   	padding-bottom: 0px !important;
   	padding-top: 10px !important;
   }     
   
.sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5
{
    color: #0d2d90;
    font-weight: bold;
}

.subnav
{
	list-style-type: none;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: -8px;
}

	.subnav li
	{
		background: url('../images/arrow.png') left 5px no-repeat;
		padding-left: 10px;
	}
	
	.subnav li.active a
	{
		text-decoration: none;
		/* color: #F57422; */
	}

p
{
   color: #003768;
   font-size: 1.1em;
   font-family: Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
   line-height: 1.5em;
   padding: 0.3em 0; 
} 

#tab-content p
{
   color: #003768;
   font-size: 1.0em;
   margin-top: -5px;
} 

a
{
   color: #003983; 
   outline: none;
}  

a.image
{
   border: 0 none;
} 

 a:hover
 {
     color: #005cd2;
 }  
 
.left
{
   float: left;
}

.right
{
   float: right;
}

.clear
{
   clear: both;
}

.hidden
{
   display: none;
}

.block
{
   display: block;
}

.sprite:hover, .selected .sprite
{
   background-position: bottom left !important;
}

.relative
{
	position: relative;
}

.no-bullet
{
   list-style-type: none !important;
}

.no-background
{
	background: none !important;
}

ul.no-margin
{
   margin-left: 0 !important;
}

	li.no-margin
	{
	   margin-left: 0 !important;
	}
	

.top-margin
{
   margin-top: 15px;
}

.no-top-margin
{
	margin-top: 0px !important;
}

.no-right-margin
{
	margin-right: 0 !important;	
}

.top-margin-sm
{
   margin-top: 5px;
}

.left-margin
{
   margin-left: 10px;
}

.bottom-space
{
   padding-bottom: 15px;
}

.space
{
	padding: 15px;
}

img.content-image-space
{
	margin: 0px 0px 10px 10px;
} 
    
 
 /* Section details -------------------------------------------------------------------------------------  */  

         /* Header -------------------------------------------------------------------------------------  */  
    
        a#logo
        {
           border: 0 none;         
        } 
        
        a#contact
        {
            margin-top: 65px;
            margin-left: 185px;
            position: absolute;
        }  
        
        ul#actions
        {
            list-style: none;
            margin: 0;
            padding: 0;
            position: absolute;
                top: 0;
                right: 0;
        }
        
            ul#actions li
            {
                margin: 0;
                    margin-top: 10px;
                padding: 0;
                overflow: hidden;
            } 
            
                ul#actions li:first-child
                {
                    margin-top: 0;
                }
        
            a#login, a#reports, a#calculators
            {
                border: 0 none;
                background: url(../images/btn_login.png) top left no-repeat; 
                cursor: pointer;
                display: block;
                height: 30px;    
                margin: 0;              
                padding: 0;
                text-decoration: none;    
                width: 140px; 
            } 
            
                a#reports
                {
                    background: url(../images/btn_reports.png) top left no-repeat; 
                }       
                
                a#calculators
                {
                    background: url(../images/btn_calculators.png) top left no-repeat; 
                }                      
            
                a#login:hover, a#reports:hover, a#calculators:hover
                {
                    background-position: bottom; 
                }
                
                #actions span
                {
                    margin-left: -300px;
                }              
    
         /* Boxes -------------------------------------------------------------------------------------  */
        
        a.viewMore  
        {
            background: transparent url(../images/btn_viewMore.png) top left no-repeat;
            cursor: pointer;
            display: block; 
            float: right; 
            height: 30px;
            text-decoration: none;
            width: 90px;
        }
        
        a.viewMore:hover  
        {
            background-position: bottom;
        }
        
        a.arrow
        {
            background: transparent url(../images/arrow.png) center left no-repeat;
            cursor: pointer;
            display: block;
            margin-bottom: 20px;
            padding-left: 6px;
            text-decoration: underline;
        }                   
         
         /* Footer -------------------------------------------------------------------------------------  */ 
         
         #footer p         
         {
 
         }
         
         #footer ul
         {
             list-style: none;
             margin: 0;
             min-height: 10px;
             padding: 0;
             width: 930px;
         }
         
             #footer li
             {
                 color: #8a93a3;
                 float: left;
                 font-size: 10px; 
                 margin: 0;
                 padding: 0;
                 padding-left: 10px;
             }
             
             #footer li a
             {
                 border: 0 none;
                 border-left: 1px solid #505c7f;                 
                 color: #8a93a3;
                 font-size: 10px; 
                 margin: 0;
                 padding: 0;
                 padding-left: 10px;                 
                 text-decoration: none;            
             }
             
                #footer li a:hover
                {
                    text-decoration: underline;
                }             
   
em, strong
{
    font-weight: bold;
    font-style: normal;
}

ul
{
    padding-left: 2em;
}

    li
    {
      color: #00306e;
      font-size: 1.25em;
      font-family: Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
      line-height: 1.5em;
      padding-bottom: 0.3em;  
    }
    
/* Misc */
div.divider
{
	height: 5px;
	background: url('../images/divider.png') top left no-repeat;
	margin: 5px 0 5px 0;
}

a.view-more
{
	display: block;
	background: url('../images/btn_viewDetails.png') top left no-repeat;
	width: 100px;
	height: 30px;
	margin-top: 3px;
}

ul#property-list
{
	list-style-type: none;
	padding: 0px;
}
	ul#property-list li
	{
		padding-top: 10px; 
		padding-bottom: 10px;
		border-bottom: 1px solid #CCCCCC;
	}

	ul#property-list li:hover
	{
		background-color: #F4F4F4;
	}

		ul#property-list li div
		{
			width: 370px;
			margin-top: -10px;
		}
		
			ul#property-list li div span
			{
				color: #00224d;
				font-weight: bold;	
			}
			
			ul#property-list li div p
			{
				margin-top: -3px;
			}
			
ul#tabs
{
	height: 30px;
	list-style-type: none;
	padding: 0;
	border-bottom: 1px solid #CCCCCC;
	width: 620px;
}

	ul#tabs li
	{
		float: left;
	}
	
		ul#tabs li a
		{
			display: block;
			height: 10px;
			width: 180px;
			background: url('../images/tab.png') top left no-repeat;
			margin-right: 2px;	
			padding: 10px;	
			color: #353737;
			text-decoration: none;
			font-size: 10pt;
			text-align: center;
			font-weight: bold;
		}
		
		ul#tabs li a:hover, ul#tabs li.active a
		{
			background-position: bottom;
		}
		
ul#tab-content
{
	padding: 0;
}

ul#property-icons, ul.property-icons
{
	list-style-type: none;
	height: 26px;
	width: 250px;
	padding: 0px;
	margin-top: 10px;
}

	ul#property-icons li, ul.property-icons li
	{
		float: left;
		width: 22px;
		margin-right: 20px;
		height: 23px;
		padding-left: 33px;
		padding-top: 3px;
		font-size: 10pt;
		font-weight: bold;
		text-decoration: none !important;
		border: none !important;		
	}
	
	ul#property-icons li.ibedrooms, ul.property-icons li.ibedrooms
	{
		background: url('../images/i_bedrooms.png') left top no-repeat;
	}
	
	ul#property-icons li.ibathrooms, ul.property-icons li.ibathrooms
	{
		background: url('../images/i_bathrooms.png') left top no-repeat;
	}
	
	ul#property-icons li.icars, ul.property-icons li.icars 
	{
		background: url('../images/i_parking.png') left top no-repeat;
	}
	
.tblDimensions
{
	width: 290px;
}

	.tblDimensions td
	{
		background-color: #F4F4F4;
		padding: 5px;
	}
	
	.tblDimensions tr.alt td
	{
		background-color: #d6e6f4;
	}
	
ul.thumbs
{
	list-style-type: none;
	padding: 0;
	margin-top: 10px;
}

	ul.thumbs li
	{
		margin-bottom: 10px;
		padding: 10px;
	}
	
	ul.thumbs li a img
	{
		border: 2px #00224d solid;
	}
	
	ul.thumbs li:hover
	{
		background-color: #FFFFC0;
	}
	
	ul.thumbs li a
	{
		font-size: 9pt;
	}
	
ul.docs
{
	list-style-type: none;
	padding: 0;
	margin-top: 10px;	
	width: 600px;
}

	ul.docs li
	{
		float: left;
		background: url('../images/icon_PDF.png') top left no-repeat;
		margin-right: 10px;
        margin-bottom: 10px;
	}
	
		ul.docs li a
		{
			display: block;
			width: 160px;
			padding-left: 30px;
			font-size: 10pt;
			font-weight: bold;
		}
        
        #col-right .docs
        {
            width: 240px;
        }
		
.modal-header
{
	height: 16px;
	background-color: #4e83c9;
	text-align: center;
	padding: 8px;
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 10px;
	color: #FFFFFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 	
}

	.modal-header a
	{
		text-transform:uppercase;
		color: #FFFFFF;	
		text-decoration: none;
		font-size: 10pt;
	}
	
.modal-content
{
	height: 400px;
	overflow:hidden;
}

.close
{
	display: block;
	padding: 5px;
	text-align: center;
	width: 60px;
	background-color: #CCCCCC;
	text-decoration: none;
	font-size: 12px;
	margin-top: 10px;
	margin-left: 200px;
}

.tblStripes
{
	margin: 10px 0 10px 0;
}

	.tblStripes tr.alt td
	{
		background-color: #d6e6f4; 
	}

	.tblStripes td
	{
		padding: 4px;
		background-color: #F4F4F4;
		font-size: 9pt;
	}
	
#frmCalculator, #frmCashflow
{
	width: 500px;
}
	
	#frmCalculator label, #frmCashflow label
	{
		width: 200px;
	}

	#frmCalculator span.eg, #frmCashflow span.eg
	{
		font-size: 9pt;	
	}
	
	#frmCalculator label.error, #frmCashflow label.error
	{
		display: none !important;
	}
	
	#frmCalculator input.error, #frmCashflow input.error 
	{
		border-color: red;
	}
    
/* Featured Projects*/    
       
ul#featured_projects
{
    padding: 0;
}
    ul#featured_projects li
    {
        width: 200px;        
        list-style: none;
        float: left;
        padding-right: 6px;
        padding-bottom: 6px;
    }
    ul#featured_projects li.last
    {
        padding-right: 0;
    }           
               
table#featured_projects
{
    width: 100%;        
}
    
    table#featured_projects td
    {
        padding-right:10px;
        vertical-align: top;
        width: 200px;
    }    
        table#featured_projects td a
        {
            display: block;
            width: 200px;
            height: 130px;
        }
        table#featured_projects td h3
        {
            text-align: center;
        }