body {
	background: url(../images/background-primary.png) repeat-x #fff;
	text-align: center;
	margin: 0;
	padding: 0;
}

body, td, div, input, textarea, select, p, li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #000;
}

p {
	margin: 14px 0 14px 0;
	line-height: 22px;
}

.center {
	text-align: center;
}

#wrap {
	width: 900px;
	margin: auto;
	text-align: left;
}

#header {
	width: 900px;
	height: 230px;
	background: url(../images/background-header.png) no-repeat;
	position: relative;
}

#header h1 {
	background: url(../images/logo-rampassist.png) no-repeat;
	position: absolute;
	top: 0;
	left: -10px;
	width: 201px;
	height: 222px;
	text-indent: -2000em;
}

#header h1 a {
	width: 201px;
	height: 222px;
	display: block;
}

#header h1 a:hover {
	cursor: pointer;
}

#header h2 {
	position: absolute;
	top: 20px;
	left: 220px;
	text-transform: lowercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 44px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #fff;
}

#header h2.sub {
	position: absolute;
	top: 65px;
	left: 460px;
	width: 500px;
}

#header p {
	position: absolute;
	top: 125px;
	left: 220px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: normal;
	color: #2d5c00;
	line-height: 22px;
}

#header p a {
	color: #f5ffc2;
	text-decoration: none;
}

#header p a:hover {
	text-decoration: underline;
}

#content {
	width: 900px;
}

#navigation {
	width: 180px;
	float: left;
}

#navigation ul {
	margin: 0 0 10px 0;
}

#navigation ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#navigation ul li a {
	display: block;
	width: 180px;
	height: 43px;
	text-indent: -2000em;
}

#navigation ul li a:hover {
	cursor: pointer;
	line-height: normal !important;
}

#navigation ul li a.home { background: url(../images/menu-1-off.png) no-repeat; }
#navigation ul li a.home:hover { background: url(../images/menu-1-hover.png) no-repeat; }
#navigation ul li.active a.home { background: url(../images/menu-1-active.png) no-repeat; }

#navigation ul li a.about { background: url(../images/menu-2-off.png) no-repeat; }
#navigation ul li a.about:hover { background: url(../images/menu-2-hover.png) no-repeat; }
#navigation ul li.active a.about { background: url(../images/menu-2-active.png) no-repeat; }

#navigation ul li a.products { background: url(../images/menu-3-off.png) no-repeat; }
#navigation ul li a.products:hover { background: url(../images/menu-3-hover.png) no-repeat; }
#navigation ul li.active a.products { background: url(../images/menu-3-active.png) no-repeat; }

#navigation ul li a.installations { background: url(../images/menu-4-off.png) no-repeat; }
#navigation ul li a.installations:hover { background: url(../images/menu-4-hover.png) no-repeat; }
#navigation ul li.active a.installations { background: url(../images/menu-4-active.png) no-repeat; }

#navigation ul li a.contact { background: url(../images/menu-5-off.png) no-repeat; }
#navigation ul li a.contact:hover { background: url(../images/menu-5-hover.png) no-repeat; }
#navigation ul li.active a.contact { background: url(../images/menu-5-active.png) no-repeat; }

#navigation ul li a.price { background: url(../images/menu-6-off.png) no-repeat; }
#navigation ul li a.price:hover { background: url(../images/menu-6-hover.png) no-repeat; }

#navigation ul li a.calc { background: url(../images/menu-7-off.png) no-repeat; }
#navigation ul li a.calc:hover { background: url(../images/menu-7-hover.png) no-repeat; }

#navigation a img { margin-bottom: 15px; }

#content-body {
	width: 700px;
	float: right;
	text-align: left;
	position: relative;
}

#content-body h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30pt;
	color: #c5c5c5;
	text-transform: lowercase;
	display: block;
	border-bottom: 1px solid #c2c2c2;
	margin-bottom: 3px;
	padding-bottom: 3px;
}

#content-body h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color: #bfe400;
	text-transform: lowercase;
	display: block;
	text-align: center;
}

div.homepage-product {
	text-align: center;
	width: 330px;
	float: left;
	margin: 15px 8px 15px 8px;
}

#content-body a.learn-more {
	width: 122px;
	height: 36px;
	margin: auto;
	display: block;
	background: url(../images/button-learn-more.png) no-repeat;
	text-indent: -2000em;
}

#content-body a.learn-more:hover {
	background: url(../images/button-learn-more-active.png) no-repeat;
}

#footer-wrap {
	clear: both;
	width: 100%;
	height: 75px;
	background: url(../images/background-footer.png) repeat-x;
}

#footer {
	width: 900px;
	height: 52px;
	margin: auto;
	position: relative;
}

#footer p {
	position: absolute;
	top: 15px;
	left: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #fff;
	margin: 0 !important;
	padding: 0 !important;
	line-height: normal;
}

#footer ul {
	position: absolute;
	top: 15px;
	right: 0;
}

#footer ul li {
	float: right;
	padding: 0 5px 0 5px;
	border-right: 1px dotted #999;
	line-height: normal;
}

#footer ul li a, #footer span a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #fff;
	text-decoration: none;
}

#footer ul li a:hover, #footer span a:hover {
	text-decoration: underline;
}

#footer span {
	position: absolute;
	top: 40px;
	right: 0;
}

