/*
      Design by Thomas Amos
	  
	    Email: thomas@thomasamos.com
	  
	    August 12, 2010
	  
*/

/* clears all browser defaults */

* { padding: 0; margin: 0; }


body {
 font-family: Calibri, Arial, Helvetica, sans-serif;
 font-size:62.5%; /* 1em = 10px */
 background-color: #fff;
 background: url(slice.jpg);
 background-repeat: repeat-x;
}

/* Creates container for the left and right border images */ 

#outerwrapper {
 margin: 0 auto;
 width: 1099px;
 background: #fff;
 }
 
/* left and right border images */
 
#left_column { float: left }
#right_column { float: right }
 
/* container for primary elements */

#wrapper { 
 margin: 0 auto;
 width: 945px;
 background: #fff;
}

/* top border */

#top {
height: 40px;
width: 1102;
background: #fff url(top.jpg);
background-repeat: repeat-x;
}

/* Albany Realty watermark */

#logo {
 width: 945px;
 height: 74px;
 background: #aaa url(logo.jpg);
 } 
 
/* main image */

#header {
 width: 945px;
 height: 216px;
 background: #e22 url(header.jpg);
}

/* Mark Daniels - A real estate professional */

#header h1 {
font-family: garamond, georgia, serif; 
font-size: 2.4em; 
padding: 50px 0px 10px 30px; 
color: #fff;
} 

/* the bull's eye image and main text "Always on the mark" */

#header_logo {
 float: left;
 width: 600px; 
 height: 100px;
 background: #eee;
 background: url(logoimg.png);
 background-repeat: no-repeat;
 margin: 0px 10px;
}
 
/* Navigation bar */
  
#navigation {
 width: 945px;
 height: 31px;
 color: #333;
 background: #666;
 background-image: url(nav_bar.jpg);
}

/* Defines the links */

#navigation ul{ padding: 5px 10px 0px 40px}
#navigation li{ display: inline}

#navigation ul li a{
color: #bbb;
text-decoration: none;
text-shadow: 0.08em 0.08em 0.1em #111;
padding: 0px 40px;
font-size: 1.8em;
font-weight: bold;
letter-spacing: .09em;
}

/* Nice effect but doesn't work in IE8 */

#navigation ul li a:hover {
color: #eee}

/* Container for content boxes */

#content { 
 width: 945px;
 background: #fff;
 background-image: url(small_shadow.jpg); /* drop shadow for nav */
 background-repeat: repeat-x;
 height: 270px;
}

/* Only h2 needed */
#content H1 {font-size:2em}  /* displayed at 20px */
#content H2 {font-size:2.4em;  padding: 0 0 10px 0}  /* displayed at 18px */
#content H3 {font-size:1.4em}  /* displayed at 14px */
#content H4 {font-size:1em}  /* displayed at 10px */

#content p {font-size:1.8em; padding: 10px 0}

/* Content boxes - A full time realtor - border seperates the three boxes */

#content_left {
 float: left;
 width: 285px;
 height: 240px;
 background: #fff;
 margin: 20px 0 0 30px;
 border-right:1px solid #ccc;
 }  

/* 20 years of experience */

#content_middle {
 float: left;
 width: 285px;
 height: 240px;
 background: #fff;
 margin: 20px 0 0 30px;
 border-right:1px solid #ccc;
 }  

/* Contact information */

#content_right {
 float: left;
 width: 285x;
 height: 240px;
 background: #fff;
 margin: 20px 0 0 30px;
 }  

/* Footer container */

#footer { 
 width: 945px;
 background: #fff;
 background-image: url(bottom.jpg);
 background-repeat: repeat-x;
}

/* Footer icons */

#footer img {
 padding: 30px 0px 5px 35px;
 }