* {
    margin: 0;
    padding: 0;
    }

body { 
    margin: 40px 0 0 0;
    padding: 0;
    text-align: center;
    background: url(background.jpg);
    }


/* ### LAYOUT STRUCTURE ### */
#container {
    width: 900px;
    margin-left: auto; 
    margin-right: auto;
    text-align: left;
    }  
/*#container-border {
    border-left: 1px solid #766757;
    border-right: 1px solid #766757;
    }  */
#content-header {
	clear: both;
    background-color: #9F8B76;
    border-top: 1px solid #766757;
    height: 15px;
    }
/* 2 column layout */
#wrapper {
	background: url(content_bg.jpg);
    position: relative;
	width: 900px;
	height: auto;
	overflow:hidden; /*This hides the exceeding portion of the columns created by the padding/margin trick, thus avoiding the scrollbar of the browser to extend more than needed*/
	clear: both;
	}
#leftcol-home { 
	float: left;
    width: 500px;
    margin: 10px 10px 50px 60px;
	}
#leftcol { 
	float: left;
    width: 570px;
    margin: 10px 10px 50px 60px;
	}
#rightcol-home {
	float: right;
	width: 299px;
	min-height: 275px;
	padding-bottom: 30000px; /*This extends the height of the column so the main content does not wrap around it*/
	margin-bottom: -30000px; /*This 'reclaims' the extra height created by the padding*/
	margin-top: 60px;
	margin-right: 30px;
	}
#rightcol {
	float: right;
	width: 260px;
	min-height: 275px;
	padding-bottom: 30000px; /*This extends the height of the column so the main content does not wrap around it*/
	margin-bottom: -30000px; /*This 'reclaims' the extra height created by the padding*/
	margin-top: 0;
	margin-right: 0;
	text-align: right;
	}
#content-subfooter {
    background: url(content_bottom.jpg);
    height: 31px;
    border-bottom: 1px solid #ffffff;
    }
#content-footer {
	clear: both;
    background-color: #9F8B76;
    border-bottom: 1px solid #766757;
    height: 15px;
    }


/* logo + masthead */
#logo {
    background: url(masthead.png) no-repeat;
    position: relative;
    width: 577px;
    height: 68px;
    float: left;
    margin-left: 5px;
    /*margin-bottom: 5px;*/
    }
#logo a {
	float: left;
    }
#logo1 a {
    display: block;
    width: 147px;
    height: 68px;
    }
#logo2 a {
    display: block;
    width: 200px;
    height: 68px;
    }
#logo3 a {
    display: block;
    width: 228px;
    height: 68px;
    }
    
#address {
    float: right;
    position: relative;
    width: 275px;
    text-align: right;
    margin-bottom: 7px;
    padding-top: 5px;
    }
#address p {
    font-size: 10px;
    /*color: #766757;*/
    color: #5A4F43;
    line-height: 14px;
    margin-bottom: 0px;
    padding-right: 5px;
    text-transform: uppercase;
    letter-spacing: 0px;
    }

/* testimonials */
#testimonial-holder {
	clear: both;
    background: url(testimonial_bg.jpg);
    width: 900px;
    height: 172px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
	}
.testimonial {
    list-style: none;
    } 
.testimonial li {
	display: block;
	height: 150px;
	}
.testimonial li p {
	font-size: 12px;
	color: #E8DCC2;
	line-height: 20px;
	font-style: italic;
    }
.testimonial-1 {
	float: left;
    }
.testimonial-2 {
	width: 440px;
	margin-left: 420px;
	height: 150px;
    }
.testimonial p.quote {
	padding-top: 25px;
    }
.testimonial p span {
	color: #FF8C00;
	font-style: normal;
	font-size: 9px;
    }
.testimonial p span a {
	color: #FF8C00;
    }
.testimonial p.patient {
	color: #E8DCC2;
	font-style: normal;
	text-align: right;
	margin-top: -10px;
    }
   
#div.class {
    clear: both;
	}

/* top navigation */
#nav1-holder {
    width: 900px;
    height: 25px;
    background: #CC6600;
    border-bottom: 1px solid #B14B00;
	}
#nav1 {
    list-style: none;
    margin: 0 45px;
    } 
#nav1 li {
	float: left;
	margin: 5px 8px 0 8px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
    }
#nav1 li.pipe {
	color: #B14B00;
    }
#nav1 li a {
    color: #F0D1B3;
    text-decoration: none;
    display: block;
    height: 13px;
    padding: 2px 5px;
    }
#nav1 li a:hover {
    color: #ffffff;
    background: #B14B00;
    height: 13px;
    padding: 2px 5px;
    }
#nav1 li.selected a {
    color: #ffffff;
    background: #B14B00;
    }
#nav-shadow {
    background: url(nav_shadow.jpg);
    height: 31px;
    }
    

/* copyright */
#copyright {
    margin: 10px 5px 0 5px;
    padding-bottom: 20px;
    }
#copyright p {
    font-size: 9px;
    color: #766757;
    margin-bottom: 0;
    }
