@charset "utf-8";
/*
	This is the main CSS docuement for Shanes Accounting Solutions
	Developed by CoLab Multimedia, Richmond, VA 804-433-3582
	Please make sure that if you edit this file to commit your changes in subversion.
*/
a{
 outline: none;
}
body{
 padding: 0px;
 margin: 0px;
 width: 100%;
 background-image: url(../img/bg.png);
 background-position: top;
 background-repeat: repeat-x;
 
 background-color: #fbffc0;
 font-size: 12px;
 
 font-family: Arial, Helvetica, sans-serif;
 color: #FFFFFF;
}
#outer{
 background-image: url(../img/body_bg.jpg);
 background-repeat: no-repeat;
 background-position: top center;
 background-attachment: fixed;
}
#wrapper{
 width: 760px;
 margin: 0px auto;
}
#header{
 height: 85px;
 background-image: url(../img/header_bg.gif);
 background-repeat: repeat-x;
 position: relative;
}
#logo{
 position: absolute;
 top: 0px;
 left: 20px;
 border: none;
}
#header_right{
 margin: 0px 0px 0px 0px;
 position: absolute;
 right: 20px;
 top: 45px;
}
#header_login{
 position: absolute;
 right: 20px;
 top: 15px;
}
#feature{
	height: 309px;
}
a.button-client-login {
	display:block;
	width:160px;
	height:23px;
	background-position:0 0;
	background-image:url(../img/client_login_button.png);
}
a.button-client-login:hover {
	background-position:0 -23px;	
}
a.button-newsletter {
	display:block;
	width:160px;
	height:23px;
	background-position:0 0;
	background-image:url(../img/newsletter_button.png);
}
a.button-newsletter:hover {
	background-position:0 -23px;
}
.form_input{
 height: 12px;
 width: 50px;
 font-size: 11px;
}
.form_submit{font-size: 10px;}
.form_label{font-size: 11px;}
#menu{
 height: 35px;
 background-color: #9ccc52;
 font-size: 15px;
 font-weight: bold;
}
#main_menu{
 width: 100%;
 list-style: none;
 padding: 0px;
 margin: 0px;
 height: 35px;
 width: 100%;
}
#main_menu li{
 display: block;
 height: 27px;
 float: left;
 margin: 0px;
 padding: 8px 0px 0px 0px;
 text-align: center;
 cursor: pointer;
}
#main_menu li a{
 color: #ffffff;
 text-decoration: none;
}
#menu_home{
 width: 80px;
}
#menu_services{
 width: 120px;
}
#menu_calendar{
 width: 122px;
}
#menu_tools{
 width: 134px;
}
/*
#menu_faq{
 width: 62px;
}
*/
#menu_shadow{
 width: 153px;
}
#menu_about{
 width: 151px;
}

#main_menu li:hover{
 background-color: #528429;
}

#container{
 background-color:#FFFFFF;
 color: #000000;
}
#sub_menu{
 height: 135px;
 background-image: url(../img/sub_menu_bg.gif);
 background-repeat: no-repeat;
}

#sub_menu_top{
 width: 100%;
 list-style: none;
 padding: 0px;
 margin: 0px;
 height: 30px;
}
#sub_menu_top li{
 display: block;
 height: 22px;
 width: 152px;
 float: left;
 margin: 0px;
 padding: 8px 0px 0px 0px;
 text-align: center;
}

#sub_menu_top li a{
 text-decoration: none;
 color: #0b4c00;
 font-size: 13px;
 font-weight: bold;
}
#sub_menu_top li a:hover{
 color: #528429;
}
.sub_desc{
 float: left;
 width: 132px;
 font-size: 11px;
 padding: 15px 10px 0px 10px;
 text-align: left;
 color: #ffffff;
}

#footer{
 height: 45px;
 padding: 16px 0px 0px 0px;
 background-image: url(../img/footer_bg.jpg);
 background-repeat: no-repeat; 
 text-align: center;
 color: #9dcc52;
 font-size: 10px;
 position: relative;
}
#footer a{
 text-decoration: none;
 color: #9dcc52;
}
#footer a:hover{
 text-decoration: underline;
 color: #9dcc52;
}
.full_container{
 width: 736px;
 margin: 0px auto 0px auto;
 padding: 20px 0px 20px 0px;
 background-color: #FFFFFF;
 color: #000000;
}
.full_container_top{
 width: 736px;
 height: 44px;
 background-image: url(../img/full_container_top_bg.gif);
 background-repeat: no-repeat;
}
.container_heading{
 color: #9dcc52;
 font-size: 20px;
 margin: 0px;
 padding: 10px 0px 0px 15px;
}
.container_heading a{
 text-decoration: none;
 color: #9dcc52;
}
.full_container_body{
 width: 706px;
 background-image: url(../img/full_container_body_bg.gif?cache=0);
 background-repeat: repeat-y;
 padding: 15px;
}
.full_container_bottom{
 width: 736px;
 height: 16px;
 background-image: url(../img/full_container_bottom_bg.gif);
 background-repeat: no-repeat;
}