#footer ul li.no-border {
	border: none;
	margin-right: 0;
	padding-right: 0;
}

#content-body a.phone-now {
	position: absolute;
	top: 10px;
	right: 0px;
	text-indent: -2000em;
	display: block;
	width: 166px;
	height: 26px;
	background: url(../images/phone-now.png) no-repeat;
}

#content-body a {
	color: #008ae4;
	text-decoration: underline;
}

#content-body a:hover {
	color: #a0c100;
}

#content-primary {
	width: 425px;
	float: left;
}

#content-sidebar {
	width: 250px;
	float: right;
}

#content-sidebar img.sidebar-image {
	border: 1px solid #c2c2c2;
	display: block;
	margin-bottom: 5px;
}

#content-sidebar img.no-border {
	border: none;
}

#product-redi-access, #product-roll-a-ramp {
	padding-left: 135px;
	margin: 0 0 15px 0;
	width: 550px;
	border: 1px solid #fff;
}

#product-redi-access {
	background-image: url(../images/product-redi-access.png);
	background-repeat: no-repeat;
}

#product-roll-a-ramp {
	background-image: url(../images/product-roll-a-ramp.png);
	background-repeat: no-repeat;
}

#product-redi-access:hover, #product-roll-a-ramp:hover {
	border: 1px dotted #008ae4;
}

#content-sidebar img.product-thumb {
	border: 1px solid #c2c2c2;
	margin: 2px 2px 0 2px;
}

#content-sidebar img.no-margin {
	margin-right: 0;
	margin-left: 0;
}

div.clear-both { clear: both; }

#content-body div.product-feature {
	float: left;
	width: 330px;
}

#content-body div.margin-right {
	margin-right: 20px;
}

#content-body div.product-feautre-1 { background: url(../images/icon-1.png) no-repeat top right; }
#content-body div.product-feautre-2 { background: url(../images/icon-2.png) no-repeat top right; }
#content-body div.product-feautre-3 { background: url(../images/icon-3.png) no-repeat top right; }
#content-body div.product-feautre-4 { background: url(../images/icon-4.png) no-repeat top right; }
#content-body div.product-feautre-5 { background: url(../images/icon-5.png) no-repeat top right; }
#content-body div.product-feautre-6 { background: url(../images/icon-6.png) no-repeat top right; }

#content-body ul.product-feature-list li {
	background: url(../images/feature-tick.png) no-repeat;
	padding: 7px 0 0 35px;
	margin: 0 0 10px 0;
	height: 33px;
}

#content-body a.return-to-products {
	background: url(../images/button-return-to-products-page.png) no-repeat;
	width: 228px;
	height: 36px;
	display: block;
	margin: auto;
	text-indent: -2000em;
}

#content-body a.return-to-products:hover {
	background: url(../images/button-return-to-products-page-active.png) no-repeat;
}

#content-body img.installation-thumb {
	padding: 2px;
	border: 1px solid #ccc;
	margin: 4px;
}

div.details-row { 
	clear: both; 
	width: 600px; 
}

div.details-row div.header { 
	padding: 5px 0 5px 5px; 
	float: left; 
	width: 190px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt; 
	color: #8fc700; 
	font-weight: bold; 
	line-height: 22px;
}

div.details-row div.header span {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #777;
	font-weight: normal;
}

div.details-row div.field { 
	padding: 5px; 
	float: left; 
	width: 380px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #000; 
	line-height: 22px;
}

div.form-row { 
	clear: both; 
	width: 600px; 
}

div.form-row div.header, div.form-row div.header-required { 
	padding: 8px 0px 5px 5px; 
	float: left; 
	width: 190px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt; 
	color: #8fc700; 
	font-weight: bold; 
	line-height: 22px;
}

div.form-row div.header-required {
	background: url(../images/background-form-required.png) no-repeat;
}

div.form-row div.header span {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #777;
	font-weight: normal;
}

div.form-row div.field { 
	padding: 5px; 
	float: left; 
	width: 300px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #000; 
	line-height: 22px;
}

div.clear-both { 	
	clear: both; 
	width: 0; 
	height: 15px; 
	line-height: 0; 
}

input.text-box, select.select-box, textarea.textarea-box, textarea.textarea-box-small {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12pt; 
	color: #000; 
	border: 1px solid #c2c2c2; 
	margin: 1px;
	background: #eee;
	padding: 2px; 
	width: 350px; 
}

textarea.textarea-box { 
	height: 120px; 
}

textarea.textarea-box-small { 
	height: 50px; 
}

textarea.textarea-box-small:hover, textarea.textarea-box:hover, select.select-box:hover, input.text-box:hover {
	border: 1px solid #008ae4;
}

textarea.textarea-box-small:focus, textarea.textarea-box:focus, select.select-box:focus, input.text-box:focus {
	border: 2px solid #bfe400;
	margin: 0;
	background: #fff;
	color: #494949;
}

ul.pdf-downloads {
	margin: 15px 0 15px 0;
}

ul.pdf-downloads li {
	list-style: none;
}

ul.pdf-downloads li a {
	background: url(../images/icon-pdf.png) no-repeat;
	height: 22px;
	display: block;
	padding: 4px 2px 2px 30px;
	margin: 1px 1px 6px 1px;
}

ul.pdf-downloads li a:hover {
	border: 1px solid #c2c2c2;
	margin: 0 0 5px 0;
}