/* Easy Move Group CSS document */

body {
     margin:0;
     padding:0;
     background:#fff url(../images/blue-gradient.gif) repeat-x 0px 8px;
     font-family:Trebuchet MS, Arial, sans-serif;
}

p {
  margin: 0;
  padding: 4px 6px;
}

img {
    border:none;
    }

img.l {
      float:left;
      }
img.r {
      float:right;
}

img.b {
      border:inset 1px #88f;
      background-color:#fff;
      padding:5px;
}
    .clear { clear:both; font-size:0 }



#Content {                 
         margin-top:2.4em;
         font-size:80%;
}

#TopBanner {
           width:740px;
           margin:16px auto 0 auto;
           background:transparent url(../images/landscape-1.jpg) no-repeat right top;
}

#TopBanner div {
           float:right;
           width:0;
           height:0;
           overflow:show;
}
#TopBanner div span {
           position:absolute;
           width:400px;
           height:100px;
           margin-right:-100%;
           background:transparent url(../images/landscape-1-r.jpg) no-repeat left top;
}

#MainHeadSpan {
                position:absolute;
           background:transparent url(../images/move-group-logo.gif) no-repeat top left;
           margin: 10px 0 0 97px;
           width:500px;
           height:96px;
}

h1 { margin-left:-5000px }
h2,h3 {
   text-align:center;
   margin:0 0 8px 0;
   padding: 4px 0 4px 0;
   font-size:140%;
   color:#222;
   background:#eaecee url(../images/heading-back.jpg) no-repeat bottom left;
   border-top:outset 1px #e6e7fb;
/*   background-color:#eef;
   border-top:solid 1px #889;
   border-bottom:solid 1px #889;*/
}
h3 { font-size:110%; }
#MainTelSpan {  /* rule for FF and IE7 */
/*
             position:absolute;
             font-size:120%;
             font-weight:bold;
             margin: -2.2em 0 0 280px;
             display:block;
             */
             float:right;
             text-align:right;
             margin: -1.2em 120px 10px 0;
             vertical-align:top;
             height:0px;
             overflow:show;
             font-weight:bold;
             font-size:120%;
}
* html #MainTelSpan { /* * html hack for IE6 */
             display:block;
             position:absolute;
             margin:70px 0 0 400px;
}
#PhoneImage {
            vertical-align:top;
}

#Page {
      width:798px;
      margin: 0 auto 6px auto;
     /* background-color:#f8f8ff;
   border-bottom:solid 1px #889;*/
}
#Page.BackLogo {
      background:transparent url(../images/easymove-back.jpg) no-repeat center center;
}

div.BlueBox {
             float:left;
             clear:none;
             margin: 0 3px 10px 3px;
             background:#fd8664 url(../images/bluebox-mid.jpg) repeat-y top left;
             width:256px;
}

div.BlueBox h3 {
             background:transparent url(../images/bluebox-top.jpg) no-repeat top left;
             margin:0;
             color:#000;
             border:none;
             padding:4px 5px 0 5px;
             width:246px;  /* 256px -10px from l/r padding */
             text-align:center;
             float:left;
             font-size:100%;
             border-bottom:groove 2px #fd8664;
}
div.BlueBox h3 div {
             float:left;
             width:0px;
             height:20px; /* 24px -4px from h3 padding */
}
div.BlueBox img {
             float:left;
             width:120px;
             height:100px;
             border:inset 1px #aab;
             margin:8px;
}
div.BlueBox span {
             display:block;
             width:256px;
             height:16px;
             clear:both;
             background:transparent url(../images/bluebox-bot.jpg) no-repeat bottom left;
}
div.BlueBox p {
            padding:2px 8px;
            margin:0;
            }

div.WideBorder {
               clear:both;
            width:100%;
            background:transparent url(../images/blue-gradient.gif) repeat-x top left;
            height:8px;
            font-size:0; /* Fix IE oversizing */
}

#Nav {
     text-align:center;
     margin-left:-410px;  /* Center on screen */
     height:1em;
}

#Nav.small,#FooterNav {
     text-align:center;
     margin-left:-200px;  /* Center on screen */
}

#Nav ul,#FooterNav ul {
    display:block;
    width:100%;
    list-style-type:none;
    margin:0;
    padding:0;
    text-align:center;
}

#Nav li,#FooterNav li {
     display:inline;
     padding:0;
     width:205px;
     margin:0 0 0 205px;
}

#Nav.small li,#FooterNav li {
           width:100px;
           margin-left:100px;
}

#Nav span,#FooterNav span {
     position:absolute;
     width:200px;
     background:#e8e9fd url(../images/greytab-big-top.jpg) repeat-y top left;
}
#Nav.small span,#FooterNav span {
           width:96px;
           background-image: url(../images/greytab-top.gif);
}

#Nav a,#FooterNav a {
     display:block;
     width:200px;
     background:transparent url(../images/greytab-big-bot.jpg) no-repeat bottom left;
     padding:3px 0 8px 0;
     color:#000;
     font-size:80%;
     font-weight:bold;
     text-decoration:none;
}
#Nav.small a,#FooterNav a {
           width:88px;  /* 96px - 8px for left/right padding */
           background-image:url(../images/greytab-bot.jpg);
           padding:1px 4px 3px 4px;
           font-size:70%;
}

#Nav span:hover {
     background-image: url(../images/greytab-big-top-hover.jpg);
}

#Nav.small span:hover,#FooterNav span:hover {
     background-image: url(../images/greytab-top-hover.gif);
}

#Nav a:hover,#FooterNav a:hover {
     background-image: url(../images/greytab-big-bot-hover.jpg);
     padding-top:2px;
     color:#446;
}

#Nav.small a:hover,#FooterNav a:hover {
     background-image: url(../images/greytab-bot-hover.jpg);
}

#Footer {
        text-align:center;
        font-size:70%;
        margin-top:3.3em;
}
#Footer p {
        margin:0;
        padding:0;
}

.GalleryArea {
             text-align:center;
             width:660px;
             margin: 0 auto;
}

.GalleryArea span {
             float:left;
}

.GalleryArea div {
            width:200px;
            height:180px;
            padding:10px;
            text-align:center;
}

div.Float3C {
           width:33%;
           float:left;
           text-align:center;
}
div.Float3 {
           width:33%;
           float:left;
}
div.Float2C {
           width:50%;
           float:left;
           text-align:center;
}
div.Float2 {
           width:50%;
           float:left;
}
div.Center {
           width:100%;
           text-align:center;
}
div.Highlight {
              text-align:center;
              color:#f24;
              font-size:120%;
}

div.caption,div.captionl,div.SideQuote { float:right; clear:right; text-align:center;
            border:inset 1px #eee; padding:5px; background:#fff; margin:5px }
div.caption p,div.captionl p,div.SideQuote p { font-style:italic }
div.SideQuote { width:40%; background-color:#f8f8ff }
div.SideQuote blockquote { font-size:110%; font-weight:bold }
div.captionl { float:left; clear:left;}
a.small {
        font-size:90%;
}
p.small {
        text-align:center;
        font-size:90%;
}
p.bigger {  font-size:140%; }