/* 
 ----------------------------------------------------------------------------
  Please check for cross-browser compatibility prior to making changes
  MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari

  CSS Document - layout.css
 ---------------------------------------------------------------------------- 
*/


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul, ol {
	list-style:none;
}
/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1, h2, h3, h4, h5, h6, pre, code, td {
	font-size:1em;
}
/* Remove inconsistent (among browsers) default padding or margin */
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, div, dd, dt, dl {
	margin:0;
	padding:0;
}
/* prevent blue linked image borders */
a img, :link img, :visited img, fieldset {
	border:none; outline:none;
}
a{outline:none;}

/* ----- type selectors ----- */ 
body {
	background:  url(../images/footer-background.gif)  bottom left repeat-x;
	background-color:#FFFFFF;
	text-align:center;
	font:12px/22px Arial, Helvetica, sans-serif;
	color:#5e5538;
	
	}

#top {
	background:  url(../images/top.jpg)  top left repeat-x;
	text-align:center;
	font:12px/16px Arial, Helvetica, sans-serif;
	color:#5e5538;
	}


a:link, a:visited {
	color:#990000;
	text-decoration:underline;
	}
	
a:hover, a:active {
	color:#990000;
	text-decoration:none;
	}

p {
	margin-bottom:10px;
	}

img.img-left { float:left; margin:0px 10px 0px 15px; }

	
/* ----- classes ----- */
div.clear {
	clear:both;
	height:.01em;
	overflow:hidden;
}

input.submit, input.submit-contact-main {
	width:60px;
	cursor:pointer;
	padding:0;
}
input.submit-contact-main {
	margin:85px 0 0 232px;
	display:inline;
}
input.submit-image {
	background: url("../images/btn-submit.gif");
	width:63px;
	height:15px;
	border:none;
	cursor:pointer;
}

.mail-icon {padding:3px 5px 0 0;}

.learn {padding:0px 0px 0 5px;}



/* framework
 * ------------------------------------------------------------------------- */

#wrap {
	background:url("../images/wrap.gif") top left repeat-y;
	width:960px;
	margin:0 auto;
	text-align:left;
	margin-bottom:30px;
	}
	
#inside-wrap {
	background:url("../images/wrap.gif") top left repeat-y;
	width:960px;
	margin:0 auto;
	text-align:left;
	margin-bottom:30px;
	}	
	
#header {
	background:url("../images/header.jpg") top left no-repeat;
	width:960px;
	height:136px;
}

#header span {display:none}

/* navigation	
/*----------------------------- */
#nav { background: url("../images/nav.gif") no-repeat; 
	   width:960px; height:43px;  
	   margin:0; padding:0; }
	
#nav span { display: none; }

#nav li, #nav a { height: 43px; display: block; }

#nav li { float: left; list-style: none; _display: inline; }

#nav-01 { width: 119px;}
#nav-02 { width: 121px;}
#nav-03 { width: 121px;}
#nav-04 { width: 121px;}
#nav-05 { width: 120px;}
#nav-06 { width: 121px;}
#nav-07 { width: 121px;}
#nav-08 { width: 116px;}

#nav-01 a:hover {background: transparent url("../images/nav.gif")   -0px -43px no-repeat;}
#nav-02 a:hover {background: transparent url("../images/nav.gif") -119px -43px no-repeat;}
#nav-03 a:hover {background: transparent url("../images/nav.gif") -240px -43px no-repeat;}
#nav-04 a:hover {background: transparent url("../images/nav.gif") -361px -43px no-repeat;}
#nav-05 a:hover {background: transparent url("../images/nav.gif") -482px -43px no-repeat;}
#nav-06 a:hover {background: transparent url("../images/nav.gif") -602px -43px no-repeat;}
#nav-07 a:hover {background: transparent url("../images/nav.gif") -723px -43px no-repeat;}
#nav-08 a:hover {background: transparent url("../images/nav.gif") -844px -43px no-repeat;}


