/* @override 
	http://www.webdesign.gs/snapcab1/style/style.css
	http://www.snapcabs.com/style/style.css
*/

body {
	margin: 0px 0px;
	background: #FFF;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
}

a {
	color: #3B68BF;
}

a:hover {
	color: #9A0000;
	text-decoration: none;
}

#wrapper {
	width: 933px;
	margin: 0px auto;
	padding-bottom: 35px;
	position: relative;
}

#header {
	height: 90px;
	background: url(../images/header-bg.jpg) no-repeat;
	position: relative;
}

	#header a#header-logo {
		display: block;
		text-indent: -9001em;
		background: transparent url(../images/snapcab-logo.gif) no-repeat;
		width: 178px;
		height: 78px;
		margin: 0px 0px 0px 28px;
	}

	#header ul {
		margin: 0px 0px;
		padding: 0px 0px;
		list-style: none;
		position: absolute;
		right: 0px;
		top: 5px;
		width: 400px;
	}
	
	#header ul li {
		display: inline;
		float: left;
	}
	
	#header ul li a {
		display: block;
		float: left;
		padding: 3px 17px 2px 20px;
		color: #000;
		text-decoration: none;
		font-size: 10px;
		background: transparent url(../images/header-links-sprites.png) no-repeat 0px 0px;
	}
	
	#header ul li a:hover {
		text-decoration: underline;
		color: #CB0000;
	}
	
	#header ul li a#home-top {
		background-position: 0px 1px;
	}
	
	#header ul li a#home-top:hover {
		background-position: 0px -17px;
	}
	
	#header ul li a#contact-top {
		background-position: 0px -34px;
	}
	
	#header ul li a#contact-top:hover {
		background-position: 0px -53px;
	}
	
	#header ul li a#snapcab-top {
		background-position: 0px -74px;
	}
	
	#header ul li a#snapcab-top:hover {
		background-position: 0px -99px;
	}
	
	#header ul li a#sitemap-top {
		background-position: 0px -124px;
	}
	
	#header ul li a#sitemap-top:hover {
		background-position: 0px -152px;
	}
	
	#header .phone {
		width: 350px;
		text-align: right;
		float: right;
		padding-right: 40px;
	}
		.phone p{
			font-size: 12px;
			color: #777;
		}
		.phon {
			font-size: 20px;
			color: #9A0000;
		}
	
#left-content {
	width: 245px;
	float: left;
}

#left-content #home-image-left {
	width: 245px;
	height: 280px;
	background: transparent url(../images/home-left-image-bg.png) no-repeat;
	position: relative;
}

	#left-content #home-image-left img {
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 0px 10px;
		border: none;
	}
	
	#left-content #home-image-left object {
		margin: 0px;
		padding: 0px;
		position: relative;
		top: 10px;
		left: 10px;
		border: none;
	}
	
#left-content ul.left-links {
	background: transparent url(../images/left-content-menu-bg.jpg) no-repeat;
	margin: 0px 0px;
	padding: 15px 0px;
	width: 245px;
	list-style: none;
}

	#left-content ul.left-links li {
		padding: 0px 0px 0px 0px;
		margin: 0px 20px 0px 20px;
		border-bottom: 1px solid #CCC;
	}
	
	#left-content ul.left-links li a {
		display: block;
		padding: 13px 0px 12px 38px;
		margin: 0px 0px 0px 0px;
		text-decoration: none;
		color: #505050;
		font-size: 12px;
		background: transparent url(../images/left-menu-sprites.png) no-repeat;
	}
	
	#left-content ul.left-links li a:hover {
		background-position: 0px -60px;
		text-decoration: underline;
		color: #9C0001;
	}
	
		#left-content ul.left-links li span.dir {
		display: block;
		padding: 13px 0px 12px 38px;
		margin: 0px 0px 0px 0px;
		text-decoration: none;
		color: #505050;
		font-size: 12px;
		background: transparent url(../images/left-menu-sprites.png) no-repeat;
		}
		
		#left-content ul.left-links li span.dir:hover {
			background-position: 0px -60px;
			text-decoration: underline;
			color: #9C0001;
			cursor: pointer;
		}
	
	#left-content ul.left-links li.last-list, #home-content-right ul li.last-list {
		border: none;
	}
	
	#left-content ul.left-links li a.double-line {
		padding: 7px 0px 5px 38px;
	}
	
	#left-content ul.left-links li ul {
		margin: 0px 0px 5px 0px;
		padding: 0px 0px 0px 0px;
		list-style: none;	
	}
	
	#left-content ul.left-links li ul li {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: none;
	}
	
	#left-content ul.left-links li ul li a {
		font-size: 11px;
		color: #666;
		padding: 0px 0px 2px 0px;
		margin: 0px 0px 0px 37px;
		background: none;
	}
	
	#left-content ul.left-links li ul li span.dir-sub {
		font-size: 11px;
		color: #666;
		padding: 0px 0px 2px 0px;
		margin: 0px 0px 0px 37px;
		background: none;
	}
	
	#left-content ul.left-links li ul li span.dir-sub:hover {
		text-decoration: underline;
		color: #9C0001;
		cursor: pointer;
	}
	
	#left-content ul.left-links li ul li ul li a {
		margin-left: 45px;
	}

