/*  
CPA Tax Style
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {
height: 100%;
}

body > #wrap {
height: auto; min-height: 100%;
}

body {

background-color:#f0f0f0;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}


h1 {
font-size: 32px;
color:#336699;
margin-bottom:5px;
}

h2 {
display: block;
font-size: 1.5em;
font-weight: bold;
margin-bottom:20px;
}

p {
padding: 10px 0px 30px 0px;
}

ul li {
margin-bottom:10px;
}

ul {
margin-top:10px;
}

h5 {
font-size:20px;
color: #6699cc;
font-weight:bold;
}

#main {
width:auto;
margin: 0 auto;
padding-bottom: 250px;/* must be same height as the footer */
}  

#main_content {
float:left;
top-padding:40px;
}


#footer {
position: relative;
margin-top: -250px; /* negative value of footer height */
height: 250px;
clear:both;
background:#333333;
} 

#footer_inside {
width:960px;
margin: 0 auto;
position:relative;
height:250px;
} 

/* CLEAR FIX*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;

}

/* Hides from IE-mac \*/
* html .clearfix {
 height: 1%;
 }
 
.clearfix {
display: block;
}
/* End hide from IE-mac */


#top {
height:55px;
background:#173e6d;
float:left;
width:100%;
margin: 0 auto;
}

#top_inside {
width:960px;
height:55px;
margin: 0 auto;
background:url(images/nav_bg.jpg) center;
}


/* logo */

#logo {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
	height:55px;
	width:170px;
	float:left;
}

#logo a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}

#logo a:hover {
	background-position: left bottom;
}


#logo .logo_home {
	width: 170px;
	height:55px;
	background:url(images/logo.png) no-repeat;
	display:block;
}


#top_nav {
float:right;
height:55px;
padding-top:18px;
}
/*menu */
#menu ,#menu ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;

}

#menu li {
list-style: none;
display: inline;
margin: 0px;
padding: 0px;
}

#menu li a{
text-decoration:none;
padding:0px 20px 0px 0px;
color:#CCCCCC;
font-weight:bold;
font-size:16px;
list-style: none;
}

#menu li a:hover{
color:#FFFFFF;
}

#spotlight{
background:#2e6da0;
height:200px;
}

#spotlight-page{
background:#2e6da0;
height:50px;
}

#spotlight_inside {
width:960px;
margin: 0 auto;
position:relative;
background:url(images/spotlight_bg.jpg);
height:200px;
}

#spotlight-page_inside {
width:960px;
margin: 0 auto;
position:relative;
background:url(images/spotlight_bg.jpg);
height:50px;
}

#spotlight-page_inside h2 {
padding-top:10px;
font-size:24px;
color:#FFFFFF;
}

.spotlight_text {
width:250px;
height:90px;
position:relative;
float:left;
background:url(images/fullservice_spotlight_text.png);
top:20px;
}


.spotlight_intro {
width:400px;
height:100px;
position:relative;
float:left;
top:30px;

}

#spotlight_inside p {
font-size:14px;
font-weight:bold;
color:#FFFFFF;
}



.briefcase_spotlight {
background:url(images/briefcase-spotlight.png) no-repeat;
width:427px;
height:260px;
position:relative;
top:-105px;
left:450px;

}

#content {
background:url(images/content-bg.gif) repeat-x;
padding-top:40px;
padding-bottom:40px;
height:auto;
}

#content_inside {
height:auto;
width:960px;
margin: 0 auto;
position:relative;
}



.footer_widget {
float:left;
width:210px;
padding: 0px 30px 10px 0px;

height:240px;
}

.footer_widget h2 {
color:#FFFFFF;
font-weight:bold;
font-size: 20px;
margin-top:20px;
margin-bottom:20px;
}

.footer_widget p {
color:#FFFFFF;
font-size: 14px;
margin-bottom:10px;
padding:0px;
}

.footer_widget a {
color:#00CCFF;
font-size: 14px;
text-decoration:none;
}

.footer_widget a:hover {
text-decoration:underline;
}


/* services page */