/* column left
 * ------------------------------------------------------------------------- */
 
#column-left {
	width:212px;
	float:left;
	overflow:hidden;
		}
		
#column-left ul li { background:transparent url("../images/bullet.gif") 0px 8px no-repeat; 
		padding-left:14px;  /* pushes text to the right to display bg img */ 
		font-size: 12px;
		text-decoration:none; margin: 0px 0 0px 0px;
		line-height:24px; }


/* blurb 1
 * ------------------------------------------------------------------------- */


h2#blurb_1_title {
	background: url("../images/blurb1-title-bkgrd.gif") top left no-repeat;
	height:35px;
	font-size:14px;
	font-weight:normal;
	padding:28px 0 0px 10px;
	color:#FFFFFF;
				}
		
	#blurb_1_body {
		width: 200px;
		padding: 5px 0 20px 10px;
		}

	#blurb_1_body a:link, #blurb_1_body a:visited {
	color:#6d6245;
	text-decoration:none;
	}
	
	#blurb_1_body a:hover, #blurb_1_body a:active {
	color:#a82626;
	text-decoration:none;
	}

/* contact
 * ------------------------------------------------------------------------- */


h2#blurb_2_title {
	background: url("../images/title-bkgrd.gif") top left no-repeat;
	height:30px;
	font-size:14px;
	font-weight:normal;
	padding:8px 0 0px 10px;
	color:#FFFFFF;
				}
		
	#blurb_2_body {
		width: 190px;
		padding: 8px 10px 10px 10px;
		line-height:20px;
		}
		
/* contact below
 * ------------------------------------------------------------------------- */
#contact {
		background:url("../images/contact-bkgrd.gif") top left no-repeat;
		height:130px;		
		}

#contact_body {
		width: 170px;
		padding: 5px 10px 10px 28px;
		line-height:18px;
		}

#contact2 {
		background:url("../images/contact-bkgrd.gif") top left no-repeat;
		height:200px;
				}

#contact2_body {
		width: 170px;
		padding: 0px 10px 10px 28px;
		line-height:18px;
		}
		

/* column right
 * ------------------------------------------------------------------------- */	
#column-right {
	width:748px;
	float:left;
				}
		
#banner {
	background:url("../images/banner.jpg") top left no-repeat;
	width:748px;
	height:217px;
	padding:0px 0 0 0px;
	}

	#banner span {display:none}
#banner-flash {
	width:748px;
	height:217px;
	padding:0 0 0 10px;
	background:#fff;
	}


#freecase {padding:163px 0 0 96px;}

.freecase {
	background: url("../images/freecase-button.gif") top left no-repeat;					
	width: 191px;	
	height: 22px;
	display:block;
		}
	
.freecase:hover { 
	background-position: 0px -22px; 
  	} 
 
      
.freecase span { 
	display:none; 
	} 


/* inner left
 * ------------------------------------------------------------------------- */
#blurb_3 {
	background:url(../images/body-top.gif) top left no-repeat;
	width:526px;
	height:212px;
	float:left;
		}
	
	h1#blurb_3_title {
		font-size:18px;
		font-weight:normal;
		padding:45px 0 0px 30px;
		color:#970000;
				}
		
	#blurb_3_body {
		width: 480px;
		padding: 5px 0 20px 30px;
		line-height:22px;
		}

	.car-image {padding:0 15px 5px 0;}
	
/* inner right
 * ------------------------------------------------------------------------- */	
#inner-right {
	width:222px;
	float:left;
		}

#inner-right ul li { background:transparent url("../images/bullet3.gif") 0px 8px no-repeat; 
		padding-left:14px;  /* pushes text to the right to display bg img */ 
		font-size: 12px;
		text-decoration:none; margin: 0px 0 0px 0px;
		line-height:24px; } 
		

