@import url(menu.css);
@import url(buttons.css);


/* HEROUX AND COMPANY LLP CSS */

/* Color Chart */
/*
Red web :: #9D0A10
Red wheel :: #9D0C0E
Header brown :: #533831
Logo olive green :: #989482
*/

a:active, a:focus {outline:0;}

html, body {
border:0;
margin:0;
padding:0;
height:100%;
width:100%;
background-color:#000000;
}

/*font color brown*/
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:18px;
font-size:14px;
color:#171616;
font-weight:normal;
}

p, ul, ol {
margin:0;
margin-left:30px;
margin-right:30px;
padding:0 0 12px 0;
line-height:24px;
}

ul.services {
line-height: 26px;
padding: .3em 0 .2em 1.3em;
list-style-image: url(../images/list.png);
}

p.c2 {
text-align: center;
}
p.c3 {
text-align: left;
}

frontPost {
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}

/***** HEAD TAGS *****/
h1{ 
text-align:center;
font-family: 'CodeBoldRegular';
text-transform: uppercase;
font-variant:none;
color:#ffffff;
font-weight:normal;
font-size:34px;
letter-spacing: 0.07em;
text-decoration:none;
border-bottom:none;
background-color:none;
opacity:1.0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
filter:alpha(opacity=100);
zoom:1;
text-shadow: 0 0 2px rgba(136,136,136 .7);
}

/*red headings*/
h2{
color: #800000;
font-size:16px; 
font-weight: bold;
line-height: 10%; 
letter-spacing:0.1em;
/*text-transform: lowercase;
*/font-variant: small-caps;
border-bottom:none;
text-decoration:none;
text-align:center;
}

/*show hide divs*/
h3 {
margin:0;
margin-left:30px;
margin-right:30px;
padding:0 0 12px 0;
}

h3.c1 { 
cursor: pointer;
}

h3:hover { 
text-decoration: none; 
background-color:#E4E1C3;
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
-o-border-radius: 4px;
border-radius: 4px; 
opacity:0.60; 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=60)";
filter:alpha(opacity=60); 
zoom:1;
}

/*certificed public accountants*/
h4{ 
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#989482;
font-weight:400;
font-size:24px;
letter-spacing: 0.04em;
opacity:1.0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
filter:alpha(opacity=100);
zoom:1;
text-shadow: 0 0 1px rgba(136,136,136 .2);
}

/*maroon sub titles*/
h5 {
color: #500D10;
margin:0;
margin-left:30px;
margin-right:30px;
padding:0 0 12px 0;
font-size:14px;
font-weight:600;
line-height:24px;
}

/* IMAGE CLASSES */

img.snapshot {
display:block;
margin-top:7px;
margin-bottom:13px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

img.and {
margin-left:11px;
margin-right:11px;
}

img.listGrey {
padding-left :6px;
padding-right :6px;
margin-top:2px;
}

img.listOlive {
padding-left :4px;
padding-right :0px;
}

img.listBlood {
padding-left :0px;
padding-right :7px;
}

/* Staff photo frames */

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

img.border {
display: block;
margin-left: auto;
margin-right: auto;
padding:9px;
border:solid;
border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
border-width: 1px 2px 2px 1px;
background-color:#989482;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

img.portraitsBorder {
display: block;
padding:9px;
border:solid;
border-color: #000000 #666666 #666333 #333333;
border-width: .75px 1.5px 1.5px .75px;
/*background-color:#646256;*/
-moz-border-radius:4px; 
-webkit-border-radius:4px;
}

img.eventsBorder {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 13px;
padding:9px;
border:solid;
border-color: #000000 #666666 #666333 #333333;
border-width: .75px 1.5px 1.5px .75px;
/*background-color:#646256;*/
-moz-border-radius:4px; 
-webkit-border-radius:4px;
}

/* Testimonial logo pics */
img.borderTestimon{
display:block;
padding:7px;
border:none;
border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
border-width: 1px 2px 2px 1px;
background-color:#4B4839;
-moz-border-radius:4px; 
-webkit-border-radius:4px; 
}



/* * * * * * * * * * * * * CSS FOR PAPERLESS DISC TO WALLET TRANSITION ON HOVER*/ 

.thumbnail{
position: relative;
left: 15%;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS FOR WALLET*/
position: absolute;
left: -1000px;
visibility: hidden;
color: #4B4839;
font-weight: 600;
line-height: 200%;
font-size:12px;
padding-bottom:13px;
text-decoration: none;
}

.thumbnail span img{ /*CSS FOR WALLET*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS WALLET ON HOVER*/
visibility: visible;
top: -359px;
left: 0px; /*position where enlarged image should offset horizontally */
}

/* H&CO WEBPAGE CUSTOM LAYOUT */

#pageHolder{
margin-left:auto;
margin-right:auto;
}

/* H&CO WEBPAGE TOP SECTION */

#header{
width:100%;
height:222px;
background:#533831;
margin-top:0px;
margin-bottom:0;
padding:0;
}

