@charset "UTF-8";
/* CSS Document */
html {
	background: #333 url(../Images/background.png) repeat-x 0 top;
}

body{
	background: none;
	background: url(../Images/shadow.png) repeat-y scroll center top;
	margin: 0;
	line-height: 1.5;
}

h1,h2,h3, h4,h5,h6 {
	border-bottom: 1px dotted #999;
	color: #000;
	margin: 0 15px 0 15px;
	padding: 5px 0 5px;
}

h2, h4 {
	border: none;
}

h2 {
	padding-top: 10px;
}
h5, h6 {
	border-bottom: none;
}


p {
	color: #333;
	margin: 0 15px;
	padding: 10px 0 12px;
}

p.highlight {
	background-color: #e1e1e1;
	padding-left: 10px;
	padding-right: 10px;
}

p.highlight span {
	display: inline-block;
}

a {
	color: #0039A6;
	text-decoration: none;
}
a:hover {
	color: #FFF;
	border-bottom: dotted 1px #0039A6;
}

/* Utilty and Header Area
----------------------------*/
#hd {
	background: url(../Images/header.png) repeat-x top;
	display: block;
	height: 115px;
	margin: 0;
	padding: 5px 0 0;
	position: relative;
}
#hd #Logo {
	width: 200px;
	display: inline-block;
}
#hd #Logo .header-logo {
	margin-left: 10px;
}
#hd a.title {
	background: url(../Images/RiteWayLogo.png) no-repeat 0 0;
	border: none;
	display: block;
	height: 70px;
	margin-left: 10px;
	text-decoration: none;
	width: 230px;
}
#hd a.title h1 {
	visibility: hidden;
}
#hd .address {
	position: absolute;
	right: 15px;
	top: 20px;
	text-align: left;
	padding: 2px 4px;
	border: 1px solid #CCC;
	background-color: #CDE5FB;
}

/* Navigation
----------------------------*/
#nav {
	background-color: #0039A6; /* Rite-Way blue */
	bottom: 0;
	color: #FFF;
	height: 40px;
	position: absolute;
	width: 750px;
	z-index: 999;
}

#nav a:hover {
	border: none;
}

.sub-nav {
	font-size: 12px;
	padding: 0;
	margin: 0 0 10px 0!important;
	width: 248px;
}

.sub-nav h3 {
	background-color:#CCC;
	border: solid 1px #FFF;
	border-bottom: none;
	border-right: none;
	line-height: 1.2;
	padding: 0;
	text-indent: 20px;
	font-size: 14px;
	outline: none;
}
.sub-nav h3:hover {
	background-color: #333;
}
.sub-nav h3 a {
	background: url(../Images/Sprite.png) no-repeat 2px 6px;
	display: block;
	border: none;
	padding: 5px 0;
	text-decoration: none;
}
.sub-nav h3 a:hover {
	color: #FFF;
	background-position: 2px -30px;
}
.sub-nav p {
	margin: 0 15px 0 16px;
	padding: 0;
}
.sub-nav p a {
	display: block;
	border: none;
	padding: 5px 5px 5px 20px;
	line-height: 1.4;
	text-indent: 0!important;
}
.sub-nav p a:hover {
	color: #000000;
	background-color: #e1e1e1;
}

/* Body Content Area
----------------------------*/
#bd {
	background: #FFF url(../Images/body.png) repeat-y scroll;
	display: block;
	min-height: 400px;
	width: auto;
}

#bd ul, #bd ol {
	margin: 0 15px;;
	list-style-position:inside;
}

#bd button#test {
	margin: 30px 10px;
	width: 150px;
}

.NewsBit h4 {
	border-bottom: 1px dotted #666;
	padding: 5px 0 1px 20px;
	background: url(../Images/calendar.gif) no-repeat 0 6px;
}
.NewsBit p {
	padding: 2px 0;
}

.salesperson {
	margin: 0 15px;
	padding: 10px 0;
	float: left;
}

.salesperson h4 {
	padding: 0;
	margin: 0;
	font-size: 16px;
}

.salesperson p {
	background: url(../Images/email.gif) no-repeat left center;
	margin: 0;
	padding: 0;
}
.salesperson a, .salesperson a:hover {
	margin-left: 25px;
	color: #0039A6;
}
a:hover, .salesperson a:hover {
	color: #0039A6;
	background-color: #CCC;
}

img.image-frame {
	background-color: #FFF;
	border: 2px solid #CCC;
	padding: 2px;
}

.right-col {
	padding-top: 20px;
}

.right-col h4 {
	color: #0039A6;
}
.right-col p {
	padding-top: 0;
}
.right-col p + p {
	text-indent: 0;
}

p.gallery {
	padding: 20px 0;
}
.gallery img:hover {
	cursor: pointer;
}

/* Forms
-----------------------------*/
#wufooFormz7x4z5 {
	height: 462px!important;
	width: 95%!important;
}

#wufooFormz7x4z5 .info h2 {
	padding: 15px 0 5px!important;
}

/* Footer Area
-----------------------------*/
#ft {
	background: #000;
	color: #FFF;
	font-size: 11px;
	padding: 5px 0 0;
	position: relative;
	display: block;
}

#ft p {
	color: #CCC;
	text-indent: 0;
	margin: 0 0 0 15px;
}


/* Custom Classes
-----------------------------*/
.hidden {
	visibility: hidden;
	display: none;
}

/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:850px;     
    min-height:200px; 
    border:1px solid #FFF; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image: url(../Images/overlay/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

/* the overlayed element */ 
.apple_overlay { 
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* growing background image */ 
    background-image:url(../Images/overlay/white.png); 
     
    /*  
        width after the growing animation finishes 
        height is automatically calculated 
    */ 
    width:640px;         
     
    /* some padding to layout nested elements nicely  */ 
    padding:35px; 
 
    /* a little styling */     
    font-size:11px; 
} 
 
/* default close button positioned on upper right corner */ 
.apple_overlay div.close { 
    background-image:url(../Images/overlay/close.png); 
    position:absolute; right:5px; top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

/* black version of the overlay. simply uses a different background image */ 
div.apple_overlay.black { 
    background-image:url(http://static.flowplayer.org/tools/img/overlay/transparent.png);         
    color:#fff; 
}

/* styling for elements inside overlay */ 
.details { 
    position:absolute; 
    top:15px; 
    right:15px; 
    font-size:11px; 
    color:#fff; 
    width:185px; 
} 
 
.details h3 { 
    color:#CCC; 
    font-size:15px; 
    margin:0; 
}
.details p {
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
	text-indent: 0;
	margin-left: 0;
}