h2#blurb_4_title {
	background: url("../images/title-bkgrd.gif") top left no-repeat;
	height:30px;
	font-size:14px;
	font-weight:normal;
	padding:8px 0 0px 20px;
	margin:20px 0 0 13px;
	color:#FFFFFF;
				}	
				
	#blurb_4_body {
		width: 180px;
		padding: 5px 0 5px 32px;
		}

	#blurb_4_body a:link, #blurb_4_body a:visited {
	color:#6d6245;
	text-decoration:none;
	}
	
	#blurb_4_body a:hover, #blurb_4_body a:active {
	color:#a82626;
	text-decoration:none;
	}	
	
		#blurb_4_body span a:link, #blurb_4_body span a:visited {
		color:#990000;
		text-decoration:underline;
		padding-left:15px;
			}
	
		#blurb_4_body span a:hover, #blurb_4_body span a:active {
		color:#990000;
		text-decoration:none;
			}	
	
h2#blurb_5_title {
	background: url("../images/title-bkgrd.gif") top left no-repeat;
	height:30px;
	font-size:14px;
	font-weight:normal;
	padding:8px 0 0px 20px;
	margin:20px 0 0 13px;
	color:#FFFFFF;
				}	
				
	#blurb_5_body {
		width: 180px;
		padding: 5px 0 20px 32px;
		}

	.red {color:#990000;}			
	
/* inside pages
 * ------------------------------------------------------------------------- */
#body_content {
	background:url(../images/body-inside-background.gif) top left no-repeat;
	width:526px;
	float:left;
		}
	
	h1#body_content_title {
		font-size:18px;
		font-weight:normal;
		padding:45px 0 0px 30px;
		color:#970000;
				}
		
	#body_content_body {
		width: 478px;
		padding: 5px 0 20px 30px;
		line-height:22px;
		}	
		
	#body_content_body ul li { background:transparent url("../images/bullet3.gif") 0px 8px no-repeat; 
		padding-left:14px;  /* pushes text to the right to display bg img */ 
		font-size: 12px;
		text-decoration:none; margin: 0px 0 0px 0px;
		line-height:24px; } 	
		
	#sitemap {
		width: 700px;
		padding: 5px 0 20px 30px;
		line-height:22px;
		}	
		
	#sitemap ul li { background:transparent url("../images/bullet3.gif") 0px 8px no-repeat; 
		padding-left:14px;  /* pushes text to the right to display bg img */ 
		font-size: 12px;
		text-decoration:none; margin: 0px 0 0px 0px;
		line-height:24px; } 	
		

 /* footer area */			
#wrap_footer {background-color:#5e5538;  }
#footer_left { width: 200px; float: left;  }
#footer_left p { line-height: 18px; color: #bfb9a6; font-size: 12px; margin: 10px 0px 0px 0px; padding-right:20px;}
#footer_right { width: 670px; float: right; }
#footer_right p { line-height: 26px; color: #bfb9a6; font-size: 12px; margin: 10px 0px 0px 24px; }
#footer_right a { color: #bfb9a6; }
.container { width: 950px; margin: 0px auto 0px auto; padding: 0px 0px 30px 0px; text-align: left; font-size: 13px; }
.linkspace { padding:0 5px 0 0; }
		
/* ----- Quick Contact Form -----*/

#quick_contact { width: 200px; color: #ebe8e8; line-height: 20px; }
			
#quick_contact p { margin: 0px 13px 10px 12px; }

#quick_contact form { margin: 0px 30px 10px 30px; }

.quick_field { width: 152px; height: 17px; border-width: 1px; border-style: solid; border-color: #cacaca; font-size: 11px; color: #676666; margin-bottom: 2px; padding: 0px 0px 0px 3px }

.quick_textarea { width: 152px; height: 78px; border-width: 1px; border-style: solid; border-color: #cacaca; font-size: 11px; color: #676666; padding: 0px 0px 0px 3px;				 margin-bottom: 2px; }

.btn_form { background:url(../images/submit.jpg) top left no-repeat; margin-bottom: 2px; margin-left:115px; width:39px; height:21px; }
	
/* main contact form
 * ------------------------------------------------------------------------- */
 
 
#main { 
	margin: 30px 0 0 65px;
	}
	
#main label { 
	width:100px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px;
	font-size:12px;
	}
	