#brandHolder{
width:784px;
height:88px;
padding-top:50px;
margin-left:auto;
margin-right:auto;
}

#logo{
width:250px;
margin-top:25px;
height:63px;
float:left;
margin-left:42px;
}

#companyName{
float:right;clear:right;
width:483px;
height:88px;
}

/* MAIN CONTENT BLOCK */

#mainWrapper{
width:784px;
min-height:500px;
padding-top:33px;
background-color:#1A1718;
margin-left:auto;
margin-right:auto;
}

#wrapper{
width:784px;
height:100%;
margin-left:auto;
margin-right:auto;
}

#contentText {
width:591px;
min-height:500px;
margin-top:0px;
padding-top:50px;
border-top: 0px;
background:#989482;
-moz-border-radius: 3px; 
-webkit-border-radius: 3px;
margin-left:auto;
margin-right:auto;
}

/* 3 COLUMN LAYOUT */

#mainLeft{
width:192px;
min-height:500px;
float:left;
display:inline-block;
margin-left:auto;
margin-right:auto;
text-align:center;
}

#mainLeftTop{
width:192px;
height:250px;
float:top;
}

#mainLeftBottom{
width:192px;
height:250px;
float:bottom;
}

#mainCenter{
width:400px;
height:100%;
float:left;
display:inline-block;
background-color:#;
margin-left:auto;
margin-right:auto;
text-align:center;
}

#mainRight{
width:192px;
min-height:250px;
float:left;
display:inline-block;
margin-left:auto;
margin-right:auto;
text-align:center;
}

#mainRightTop{
width:192px;
height:250px;
float:top;
}

#mainRightBottom{
width:192px;
height:250px;
float:bottom;
}

/* CHARITY ICONS & CHARITY BUTTONS */

.centerWheel {
margin-left:auto;
margin-right:auto;
text-align:center;
}

.leftBottom {
margin-bottom:20px;	
}


/* PURE CSS IMAGE ROLLOVERS */

a.rightTopButton, a.rightBottomButton {
display: block;
width: 125px;
height: 125px;
text-decoration: none;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;	
}

a.rightTopButton:hover, a.rightBottomButton:hover {
background-position: -125px 0;
}

.displace {
position: absolute;
left: -5000px;
}

a.rightTopButton {
background: url(../images/paperlessTaxReturns_button.png);
}

a.rightBottomButton {
background: url(../images/greenMover_button.png);
}

a.facebook {
display: block;
width: 55px;
height: 75px;
text-decoration: none;
margin-left:auto;
margin-right:auto;
margin-bottom:100px;	
background: url(../images/facebook_button.png);
}

a.facebook:hover {
background-position: -55px 0;
}

/* BUTTONS 
---------------------------------------------- */

/* 2 ROW LAYOUT*/

