/* CSS Document */

body { font-family: "Trebuchet MS", sans-serif; font-size: 13px; line-height: 18px; color: #333300; margin: 0; padding: 0;
	text-align: left; background-color: #f6f6e3; }

h1	{ margin: 0px; padding: 20px 0px 0px 15px; font-size: 21px; line-height: 26px; color: #666633; 	}

h2	{ margin: 0px 20px 0px 0px; padding: 5px 0px 0px 15px; font-size: 14px; line-height: 20px; color: #272424; }

p	{ margin: 0px; padding: 5px 15px 0px 15px; font-size: 13px; color: #333300; }

a { font-size: 13px; font-weight: bold; color: #666633; text-decoration: underline; border: 0; padding: 0px; 	}

a:hover { font-size: 13px; font-weight: bold; color: #272424; text-decoration: underline; border: 0; padding: 0px; }

img.logo {float: left; clear: left; border: 0px; display: inline; padding: 5px 0px 0px 0px;}

#wrapper { border: 1px solid #333300; margin: 0px auto; width: 756px; text-align: left; padding: 0px; background-color: #ffffff;  }

#navBar { background-image: url(images/navBG.jpg); background-position: left top; background-repeat: no-repeat;
	text-align: right; border-bottom: 1px solid #333300; padding: 0px; margin: 0px; }

#topNav { border-top: 1px solid #333300; width: 615px; text-align: center; padding: 0px; margin-left: 141px;
	background-color: #CCCC66; }
#topNav img{ padding: 0px; margin: 0px; }
#topNav ul{ width: 620px; list-style-type: none; display: inline; margin: 0; padding: 0; }
#topNav li{ list-style-type: none; display: inline; padding: .1em .1em; }
#topNav a { font-size: 11px; font-weight: bold; color: #666633; text-decoration: none; border-right: 1px solid #666633;
	padding-right: 0.5em; }
#topNav a:hover, #topNav a.on { color: #333300; }

#topNav .home a, .home li  { font-size: 11px; font-weight: bold; color: #666633; text-decoration: none;
	border: 0; padding: 0; }
#topNav .home a:hover, #topNav a.home_on { color: #333300; }

#footer { background-color:#666633; padding: 2px; margin-top: 0px; width: 754px; clear:both; }
#footer p{ color: #ffffff; font-size: 10px; line-height: 12px; padding: 2px; margin: 0px; }

/*index page*/
#index_main {margin: 0; border-bottom: 1px solid #666633; padding: 0px; background-image: url(images/center.jpg);
	background-position: top left; margin-left:0px; background-repeat: no-repeat; }

#index_grab { margin: 0; padding: 0px; }
#index_grab h1{ margin: 0px; padding: 20px 0px 0px 300px; font-size: 21px; line-height: 26px; color: #666633; }
#index_grab h2{ margin: 0px; padding: 20px 15px 15px 350px; font-size: 14px; line-height: 20px;
	color: #272424; text-align: right; }
#index_grab h3{ margin: 0px; padding: 10px 0px 10px 300px; font-size: 14px; line-height: 20px; color: #666633; }

#index_left { width: 50%; float: left; clear: left; display: block; padding: 0px;
	background-image: url(images/left_bg.gif); background-repeat: repeat-x; }
#index_left img{ float: right; clear: right; display: block; padding: 20px 5px 0px 0px;  margin: 0;}

#index_right { width: 50%; float: right; clear: right; padding: 0px; background-image: url(images/right_bg.gif);
	background-repeat: repeat-x; }
#index_right img{ float: right; clear: right; display: block; padding: 0; margin: 0; }


/*secondary pages*/
#onlineacc { width: 555px; float: right; clear: right; display: block; padding-bottom: 10px;}
#main { width: 555px; float: right; clear: right; display: block; padding-bottom: 10px;
	background-image: url(images/whyCFO.jpg); background-position: top left; background-repeat: no-repeat;}