#copyright a {
    text-decoration: none;
    }
#copyright a:hover {
    text-decoration: underline;
    }
#copyright p.copyright {
	clear: both;
    text-transform: uppercase;
    }
#copyright p.credits {
    margin-top: -18px;
    text-align: right;
    text-transform: uppercase;
    
    } 
    

/* ### TEXT STYLES ### */  
p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333333;
    line-height: 18px;
    margin-bottom: 15px;
    font-weight: normal;
    } 
a {   
    color: #CC6600;
    text-decoration: none;
    }
a:hover {   
    text-decoration: underline;
    }
h1 {  
	font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 25px;
    color: #CC6600;
    margin: 0 0 15px 0;
    font-weight: normal;
    } 
h1 a:hover {  /* Left col subheadings */
    text-decoration: none;
    }
h2 {  /* Left col subheadings */
	font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 16px;
    color: #766757;
    font-weight: normal;
    margin: 0 0 10px 30px;
    }
h2 a {  /* Left col subheadings */
    color: #766757;
    } 
h3 {  /* Right col headings */
	font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 18px;
    color: #766757;
    font-weight: normal;
    margin: 15px 0 30px 0;
    text-align: left;
    }
h4 {  /* Blog subheadings */ 
	font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 16px;
    color: #766757;
    margin: 18px 0 13px 0;
    font-weight: normal;
    text-align: left;
    } 
h4 a {
    color: #766757;
    }  
    
    
ul.lists {  
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333333;
    font-weight: normal;
    margin: 0 0 10px 50px;
    padding: 0 0 0 0;
    list-style-position: inside;
	text-indent: -1em;
    }
ul.lists-braces {  
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333333;
    font-weight: normal;
    margin: -15px 0 20px 90px;
    padding: 0 0 0 0;
    list-style-position: inside;
	text-indent: -1em;
    }
hr {
	border: 0px;
	border-top: 1px dotted #cccccc;
	margin: 0 50px;
	width: 490px;
	}   
    
.small {
    font-size: 10px;
    font-weight: normal;
    } 
.patient-feedback {
    border-bottom: 1px dotted #cccccc;
    padding-bottom: 15px;
    text-align: right;
    padding-right: 20px;
    } 
.preamble {
    color: #CC6600;
    font-style: italic;
    } 
.byline {
	text-align: right;
	font-size: 10px;
	}    
blockquote {
    margin: -5px 20px;
	}
.blog-image {
	margin: 15px 90px;
	}
.caption {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 11px;
	margin-right: -12px;
	} 
iframe {
    margin: 0 50px;
	}
a img {
	border: 0;
	}
	

#leftcol-home p {
    margin: 0 40px 20px 50px;
    }
#leftcol p {
    margin: 0 30px 20px 50px;
    }
#rightcol p {
    margin: 0 0 20px 0;
    text-align: left;
    }
#rightcol p.indent {
    padding-right: 25px;
    margin-bottom: 8px;
    } 
    
#nav2 {
    margin-top: 45px;
    } 
#rightcol p a {
    font-size: 12px;
    color: #CC6600;
    padding: 5px 20px;
    display: block;
    border-bottom: 1px solid #cccccc;
    margin-bottom: -20px;
    }
#rightcol p a:hover {
	color: #766757;
    padding: 5px 20px;
    display: block;
    background: #E8E4DF;
    text-decoration: none;
    }
#rightcol p a.on {
    background: #F2DCC6;
    }
#rightcol p a.on:hover {
   color: #CC6600;
    }
    
div.hr-rightcol {
	width: 100%;
	height: 1px;
	border: 0;
	background-color: #dddddd;
	margin-bottom: 5px;
	margin-top: -10px;
	} 
.top {
	color: #CC6600;
	font-style: normal;
	font-size: 9px;
    }
.top span a {
	color: #CC6600;
    }

p img.left {
	margin: 0 20px 10px 0;
	float: left;
    }
p img.right {
	margin: 0 0 10px 20px;
	float: right;
    }

#nav-blog {
    margin-top: -20px;
    } 
p.blog-preamble {
	font-size: 11px;
    padding: 5px 20px 5px 33px;
    display: block;
	}




/* form */
.field {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #cc0000;
	}
.row {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	}
input {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	}
p.error {
	color: #cc0000;
	margin-top: -6px;
	}
input.text {
	width: 275px;
	}
textarea {
	width: 275px;
	}
select, input, textarea {
	margin-bottom: 10px;
	}

/* text colours */
.black { 
    color: #333333;
    }
.ltgrey {  /* hr */
    color: #dddddd;
    }
.ltbrown {  /* address */
    color: #766757;
    }
.brown {  /* header/footer bar */
    color: #9F8B76;
    }
.dkbrown {  /* container border */
    color: #766757;
    }
.dkorange {  /* menu border */
    color: #B14B00;
    }
.orange {  /* menu */
    color: #CC6600;
    }
.ltorange {  /* menu labels, testimonials */
    color: #E8DCC2;
    }