/*#mainUp{
width:784px;
min-height:250px;
background-color:#333;
float:top;
}

#mainDown{
width:784px;
min-height:250px;
background-color:#666;
float:bottom;clear:bottom;
}*/


/*HOME PAGE BOTTOM*/

#facebook{
width:784px;
height:100px;
margin-left:auto;
margin-right:auto;
text-align:center;
background-color:#1A1718;
}

#banner{
width:161px;
height:100px;
margin-left:auto;
margin-right:auto;
text-align:center;
background: url(../images/facebookBanner.png); background-repeat: no-repeat;
}

#contentContact {
width:600px;
float:left;
display:inline;
margin-top:0px;
padding-top:50px;
border-top: 0px;
}

#footer{
width:100%;
height:100%;
padding:0;
margin-left:auto;
margin-right:auto;
margin-top:11px;
text-align:center;
}

/* * * * * * * * * * * H&CO CUSTOM TYPOGRAPHY STYLES * * * * * * * * * * */

/*contact page*/
.contact{
color: #800000;
margin-left:13%;
font-size:16px; 
font-weight: bold;
line-height: 10%; 
letter-spacing:0.1em;
/*text-transform: lowercase;
*/font-variant: small-caps;
border-bottom:none;
text-decoration:none;
}

/*black*/
.style2{
color: #000000;
font-weight: 600; 
line-height:22px;
font-size:15px; 
}

/*answer text linen*/
.style3{
color: #FAF0E6;
font-weight: normal;
line-height: 16px;
}

/*olive*/
.style4{
color: #4B4839;
font-weight:400; 
line-height:11px;
}

/*logo olive grey*/
.style5{
color: #989482;
font-weight: normal;
font-size:12px;
}

/*bold olive*/
.style6{
color: #4B4839;
font-weight: 600;
line-height: 77%;
font-size:16px;
padding-bottom:13px;
}

/*yellowish olive*/
.style7{
color: #E4DFC3;
font-weight:bold;
font-size:12px;
line-height:16px;
}

/* footer */
.style8{
color: #979381;
font-weight: normal;
font-size:12px; 
}

.copyright{
color: #333333;
font-weight: normal;
font-size:12px; 
}

/* penalties list */
.penaltiesList{
/*font-family: ?Palatino Linotype?, ?Book Antiqua?, Palatino, serif;
*/color:#4E1415;
letter-spacing:0.06em;
border-bottom:none;
text-decoration:none;
font-weight:bold;
font-size:14px;
line-height:30px;
/*background-color:#E4DFC5;*/
}

/* back to penalties */
.return{
color:#FAF0E6;
letter-spacing:0.06em;
border-bottom:1px solid #660000;
text-decoration:none;
font-weight:normal;
font-size:14px;
line-height:30px;
}

/* :: */
.colon{
color: #A52A2A;
font-weight: 700;
font-size:14px;
font-weight:300;
filter:alpha(opacity=70);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7; 
opacity: 0.7;
}

/* FRONT MESSAGE */
.messageBox{
color: #E4E1C3;
text-decoration:none;
font-weight: 500;
font-size:14px;
line-height:20px;
filter:alpha(opacity=70);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7; 
opacity: 0.7;
}

.action{
color: #ffffff;
font-weight: 700;
font-size:14px;
letter-spacing:0.02em;
background-color: #E4D27F;
border-bottom:1px solid #fff;
}

.yellow{
color: #E4DA7F;
}

.event{
color: #E4DFC3;
font-weight:500;
}

.motto{
color: #E4DFC3;
font-size:18px;
letter-spacing:0.33;
font-weight:500px;
line-height: 41px;
}

.icons{
color: #979381; 
text-decoration:none;
font-size: 18px;
font-weight: 400;
text-transform:uppercase;
}

.brown{ 
color: #533831;
}


/* * * * * * * * * * * H&CO CUSTOM LINK STYLES */

/*CURRENT MESSAGE LINKS*/
.message a, .message a:visited, .message a:active{
color: #979381; 
text-decoration:none;
font-size: 18px;
padding:0 13px 0 13px;
font-weight: 400;
text-transform: uppercase; 
}

