@charset "utf-8";

/* Behrens Moving CSS 
Author: EW
Date created: 01.13.09
*/

/* ==================== Alero Main Layout CSS Styles ==================== */

/*	Table Of Contents
	 1.Defaults
	 2.Header
	 3.Navigation
	 4.Content
	 	a.Quote Form
		b.Main
		c.Testimonials
		d.City Slider
		e.Services
	SECONDARY PAGES
	 5.Side Nav
	 6.Breadcrumb
	 7.Small Sidebar Quote Form
	 
	CITY LANDING PAGES
	 8.
	 8.Footer
*/

/* ==================== 1.Defaults ==================== */


/*===========1.Defaults=============*/
* { margin: 0; padding: 0; }

ul li { list-style: none; }

a { text-decoration: none; color: #ff6106; }

a:hover { color: #000; }

/* Text Styles */

p { line-height: 19px; padding: 0 0 15px 0; }

h1 { color: #222; font-size: 22px; }

h2 { color: #111; font-size: 19px; padding: 0 0 10px 0; }

h3 { color: #222; font-size: 17px; font-weight: normal; margin: 0 0 10px 0; }

h5 { color: #fff; font-size: 24px; font-style: italic; padding: 0 0 5px 50px; }

body { background-color: #fff; background: url(/images/nav-back.jpg) repeat-x left 130px; color: #444; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

.flt { float: left; padding: 2px; background: #fff; border: 1px solid #d0d0d0; margin: 0 10px 5px 0; }

/*===========2.Header================ */

#header { height: 176px; width: 960px; margin: 0 auto; padding: 10px 0 0 0px; }

#logo { float: left; background: url(/images/logo.gif) no-repeat top left; display: block; width: 200px; height: 66px; text-indent: -9999px; margin: 20px 55px 0 0; }

#allied-logo { float: left; padding: 20px 0 0 40px; }

/* top nav */
#header ul { float: right; padding: 9px 0 0 0; width: 235px; text-align:right;}

#header #social { float:right; width:300px; }

#header ul li { display:inline; text-align:right;}

#header ul li.phone-num { clear: both; display:block; font-size: 24px; font-weight: bold; color: #000; width: 235px; text-align:right; }

#header ul li.phone-num.first {margin-top:10px;}

#header ul li.phone-num span {font-size:14px; font-weight:normal;}

#header ul li a { padding: 0 5px; }

/*==========3.Navigation===========*/

#header ul#menu { list-style: none; margin: 3px 0 0 0 ;  float: left; clear: both; width: 960px; padding: 27px 0 0 10px; }

#header ul#menu li { float: left; margin: 0; padding: 0; }

#header ul#menu li.first-link a { border-left: none; }

#header ul#menu li.last-link a { border-right: none; }

#header ul#menu a { color: #fff; font-weight: bold; line-height: 42px; padding: 16px 10px; text-decoration: none; border-left: 1px solid #620317; border-right: 1px solid #fe9696; }

#header ul#menu a:hover { color: #fff; padding: 16px 10px; border-left: 1px solid #fff; border-right: 1px solid #fff; background: url(/images/nav-active.jpg) repeat-x top left; }

#header ul#menu a.active { color: #ff5c00; padding: 16px 10px; border-left: 1px solid #ffa03a; border-right: 1px solid #fff; border-top:1px solid #ffa03a; background: #fff; }

/*===========4.Content================*/

#content-shadow { width: 100%; background: url(/images/shadow.jpg) repeat-y top center; }

#content-wrapper { width: 920px; margin: 0 auto; padding: 0 20px; background: #fff url(/images/main-back.jpg) no-repeat 0 20px; }

/*======4. a.Quote Form=======*/

#quote {
width: 920px;
height: 320px;

}

#form-header {
text-indent:-9999px;
}

#quote-in {
padding: 0 0 0 595px;
position:relative;
}

#quote-in p {
line-height: 130%;
padding: 0 0 10px 0;
}

#quote-in label {
font-weight: bold;
color: #b5d5ef;
}

/* Top Container*/

#quote-in #top-container{
float: left;
padding-top:40px;
}

#quote-in #top-container p {float:left;}

#quote-in .input-small {
color: #666;
padding:2px;
width: 51px;
border:1px solid white;
margin-top:2px;
margin-right:15px;
}

#quote-in .input-date {
color: #666;
padding:2px;
width: 145px;
border:1px solid white;
margin-top:2px;
position:absolute;
top:82px;
right:30px;
}

