body {
	margin: 0px;
	text-align: center;
	background: #000 url('../images/backgrounds/bg-contact.jpg') 50% 0% no-repeat;
	color: #ffefba;
	font-size: 10px;
	font-family: Arial, Sans-serif;
}

form {
	margin: 0px;
	padding: 0px;	
}

p { margin: 12px 0px; }

img { behavior: url('iepngfix.htc'); }
a img { border: none; }

a { color: #ffee00; text-decoration: none; }
a:hover { text-decoration: underline; }

.left { float: left; }
.right { float: right; }
.clear { float: none; clear: both; }

	#gradient, #container {
		position: absolute;
		left: 50%;
		top: 34px;
		width: 990px;
		margin: 0px 0px 0px -495px;	
	}
	
	#gradient {
		height: 230px;
		background: url('../images/gradient.png') repeat-x;
		behavior: url('iepngfix.htc');
	}

	#container {
		text-align: left;
		background: url('../images/container-background.png') repeat;
	}
	
		#nav {
			position: relative;
			height: 85px; /*all content is absolute so doesn't stretch this*/
			z-index: 100; /*MSIE bug-fix*/
		}
		
			#logo {
				position: absolute;
				left: 19px;
				top: -22px;
			}
			
			#links {
				position: absolute;
				top: 35px;
				left: 339px;
			}
			
				#links a {
					color: #fff;
					font-size: 1.7em;
					margin-right: 20px;
				}
				
				#links a:hover, #links a.selected, #links a.hover {
					color: #ffee00;
					text-decoration: none;
				}
				
				#links span {
					position: relative;
				}
				
					#links span div {
						display: none;
						position: absolute;
						width: 190px;
						height: 226px;
						top: 100%;
						left: -10px;
						z-index: 100;
					}
					
						#links span div div {
							display: block;
							top: 0px;
							left: 0px;
							padding-top: 25px;
						}
						
						#links span div div.background {
							background: url('../images/mouse-over.png') no-repeat;
							behavior: url('iepngfix.htc');
						}
						
							#links div a {
								display: block;
								color: #ffefba;
								font-size: 1.3em;
								line-height: 2.2em;
								margin: 0px 0px 0px 15px;
							}
							
			#call {
				position: absolute;
				right: 11px;
				top: 19px;
				text-align: center;
				color: #ffee00;
			}
			
				#call div { font-size: 1.2em; }
				#call span { font-size: 1.7em; font-weight: bold; }
		
		#flash {
			height: 435px;
		}
		
		#blocks {
			padding-left: 17px;
			height: 307px;
			background: url('../images/blocks-background.jpg') no-repeat;
		}
		
			#blocks div.block {
				position: relative;
				float: left;
				width: 231px;
				height: 282px;
				margin-right: 11px;
				background: url('../images/block.jpg');
				text-align: center;
			}
			
				#blocks div.block img.header {
					margin-top: 21px;
				}
				
				#blocks div.block img.main, #specialOffer {
					position: absolute;
					top: 59px;
					left: 10px;
				}
				
				#specialOffer {
					width: 211px;
					height: 158px;
				}
				
					#specialOffer img.float {
						position: absolute;
						bottom: 0px;
						right: 0px;
					}
				
				#blocks div.block a.more {
					position: absolute;
					display: block;
					width: 231px;
					height: 56px;
					line-height: 56px;
					left: 0px;
					bottom: 0px;
					text-align: center;
					font-size: 1.3em;
					color: #fff;
				}
				
				#blocks div.block a.more:hover {
					text-decoration: none;
					color: #ffee00;
				}
				
					#blocks div.block a.more img {
						vertical-align: middle;
						margin: -4px 0px 0px 2px;
						//margin-top: 0px;
					}
					
			#buttons {
				float: left;
			}
			
				#buttons a, #contentRight a.button {
					position: relative;
					display: block;
					width: 231px;
					height: 56px;
					margin-bottom: 19px;
					text-decoration: none;
					background: url('../images/button.jpg') no-repeat;
				}
					
					#buttons a img.icon, #contentRight a.button img.icon {
						position: absolute;
						left: 9px;
						top: 12px;
					}
				
					#buttons a img.text, #contentRight a.button img.text {
						position: absolute;
						top: 21px;
						left: 65px;
					}

    #contentLeft .offer {
    
      clear: both;
      margin-top: 8px;
    
    }
    
    #contentLeft .offer a {
    
      font-size: 12px;
      margin-left: 300px;
      position: absolute;
      width: 200px;
      margin-top: 30px;
      
    }
    
    #contentLeft .offer h3 {
     
       font-size: 20px;
       color: white;
       margin: 0px;
       
    }
    					
    #contentLeft .offer img#offerImage {
    
      float: left;
      position: relative;
          
    } 
    
    #contentLeft .offer img.flyer_over {
    
      position: absolute;
      left: 45px;
      z-index: 1;
      cursor: pointer;
      margin-top: 103px;
      
    
    }
    
    #contentLeft .offer div {
    
      float: left;
      position: relative;
      margin-left: 30px;
      width: 460px;
      
    }     
    
		#content {
			padding: 0px 45px;
			z-index: 1; /*MSIE bug-fix*/
		}
		
			#content h1, #content h2 {
				margin: 0px;
				padding: 0px 0px 10px 0px;
				border-bottom: 1px solid #444;
			}
			
			#content h1 {
				font-size: 3.5em;
				color: #ffee00;
				margin-bottom: 29px;
			}
			
			#content h2 {
				position: relative;
				font-size: 2em;
				color: #fff;
			}
			
				#content h2 span {
					position: absolute;
					top: 0px;
					left: 50%;
					//left: 49%; /*see #contentLeft .half*/
				}
			
			#content p, #contentLeft ul li {
				font-size: 1.3em;
				line-height: 1.4em;			         
			}
			
			#contentLeft {
				float: left;
				width: 583px;
			}
				
				#contentLeft img.left {
					margin: 12px 24px 24px 0px;
				}
				
				#contentLeft .half {
					float: left;
					width: 50%;
					//width: 49%; /*MSIE makes 50+50>100*/
				}
			
			#contentRight {
				float: right;
				width: 296px;
			}
			
				#contentRight div.block, #contentRight a.button {
					margin-bottom: 16px;
				}
			
				#contentRight div.block {
					padding: 8px 20px;
					background: #424242 url('../images/right-block-background.jpg') repeat-x;
					border: 1px solid #484848;
					color: #fff;
					font-size: 1.3em;
					line-height: 1.4em;
				}
				
					#contentRight div.block p {
						font-size: 1em;
					}
				
					#contentRight div.block h3 {
						margin: 12px 0px;
						padding: 0px;
						color: #ffee00;
						font-size: 1.75em;
            
            
					}
          
          #content #contentLeft p span.yellow {
          
            color: #ffee00;
          
          }
					
					#contentRight div.block h3 img {
						margin: -5px 10px 0px 0px;
						//margin-top: 0px;
						vertical-align: middle;
            
					}
						
					#contentRight div.block label {
						display: block;
						color: #ffda99;
						margin-bottom: 4px;
					}
					
					#contentRight div.block input, #contentRight div.block select {
						width: 100%;
						margin-bottom: 10px;
					}
					
					#dealer {
						color: #ffee00;
						font-size: 1.46em;
						margin-top: -6px;
					}
			
				/*see #buttons a for a.button*/
				
				#contentRight a.button {
					width: 296px;
					background-image: url('../images/button_big.jpg');
				}
				
			#techLinks {}
			
				#techLinks a {
					display: block;
					padding-left: 30px;
					color: #fff;
					font-size: 1.3em;
					line-height: 2.46em;
					text-decoration: underline;
					background: url('../images/icons/paper-clip.png') no-repeat 0% 50%;
					behavior: url('iepngfix.htc');
				}
				
				#techLinks a:hover {
					color: #ffee00;
				}
				
			#faq {}
			
				#faq div.question {
					margin-bottom: 12px;
				}
				
					#faq span.q {
						font-size: 1.8em;
						color: #ffefba;
						font-weight: bold;
					}
					
					#faq a.question {
						font-size: 1.3em;
						color: #fff;
						text-decoration: underline;
					}
					
					#faq a.question:hover, #faq a.question.open {
						color: #ffee00;
					}
				
					#faq div.answer {
						position: relative;
						padding: 8px 29px;
						margin-top: 8px;
						background: #393b3f;
						border: 1px solid #6d6f71;
					}
					
						#faq div.answer .close {
							//display: none;
							font-size: 1.2em;
							position: absolute;
							top: 4px;
							right: 6px;
						}

		#popup {
			display: none;
			position: absolute;
			top: 40px;
			left: 50%;
      z-index: 10;
			margin-left: -390px;
			padding: 100px;
			background: url('../images/popup-background.png') repeat;
		}
		
			#popupBorder {
				background: #fff;
				padding: 10px;
			}
		
				#popupContent {
					position: relative;
					color: #ffee00;
					background: #3a3a3a url('../images/popup-content-background.png') repeat-x;
				}
				
					#popupClose {
						position: absolute;
						top: -16px;
						right: -17px;
					}
					
					#popupForm {
						position: relative;
						width: 540px;
						height: 355px;
					}
					
						#popupForm h1 {
							position: absolute;
							top: 35px;
							left: 0px;
							margin: 0px;
							padding: 0px;
							width: 540px;
							font-size: 2.6em;
							text-align: center;
						}
						
						#popupForm form {
							position: absolute;
							top: 90px;
							left: 45px;
							font-size: 1.5em;
						}
						
							#popupForm form label {
								display: block;
								width: 150px;
								float: left;
							}
							
							#popupForm form input {
								width: 285px;
								margin-bottom: 10px;
							}
							
							#popupForm form input.standard {
								width: auto;
								height: auto;
								float: right;
								//margin-right: 51px;
							}
					
					#popupImg {
						display: none;
						position: relative;
						width: 540px;
						height: 355px;
						background: #333;
						overflow: hidden;
					}
					
						#popupImg img.main {
							display: none;
							position: absolute;                                                     
							top: 0px;
							left: 0px;
						}
						
						#popupImg img.load {
							position: absolute;
							left: 50%;
							top: 50%;
							margin: -16px 0px 0px -16px;
						}

		#footer {
			clear: both;
			margin: 25px 0px;
			text-align: center;
			font-size: 1.2em;
		}
    
   a#backLink {
   
     font-size: 13px;
     margin-top: 7px;
     position: absolute;
   
   }