.message a:hover{
color:#999966;
background-color:#990000;
-moz-border-radius:3px; 
-webkit-border-radius:3px;
filter:alpha(opacity=50); 
-moz-opacity:0.5; 
opacity:0.5;
}

/*FAQ 3 category links*/
.link2 a{
color: #FAF0E6; 
text-decoration:none;
font-size:14px;
}

.link2 a:visited{
color:#FAF0E6;
text-decoration:none;
font-size:12px;
}

.link2 a:hover{
color:#800000;
background-color:#DCDCDC;
-moz-border-radius: 3px; 
-webkit-border-radius: 3px;
filter:alpha(opacity=60);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
-moz-opacity: 0.6; 
opacity: 0.6;
text-decoration:none;
font-size:12px; 
}

/*answer links*/
.link3 a{
color: #660000; 
text-decoration: none;
}

.link3 a:visited{
color:#660000;
text-decoration:none;
}

.link3 a:hover{
color:#9D0A10;
background-color:#E4D57F;
-moz-border-radius:3px; 
-webkit-border-radius: 3px;
filter:alpha(opacity=60); 
-moz-opacity: 0.6; 
opacity:0.6;
text-decoration:none;  
}

/*orange/red*/
.link4 a{
color: #A52A2A; 
font-size:16px;
text-decoration:none;
font-weight:bold;
}

.link4 a:visited{
color:#A52A2A;
font-size:16px;
text-decoration:none;
font-weight:bold;
}

.link4 a:hover{
color:#800000;
font-size:16px;
border-bottom:1px solid #9D0C0E;
font-weight: bold;
}

.link4 a:active{
color:#A52A2A;
font-size:16px;
text-decoration:none;
font-weight:bold;
}

/*bottom links*/
.link5 a{
color: #533831; 
text-decoration:none;
font-size: 12px;
font-weight: normal;
}

.link5 a:visited{
color:#533831;
text-decoration:none;
font-size:12px;
font-weight: normal;
}

.link5 a:hover{
color:#999966;
background-color:#990000;
-moz-border-radius:3px; 
-webkit-border-radius:3px;
filter:alpha(opacity=50); 
-moz-opacity:0.5; 
opacity: 0.5;
text-decoration:none;
font-size:12px;
font-weight: normal;
}

.link5 a:active{
color:#533831;
text-decoration:none;
font-weight:normal;
font-size:16px;
background-color:#990000;
-moz-border-radius:3px; 
-webkit-border-radius:3px;
filter:alpha(opacity=50); 
-moz-opacity:0.5; 
opacity: 0.5;
}

/*LINKED PAGES*/
.link6 a{
color: #fff; 
text-decoration:none;
font-weight: 700;
font-size:14px;
background-color:#990000;
-moz-border-radius:3px; 
-webkit-border-radius:3px;
filter:alpha(opacity=80); 
-moz-opacity:0.8; 
opacity: 0.8;
}

.link6 a:visited{
color:#fff;
text-decoration:none;
font-weight: 700;
font-size:14px;
background-color:#990000;
-moz-border-radius:3px; 
-webkit-border-radius:3px;
filter:alpha(opacity=80); 
-moz-opacity:0.8; 
opacity: 0.8;
}

.link6 a:hover{
color:#171616;
text-decoration:none;
font-weight: 700;
font-size:14px;
background-color:#990000;
-moz-border-radius:3px; 
-webkit-border-radius:3px;
filter:alpha(opacity100); 
-moz-opacity:1.0; 
opacity: 1.0;
}

.link6 a:active{
color:#fff;
text-decoration:none;
font-weight: 700;
font-size:14px;
background-color:#990000;
-moz-border-radius:3px; 
-webkit-border-radius:3px;
filter:alpha(opacity=80); 
-moz-opacity:0.8; 
opacity: 0.8;
}