/* Left Container*/

#quote-in #left-container{
float: left;
width: 140px;
}

#quote-in .input-form {
color: #666;
padding:2px;
width: 124px;
border:1px solid white;
margin-top:2px;
}

/* Right Container*/

#quote-in #right-container{
float: left;
width: 150px;
padding-left:6px;
}

#quote-in .input-select {
color: #666;
padding:1px;
width: 150px;
border:1px solid white;
margin-top:2px;
}

/*====== a.Quote Form Secondary=======*/

#right-secondary #quote-in p#form-header {
padding:0px;
}

#right-secondary #quote{
width: 246px;
height: 550px;
background: #006495;
}

#right-secondary #quote-in{
padding:0px;
width: 246px;
}

#right-secondary p#form-header{
background: url(/images/landing-form-header.jpg) no-repeat top left;
width: 246px;
height: 169px;
}

/* Top Container*/

#right-secondary #top-container{
float: none;
padding:0px 0px 0px 17px;
}

#right-secondary #top-container p {float:left;}

#right-secondary .input-small {
color: #666;
padding:2px;
width: 48px;
border:1px solid white;
margin-top:2px;
margin-right:15px;
}

#right-secondary .input-date {
color: #666;
padding:2px;
width: 68px;
border:1px solid white;
margin-top:2px;
position:absolute;
top:185px;
right:18px;
}

/* Left Container*/

#right-secondary #left-container{
float: none;
width: 140px;
padding-left:17px;
}

#right-secondary .input-form {
color: #666;
padding:2px;
width: 205px;
border:1px solid white;
margin-top:2px;
}

#right-secondary .btn-image{
padding: 10px 0 0 35px;
}

/* Right Container*/

#right-secondary #right-container{
float: none;
width: 150px;
padding-left:17px;
}

#right-secondary .input-select {
color: #666;
padding:1px;
width: 211px;
border:1px solid white;
margin-top:2px;
}


p#fine-print{
color: #999;
text-align: center;
line-height: 120%;
padding-top:20px;
}

/*===============4. b.Main=============*/

#main { }

#main-para { width: 455px; float: left; padding: 0px 0 0 0; background: url(/images/moving-man.jpg) no-repeat right 60px; }

p.extra-padding { padding: 0 0 39px 0; }

#environ { background: #e4f4fc; padding: 10px; float: left; margin: 0; }

#environ img { float: left; margin: 0 10px 0 0; }

#city-movers ul { margin: 0; padding: 0 0 10px 0px; }

#index-services { padding: 0 0 15px 0; }

#index-services p { padding: 0 0 5px 0; }

#city-movers li { color: #c90000; line-height: 180%; background: url(/images/pin.gif) no-repeat left 2px; padding: 0 0 6px 20px; }

#right { float: right; width: 445px; }

#pro-house { float: right; margin: 0 0 15px 0; height: 223px; }

.move-list { float: left; width: 210px; }

#pro-house .move-list li { background: url(/images/checkmark.gif) no-repeat left 2px; padding: 0 0 6px 20px; }

/*=============4. c.Testimonials================*/

