/**************************************
	Begin Global Tag Defs, etc.
	(see reset.css for further global resets)
**************************************/
html {
	font-size: 100%;
}

body {
	font: normal 12px "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #ffffff;
	padding: 0;
	margin: 0;
	width:100%;
	/* ipod touch / iphone text resize */
	-webkit-text-size-adjust:none;
	background:#000000 none;
	
}

a:link, a:visited, a:active, a:hover {
	color:#ffffff;
	
}

a:hover {
	text-decoration:none;
}
 
strong {
	font-weight:bold;
}

.main-wrapper {
	width:960px;
	margin:0px auto;
	display:block;
	position:relative;
	padding:39px 0 0 0;	
	background:#000 url('../assets/inside_bg_crop.jpg') no-repeat scroll top left;
	min-height:817px;
	background-position: 0 92px;
}

.deep-inside .main-wrapper {
	background:#000 url('../assets/deep_inside_bg_crop.jpg') no-repeat scroll top left;
	background-position: 0 92px;
}

.home .main-wrapper {
	background:#000 url('../assets/home_bg_crop.jpg') no-repeat scroll top left;
	min-height:566px;
	background-position: 0 92px;
}

.main-wrapper h1 a:link, .main-wrapper h1 a:visited, .main-wrapper h1 a:active, .main-wrapper h1 a:hover {
	display:block;
	width:509px;
	height:119px;
	background:transparent url('../assets/UD_Logo_pixlr4.png') no-repeat scroll top left;
	text-indent:-10000px;
	overflow:hidden;
	margin:-20px 0 0 224px;
}

.main-navigation, .footer-navigation {
	position:absolute;
	top:4px;
	left:310px;
	text-align:center;
	text-transform:uppercase;
	width:945px;
	font-weight:bold;
	padding-bottom:7px;
	z-index:11;
}

.main-navigation {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	height:30px;
}

.main-navigation p {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	height:30px;
}

.footer-navigation {
	top:183px;
}

.main-navigation a:link, .main-navigation a:visited, .main-navigation a:active, .main-navigation a:hover, .footer-navigation a {
	text-decoration:none;
	text-shadow: #000 2px 2px 2px;
	float:left;
	border-right:1px solid #a5a5a5;
	padding:0 10px 0 10px;
}

.main-navigation a:hover, .footer-navigation a:hover {
	border-bottom:3px solid #f36705;
	
}

.main-navigation a.last, .footer-navigation a.last {
	border-right:none;
	
}

.main-wrapper h4 {
	text-transform:uppercase;
	font:italic bold 24px "Trebuchet MS",Arial,sans-serif;
	position:absolute;
	top:310px;
	left:41px;
	width:435px;
	text-align:center;
}

.btn-learn-more-hp {
	background:transparent url('../assets/btn_learn_more.png') no-repeat scroll top left;
	width:263px;
	height:35px;
	position:absolute;
	top:375px;
	left:100px;
}

.content {
	margin:230px 0 0 45px;
	width:530px;
}

.content h2 {
	font:bold 27px "Trebuchet MS",Arial,sans-serif;
	text-transform:uppercase;
	padding-bottom:15px;
}

.content p {
	font:normal 16px/18px Arial,Verdana,sans-serif;
	
}

.interchange .content {
	text-align:center;
	width:100%;
	padding-bottom:70px;
	margin:230px 0 0 0;
	color:#0099ff;
	font-family:Arial,Verdana,sans-serif;
}

.interchange .content h2 {
	color:#fff;
	font:normal 12px Arial,Verdana,sans-serif;
}

.btn-interchnage {
	background:transparent url('../assets/btn_interchange_agreements.png') no-repeat scroll top left;
	width:377px;
	height:26px;
	margin:20px 0 0 75px;
}

.contact-left {
	float:left;
	width:185px;
	margin:0 40px 0 23px;
}

.contact-right {
	float:left;
	width:200px;
}

.quote-container {
	width:530px;
	margin:0px auto;
}

.home .content {
	width:888px;
	height:236px;
	background:transparent url('../assets/home_content_bg.jpg') no-repeat scroll top left;
	position:absolute;
	top:437px;
	left:37px;
	z-index:10;
	margin:0;
}

