@charset "utf-8";
/* O'Brien's CSS 
Author: EW
Date created: 05.07.09
*/

* {
margin: 0;
padding: 0;
}

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

#wrapper {
margin: 0 auto;
width: 750px;
}

.clear {
clear: both;
height: 0;
}

/* Header */
#header {
background: url(../images/header-back.jpg) no-repeat;
height: 285px;
position:relative;
z-index:20;
}

#header-right {
float: right;
}

p.header-top {
color: #ccc;
display: block;
height: 24px;
padding: 3px 10px 0 0;
text-align: right;
}

p.header-top a {
color: #ccc;
padding: 0 5px 3px 5px;
text-decoration: none;
}

p.header-top a:hover {
color: #f90;
}

.phone {
color: #FF9900;
font-size: 16px;
font-style: italic;
font-weight: bold;
padding: 0px 30px 0px 0px;
}

p.header-bottom {
color: #fff;
font-weight: bold;
padding: 0 10px 0 0;
text-align: right;
}

/* Quote Form */

html>body #quote {
float: left;
margin: 10px 0 0 40px;
width: 190px;
}

#quote {
float: left;
margin: 10px 18px 0 20px;
width: 190px;
}

p.quote-header {
border-bottom: solid #ddd 1px;
color: #f80;
font-size: 18px;
font-style: italic;
font-weight: bold;
margin: 0 0 15px 0;
}

p.quote-required {float:right; font-size:10px; margin:3px 0 3px 0;}

#quote label {
display: block;
float: left;
font-weight: bold;
padding: 3px 0 0 0;
}

html>body .quoteform {
border: solid #b7b7b7 1px;
color: #000;
float: right;
font-size: 11px;
height: 13px;
margin: 0 0 5px 0;
padding: 3px 0 3px 5px;
width: 120px;
}

html>body .quoteform2 {
border: solid #b7b7b7 1px;
color: #000;
float: right;
font-size: 11px;
height: 13px;
margin: 0 0 5px 0;
padding: 3px 0 3px 5px;
width: 70px;
}

.quoteform {
border: solid #b7b7b7 1px;
color: #000;
float: right;
font-size: 11px;
height: 13px;
margin: 0 0 0 5px;
padding: 3px 0 3px 5px;
width: 120px;
}

.quoteform2 {
border: solid #b7b7b7 1px;
color: #000;
float: right;
font-size: 11px;
height: 13px;
margin: 0 0 0 5px;
padding: 3px 0 3px 5px;
width: 70px;
}

.qtBttn {
padding: 0 0 0 25px;
}

/* Menu */

#menu {
background-color: #343434;
height: 40px;
margin: 0 0 7px 0;
}

#menu ul {
list-style: none;
}

#menu li {
border-right: solid #666 1px;
display: block;
float: left;
}

#menu li.last {
border-right: none;
}

#menu a {
color: #fff;
font-size: 11px;
font-weight: bold;
line-height: 40px;
padding: 0 13px 0 14px;
text-decoration: none;
}

#menu a:hover {
color: #f90;
}

/* Sub Menu */

#submenu {
color: #fff;
font-size: 16px;
font-style: italic;
font-weight: bold;
text-transform: uppercase;
}

#submenu a {
font-size: 14px;
text-decoration: none;
}

#personal-relocation {
background: url(../images/personal-back.jpg) no-repeat;
float: left;
height: 98px;
padding: 15px 0 0 10px;
width: 238px;
}

#storage {
background: url(../images/storage-back.jpg) no-repeat;
float: left;
height: 98px;
margin: 0 0 0 3px;
padding: 15px 0 0 10px;
width: 238px;
}

#business {
background: url(../images/business-back.jpg) no-repeat;
float: right;
height: 98px;
padding: 15px 0 0 10px;
width: 239px;
}

/* Content */
#content {
padding: 35px 0 10px 0;
}

#content a {
font-weight: bold;
}

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

#content p {
line-height: 150%;
padding: 0 0 15px 0;
}

#locations-nav{margin:auto; width:750px; /*display:block; text-align:center;*/}

ul.nav { 
width:100%;
display:block;
font-size:11px;
border-bottom: solid #ddd 1px;
border-top: solid #ddd 1px;
list-style: none;
margin:  10px 0 20px 0px;
padding: 15px 0 0 0;
}

ul.nav li { margin:auto;
display: block;
float: left;
padding:0px 0px 20px 15px;
}