#main-content {
	width: 679px;
	margin-left: 251px;
}

#main-content h1 {
	display: block;
	margin: 4px 0px 0px 0px;
	padding: 17px 0px 0px 25px;
	background: transparent url(../images/red-header-bg.jpg) no-repeat;
	font-size: 15px;
	color: #FFF;
	height: 35px;
	font-weight: normal;
}

#main-content h2 {
	color: #9A0000;
	font-weight: normal;
	font-size: 16px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 20px;
}

#main-content p {
	padding: 15px 0px 5px 20px;
	margin: 0px 0px 0px 0px;
	color: #333;
	font-size: 12px;
	line-height: 1.5em;
}

#main-content ul {
	line-height: 1.5em;
}

#main-content img.body-image {
	margin: 5px 0px 3px 20px;
}

#main-content img.right-img {
	float: right;
	margin:  5px 10px;
	border: 1px solid #820000;
	padding: 3px;
}

#main-content #faq-section p {
	padding: 15px 0px 15px 5px;
	margin: 0px 0px 0px 15px;
	color: #333;
	font-size: 12px;
	line-height: 1.5em;
	border-top: 1px solid #CCC;
}

#main-content #faq-section b {
	display: block;
	padding: 0px 0px 10px 0px;
}

#main-content ol li {
	margin-bottom: 15px;
}

#selection {
	text-align: center;
}

#selection a {
	display: block;
	background-color: #9C0100;
	width: 200px;
	margin: 10px auto 0px auto;
	padding: 5px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #560000;
}

#selection a:hover {
	background-color: #CC3333;
	text-decoration: underline;
	border-color: #9C0100;
}

#selection p {
	padding: 10px 0px 0px 0px;
	margin: 0px;
	font-weight: bold;
}

a[href$='.wmv'] {
	background: transparent url(../images/vidicon.gif) no-repeat 0px 0px;
	padding: 4px 0px 9px 25px;
	line-height: 2em;
}

a[href$='.mov'] {
	background: transparent url(../images/vidicon.gif) no-repeat 0px 0px;
	padding: 4px 0px 9px 25px;
	line-height: 2em;
}

a[href$='.pdf'] {
	background: transparent url(../images/pdf.gif) no-repeat right 0px;
	padding: 1px 20px 9px 0px;
	line-height: 2em;
}

#block-links a {
	display: block;
	float: left;
	margin: 15px 10px 0px 20px;
	padding: 118px 0px 3px 0px;
	text-align: center;
	width: 130px;
	height: 40px;
	background-color: #F6F6F6;
	position: relative;
	text-decoration: none;
	color: #666;
	font-size: 11px;
}

#block-links a:hover {
	background-color: #DEDEDE;
	color: #333;
}

#block-links img {
	margin: 0px;
	padding: 0px;
	border: none;
	position: absolute;
	height: 120px;
	width: 120px;
	left: 5px;
	top: 5px;
}