#main p	{ margin: 0px; padding: 10px 15px 5px 15px; font-size: 13px; color: #333300; }
#main p.line { padding: 10px 15px 25px 15px; }
#main h1 { margin: 0px; padding: 20px 0px 90px 15px; font-size: 21px; line-height: 26px; color: #666633; 	}
#main ul { width: 450px; list-style-type: disc; list-style-position: inside; padding: 0; margin: 20px 0px 0px 15px; }
#main ul.tight{margin:0 0 0 15px;}
#main li	{list-style-type: disc; list-style-position: inside; padding: 0px 0px 5px 0px; margin: 0px;}
#main a	{ font-size: 13px; font-weight: bold; color: #666633; text-decoration: none; border: 0px; padding: 0; }
#main a:hover	{ font-size: 13px; font-weight: bold; color: #333300; text-decoration: none; border: 0px; padding: 0; }
#main b	{ font-size: 13px; color: #333300; }
#main blockquote { font-size: 13px; font-weight: bold; color: #333300; padding: 10px; background-color: #f9f9ee; }
#main em { font-size: 13px; color: #333300; font-weight: normal; }
#main img { float: right; clear: right; display: inline; padding: 0px 0px 25px 15px; border: 0px;}
#main img.team { float: left; clear: left; display: inline; padding: 0px 15px 25px 0px;}

.contact { background-image: url(images/contact.jpg); background-position: top left; background-repeat: no-repeat;}
.clients { background-image: url(images/clients.jpg); background-position: top left; background-repeat: no-repeat;}
.meet { background-image: url(images/team.jpg); background-position: top left; background-repeat: no-repeat;}
.offer { background-image: url(images/offer.jpg); background-position: top left; background-repeat: no-repeat;}
.planning { background-image: url(images/planning.jpg); background-position: top left; background-repeat: no-repeat;}
.bookkeeping { background-image: url(images/bookkeeping.jpg); background-position: top left; background-repeat: no-repeat;}
.reporting { background-image: url(images/reporting.jpg); background-position: top left; background-repeat: no-repeat;}
.statements { background-image: url(images/statements.jpg); background-position: top left; background-repeat: no-repeat;}
.taxation { background-image: url(images/taxation.jpg); background-position: top left; background-repeat: no-repeat;}
.accountant { background-image: url(images/accountant.jpg); background-position: top left; background-repeat: no-repeat;}
.consulting { background-image: url(images/consulting.jpg); background-position: top left; background-repeat: no-repeat;}

#sidebar {width: 180px; float: left; clear: left; display: block; padding: 10px; margin: 0px;
	background-image: url(images/sidebar_bg.gif); background-repeat: no-repeat; border: 0px;}
#sidebar p.space {padding: 0px 0px 200px 0px;}
#sidebar ul { width: 180px; list-style-type: none; list-style-position: outside; padding: 0; margin: 0px; display: block; }
#sidebar li	{list-style-type: none; list-style-position: outside; padding: 10px 0px 0px 15px; margin: 0px;}
#sidebar a	{ font-size: 12px; font-weight: bold; color: #666633; text-decoration: none; border: 0px; padding: 0; }
#sidebar a:hover, #sidebar a.on	{ font-size: 12px; font-weight: bold; color: #333300; text-decoration: none; border: 0px; padding: 0; }

#sidebarQuote {
	width: 180px;
	float: left;
	clear: left;
	display: block;
	padding: 10px;
	margin: 0px;
	background-repeat: no-repeat;
	border: 0px;
}
#sidebarQuote p.space {padding: 0px 0px 200px 0px;}

.error { background:#FBE3E4; color:#8A1F11; border:2px solid #FBC2C4; margin:1.6em 12px; padding:0.8em;	}

#recaptcha_widget_div { margin-left: 12px; }
#recaptcha_widget_div img { padding: 0; }

.recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color:#fff !important; /* reCaptcha widget background color */
 }

 #recaptcha_table {
   border-color: #fff !important; /* reCaptcha widget border color */
 }

 #recaptcha_response_field {
   border-color: #ece9d8 !important; /* Text input field border color */
   background-color:#fff !important; /* Text input field background color */
 }