ul.nav li a {
text-transform: uppercase;
}

ul.locations {
list-style: none;
padding: 0px 0px 10px 0px;
line-height:160%;
}

#locations2 ul{ float:left;list-style: none;text-align:center;padding-left:10px;}
#locations2 li{font-size:12px;list-style: none; display: block;float: left;padding:0px 0px 20px 30px;text-align:center;width:110px;}

#index-locations{ float:left; width:490px; display:block;}

ul.locations li {
font-size:11px;
list-style:none;
}

ul.locations li ul {margin-left:8px;}

#index-left {
border-right: solid #343434 1px;
float: left;
margin: 0 0 15px 0;
padding: 0 10px 0 0;
width: 500px;
}

#logo-container {border-top:1px solid #333; padding-top:15px;}
#logo-container a {outline:none;}
#logo-container img {margin-right:20px;}
#logo-container #in {margin:0; padding:1px 0 0 0;}
#logo-container #fb {margin:0 20px 0 5px;}

#index-right {
float: left;
width: 227px;
padding:0 0 0 10px;
}

#index-right p {
font-size: 11px;
padding: 0 0 10px 0;
}

#index-right-locations-container {
float: right;
width: 225px;
height: 230px;
}
#index-right-locations-container h3 {font:bold 12px arial; color:#333;}

#index-right-locations-left {
float: left;
width: 117px;
position:relative;
}

#index-right-locations-right {
float: right;
width: 108px;

position:relative;
}

#facebook{padding-top:20px;}
#facebook img{float:left;}
/*#facebook p{text-decoration:underline; /*color:#555; font-size:14px; font-weight:bold;float:left; padding:10px 0px 0px 10px;}*/
/*#facebook a:hover{ color:#FF8800 !important;}*/

/* Interior */

#right {
border-left: solid #343434 1px;
float: right;
margin: 0 0 0 15px;
padding: 0 0 0 25px;
width: 470px;
}

#logos {
float: left;
margin: 0 15px 0 0;
text-align: center;
width: 120px;
}

#right ul.aff {
padding: 0 0 25px 0;
}

#right ul.aff li {
list-style: none;
margin: 0 0 10px 0;
}

ul.base {
padding: 0 0 10px 30px;
}

ul.base li {
padding: 0 0 5px 0;
}

ul.move {
list-style: none;
padding: 0 0 10px 20px;
}

ul.move li {
padding: 0 0 5px 0;
}

ul.move li ol {
padding: 5px 0 0 30px;
}

#left {
float: left;
width: 227px;
}

.contactform {
border: solid #b7b7b7 1px;
color: #000;
font-size: 11px;
height: 13px;
margin: 2px 0 15px 0;
padding: 3px 0 3px 5px;
width: 210px;
}

.contactform2 {
border: solid #b7b7b7 1px;
color: #000;
font-size: 11px;
height: 40px;
margin: 2px 0 15px 0;
padding: 3px 0 3px 5px;
width: 210px;
}

.cntBttn {
padding: 0 0 15px 35px;
}

/* Footer */

#footer {
background-color: #7d7d7d;
color: #cdcdcd;
padding: 20px 0 40px 0;
text-align: center;
text-transform: uppercase;
}

#footer a {
color: #cdcdcd;
text-decoration: none;
}

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

/* Text Styles */

h1 {
color: #000;
font-size: 20px;
padding:0 0 10px 0;
}

h1.index {
color: #000;
font-size: 16px;
font-style: normal;
padding: 0 0 5px 0;
}

h2 {
color: #000;
font-size: 14px;
padding: 0 0 5px 0;
}

a {
color: #f80;
}

.orange-highlight {
color: #FF6600;
}

/* Image Styles */

.page {
border: solid #000 1px;
float: right;
margin: 0 0 10px 15px;
}

.page-right {
border: solid #000 1px;
float: right;
margin: 0 0 10px 15px;
}

.side-page {
border: solid #000 1px;
margin: 0 0 15px 0;
}

.logo {
float: left;
margin: 0 15px 0 0;
}

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

.right {
float: right;
margin: 0 0 10px 15px;
}

.err {
	font-weight: bold;
	color: #FF0000;
}


/* Contact Map */

#contact-map {float:left; width:332px;}

#contact-map iframe {border:#D9D9D9 1px solid; padding:3px; margin-bottom:12px;}