.testimonial { border-bottom: 1px solid #f1f1f1; background:  url(/images/quote.gif) no-repeat top left; padding:  0px 5px 20px 10px; margin: 0 0 20px; color: #444; }

#testimonials { background: url(/images/box-couple.jpg) no-repeat top right; float: right; clear: both; width: 445px; }

#testimonials ul { background: #f1f1f1; border-left: 10px solid #999999; padding: 10px; }

#testimonials ul p { padding: 0; }

#testimonials ul p.person { text-align: right; border-top: 1px solid #dfdfdf; }

#testimonials ul li { display: none; }

/* bottom info */
#bottom-info { clear: both; padding: 40px 0 0 0; background: url(/images/separator.gif) no-repeat left 20px; float: left; width: 100%; }

/*============4. d.City Slider========*/

#slider { width: 455px; height: 309px; float: left; background: #E4F4FC; }

#slider .navigation { width: 118px; background: #e3e5e7; float: left; }

#slider .navigation li a { padding:12px 0 15px 10px; display: block; border-bottom: 1px solid #d9dcde; border-top: 1px solid #f0f2f5; width: 108px; font-weight: bold; }

#slider .navgation li a.active { border: none; }

#slider .navigation li a.selected { background: #e4f4fc; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }

img.scrollButtons { display: none; }

.scroll { width: 335px; height: 264px; float: left; background: #e4f4fc; overflow:hidden; position: relative; }

.scrollContainer { }

.scroll .panel { width: 305px; height: 233px; padding: 10px; }

.scroll .panel ul { clear: both; width: 100%; }

.scroll .panel li a { color: #0068a6; line-height: 180%; background: url(/images/pin.gif) no-repeat left 3px; padding: 0 10px 6px 10px; }

.scroll .panel li a:hover { color: #000; }

/*============4. e.Services============*/

#services { width: 445px; float: right; }

#call-us { clear: both; font-size: 20px; }

#call-us span { font-size: 22px; font-weight: bold; }

#services ul.move-list { padding: 0 0 10px 0; }

#services ul.move-list li { background: url(/images/arrow.gif) no-repeat left 2px; padding: 0 0 6px 20px; }

/*======SECONDARY pages========*/

/*============5.Side Nav==========*/

#side-nav { width: 170px; float: left; }

#side-nav h3 { background: #000; color: #fff; padding: 7px; margin: 0; }

#side-nav ul { margin: 0 0 20px 0; }

#side-nav ul li { border-bottom: 1px solid #c0c2c3; }

#side-nav ul li a { padding: 7px 0 7px 10px; display: block; font-weight: bold; line-height: 130%; }

#side-nav ul li a.active { background: url(/images/sidenav-icon.gif) no-repeat 10px center; padding: 7px 0 7px 20px; color: #ff0000; }

#secondary-body #content-wrapper { background: none #fff; padding: 20px; width: 920px; }

#secondary-body #main { width: 440px; padding: 0 20px; float: left; }

/*=========6.Breadcrumb=============*/

#crumbs { border-bottom: solid #ccc 1px; clear: both; margin: 0 0 15px 0; padding: 0 0 5px 0; }

#left-secondary { float: left; }

#left-secondary h1 { margin: 0 0 10px 0; }

#left-secondary ul { padding: 0 0 13px 0px; }

#left-secondary li { background: url(/images/checkmark.gif) no-repeat left 7px; padding: 6px 0 6px 20px; list-style: none; }

#right-secondary { float: right; width: 270px; }

#secondary-menu { padding: 0 0 15px 0; }

#secondary-menu ul { padding: 0 0 0 30px; }

#secondary-menu li { color: #c90000; line-height: 200%; }

#left-secondary #call-us { padding: 40px 0 0 0; background: url(/images/shadow-top.gif) no-repeat center top; }

#left-secondary #call-us ul { padding: 0 0 40px 0; background: url(/images/shadow-bottom.gif) no-repeat center bottom; }

#left-secondary #call-us ul li { font-size: 16px; padding: 0; text-align: center; background: none; }

#left-secondary #call-us-today li.call { padding: 6px 0 0 20px; }

#left-secondary #call-us-today li.phone-num { font-size: 25px; color: #FF6106; font-weight: bold; }

/*=================LAnding pages=============*/

#landing #content-wrapper { background: #fff; padding: 20px; }

#landing #main { width: 630px; float: left; background: none; }

#landing h2 { clear: both; padding: 0 0 15px 0; }

#landing #main #city-para { width:450px; padding: 0 0 230px 0px; background: url(/images/landing-back.jpg) no-repeat bottom right; }

#landing #main #city-para p.last-para { padding: 0 80px 0 0; }

#landing .column-layout { width: 170px; float: left; background: url(/images/vertical-line.gif) no-repeat right center; margin: 0 20px 0 0; padding: 0 20px 20px 0; }

#landing #last-dl { background: none; }

#landing .column-layout dt { font-size: 15px; color: #b70b08; padding: 0 0 8px 0; font-weight: bold; }

.column-layout dd { font-weight: bold; padding: 0 0 10px 20px; background: url(/images/checkmark.gif) no-repeat left 2px; }

.column-layout dd a { font-size: 13px; text-decoration:underline; line-height: 130%; }

#landing #main #moving-services { padding: 0; }

#moving-services li { padding: 0 0 10px 0px; margin: 0 0 15px 0; list-style: none; background: url(/images/separator.gif) no-repeat bottom center; }

#moving-services li#warehousing-dis { background: none; }

#moving-services li h3 { font-size: 14px; font-weight: bold; padding: 0 0 5px; margin: 0; }

#moving-services li p { padding: 1px 0 3px 160px; }

#moving-services li a { padding: 0 0 0 180px; background: url(/images/arrow.gif) no-repeat 160px 50%; }

li#household-moving p { background: url(/images/small-household.jpg) no-repeat center left; }

li#business-moving p { background: url(/images/small-offce.jpg) no-repeat center left; }

li#corporate-rel p { background: url(/images/small-corporate.jpg) no-repeat center left; }

li#international-moving p { background: url(/images/small-international.jpg) no-repeat center left; }

li#lab-moving p { background: url(/images/lab.jpg) no-repeat center left; }

li#warehousing-dis p { background: url(/images/small-warehouse.jpg) no-repeat center left; }

#right-secondary #call-us-today { padding: 80px 0; height: 200px; clear: both; background: url(/images/phone-back.gif) no-repeat 0 20px; }

#right-secondary #call-us-today li { font-size: 16px; padding: 0 0 0 20px; }

#right-secondary #call-us-today li.call { padding: 6px 0 0 20px; }

#right-secondary #call-us-today li.phone-num { font-size: 25px; color: #FF6106; font-weight: bold; }

#landing #quote { width: 266px; height: 550px; }

#landing #quote #quote-in { padding: 0; width: 266px; background: #006495; }

#landing #quote #quote-in p { padding: 0 0 15px 20px; }

#landing #quote #quote-in p#form-header { background: url(/images/landing-form-header.jpg) no-repeat top left; width: 266px; height: 169px; }

#right-secondary #testimonials { width: 266px; float: right; background: none; padding: 15px 0 0 0; }

#right-secondary #testimonials img { float: left; margin: 0 10px 0px 0; padding: 0; border: none; }

#right-secondary #testimonials p { padding: 0; margin: 0; }

#right-secondary #testimonials p#title { font-size: 18px; font-weight: bold; padding: 0 0 5px; }

#right-secondary #testimonials p#title2 { font-size: 18px; padding: 5px 0; }

#right-secondary #testimonials a { display: block; text-align: right; padding: 8px 10px 0 0; }

#landing #left-secondary ul.move-list { margin: 0; padding: 0; }

#landing .move-list li { padding: 0 0 13px 20px; list-style: none; background: url(/images/checkmark.gif) no-repeat left 2px; }

#landing #household-moving { float: left; padding: 0 0 8px 0; margin: 0 0 20px 0; background: url(/images/separator.gif) no-repeat bottom center; }

#landing #business-moving { float: left; padding: 0 0 8px 0; margin: 0 0 20px 0; background: url(/images/separator.gif) no-repeat bottom center; }

#landing #business-moving .move-list li { background: url(/images/arrow.gif) no-repeat 0 2px; }

/*==========8.Footer=============*/

#footer { background: url(/images/separator.gif) no-repeat left 25px; color: #666; padding: 40px 0 0 0px; clear: both; }

#footer a { color: #666; font-weight: normal; text-decoration: none; }

#footer a:hover { color: #000; }

.phone-number { color: #074984; font-size: 21px; font-weight: bold; }

#call-to-action { float: right; position: relative; width: 340px; margin: 0px; }

.call-to-action { color: #035877; font-size: 12px; font-weight: bold; }

.call-to-action-phone { color: #035877; font-size: 21px; font-weight: bold; }

p.header-one { background: url(../images/h1-back.png) no-repeat left; color: #222; font-size: 22px; font-weight: bold; margin: 0 0 5px 0; padding: 0 0 0 25px; }

p.crumbs-index { border-bottom: solid #eee 1px; margin: -10px 0 15px 0; padding: 0 0 5px 0; }

p.header-three { background: url(../images/h2-back.png) no-repeat left; color: #222; font-size: 18px; font-weight: normal; margin: 0 0 5px 0; padding: 0 0 0 20px; }

/* Image Styles */

.index-image { border: solid #ccc 1px; float: left; margin: 0 10px 0 0; padding: 2px; }

.left-image { border: none; float: left; }

.right-image { border: none; float: right; }

.btn-image { padding: 10px 0 0 0px; }

.page-image { border: solid #ccc 1px; margin: 0 0 15px 0; padding: 2px; }

.no-border { border: none; }

#sitemap { }

#sitemap li a { }

#sitemap ul li { list-style: square; }

#sitemap li ul li a { color: #417EAF; }

#contact li { background: none; font-weight: bold; padding: 0 0 8px 0; }