body { font-size: 1em; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 150%; text-align: center; margin: 0; padding: 0; }
p { font-size: 100%; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: left; letter-spacing: 1px; }
h1 { color: #ccc; font-size: 300%; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: lighter; line-height: 120%; text-align: left; letter-spacing: 1px; margin: 0; padding: 5px 0 3px; }
#wrapper { text-align: left; width: 900px; height: auto; margin: 0 auto; padding: 0 0 0; }
#flash1 { text-align: left; margin: 0; padding: 0; width: 900px; height: 157px; float: left; }
/**/
#navtop { text-align: left; margin: 0; padding: 0; width: 900px; height: 33px; clear: both; }
div#navtop ul { text-align: left; width: 900px; height: 33px; float: left; margin: 0; padding: 0; list-style-type: none; }
div#navtop li { font-size: 10%; width: 139px; height: 33px; float: left; margin: 0; padding: 0; display: inline; }
div#navtop li.home { font-size: 10%; background-image: url(../nav/nav_homepg.gif); background-repeat: no-repeat; display: inline; margin: 0; padding: 0; width: 66px; height: 33px; float: left; }
div#navtop span { display: none; }
div#navtop li.company a { background-image: url(../nav/company_slider.jpg); background-repeat: no-repeat; background-position: 0 0; width: 139px; height: 33px; display: block; }
div#navtop li.customers a { background-image: url(../nav/customers_slider.jpg); background-repeat: no-repeat; background-position: 0 0; width: 139px; height: 33px; display: block; }
div#navtop li.gallery a { background-image: url(../nav/gallery_slider.jpg); background-repeat: no-repeat; background-position: 0 0; display: block; width: 139px; height: 33px; }
div#navtop li.answers a { background-image: url(../nav/answers_slider.jpg); background-repeat: no-repeat; background-position: 0 0; display: block; width: 139px; height: 33px; }
div#navtop li.catalog a { background-image: url(../nav/catalog_slider.jpg); background-repeat: no-repeat; background-position: 0 0; display: block; width: 139px; height: 33px; }
div#navtop li.contact a { background-image: url(../nav/contact_slider.jpg); background-repeat: no-repeat; background-position: 0 0; display: block; width: 139px; height: 33px; }
div#navtop li a:hover { background-position: -139px 0; }
div#navtop li.home a { background-image: url(../nav/home_slider.jpg); background-repeat: no-repeat; background-position: 0 0; display: block; width: 66px; height: 33px; }
div#navtop li.home a:hover { background-position: -66px 0; }
/**/
#container { background-repeat: no-repeat; text-align: left; margin: 0; padding: 0; width: 900px; height: 285px; float: left; }
#gallery-container { background-image: url(../images_main/homeflashbkgrnd.jpg); background-repeat: no-repeat; text-align: left; margin: 0; padding: 0; width: 900px; height: 285px; float: left; }
/**/
#gallery-flash { margin: 0; padding: 0 0 0 134px; width: 631px; height: 240px; float: left; }
#gallery-flash1 { margin: 0; padding: 0 0 0 155px; width: 248px; height: 225px; float: left; }
#gallery-flash2 { margin: 0 0 0 0; padding: 0 152px 0 0; width: 248px; height: 225px; float: right; }
/**/
/**/
#content1 { background-image: url(../images_main/content1_bkgrnd.jpg); background-repeat: repeat-x; margin: 0; padding: 0; width: 900px; height: 111px; float: left; }
div#content1 p { font-size: 80%; text-align: center; margin: 0; padding: 30px 30px 0; }
/**/
.initialcap1 { color: #b45a6f; font-size: 150%; }
.bold { color: black; font-weight: bold; }
.smaller { font-size: 50%; }
#header { text-align: left; margin: 0; padding: 0; width: 900px; height: 157px; float: left; }
/**/
#container1 { background-color: #b47878; background-image: url(../images_main/color_companybk.jpg); background-repeat: repeat; margin: 0; padding: 0; width: 900px; height: 550px; }
#container2 { background-color: #9696de; margin: 0; padding: 0; width: 900px; height: 520px; }
#container3 { background-color: #6fb4b4; margin: 0; padding: 0; width: 900px; height: 500px; }
#container4 { background-color: #7cb56f; margin: 0; padding: 0; width: 900px; height: 520px; }
#container5 { background-color: #de965a; margin: 0; padding: 0; width: 900px; height: 520px; }
#container6 { background-color: #ffd798; margin: 0; padding: 0; width: 900px; height: 520px; }
/**/
/**/
#content_container { margin: 0; padding: 20px 0 0 30px; width: 840px; height: 500px; float: left; }
#content_lf { background-image: url(../images_main/bk_page_lf.jpg); background-repeat: no-repeat; margin: 0; padding: 0; width: 18px; height: 550px; float: left; }
#content_rt { background-image: url(../images_main/bk_page_rt.jpg); background-repeat: no-repeat; margin: 0; width: 18px; height: 550px; float: left; padding: 0; }
#content { background-color: white; background-image: url(../images_main/bk_page_center.jpg); background-repeat: no-repeat; background-position: 0 0; text-align: left; margin: 0; padding: 0; width: 804px; height: 550px; float: left; }
#scroll { width: 800px; height: 450px; overflow: scroll; padding-top: 9px; }
div#content p { font-size: 80%; line-height: 130%; margin: 0; padding: 0 30px 10px; }
div#content a { color: #59326f; font-weight: bold; text-decoration: underline; }
div#content a:hover { color: #ff2600; font-weight: bold; text-decoration: none; }
#content dl { margin: 0; padding: 10px 0 5px 30px; }
#content dt { color: #b46f4b; font-size: 80%; font-weight: bold; line-height: 100%; margin: 0; padding: 5px 0 10px; }
#content dd { font-size: 80%; line-height: 140%; margin: 0; padding: 0 30px 5px 0; }
#content ul { list-style-type: none; margin: 0; padding: 0 0 5px 30px; }
#content li { font-size: 80%; line-height: 130%; background-image: url(../images_main/bullet_cog.gif); background-repeat: no-repeat; margin: 0; padding: 0 30px 0 15px; display: block; }
div#content h2 { color: #3a3a3a; font-size: 90%; line-height: 120%; text-align: left; text-indent: 0; letter-spacing: 2px; margin: 0; padding: 0 0 10px; }
div#content h3 { color: #1e591e; font-size: 70%; text-align: left; margin: 0; padding: 0 0 5px; }
div#content h5 { text-align: right; margin: 0; padding: 0 39px 0 0; }
div#content img { margin: 10px 0 0; padding: 5px 0 10px 10px; float: right; }
div#content p.img { margin: 10px 0 10px 10px; padding: 0; float: right; }
div#content img.logos { margin: 0; padding: 0; }
div#content img.quote1 { margin: 0; padding: 10px 15px 10px 0; float: left; }
div#content img.gallery { margin: 0; padding: 18px 0 0; float: left; }
/**/
/**/
#gallery_container { background-color: #999; background-image: url(../IMAGES/Gallery_bk1.jpg); background-repeat: no-repeat; text-align: left; margin: 20px 0 0 30px; padding: 0; width: 840px; height: 460px; float: left; }
#gallery { text-align: left; margin: 0; padding: 0; width: 840px; height: 380px; float: left; }
#gallerynav { text-align: left; margin: 0 0 0 0; padding: 0 0 0 60px; width: 780px; height: 100px; float: left; }
div#gallerynav ul { text-align: left; list-style-type: none; margin: 0; padding: 0; width: 780px; height: 65px; float: left; }
div#gallerynav li { text-align: left; float: left; white-space: nowrap; display: inline; margin: 0; padding: 0; }
div#gallerynav li.right a { background-image: url(../IMAGES/GSarrowSliderRt.gif); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; text-align: left; width: 32px; height: 65px; white-space: nowrap; display: inline; margin: 0; padding: 0; float: left; }
div#gallerynav li.left a { background-image: url(../IMAGES/GSarrowSliderLf.gif); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; text-align: left; width: 32px; height: 65px; white-space: nowrap; display: inline; margin: 0; padding: 0; float: left; }
div#gallerynav li a:hover { background-position: -32px 0; text-decoration: none; }
div#gallery h2 { text-align: center; text-indent: 0; margin: 0; padding: 33px 0 0; }
div#gallery h3 { float: left; margin: 0; padding: 3px 0 0 3px; }
div#gallery h4 { margin: 0; padding: 3px 3px 0 0; float: right; }
/**/
/**/
#footer { background-image: url(../images_main/footer_bkgrnd.jpg); background-repeat: no-repeat; text-align: left; margin: 0; padding: 0; width: 900px; height: 111px; float: left; }
div#footer h3 { color: #10a2d8; font-size: 70%; text-align: left; letter-spacing: 2px; margin: 0; padding: 39px 0 0 50px; }
div#footer h4 { color: #ccc; font-size: 60%; text-align: right; letter-spacing: 2px; margin: 0; padding: 0 30px 0 0; }
div#footer h5 { color: #b4b4b4; font-size: 50%; font-weight: bold; text-align: right; letter-spacing: 2px; margin: 0; padding: 0 30px 5px 0; }
div#footer a { color: #10b4b4; background-image: url(../images_main/underscore.jpg); background-repeat: repeat-x; background-position: left bottom; text-decoration: none; }
div#footer a:hover { color: #ffd25a; background-image: url(../images_main/underscore.jpg); background-repeat: repeat-x; background-position: left bottom; text-decoration: none; }
/**/
/**/
.clearfix:after { content:"."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
/*backslash hack hides from IE/MAC\*/
*html .clearfix {height: 1%;}
.clearfix {display: block;}
/*end backslash hack */
/**/
/**/
#logomap { background-color: white; background-image: url(../images_main/bk_page_center.jpg); background-repeat: no-repeat; background-position: 0 0; text-align: left; margin: 0; padding: 0; width: 804px; height: 550px; float: left; }
#logomap { background-color: white; background-image: url(../images_main/bk_page_center.jpg); background-repeat: no-repeat; background-position: 0 0; text-align: left; margin: 0; padding: 0; width: 804px; height: 550px; float: left; }
#logomap ul { list-style-type: none; margin: 0; padding: 0; }
#logomap li { font-size: 80%; line-height: 130%; margin: 0; padding: 0; display: block; }
div#logomap h2 { color: #3a3a3a; font-size: 90%; line-height: 120%; text-align: left; text-indent: 0; letter-spacing: 2px; margin: 0; padding: 0 0 10px; }
div#logomap img.logos { margin: 0; padding: 0; }
#logomap1 img.logos { width: 804px; height: 90px; overflow: hidden; clear: both; margin: 0; padding: 0; }
#logomap2 img.logos { width: 804px; height: 90px; overflow: hidden; margin: 0; padding: 0; clear: both; }
#logomap3 img.logos { width: 804px; height: 90px; overflow: hidden; margin: 0; padding: 0; clear: both; }
#logomap4 img.logos { width: 804px; height: 90px; overflow: hidden; margin: 0; padding: 0; clear: both; }
.logomap1 { position: relative; width: 804px; height: 90px; float: left; margin: 0; padding: 0; }
.logomap1 ul { margin: 0; padding: 0; list-style-type: none; }
.logomap1 li { background-image: none; display: block; }
.logomap1 a { text-indent: -1000em; position: absolute; width: 120px; height: 90px; margin: 0; padding: 0; display: block; }
.logomap1 .gdead a { position: absolute; top: 0; left: 39px; z-index: 1; }
.logomap1 .alcatraz a { position: absolute; top: 0; left: 200px; z-index: 2; }
.logomap1 .stanford a { position: absolute; top: 0; left: 360px; z-index: 3; }
.logomap1 .true a { position: absolute; top: 0; left: 500px; z-index: 4; }
.logomap1 .tinman a { position: absolute; top: 0; left: 640px; z-index: 5; }
.logomap2 { position: relative; margin: 0; padding: 0; width: 804px; height: 90px; float: left; }
.logomap2 a { text-indent: -1000em; display: block; margin: 0; padding: 0; position: absolute; width: 120px; height: 90px; }
.logomap2 .warriors a { position: absolute; z-index: 1; top: 0; left: 30px; }
.logomap2 .giants a { position: absolute; z-index: 2; top: 0; left: 150px; }
.logomap2 .zynga a { position: absolute; z-index: 2; top: 0; left: 300px; }
.logomap2 .raiders a { position: absolute; z-index: 2; top: 0; left: 440px; }
.logomap2 .pony a { position: absolute; z-index: 5; top: 0; left: 570px; }
.logomap2 .sfaids a { position: absolute; z-index: 5; top: 0; left: 675px; }
.logomap3 { position: relative; margin: 0; padding: 0; width: 804px; height: 90px; float: left; }
.logomap3 a { text-indent: -1000em; display: block; margin: 0; padding: 0; position: absolute; width: 120px; height: 90px; }
.logomap3 .twitter a { position: absolute; z-index: 1; top: 0; left: 35px; }
.logomap3 .mazda a { position: absolute; z-index: 1; top: 0; left: 200px; }
.logomap3 .elfornaio a { position: absolute; z-index: 1; top: 0; left: 350px; }
.logomap3 .majestic a { position: absolute; z-index: 1; top: 0; left: 500px; }
.logomap3 .google a { position: absolute; z-index: 1; top: 0; left: 650px; }
.logomap4 { position: relative; margin: 0; padding: 0; width: 804px; height: 90px; float: left; }
.logomap4 a { text-indent: -1000em; display: block; margin: 0; padding: 0; position: absolute; width: 180px; height: 30px; }
.logomap4 .hornblower a { position: absolute; z-index: 1; top: 20px; left: 40px; }
.logomap4 .loyalarmy a { position: absolute; z-index: 1; top: 50px; left: 175px; }
.logomap4 .bravado a { position: absolute; z-index: 1; top: 25px; left: 350px; }
.logomap4 .amerlung a { position: absolute; z-index: 1; top: 60px; left: 500px; }
.logomap4 .pixar a { position: absolute; z-index: 1; top: 15px; left: 610px; }
/**/