.business-label {
width:244px;
height:43px;
color:#FFFFFF;
padding-top:15px;
padding-left:30px;
background:url(images/business-tape.png);
z-index:2;
}

.tax-label {
width:244px;
height:43px;
color:#FFFFFF;
padding-top:15px;
padding-left:30px;
background:url(images/tax-tape.png);
z-index:2;
}

.accounting-label {
width:244px;
height:43px;
color:#FFFFFF;
padding-top:15px;
padding-left:30px;
background:url(images/accounting-tape.png);
z-index:2;
}

.payroll-label {
width:244px;
height:43px;
color:#FFFFFF;
padding-top:15px;
padding-left:30px;
background:url(images/payroll-tape.png);
z-index:2;
}



#services-content {
background:url(images/services-back.jpg) no-repeat right top;
z-index:1;
width:770px;
float:left;
margin-bottom:40px;
}

#services-inside {
background:url(images/services-inside-bg.gif) repeat-x #ffffff;
border: 1px solid #CCCCCC;
height:auto;
width:602px;
float:left;
padding:35px;
z-index:1;
}



.services-nav {
width:175px;
padding: 30px 10px 0px 0px;
float:left;
height:400px;
z-index:10;
position:relative;
left:5px;
font-size:14px;
font-weight:bold;
list-style: none;
}


.services-nav li {
height: 51px;
margin-bottom:2px;
width: 200px;
list-style: none;

}


.services-nav ul li a {
display:block;
tex-decoration:none;

list-style: none;
width:210px;
height:51px;
color:#666666;
padding-top:12px;
padding-left:12px;
z-index:2;

}


.services-nav ul li a:hover  {
color:#000000;
text-decoration:underline;

}


.services-nav .on-business {
color:#FFFFFF;
background:url(images/business-tape.png) no-repeat;
text-decoration:none;
}

.services-nav .on-tax {
color:#FFFFFF;
background:url(images/tax-tape.png) no-repeat;
text-decoration:none;
}

.services-nav .on-accounting {
color:#FFFFFF;
background:url(images/accounting-tape.png) no-repeat;
text-decoration:none;
}

.services-nav .on-payroll {
color:#FFFFFF;
background:url(images/payroll-tape.png) no-repeat;
text-decoration:none;
}



.mywork_main {
width:720px;
padding: 0px 0px 0px 0px;
float:left;
left:222px;
position:relative;

}

.mywork_main ul li {
margin: 0px 0px 0px 50px;
list-style:disc;
}


/* contact page */

#contact-panel {
float:left;
width:481px;
height:461px;
background:url(images/contact-us-panel.gif) no-repeat;
}

#contact-form {
padding:40px ;
}

#map {
width:960px;
height:481px;
margin-left:0px;
float:left;
margin-top:10px;
margin-bottom:10px;
padding:5px;
background:#FFFFFF;
}

#building-photo {
width:310px;
height:260px;
margin-left:40px;
float:left;
margin-top:5px;
background:url(images/building-photo.jpg) no-repeat center #FFFFFF;
padding:5px;


}

#contact-info {
width:280px;
height:180px;
margin-left:40px;
float:left;
margin-top:5px;
background:url(images/contact-card-panel.gif) no-repeat;
padding: 30px 20px;
}

.fieldclass {
height:20px;
margin-bottom:10px;
font-size:16px;
}

.bigmessage {
height:30px;
margin-bottom:10px;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
height:90px;
}



/* about */

#about-content {
background:url(images/about-bg.jpg) no-repeat;
width:960px;
height:670px;
padding-top:29px;
padding-left:99px;
}

#about-inside {
width:520px;
height:420px;
padding:100px 60px 30px 40px;

}



img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

#contact-button{
position:relative;
width:135px;
height:36px;
float:left;
margin-top:10px;
margin-right:10px;
}

#contact-button a {
	display: block;
	position: absolute;
	text-indent: -900%;
	outline: none;
}

#contact-button a:hover {
background-position: left bottom;
}


#contact-button .contactbuttonclass {
	width: 135px;
	height: 36px;
	background:url(images/contact-us-button.png);
	display:block;	
}