/* Colors:

	Dark Brown	:	#4E2200
	Med Brown	:	#744520		
	Light Brown	:	#D4D683
	Biege		:	#F9F5DF
	
------------------------------------------------------------------*/

/* Reset
------------------------------------------------------------------*/
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
ol, ul, li { list-style:none }
strong { font-weight: bold }
em { font-style: italic }
a { text-decoration: none }
a img { border:none }

body { margin: 0 auto; text-align: center; background: url(images/bg-body.jpg) center repeat-y; width: 830px; font-family: Arial, Helvetica, sans-serif; }

/* Page structure
------------------------------------------------------------------*/
#wrapper { margin: 0 auto; text-align: left; width: 830px; }
#header { float: left; width: 830px; height: 429px; background: url(images/common.jpg) right top no-repeat; }
#sidebar { float: left; width: 160px; margin-top: -200px; margin-left: 20px; display: inline; }
#content { float: right; width: 528px; margin: -200px 30px 10px 30px; padding: 16px 20px 10px 20px; background: #F9F5DF; border: 1px solid #744520; display: inline; }
#footer { float: right; width: 570px; margin-right: 30px; margin-left: 30px; display: inline; }

/* Text
------------------------------------------------------------------*/
h1 { font: normal 26px/24px Georgia, "Times New Roman", Times, serif; color: #4E2200; margin: 0 0 10px 0; border-bottom: 1px solid #744520; padding-bottom: 8px; }
h2 { font: normal 20px/20px Georgia, "Times New Roman", Times, serif; color: #4E2200; margin: 14px 0 6px 0; }
h3 { font: bold 16px/20px Arial, Helvetica, sans-serif; color: #744520; margin: 10px 0 6px 0; }
h4 { font: bold 14px/20px Arial, Helvetica, sans-serif; color: #744520; margin: 10px 0 6px 0; }
h5 { font: bold 12px/20px Arial, Helvetica, sans-serif; color: #744520; margin: 0 0 6px 0; }


p { font: 12px/18px normal Arial, Helvetica, sans-serif; margin: 0 0 10px 0; color: #333333; }
p a { color: #4E2200; font-weight: bold; }
p a:hover { color: #744520; }
p.fsa { font: normal 10px/12px Arial, Helvetica, sans-serif; color: #F9F5DF; text-align: center; }
p.small { font: normal 9px/4px Arial, Helvetica, sans-serif; color: #744520; }

#content ul, #content ol { margin: 0 0 10px 0 }
#content ul li { font: 12px/18px normal Arial, Helvetica, sans-serif; margin: 0 0 6px 0; color: #333333; list-style: circle inside; } 
#content ol li { font: 12px/18px normal Arial, Helvetica, sans-serif; margin: 0 0 6px 0; color: #333333; list-style: decimal inside; } 

/* Header
------------------------------------------------------------------*/
#logo a { background: url(images/logo.gif) no-repeat; width: 220px; height: 100px; margin-left: -10px; position: relative; top: 20px; text-indent: -9999px; float: left; }
#description { float: left; clear: both; position: relative; top: 40px; left: 20px; text-align: center; width: 160px; }
#description p { font: bold 14px/20px Arial, Helvetica, sans-serif; font-style: italic; color: #F9F5DF; }
#phone { background: #4E2200; position: relative; top: 20px; right: 30px; float: right; padding: 4px 8px; font-size: 12px; font-weight: bold; color: #FFFFFF; -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
 }
#phone a { color: #FFFFFF; }
#phone a:hover { color: #D4A683; }

/* Sidebar
------------------------------------------------------------------*/
ul#nav { background: url(images/nav.jpg) no-repeat; width: 160px; height: 238px; margin: 0 0 20px 0; float: left; }
ul#nav li a { border: 0; display: block; background: url(images/nav.jpg) no-repeat; text-indent: -9999px; }
li#nav-about a, li#nav-life a, li#nav-service a, li#nav-investments a, li#nav-acc a, li#nav-contact a { width: 160px; height: 32px; }
li#nav-client a { width: 160px; height: 27px; margin: 20px 0 0 0; }
li#nav-about a:link, li#nav-about a:visited { background-position: 0px 0px; }
li#nav-about a:hover { background-position: -160px 0px; }
li#nav-life a:link, li#nav-life a:visited { background-position: 0px -32px; }
li#nav-life a:hover { background-position: -160px -32px; }
li#nav-service a:link, li#nav-service a:visited { background-position: 0px -64px; }
li#nav-service a:hover { background-position: -160px -64px; }
li#nav-investments a:link, li#nav-investments a:visited { background-position: 0px -96px; }
li#nav-investments a:hover { background-position: -160px -96px; }
li#nav-acc a:link, li#nav-acc a:visited { background-position: 0px -128px; }
li#nav-acc a:hover { background-position: -160px -128px; }
li#nav-contact a:link, li#nav-contact a:visited { background-position: 0px -160px; }
li#nav-contact a:hover { background-position: -160px -160px; }
li#nav-client a:link, li#nav-client a:visited { background-position: 0px -211px; }
li#nav-client a:hover { background-position: -160px -211px; }

body#about ul#nav li#nav-about a { background-position: -320px 0px; }
body#lifestages-changes ul#nav li#nav-life a { background-position: -320px -32px; }
body#service ul#nav li#nav-service a { background-position: -320px -64px; }
body#investments ul#nav li#nav-investments a { background-position: -320px -96px; }
body#accountants-solicitors ul#nav li#nav-acc a { background-position: -320px -128px; }
body#contact ul#nav li#nav-contact a { background-position: -320px -160px; }
body#client-area ul#nav li#nav-client a { background-position: -320px -211px; }

blockquote#hunter { width: 158px; height: 288px; background: url(images/pic_hunter.jpg) #ECE4CF no-repeat bottom; border: 1px solid #744520; float: left; margin: 0 0 20px 0; }
blockquote#edwards { width: 138px; height: 340px; background: url(images/pic_edwards.jpg) #FFFFFF no-repeat bottom; border: 1px solid #744520; float: right; margin: 4px 0 10px 20px; }
blockquote p { font: normal 12px/16px Georgia, "Times New Roman", Times, serif; color: #4E2200; margin: 5px; }
blockquote cite { font: bold 11px/12px Arial, Helvetica, sans-serif; color: #744520; padding: 0 0 0 5px; }

/* Content
------------------------------------------------------------------*/
#meeting { background: #F1E9B6; padding: 10px 10px 4px 10px; border: 2px solid #FFFFFF; }

table {	width: 100%; margin: 0 0 10px 20px; }
th { height: 40px; }
td.first { font-size: 12px; height: 24px; width: 100px; }
td { font-size: 12px; height: 24px;	width: 40px; }
.logo { float: left; margin: 0 5px 5px 5px; border: 1px solid #CCCCCC; }

/* Footer
------------------------------------------------------------------*/
#strapline { width: 570px; height: 30px; background: url(images/strapline.gif) #4E2200; margin: 0 0 20px 0; text-indent: -9999px; }
#design a { background: url(images/snap-designs.jpg) no-repeat; width: 191px; height: 18px; text-indent: -9999px; display: block; float: right; }
#design a:hover { background: url(images/snap-designs_hover.jpg) no-repeat; width: 191px; height: 18px; }