p#contact-address {

}

	p#contact-address strong {
		display: block;
		width: 75px;
		margin-left: 15px;
		float: left;
	}
	
	span.address {
		margin: 0px 0px 0px 90px;
		padding: 0px 0px 0px 0px;
		display: block;
	}

#how-snapcab-works {
	background: transparent url(../images/how-snapcabelevator.jpg) no-repeat;
	margin: 0px auto;
	height: 615px;
	width: 500px;
	position: relative;
}
	
	#how-snapcab-works a {
		/* border: 1px solid #333; 
		background: transparent url(../images/transp-bg.png); */
		display: block;
		position: absolute;
		text-indent: -9001em;
	}
	
	#how-snapcab-works a:hover {
		/* border-color: #A90100; */
		background: none;
	}
	
	a#frame-ceiling {
		width: 315px;
		height: 40px;
		top: 46px;
		left: 65px;
	}
	
	a#pad-button {
		height: 9px;
		width: 125px;
		left: 265px;
		top: 93px;
	}
	
	a#reveal-short-1 {
		width: 42px;
		height: 96px;
		left: 215px;
		top: 90px;
	}
	
	a#reveal-short-2 {
		width: 25px;
		height: 125px;
		left: 285px;
		top: 183px;
	}
	
	a#reveal-short-3 {
		width: 21px;
		height: 160px;
		left: 378px;
		top: 279px;
	}
	
	a#reveal-short-4 {
		width: 103px;
		height: 103px;
		left: 32px;
		top: 101px;
		-moz-border-radius: 52px;
		-webkit-border-radius: 52px;
		-khtml-border-radius: 52px;
		border-radius: 52px;
	}
	
	a#handrailing-short {
		width: 240px;
		height: 7px;
		top: 347px;
		left: 125px;
	}
	
	a#handrailing-short2{
		width: 80px;
		height: 60px;
		top: 350px;
		left: 30px;
}
	
	a#toe-kick-short {
		width: 106px;
		height: 106px;
		right: 61px;
		bottom: 30px;
		-moz-border-radius: 54px;
		-webkit-border-radius: 54px;
		-khtml-border-radius: 54px;
		border-radius: 54px;
	}
	
	a#paneling-short {
		width: 67px;
		height: 67px;
		bottom: 55px;
		left: 87px;
		-moz-border-radius: 34px;
		-webkit-border-radius: 34px;
		-khtml-border-radius: 34px;
		border-radius: 34px;
	}

/* FORMS */

form.contact-form {
	margin-left: 75px;
}

form.contact-form input[type=submit]{
	margin: 0px 0px 0px 101px;
}

form b {
	font-weight: normal;
	display: block;
	width: 150px;
	padding: 2px 0px 0px 0px;
	float: left;
}

form p {
	padding: 5px !important;
}
form.dcox label {
	float: left;
	width: 100px;
	text-align: right;
	margin-right: 5px;
}
div.row {
	margin: 3px 0px;
}
div.break {
	clear: both;
}
form input {
	border: 1px solid #999;
	padding: 3px 3px;
	background-color: #F1F0E6;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
}

form input:focus {
	background-color: #F9F9F9;
}

form textarea {
	padding: 3px 5px;
	background-color: #F1F0E6;
	border: 1px solid #999;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	
}

form textarea:focus {
	background-color: #F9F9F9;
}

form input[type="submit"], button {
	background-color: #A90100;
	margin-left: 130px;
	color: #FFF;
	padding: 5px 10px;
	font-size: 12px;
	cursor: pointer;
	border: 1px solid #FFF;
}
form input[type="submit"]:hover, button:hover {
	background-color: #F1F0E6;
	color: #666;
	border: 1px solid #999;
}

#radioaf input {
	margin-left: 48px;
}
#radioaf label {
	margin-right: 25px;
}
#radioad1 input {
	margin-left: 71px;
}
#radioad1 label {
	margin-right: 54px;
}
#radioad2 input {
	margin-left: 75px;
}
#radioad2 label {
	margin-right: 71px;
}
#radioac input {
	margin-left: 101px;
}
#radioac label {
	margin-right: 107px;
}

