ul,li,h2,h3,hr {padding: 0px; margin: 0px;}
html, body {margin: 0px; padding: 0px; height: 100%; font: .9em arial,sans-serif; color: #98734A}
body {background-color: #eeeee5}

#frame {margin: 0px auto; width: 755px; min-height: 100%; background-color: white; overflow: visible; padding: 40px; -moz-box-shadow:1px 0px 2px 0 #ddddd2, -1px 0px 2px 0 #ddddd2; -webkit-box-shadow:1px 0px 2px 0 #ddddd2, -1px 0px 2px 0 #ddddd2; box-shadow:1px 0px 2px 0 #ddddd2, -1px 0px 2px 0 #ddddd2}

/*stitchtel specific height*/
#logoBar {position: relative; width: 100%; height: 50px; }
#logo {position: absolute; left: 0px; bottom: 0px; width: 364px; height: 50px;}
#sublogo {position:relative; float:right}
#hSplashC1 {position: absolute; left: 310px; top: 30px; width: 97px; height: 97px; z-index: 28; background: url(img/splash_circle1w.gif) no-repeat top left;}
#hSplashC2 {position: absolute; left: 310px; top: 139px; width: 97px; height: 97px; z-index: 27; background: url(img/splash_circle2w.gif) no-repeat top left;}
#hSplashC1 a, #hSplashC2 a {font-size: .9em; font-weight: bold; text-align: center; color: #98734A; text-decoration: none}
#hSplashC1, #hSplashC2 {text-align: center;}
/*stitchtel uses a gif instead of jpeg in the next line*/
#hSplash1 {position: absolute; top: 0px; left: 0px; width: 355px; height: 369px; background: url(img/splash_homeL.gif) no-repeat top left; z-index: 26}
#hSplash2 {position: absolute; top: 0px; left: 355px; width: 400px; height: 369px; background: url(img/splash_homeRst.jpg) no-repeat top left; z-index: 25}

#navBar {position: relative; width: auto; height: 2.2em; margin: 10px 0px 0px 0px;}
#navBar ul {position: relative; float: right; list-style-type: none;}
#navBar ul li {float: left; display: block; text-align: right; height: 2.2em; margin-left: 26px; line-height: 2.2em; font-weight: bold; border: 1px  solid white; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;}
/*#navBar ul li a {color: #644a30; text-decoration: none; display: block;}*/
.navOn {color: #FF6306 /*#f17*/; text-decoration: none}
.navOff {color: #98734A; text-decoration: none}
#footer {position: relative; clear: both; padding: 50px 10px 10px 10px; text-align: right;}
#footer p {font-size: .9em}

#splash {position: relative; width: 755px; height: 369px; background-color: #98734A; margin-top: 7px}
#splash h3 {position: absolute; top: 55px; left: 50px; color: white; font-size: 1.3em; width: 250px; z-index: 30; display: block}
#splash p {position: absolute; top: 155px; left: 375px; color: white; width: 250px; z-index: 29;}



#pSplash {position: relative; float: left; margin: 5px 0px 30px 0px; width: 755px; height: 200px; color: white;padding-top: 15px; border-top: 3px solid #98734A}
#pSplash h2 {color: white; font-size: 1.2em;  margin: 30px 0px 5px 30px; width: 300px}
#pSplash h2:first-letter {margin-left:-7px}
#pSplash p {color: white; margin-left: 150px}
#menu {position: relative; float: left; width: 162px; height: 100%;}
#menu ul {list-style-type: none}
#menu ul li {margin: 5px 0px 5px 0px; color: #FF6306; font-weight: bold}
#menu ul li a {font-weight: normal; color: #98734A; text-decoration: none}
#pSplash2a, #pSplash2b, #pSplash2c, #pSplash2d, #pSplash2f, #pSplash2g {position: relative; float: left; top: 0px; width: 592px; height: 200px; }
#pSplash2a {background: url(img/spl_aboutus.jpg) no-repeat top left;}
#pSplash2b {background: url(img/spl_contactus.jpg) no-repeat top left;}
#pSplash2c {background: url(img/spl_products.jpg) no-repeat top left;}
#pSplash2d {background: url(img/spl_services.jpg) no-repeat top left;}
#pSplash2e {postion: relative; margin: 10px 0px 30px 0px; width: 755px; height: 200px; background: url(img/spl_aboutyou.jpg) no-repeat top left; z-index:24}
#pSplash2f {background: url(img/spl_knowbase.jpg) no-repeat top left;}
#pSplash2g {background: url(img/spl_jobs.jpg) no-repeat top left;}

#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; font-weight: bold; color: #f63; padding: 20px; margin: 10px; width: 230px; text-align: center;}

#content {position: relative; top: 10px; left: 50px; width: 400px;}
#content p, #contentRt p, #contentMenu, #forms {color: #98734A /*#311710*/}

#contentRt {clear: both; position: relative; margin: 0px 10px 10px 163px; height: auto; overflow: visible; padding-left: 30px; border-left: 1px solid #98734A;}
#contentRt p {width: 420px;}
#contentRt h4 {font: .9em; margin-bottom: 0px; margin-top: 25px; padding: 0px; font-weight: bold}
#contentRt h3 {font: .9em; border-bottom: 1px solid #98734A; margin-bottom: 0px; margin-top: 25px; padding: 0px; font-weight: bold}
#contentRt h2 {font: 1.2em; margin-bottom: 0px; margin-top: 25px; padding: 0px; font-weight: bold}
#contentRt a {font-weight: normal; color: #98734A; }
#contentRt ul {margin-left: 25px; width: 420px}
#contentRt ul li {margin:5px 0px 15px 0px}

#forms {width: 500px; margin-top: 40px}
#forms p {width: 500px; display:block;}
#forms label {clear: left; position: relative; float: left; width: 150px; text-align: right; display: block}
#forms input, select, textarea {margin-left: 5px; font-family:inherit; font-size:inherit}
#forms p#check {clear: both; width: 500px; margin: 0px 0px 10px 0px; padding: 0px}
#forms p#check span.label2 { position: relative; float: left; width: 150px; text-align: right; display:block; margin-right: 5px;}
#forms p#check span.inputs {position: relative; float: left; display: block; padding-left: 15px; width: 300px}
#forms p#check input {position: relative; float: left; height: 1.2em; margin: 0px; padding: 0px;}
#forms p#check label {position: relative; float: left; text-align: left; margin-left: 5px; line-height: 1.2em; display: block; width: 250px; clear: right }

.formPad {margin:10px}

#survey, #downloads {width: 755px; margin-top: 40px; border-top:1px solid #98734A; padding-top:10px;}
#survey h1, #downloads h1 {text-align:center; margin-top:5px; margin-bottom:10px; font-size:1.5em;}
#survey fieldset {border:0px; margin-bottom:20px; padding:0px; width:751px; border:1px solid #98734A}
#survey legend {float:left; clear:both; padding:0px; width:747px; margin-bottom:10px; margin-left:-1px}
#survey legend span {width:747px; padding:3px 1px 3px 5px; display:block; font-size:1em; background-color:#98734A; color: white}
#survey p {display:block; margin-bottom:5px; padding-top:3px}
#survey label {clear: left; text-align: left; display: block; line-height:1.4em;}
#survey input, select, textarea {margin-left: 0px; font-family:inherit; font-size:inherit}
#survey input, textarea {border:1px inset #888; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:2px}
#survey p#check {clear: both; margin: 0px 0px 10px 0px; padding: 0px}
#survey p#check span.label2 { position: relative; float: left; text-align: right; display:block; margin-right: 5px;}
#survey p#check span.inputs {position: relative; float: left; display: block; padding-left: 15px;}
#survey p#check input {position: relative; float: left; height: 1.2em; margin: 0px; padding: 0px;}
#survey p#check label {position: relative; float: left; text-align: left; margin-left: 5px; line-height: 1.2em; display: block; clear: right }

#downloads {height:25em}
#downloads ol {list-style-type:none}
#downloads ol li a {font-size:1.2em; color: #98734A}
#subm {clear: both; width: 500px; text-align: right; margin-top: 30px}

