/*STYLESHEET for Helming's Auto Repair, www.helmings.com*/
/*November 2009*/

/*Styles for entire page*/
body{
background-image:url('images/back.jpg'); 
background-repeat:repeat-x; 
background-color:#d0d2d7;
background-attachment: fixed;
font:  14px arial, Verdana, sans-serif;
line-height:18px;
margin:0; 
padding:0;
}

p{
margin:8px 10px;
}

.hidden{
display:none;
}

img {
border: 0px;
}

h1{
margin:15px 10px 8px 10px;
font-size:  18px; 
line-height:22px; 
font-weight:bold; 
color:#004488;
}

/*h2 is h1 with an additional line*/
h2{
clear:both;
margin:15px 10px 5px 10px;
border-top: 1px solid #cccccc; 
font-size:  18px; 
line-height:22px; 
font-weight:bold; 
color:#004488;
}

h3{
clear:both;
margin:15px 10px 5px 10px;
font-size:  18px; 
line-height:22px;  
font-weight:bold; 
color:#333333;
}


A:link {color:#222222;  text-decoration: underline;}
A:visited {color:#222222; text-decoration: underline;}
A:active {color:#cc0000; text-decoration: underline;}
A:hover {color:#004488; text-decoration: underline;}

/*main holder for page content. To enlarge page size, increase this, column sizes for left/rightcolumn, and contentwrapper */
#maincontainer{
width: 950px; 
margin: 0 auto; 
background:#ffffff;
}


/* ******* TOPSECTION ******** */
/* The very top of every page. */
#topsection{
background-color:#000000; 
height:140px; 
text-align:center;
}

/* ******* ADDRESSSECTION ******** */
/* Single gray line for address and phone on top of everypage */
#addresssection {
background-color:#eeeeee;
}

#addresssection A:link {text-decoration: none;}
#addresssection A:visited {text-decoration: none;}
#addresssection A:hover {color:#990000;}

#addresssection p{
margin:0px; 
font-size: 12px; 
font-weight:bold; 
line-height:26px; 
text-align:center;
}

/* ******* MENUSECTION ******** */
/* Navigational menu for top of every page */
#menusection{
background-image:url('images/layout_02.jpg'); 
background-repeat:no-repeat; 
text-align:center; 
}

#menusection img{
margin:12px 15px 0px 15px;
}

#menusection A:link {text-decoration: none}
#menusection A:visited {text-decoration: none}
#menusection A:active {text-decoration: none}
#menusection A:hover {text-decoration: none;}

/*
******* CONTENTSECTION = main text ******** 
Contentwrapper/section is the main text section.
It's limited width on home page, full width on subpages. 
*/

#contentwrapper{
float: left; 
width: 100%; 
background-color:#ffffff;
}

#contentcolumn{
margin-left: 235px; margin-right: 163px; margin-bottom:40px;
}

#contentcolumn-fullwidth{
margin-left: 10px; margin-right: 10px;  margin-bottom:40px;
}

#contentcolumn-fullwidth h1{
font-size: 28px;
line-height: 36px;
margin-top: 25px;
}

#contentcolumn-fullwidth h2{
margin-right:25px;
}

#contentcolumn-fullwidth img.portrait{
margin:0px 20px 10px 25px;
border:1px solid #333333;
float:right;
}

#contentcolumn-fullwidth .quote{
margin:20px 20px 0px 25px;

}

#contentcolumn-fullwidth .quotee{
margin:0px 20px 20px 45px;
font-style:italic;
}

#contentcolumn-fullwidth table{
}

#contentcolumn-fullwidth td{
vertical-align:top;
background-color:#f3f3f3;
}

/* ******* LEFTCOLUMN ******** */
/* Column on left side of home page */
#leftcolumn1{
float: left; 
width: 300px; 
font-size:15px;
line-height:19px;
margin-left: -940px; 
}

#leftcolumn2{
float: left; 
width: 220px; 
font-size:13px;
line-height:17px;
margin-left: -940px; 
}

#featured{
background-color: #AABEDB; 
border:0px solid #555555;
margin: 0px 0px 15px 0px;
}

#leftcolumn1 h1{
padding-top: 10px; 
font-size:  13px; 
line-height:17px; 
font-weight:bold; 
color:#000000;
}

#leftcolumn1 ul{
margin-top:0px;
padding-bottom:15px;
}

#leftcolumn1 li{
font-size:13px;
line-height:16px;
margin-left:-15px;
margin-right:5px;
}

#leftcolumn2 h1{
padding-top: 10px; 
font-size:  13px; 
line-height:16px; 
font-weight:bold; 
color:#000000;
}

#leftcolumn2 h2{
padding-top: 2px; 
font-size:  13px; 
line-height:16px; 
font-weight:bold; 
border-top: 1px solid #cccccc; 
color:#004488;
}

#leftcolumn2 ul{
margin-top:0px;
padding-bottom:5px;
}

#leftcolumn2 li{
font-size:13px;
line-height:17px;
margin-left:-15px;
margin-right:5px;
}

/* ******* RIGHTCOLUMN ******** */
/* Column on right side of home page */
/* To contain rotating testimonials and various logos */
#rightcolumn{
float: left;
width: 150px; 
margin-top:15px; 
margin-left: -160px; 
text-align:center;
background-color: #ffffff;
}

#rightcolumn p{
margin:5px;
font-size: 13px;
line-height:17px;
text-align:left;
}

#rightcolumn img{
margin-top:20px;
}

/* Red-bordered box for testimonials on homepage */
#testimonial {
margin:0px;
padding: 4px;
background-color:#aa2222;
margin-bottom: 10px;
color:#ffffff;
}
#testimonial A:link {color:#ffffff;  text-decoration: underline;}
#testimonial A:visited {color:#ffffff; text-decoration: underline;}
#testimonial A:active {color:#ffffff; text-decoration: underline;}
#testimonial A:hover {color:#88bbff; text-decoration: underline;}


/* ******* FOOTER ******** */
/* */
#helmings{
clear: left;
width: 100%;
background-color: #AABEDB;
text-align: center;
padding: 2px 0;
font-size: 12px; 
line-height:16px;
margin:0px;
}

/* Black bar for bottom of all pages */
#footer{
margin:0px;
clear: left;
width: 100%;
background-color: #000000;
color: #ffffff;
text-align: center;
padding: 2px 0;
}