.hidden {
	display: none;
	height: 0px;
	width: 0px;
}

#affiliates {
	width: 450px;
	position: relative;
	margin-left: 30px;
}

#affiliates span {
	border-bottom: 1px dashed #CCC;
	display: block;
	width: 300px;
	position: relative;
}

#affiliates span img {
	border-right: 1px dashed #CCC;
	margin: 5px 0px 5px 0px;
	padding: 0px 10px 0px 0px;
}

#affiliates span a {
	display: block;
	margin: -21px 0px 0px 0px;
	top: 50%;
	right: 25px;
	width: 145px;
	position: absolute;
}

div.showcase {
	float: left;
	width: 250px;
	height: 375px;
	margin: 0px 40px;
}
div.showcase img {
}
img.showroom {
	border: none;
	width: 200px;
}
img.durability {
	margin: 0px;
}
.image-caption {
	text-align: center;
}

.image-caption p {
	margin: 0px auto 0px auto !important;
	padding: 0px 0px 0px 0px !important;
	color: #333 !important;
	font-size: 10px !important;
	text-align: center !important;
	width: 185px;
}

.image-caption img {
	border: 1px solid #CCC;
	margin: 3px;
	padding: 3px;
}

.right-div {
	margin: 10px 0px 0px 10px;
	float: right;
}

.left-div {
	float: left;
}

.center-div {
	text-align: center;
}

.red-text {
	color: #9A0000;
}

.image-spacing img {
	margin: 15px 0px 0px 20px;
}

.left {
	float: left;
}
.right {
	float: right;
}

#videos {
	text-align: center;
}

#videos object {
	margin: 20px;
}

#home-content-left {
	width: 420px;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	float: left;
}

	#home-content-left h2 {
		color: #9A0000;
		font-weight: normal;
		font-size: 24px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 25px;
	}
	
	#home-content-left p {
		margin: 0px 0px 0px 0px;
		padding: 10px 20px 0px 25px;
		color:  #333333;
		font-size: 12px;
		line-height: 1.4em;
	}
	
	#home-content-left a.showroom-link {
		display: block;
		width: 379px;
		height: 85px;
		background: transparent url(../images/home-catalog-button.jpg) no-repeat;
		padding: 0px 0px 0px 0px;
		margin:  15px auto;
		text-indent: -9001em;
	}

#home-content-right {
	width: 258px;
	margin: 0px 0px 0px 420px;
	border-left: 1px solid #CCC;
}

	#home-content-right ul {
		margin:  0px 0px;
		padding: 0px 0px 0px 0px;
		list-style: none;
	}
	
	#home-content-right ul li {
		margin: 0px 5px 0px 10px;
		padding: 10px 0px 10px 0px;
		border-bottom: 1px solid #CCC;
	}
	
	#home-content-right ul li h3 {
		color: #9A0000;
		margin: 0px 0px 3px 65px;
		padding: 0px 0px 0px 0px;
		font-size: 14px;
	}
	
	#home-content-right ul li p {
		margin: 0px 0px 0px 72px;
		font-size: 10px;
		color: #333333;
		line-height: 1.4em;
	}
	
	#home-content-right ul li p a {
		color: #5A81CF;
		text-decoration: none;
	}
	
	#home-content-right ul li p a:hover {
		color: #9A0000;
		text-decoration: underline;
	}
	
	#home-content-right ul li img {
		margin: 0px 7px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: none;
		float: left;
	}

