/*stitchtel specific height*/
#logoBar {position: relative; width: 100%; height: 50px; }
#logo {position: absolute; left: 0px; bottom: 0px; width: 364px; height: 50px;}

#splash {position: relative; width: 755px; height: 332px; background-color: #FF7D27; margin-top: 7px}
#splash h3 {position: absolute; top: 55px; left: 499px; color: white; font-size: 1.5em; width: 210px; z-index: 30; display: block; font-weight: normal}

/*stitchtel uses a gif instead of jpeg in the next line*/
#hSplash1 {position: absolute; top: 0px; left: 0px; width: 459px; height: 332px; background: url(img/splash_homeL.jpg) no-repeat top left; z-index: 26}
#hSplash2 {position: absolute; top: 0px; left: 459px; width: 296px; height: 332px; background: url(img/splash_homeR.jpg) no-repeat top left; z-index: 25}

#hSplash3 {position: relative; float: right; padding-right: 35px; width: 281px; height: 126px; background: url(img/splash_bubble.gif) no-repeat; }
#hSplash3 h3 {font: .9em arial,sans-serif; color: #f63; padding: 20px; margin: 10px; width: 230px; text-align: center;}

#hText1, #hText2, #hText3 {position: relative; float: left; text-align: center; margin-top: 10px; height: 40px}
#hText1 {width: 270px}
#hText2 {width: 270px}
#hText3 {width: 214px}
#hText1 a, #hText2 a, #hText3 a {text-decoration: none; color: #ff6306; display: block; padding: 5px 0px 5px 0px}
#hText1 a:hover, #hText2 a:hover, #hText3 a:hover {border: 1px solid #98734A; color: #866D50; margin-top: -1px}

#login {position: relative; float: right; width: 88px; height: 30px; margin-top: -10px; }
#login img {border: 1px solid white;}
#login img:hover {border: 1px solid #866d50}