/* CSS Document */
/* James Kooi */




/* Structure */

body {
 padding:0px;
 margin:0px;
 background-color:#FFFFFF;
 background-image:url(images/gm_bg.png);
 background-repeat:repeat-x;
 background-position:top left;
}


/* Right Column - Content Section */

#right_column h1 {
 color:#E0DB01;
}

#right_column h2 {
 color:#E0DB01;
}

#right_column h3 {
 color:#E0DB01;
}


a.faq1, a.faq1:link, a.faq1:visited {
 display:block;
 float:left;
 height:144px;
 width:144px;
 margin:0px 0px 20px 4px;
 background-image:url(images/GM-Faq-image-1.jpg);
 background-position:top center;
}
a.faq1:hover {
 background-position:bottom center;
}

a.faq2, a.faq2:link, a.faq2:visited {
 display:block;
 float:left;
 height:144px;
 width:144px;
 margin:0px 0px 20px 4px;
 background-image:url(images/GM-Faq-image-2.jpg);
 background-position:top center;
}
a.faq2:hover {
 background-position:bottom center;
}

a.faq3, a.faq3:link, a.faq3:visited {
 display:block;
 float:left;
 height:144px;
 width:144px;
 margin:0px 0px 20px 4px;
 background-image:url(images/GM-Faq-image-3.jpg);
 background-position:top center;
}
a.faq3:hover {
 background-position:bottom center;
}

a.faq4, a.faq4:link, a.faq4:visited {
 display:block;
 float:left;
 height:144px;
 width:144px;
 margin:0px 0px 20px 4px;
 background-image:url(images/GM-Faq-image-4.jpg);
 background-position:top center;
}
a.faq4:hover {
 background-position:bottom center;
}

a.faq5, a.faq5:link, a.faq5:visited {
 display:block;
 float:left;
 height:144px;
 width:144px;
 margin:0px 0px 20px 4px;
 background-image:url(images/GM-Faq-image-5.jpg);
 background-position:top center;
}
a.faq5:hover {
 background-position:bottom center;
}

a.faq6, a.faq6:link, a.faq6:visited {
 display:block;
 float:left;
 height:144px;
 width:144px;
 margin:0px 0px 20px 4px;
 background-image:url(images/GM-Faq-image-6.jpg);
 background-position:top center;
}
a.faq6:hover {
 background-position:bottom center;
}

a.faq7, a.faq7:link, a.faq7:visited {
 display:block;
 float:left;
 height:144px;
 width:144px;
 margin:0px 0px 20px 4px;
 background-image:url(images/GM-Faq-image-7.jpg);
 background-position:top center;
}
a.faq7:hover {
 background-position:bottom center;
}

a.faq8, a.faq8:link, a.faq8:visited {
 display:block;
 float:left;
 height:144px;
 width:144px;
 margin:0px 0px 20px 4px;
 background-image:url(images/GM-Faq-image-8.jpg);
 background-position:top center;
}
a.faq8:hover {
 background-position:bottom center;
}






/* Presentation */

p  {
 padding:5px 10px;
 margin:0px;
}




/* Images */

a img {border:none;}





/* Left Nav */

.glossymenu {
list-style-type: none;
margin: 0px;
padding: 0px;
width: 148px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
border-bottom:0px;
clear:both;
}

.glossymenu li ul{
list-style-type: none;
margin: 0px;
padding: 0px;
width: 148px; /*WIDTH OF MAIN MENU ITEMS*/
}

.glossymenu li{
position: relative;
margin: 0px;
padding: 0px;
}

.glossymenu li a{
background: white url(images/left_nav.png) repeat-x top left;
font: bold 11px Verdana, Helvetica, sans-serif;
color: black;
display: block;
width: 148px;
margin: 0px;
padding: 0px;
line-height:34px;
text-indent: 3px;
text-decoration: none;
letter-spacing:0px;
word-spacing:-.5px;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 148px; /*WIDTH OF SUB MENU ITEMS*/
left: 10px;
top: 0px;
display: none;
text-indent: 10px;
}

.glossymenu li ul li{
float: left;
}

.glossymenu li ul li a{
border-left:1px solid black;
}
.glossymenu li ul a{

width: 148px; /*WIDTH OF SUB MENU ITEMS */

}

.glossymenu .arrowdiv{
position: absolute;
right: 2px;
top:0px;
background: transparent url(images/arrow.gif) no-repeat center right;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: black;
}

.glossymenu li a:hover{
background: white url(images/left_nav.png) repeat-x bottom left;
color:black;
}

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */


/* FAQ's */

.ques {
 color:#E0DB01;
 font-size:15px;
 font-weight:bold;
}





/* Contact Form for 1/2 Price Gutters Offer */


.contact {
 padding: 0px;
 margin: 10px 0px 0px 0px;
 float:left;
 clear:none;
 height: 400px;
 width: 340px;
 overflow:auto;
 border:0px;
}






#form-wrap {
	width: 270px;
	background: white;
	padding: 5px;
	margin: 0px auto;
	border:1px solid #036;
        text-align:center;
}

#form-area {
	width: 240px;
        margin:0px;
        text-align:left;
	
}

#form-area input, #form-area textarea {
	padding: 2px;
	width: 240px;
	margin: 0px 0px 5px 0px;
	border: 1px solid #ccc;
}

#form-area textarea {
	height: 90px;
}

#form-area textarea:focus, #form-area input:focus {
	border: 1px solid #036;
}

#form-area input.button {
	width: 246px;
	
}

.warning {
    font-weight: bold;
	font-size:12px;
    color: #f00;
}

.success {
    font-weight: normal;
	font-size:12px;
    color: #f00;
}

label {
    font-weight: bold;
 color:#036;
    display: block;
	font-size:12px;
}