#process-blocks {
	width: 680px;
	position: relative;
	height: 255px;
	margin: 7px 0px;
	border-bottom: 1px solid #CCC;
}

	#process-blocks .home-box {
		margin: 0px 11px 0px 0px;
		width: 219px;
		padding-top: 136px;
		float: left;
	}
	
	#process-blocks .home-box p {
		font-size: .88em;
		color: #444444;
		margin:  0px 0px 0px 0px;
		padding:  0px 0px 0px 33px;
	}
	
	#process-blocks .home-box a {
		display: block;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 6px;
		text-indent: -9001em;
		width: 205px;
		height: 66px;
		background: transparent url(../images/home-process-sprites.png) no-repeat 0px 0px;
	}
	
	#process-blocks .design {
		background: transparent url(../images/home-designit.jpg) no-repeat;
	}
	
	#process-blocks .order {
		background: transparent url(../images/home-order.jpg) no-repeat;
	}
	
	#process-blocks .install {
		background: transparent url(../images/home-install.jpg) no-repeat;
		margin-right: 0px;
	}
	
	#process-blocks .design a {
		background-position: 0px 0px;
	}
	
	#process-blocks .design a:hover {
		background-position: 0px -66px;
	}
	
	#process-blocks .order a {
		background-position: -205px 0px;
	}
	
	#process-blocks .order a:hover {
		background-position: -205px -66px;
	}
	
	#process-blocks .install a {
		background-position: -410px 0px;
	}
	
	#process-blocks .install a:hover {
		background-position: -410px -66px;
	}
#ad-blocks {
	width: 375px;
	position: relative;
	height: 95px;
	margin: 7px 0px;
	border-top: 1px solid #CCC;
}

	#ad-blocks .ed-box {
		margin: 0px 0px 0px 0px;
		width: 120px;
		padding-top: 15px;
		float: left;
	}
	
	#ad-blocks .ed-box p {
		font-size: .88em;
		color: #444444;
		margin:  0px 0px 0px 0px;
		padding:  0px 5px 0px 5px;
		text-align: center;
	}
	
	#ad-blocks .ed-box a {
		display: block;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		width: 120px;
		height: 66px;
	}
	#ad-blocks a img {
		border: none 0px;
	}
	
	
#edright {
	width: 160px;
	float: right;
	border: silver solid medium;
	padding: 5px 5px;
}
#edright input[type="submit"]{
	margin: 0px !important;
	font: Arial; 
	font-size: 12pt; 
	color: #FFFFFF; 
	font-weight: bold; 
	background-color: #548B54
}
#edleft {
	width: 470px;
	float: left;
}
#edleft h1{
	font-size: 18px !important;
	background: none !important;
	color:#9A0000 !important;
}
#edleft p{
	text-align: right !important;
}
#footer-wrapper {
	background-color: #000;
	padding: 20px 0px 75px 0px;
	clear: both;
}

	#footer {
		width: 1000px;
		color: #C7C7C7;
		font-size: 10px;
		margin: 0px auto;
		text-align: center;	
	}
	
	#footer ul#footer-links {
		list-style: none;
		margin: 0px 0px 15px 0px;
		padding: 0px 0px 0px 0px;
	}

	#footer ul#footer-links li {
		padding: 0px 6px 0px 6px;
		margin: 0px 0px 0px 0px;
		border-right: 1px solid #C7C7C7;
		display: inline;
	}
	
	#footer a {
		color: #C7C7C7;
		text-decoration: none;
	}
	
	#footer a:hover {
		color: #FFF;
		text-decoration: underline;
	}
	
	#inc-5000 {
		display: block;
		width: 200px;
		height: 1px;
		background: transparent url(../images/inc-5000-logo.jpg) no-repeat center;
		padding: 83px 0px 0px 0px;
		text-align: center;
		margin: 15px 0px 0px 25px;
	}
	
	#inc-5000:hover {
		border-color: #9C0001;
	}
	
p.error{
	color: #9c120d;
	font-size: 13px;
	font-weight: bold;
}

.design-button {
	background: transparent url(../images/get_free_brochure.jpg) no-repeat;
	width: 200px;
	height: 63px;
	margin: 5px 0px;
	text-indent: -9001em;
	border: 1px solid #2f9125;
	cursor: pointer;
	-moz-box-shadow: 0px 0px 6px #000000;
	-webkit-box-shadow: 0px 0px 6px #000000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}	 

	.design-button:hover {
		border-color: #1f6119;
	}
	
#cms_content {
	width: 679px;
}