/********************************************************************************
	Calendar
********************************************************************************/
#calendar{
 background-color: #9dcc52;
 padding: 6px;
}
.calendar_year{
 float: left;
 background-color: #FFFFFF;
 margin: 5px 4px 0px 4px;
 width: 336px;
 border: 1px solid #78aa41;
}
.calendar_year h2{
 width: 100%;
 font-size: 18px;
 padding: 0px;
 margin: 0px;
 text-align: center;
 color: #9dcc52;
 background-color: #528830;
}
.calendar_month{
 float: left;
 border: 1px solid #cccccc;
 width: 76px;
 height: 70px;
 margin: 3px;
 overflow: hidden
}
.calendar_month h3{
 padding: 2px 0px 2px 0px;
 margin: 0px;
 text-align: center;
 width: 100%;
 font-size: 14px;
 background-color: #528830;
 color: #9dcc52;
}
.calendar_month_content{
 height: 100%;
 width: 100%;
 cursor:pointer; 
}
.calendar_day{
 padding: 0px;
 margin: 0px;
 color: #528830;
 font-size: 12px;
 font-weight: bold;
}
.calendar_day_desc{
 padding: 0px;
 margin: 0px 0px 15px 0px;
 color: #000000;
 font-size: 12px;
}
.day_date{
 color: #528830;
 font-size: 12px;
 padding: 0px;
 margin: 0px;
}
.day_headline{
 color: #000000;
 font-size: 12px;
 padding: 0px;
 margin: 0px;
}
.day_description{

}
.day_container{
 margin: 0px 0px 15px 0px;
}

/********************************************************************************
	Tools
********************************************************************************/

.tools_desc{
 width: 33%;
 float: left;
}
.tools_desc h2{
 color: #0b4c00;
 font-size: 16px;
 text-align: center;
 padding: 0px;
 margin: 0px;
}
.tools_desc ul{
 color: #9dcc52;
 font-size: 14px;
 list-style: none;
 padding: 0px;
}
.tools_desc ul li{
 padding: 0px;
}
.tools_desc ul li a{
 text-decoration: none;
 color: #9dcc52;
}
.tools_desc ul li a:hover{
 text-decoration: underline;
}

/********************************************************************************
	Service
********************************************************************************/
.service_desc{
 margin: 0px 0px 30px 0px;
}
.service_desc h2{
 width: 100%;
 color: #0b4c00;
 padding: 0px;
 margin: 0px 0px 0px 80px;
 font-size: 18px;
}
.service_desc h2 a{
 text-decoration: none;
 color: #0b4c00;
}
.service_desc img{
 float: left;
 border: none;
}
.service_desc p{
 width: 626px; 
 float: left; 
 margin: 10px 0px 0px 20px;
}
.service_desc p a{
 color: #000000;
 text-decoration: none;
}
.service_text{
 font-size: 14px;
}
.service_image{
 padding: 10px 10px 10px 0px;
 float: left;
}
.service_list{
 padding: 10px 0px 0px 30px;
 clear: both;
}
.service_list li{
 font-size: 18px;
 padding: 0px 0px 10px 0px;
 color: #0b4c00;
}
/********************************************************************************
	Links
********************************************************************************/
.links{
 list-style: none;
 padding: 0px;
 margin: 0px 0px 0px 10px;
}
.links li a{
 text-decoration: none;
 color: #000000;
}
.links li a:hover{
 text-decoration: underline;
 color: #000000;
}
.links_header{
 font-size: 14px;
 padding: 10px 0px 10px 0px;
 margin: 0px;
}
/********************************************************************************
	Inner Conatiner
********************************************************************************/
#shadow{
 float: left;
 margin: 40px 0px 0px 0px;
}
.inner_container{
 width: 404px;
 float: left;
}
.inner_container_top{
 height: 11px;
 width: 404px;
 background-image: url(../img/inner_container_top_bg.gif);
 background-repeat: no-repeat;
}
.inner_container_body{
 background-color: #9dcc52; 
 padding: 0px 10px 0px 10px;
 width: 384px; 
 background-image:url(../img/inner_container_bg.gif);
 background-repeat: repeat-y;
}
.inner_container_bottom{
 height: 11px;
 width: 404px;
 background-image: url(../img/inner_container_bottom_bg.gif);
 background-repeat: no-repeat;
}
/********************************************************************************
	FAQ
********************************************************************************/
.faq_question{
 color: #0b4c00;
}
.faq_answer{
 margin: 0px 40px 0px 40px;
}
/********************************************************************************
	News Letter
********************************************************************************/

#nl_menu img{
 border: none;	
}
#nl_menu{
 list-style: none;
 padding: 0px;
 margin: 0px;
 text-align: center;
 width: 100%;
}
#nl_menu li{
 margin: 0px auto;
 display: inline;
}

#news {
	background: #fdffe0;
	width: 760px;
	overflow: hidden;
	font-size: 12px;
}

#news-top {
	width: 760px;
	overflow: hidden;
	background: url(../img/news-top.gif) repeat-x 0 0;
}

#news-bottom {
	width: 740px;
	overflow: hidden;
	padding: 20px 10px;
	background: url(../img/news-bottom.gif) repeat-x right bottom;
}

#news p {
	margin: 0 0;
}

#news-header {
	width: 132px;
	float: left;
	padding-right: 10px;
}

	#news-header p {
		text-transform: uppercase;
		color: #0d4c02;
		font-weight: bold;
		text-align: center;
	}

#news-story {
	width: 598px;
	float: right;
	color: #0d4c02;
}

.note {
	font-style: italic;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	margin: 0 0;
}

#news a img {
	border: 0px;
	outline: none;
}

#news #sponsor {
	margin: 18px 0;
	text-align: center;
}

.sponsor {
	display: inline;
	margin: 0 32px;
}

#social-media {
	position: absolute;
	bottom: 5px;
	right: 10px;
}

.social-media img {
outline: none;
border: none;
}