.related-links {
	position:absolute;
	bottom:0;
	width:100%;
	text-align:center;
}

.related-links h6 {
	font:normal 21px/15px Arial,Verdana,sans-serif;
	color:#7690c6;
}

.related-links p {
	color:#4f4f50;
	padding-top:10px;
}

.related-links p a {
	font:normal 14px/15px Arial,Verdana,sans-serif;
	color:#4f4f50;
	text-decoration:none;
	letter-spacing:-1px;
}

.related-links p a:hover {
	text-decoration:underline;
	color:#a5a5a5;
}

.btn-vintage {
	background:transparent url('../assets/btn_vintage_photos.jpg') no-repeat scroll top left;
	width:341px;
	height:149px;
	margin:0 0 0 60px;
}

.rate-quote-hp {
	width:319px;
	height:75px;
	background:transparent url('../assets/hp_rate_quote.png') no-repeat scroll top left;
	position:absolute;
	top:362px;
	right:0;
}

.rate-quote-text {
	font:normal 16px/15px Arial,Helvetica,sans-serif;
	color:#c4d2e6;
	padding:5px 0 0 35px;
}

span.rate-big {
	text-transform:uppercase;
	font:bold 30px/43px "Trebuchet MS",Arial,sans-serif;
	letter-spacing:-2px;
}

span.fast-easy {
	
	text-transform:uppercase;
	font:normal 16px/15px Arial,sans-serif;
	color:#f6cb81;
}

.btn-get-quote-hp {
	background:transparent url('../assets/btn_go.png') no-repeat scroll top left;
	width:45px;
	height:43px;
	position:absolute;
	top:20px;
	right:30px;
}

.home .content h2 {
	color:#0f93f7;
	font:bold 19px "Trebuchet MS",Arial,sans-serif;
	text-transform:uppercase;
	padding:28px 0 5px 92px;
}

.home .content li {
	font:bold 17px/21px "Trebuchet MS",Arial,sans-serif;
	padding:0 0 11px 106px;
	width:280px;
}

.home .content h5 {
	position:absolute;
	top:10px;
	right:10px;
	width:230px;
	text-align:center;
	font:normal 24px/27px "Trebuchet MS", Arial,sans-serif;
	color:#f16600;
	text-shadow:#000 2px 2px 2px;
}

.home .content h5 span.small {
	font-size:14px;
}

.home .content h5 span.business-date {
	color:#8aafcc;
	font:bold 33px/30px "Trebuchet MS",Arial,sans-serif;
}

.btn-contact-us {
	position:absolute;
	bottom:-84px;
	left:314px;
	width:277px;
	height:58px;
	background:transparent url('../assets/btn_contact_home.png') no-repeat scroll top left;
}

.footer {
	display:block;
	clear:both;
	height:228px;
	background:transparent url('../assets/inside_footer_bg.jpg') no-repeat scroll top left;
	width:960px;
	margin:0px auto;
	position:relative;
	padding-top:136px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.home .footer {
	background:transparent url('../assets/footer_bg.jpg') no-repeat scroll top left;
}

.footer h6 a {
	display:block;
	width:241px;
	height:33px;
	background:transparent url('../assets/footer_logo.png') no-repeat scroll top left;
	text-indent:-10000px;
	overflow:hidden;
	margin:0 0 0 370px;
}

.footer-cube {
	width:62px;
	height:82px;
	background:transparent url('../assets/footer_cube.png') no-repeat scroll top left;
	position:absolute;
	top:55px;
	left:450px;
}



/**************************************
	Begin Utility Styles
**************************************/
.fade-link {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.fade-link:hover {
	opacity:0.8;
	filter: alpha(opacity = 80);
}

.inline-button {
	text-indent:-10000px;
	overflow:hidden;
	border:0;
	cursor:pointer;
	background-color:transparent;
	background-repeat:no-repeat;
	font-size: 0px;
	display:block;
	line-height: 0px;
	text-align:left;
}

.floatRight {
	float:right;	
}

.floatLeft {
	float:left;	
}

.clearBoth {
	display:block;
	clear:both;
	width:100%;
}

.debug {
	background-color:yellow;
}

/**************************************
	End Utility Styles
**************************************/