#main label input, #main label textarea, #main label select { 
	width:175px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}
	
#main label select {width:205px;}
	
#main label textarea { height:100px; }

	
/* accordion menu - LEFT MENU
 *--------------------------------------------------------------------- */
.urbangreymenu{ margin-top:0 /*-24px*/; background:#fff;}
.urbangreymenu .headerbar{	background:#DAD1B6 url(../images/title-bkgrd.gif) left bottom no-repeat; height:30px; line-height:30px;font-size:14px;	font-weight:normal;	padding:/*28px*/0 0 0px 10px;color:#FFF; }
.urbangreymenu h3.headerbar {  }
.urbangreymenu .headerbar a{text-decoration: none; color: white; display: block;}
.urbangreymenu ul{ background:#DAD1B6;list-style-type: none; margin: 0;padding: 0;margin-bottom:0; /*bottom spacing between each UL and rest of content*/}

#column-left .urbangreymenu ul li{background:transparent url(../images/bullet.gif) no-repeat scroll 0 10px;}

.urbangreymenu ul li a{display: block;padding: 5px 0 0 0;line-height: 17px; text-decoration: none;color:#6D6245;}

.urbangreymenu ul li a:visited{}

.urbangreymenu ul li a:hover{ color:#A82626;}
ul.submenu{padding:0 0 0 11px;}

/* accordion menu - RIGHT MENU
 *--------------------------------------------------------------------- */
.right-menu-container{ margin-top:0 /*-24px*/; background:#fff; width:212px; margin-left:10px;}
.right-menu-container .right-header{/*	background:#F8F6F1 url(../images/title-bkgrd.gif) left bottom no-repeat;*/ background:#DAD1B6; border:1px solid #000; border-top:none; height:30px; line-height:30px; font-size:14px;	font-weight:normal;	padding:0px 0 0px 10px;color:#333; }
.right-menu-container h3.right-header {  }
.right-menu-container .right-header a{text-decoration: none; color: #000; display: block;}
.right-menu-container ul{ background:#F8F6F1;list-style-type: none; margin: 0;padding: 0;margin-bottom:0; /*bottom spacing between each UL and rest of content*/}

#column-left .right-menu-container ul li{background:transparent url(../images/bullet.gif) no-repeat scroll 0 10px;}

.right-menu-container ul li a{display: block;padding: 5px 0 0 0;line-height: 17px; text-decoration: none;color:#6D6245;}

.right-menu-container ul li a:visited{}

.right-menu-container ul li a:hover{ color:#A82626;}
ul.right-submenu{padding:0 0 0 11px;}

	
	
h2#blurb_4_title {
	background: url("../images/title-bkgrd.gif") top left no-repeat;
	height:30px;
	font-size:14px;
	font-weight:normal;
	padding:8px 0 0px 20px;
	margin:20px 0 0 13px;
	color:#FFFFFF;
				}	
				
	#blurb_4_body {
		width: 180px;
		padding: 5px 0 5px 32px;
		}

	#blurb_4_body a:link, #blurb_4_body a:visited {
	color:#6d6245;
	text-decoration:none;
	}
	
	#blurb_4_body a:hover, #blurb_4_body a:active {
	color:#a82626;
	text-decoration:none;
	}	
	
		#blurb_4_body span a:link, #blurb_4_body span a:visited {
		color:#990000;
		text-decoration:underline;
		padding-left:15px;
			}
	
		#blurb_4_body span a:hover, #blurb_4_body span a:active {
		color:#990000;
		text-decoration:none;
			}