@charset "utf-8";

#ServicesPage {
  position: relative;
  top: 2px;
  left: 0px;
  width: 100%;
  height: 1320px;
}

#Letter {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1004px;
  height: 517px;
}

#LetterTop {
  position: absolute;
  top: 0px;
  right: 27px;
  width: 946px;
  height: 9px;
}

#LetterBottom {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 1004px;
  height: 132px;
}

#LetterLeft {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 31px;
  height: 385px;
}

#LetterMiddle {
  position: absolute;
  top: 9px;
  left: 31px;
  width: 946px;
  height: 376px;
}

#LetterRight {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 27px;
  height: 385px;
}

#LetterContents {
  position: absolute;
  top: 125px;
  left: 90px;
  width: 824px;
  height: 357px;
  text-align: left;
  font-family: Splendid-EOT,Splendid,times;
  font-size: 22px;
  line-height: 95%;
  color: black;
/*  color: #282217;
  border: solid;
  border-width: 1px;
  */
}

#Signature {
    position: absolute;
    bottom: 15px;
    left: 0px;
}

#PricingLedger {
  position: absolute;
  top: 910px;
  left: 33px;
  width: 901px;
  height: 394px;
}

#PriceMiddle {
  position: absolute;
  top: 0px;
  right: 12px;
  width: 871px;
  height: 394px;
}


#PriceRight {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 13px;
  height: 394px;
}

#PriceLeft {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 19px;
  height: 394px;
}

#OpeningSale {
  position: absolute;
  top: 215px;
  left: 430px;
  width: 272px;
  height: 63px;
  border: none;
}

#LaunchSale{
  position: absolute;
  top: 215px;
  left: 430px;
  width: 272px;
  height: 61px;
  border: none;
}

#GrandOpeningPrice {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 131px;
  height: 30px;
  border: none;
}

#NewPrice {
  position: absolute;
/*  top: 291px;*/
  top: 254px;
  left: 636px;
/*  left: 613px; move --> 16px*/
  width: 100px;
  height: 30px;
  border: none;
  font-family: Bradley-Hand-EOT, Bradley-Hand, Courier;
  font-size: 22px;
  color: #252760;
  line-height: 42px;
  text-align: left;
}

.Item {
  position: absolute;
  left: 100px;
  width: 616px;
  height: 30px;
  font-family: Bradley-Hand-EOT, Bradley-Hand, Courier;
  font-size: 27px;
  color: #252760;
  line-height: 42px;
  text-align: left;
}

.Price {
  position: absolute;
  left: 730px;
  width: 145px;
  height: 30px;
  font-family: Bradley-Hand-EOT, Bradley-Hand, Courier;
  font-size: 22px;
  color: #252760;
  line-height: 42px;
  text-align: left;
}

#ItemOne {
  top: 219px;
}

#PriceOne {
  top: 219px;
  text-align: center
}

#ItemTwo {
  top: 256px;
}

#PriceTwo {
  top: 256px;
}

#ItemThree {
  top: 291px;
}

#PriceThree {
  top: 291px;
}

#ItemFour {
  top: 326px;
}

#PriceFour {
  top: 326px;
}

#ItemFive {
  top: 358px;
}

#PriceFive {
  top: 358px;
}

#NewsClipping {
  position: absolute;
  top: 420px;
  right: 0px;
  width: 298px;
  height: 555px;
}

#ClipTop {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 283px;
  height: 18px;
}

#ClipBottom {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 279px;
  height: 23px;
}

#ClipLeft {
  position: absolute;
  top: 18px;
  left: 0px;
  width: 23px;
  height: 514px;
}

#ClipRight {
  position: absolute;
  top: 18px;
  right: 0px;
  width: 20px;
  height: 514px;
}

#ClipMiddle {
  position: absolute;
  top: 18px;
  right: 20px;
  width: 255px;
  height: 514px;
}

#PostCard {
  position: absolute;
  top: 500px;
  left: 0px;
  width: 748px;
  height: 432px;
}

#PostCard {
  position: absolute;
  top: 500px;
  left: 0px;
  width: 748px;
  height: 432px;
}

#PostTop {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 728px;
  height: 47px;
}

#PostBottom {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 748px;
  height: 47px;
}

#PostLeft {
  position: absolute;
  top: 47px;
  left: 1px;
  width: 26px;
  height: 340px;
}

#PostRight {
  position: absolute;
  top: 46px;
  right: 1px;
  width: 32px;
  height: 340px;
}

#PostMiddle {
  position: absolute;
  top: 46px;
  left: 25px;
  width: 692px;
  height: 340px;
}

#Test {
  position: absolute;
  top: 0px;
  left: 0px;
}

#Services {
  position: absolute;
  top: 0px;
  left: 0px;
}

#Default {
  display: block;
}


#Test #Services:hover + #Default {
  display: none;
}

.Service {
  position: absolute;
  top: 0px;
  left: 0px;
}

.Service > .Arrow {
  width: 26px;
  height: 16px;
}

.Service > .Hover {
  display: none;
}
/** need to test ~ selector (general sibling) **/
.Service > .Title:hover + .Hover {
  display: block;
}

.Service > .Title:hover + .Hover + .Hover {
  display: block;
}

.Service > a:hover + .Hover {
  display: block;
}

.Service > a:hover + .Hover + .Hover{
  display: block;
}

#WebDesign > .Title, #WebDesign > a .Title {
  position: absolute;
  top: 138px;
  left: 103px;
  width: 206px;
  height: 38px;
}

#WebDesign > .Arrow {
  position: absolute;
  top: 138px;
  left: 75px;
}


.WebDesignDesc {
  position: absolute;
  top: 138px;
  left: 373px;
  width: 345px;
  height: 262px;
}

#ContentManagement > .Title, #ContentManagement > a .Title {
  position: absolute;
  top: 182px;
  left: 54px;
  width: 300px;
  height: 57px;
}

#ContentManagement > .Arrow {
  position: absolute;
  top: 182px;
  left: 26px;
}

.ContentManagementDesc {
  position: absolute;
  top: 132px;
  left: 384px;
  width: 346px;
  height: 278px;
}

#Support > .Title, #Support > a .Title {
  position: absolute;
  top: 244px;
  left: 54px;
  width: 292px;
  height: 40px;
}

#Support > .Arrow {
  position: absolute;
  top: 244px;
  left: 26px;
}

.SupportDesc {
  position: absolute;
  top: 132px;
  left: 384px;
  width: 335px;
  height: 227px;
}

#Hosting > .Title, #Hosting > a .Title {
  position: absolute;
  top: 296px;
  left: 133px;
  width: 125px;
  height: 34px;
}

#Hosting > .Arrow {
  position: absolute;
  top: 296px;
  left: 105px;
}

.FreeHostingDesc {
  position: absolute;
  top: 132px;
  left: 384px;
  width: 343px;
  height: 269px;
}

.DefaultDesc {
  position: absolute;
  top: 150px;
  left: 390px;
  width: 321px;
  height: 132px;
}