/* Dial-A-Rod CSS */

body {
	background: #FFFFFF;
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	text-align: left;
	font-weight: bold;
	height: 100%;
	margin: 0px;}

a:link		{ color: #000000; text-decoration :none; }
a:visited	{ color: #000000; text-decoration :none; }
a:hover		{ color: #ffd200; text-decoration :none; background: #222222; }
a:active	{ color: #ffd200; text-decoration :none; background: #333333;}

h1			{ font-size: 24px; }
h2			{ font-size: 14px; }
h3			{ font-size: 12px; }

.span1		{ font-size: 24px; line-height: 36px; font-weight: bold; }
.span2		{ font-size: 14px; line-height: 20px; font-weight: bold; }
.span3		{ font-size: 12px; line-height: 14px; font-weight: bold; }

img			{ border: none; }

label {
	float: left;
	width: 100px;
	text-align: right;
	vertical-align: top;}

.hidden {
	display: none;}

#header {
	width: 100%;}

	#header-title {
		width: 746px;
		height: 300px;
		background: url('media/header.gif');}

#black-strip {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 107px;
	background: #000000;
	z-index: -1;}

#white-half {
	width: 100%;
	background: #FFFFFF;}
	
	#white-cell {
		width: 426px;
		margin-top: -20px;
		margin-left: 320px;
		z-index: 30;}
		
		#get-in-touch {
			position: absolute;
			left: 60px;
			width: 200px;
			margin-top: 25px;
			height: 40px;
			background: #000000;
			text-align: center;
			z-index: 100;}
			
			#get-in-touch a {
				display: block;
				line-height: 40px;
				color: #FFFFFF;
				font-size: 20px;}
		
		#van {
			position: absolute;
			left: 30px;
			margin-top: 100px;}

#area-map {
	margin-left: 320px;}
	
	#area-map img {
		border: 2px solid #000000;}

#yellow-half {
	width: 100%;
	margin-top: -85px;
	background: #ffd200;}
	
	#yellow-cell {
		width: 726px;
		padding: 20px;}
		
		#curve {
			position: absolute;
			left: 0px;
			margin-top: -120px;
			width: 270px;
			height: 100px;
			background: url('media/curve.gif');}
		
		#mission-statement {
			position: absolute;
			left: 320px;
			width: 440px;
			margin-top: 70px;
			font-size: 12px;}

#links {
	text-align: center;
	line-height: 35px;
	font-size: 15px;
	font-weight: bold;}

	#links a {
		display: block;
		height: 35px;
		width: 270px;
		margin-bottom: 10px;
		color: #ffd200;
		background: #000000;}
		
	#links a:hover {
		color: #FFFFFF;
		background: #222222;}

#footer {
	margin-left: 40px;
	margin-top: 30px;
	margin-bottom: 15px;}


/* Modal Windows */

#facebox .b {
  background:url(media/facebox/b.png);
}

#facebox .tl {
  background:url(media/facebox/tl.png);
}

#facebox .tr {
  background:url(media/facebox/tr.png);
}

#facebox .bl {
  background:url(media/facebox/bl.png);
}

#facebox .br {
  background:url(media/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 470px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}