/* Style sheet for web game 'Test Pilot' game Created by Jonathan Starnes * * Table of Content * * */ /* * Universal Styles */ body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.6em; color: #787777; background: url(/images/layout/bg.jpg) top center no-repeat #000000; } .clear {clear:both;} a {color:#64aec2;} a:visted {color:#64aec2;} a:hover {color:#0a5f8f;} h1 {color:white; font-size:160%; line-height:160%; } h1 span {font-weight:normal;} #header { background:url(/images/layout/header.jpg) no-repeat; margin: 0 auto; width:988px; height:97px; margin-top:232px; } #navholder {width:986px; margin: 0 auto;margin-top:10px; } #home, #product, #process, #demos, #brochure, #contact, #about {cursor:pointer; height:47px; float:left; display:inline; } #home:hover, #product:hover, #process:hover, #demos:hover, #brochure:hover, #contact:hover, #about:hover {background-position: 0 -48px;} #home {width:140px; background:url(/images/nav/home.png) no-repeat;} #product {width:141px; background:url(/images/nav/product.png) no-repeat;} #process {width:140px; background:url(/images/nav/process.png) no-repeat;} #demos {width:141px; background:url(/images/nav/demos.png) no-repeat;} #brochure {width:142px; background:url(/images/nav/brochure.png) no-repeat;} #contact {width:141px; background:url(/images/nav/contact.png) no-repeat;} #about {width:141px; background:url(/images/nav/about.png) no-repeat;} #maincontent {width:956px; margin: 0 auto; background:#8c8c8c; padding:10px 15px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; } #register {width:179px; height:36px; cursor:pointer; background:url(/images/buttons/register.png) no-repeat; float:left; display:inline; margin-top:7px; } #register:hover {background-position: 0 -36px;} #logintop { float:right; width:225px;margin-bottom:5px;} #logintop input {float:left; border:none; height:22px; margin-top:13px; padding: 0 3px; } .input {margin-right:5px; width:150px;} #loginbutton {cursor:pointer; float:left; height:49px; width:46px; background:url(/images/buttons/login.png) no-repeat;} #loginbutton:hover { background-position: 0 -49px; } #columnabottom {float:left; width:323px; margin-top:10px;padding-top:2px;} #columnbbottom {float:left; width:311px; margin-top:10px;padding-top:2px;} #columncbottom {float:left; width:322px; margin-top:10px;} #travelsphere { width:311px; height:220px; background:url(/images/content/travelsphere2.jpg) no-repeat;} #news {width:314px; height:55px; background:url(/images/buttons/news.png) no-repeat; cursor:pointer;float:right;} #news:hover {background-position: 0 -55px;} #newshold {float:right; width:284px; height:141px; background:url(/images/layout/newshold.png) no-repeat;margin-top:4px; padding: 0 15px; padding-top:15px;padding-bottom:10px;} #newshold a {color:#787777; text-decoration:none;} #newshold a:hover {color:#3195d9;} #footerlinks {text-align:center; color:#3fa6e0; font-weight:bold; margin:10px 0px; } #footerlinks a {color:#f3f3f3; text-align:center; font-weight:bold; text-decoration:none;} #contenthold {width:936px; padding:10px; background:white; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; } #contenthold h2 {font-size:220%; line-height:220%;} #contenthold p {margin: 5px 0px;} #thumbhold {width:194px; height:192px; float:right; background: url(/images/layout/thumbhold.png) no-repeat; margin:0px 0px 10px 10px;} #picturehold {margin-top:4px; margin-left:4px;} #bottomleft {float:left; width:593px; background:url(/images/layout/bottomleft.png) no-repeat; height:179px; margin-top:10px;padding:20px;} #kodak {float:right;} #bottomfull {width:914px; margin:0 auto; background:url(/images/layout/bottomfull.png) no-repeat; height:181px; padding:20px; margin-top:10px;} #processimg {width:958px; height:365px; background:url(/images/content/process.jpg) no-repeat;} #downloadpack {background:url(/images/buttons/downloadpack.png) no-repeat; width:316px; float:right; display:inline; cursor:pointer; height:54px; margin-top:290px; margin-right:30px;} #downloadpack:hover {background-position: 0 -54px;} #visittravelsphere { background:url(/images/content/visittravelsphere.jpg) no-repeat; width:310px; height:218px; float:right; } #visitgul { background:url(/images/content/visitgul.png) no-repeat; width:310px; height:218px; float:right; } #visittravallan { background:url(/images/content/travallanbox.png) no-repeat; width:310px; height:218px; float:right; } #visitschools {background:url(/images/content/schoolsbox.png) no-repeat; width:310px; height:218px; float:right;} #visitpartners {width:310px; height:218px; float:right; } #gultext {background:url(/images/content/gultext.png) no-repeat; width:632px; height:220px; float:left; margin-top:10px;} #spheretext {background:url(/images/content/spheretext.png) no-repeat; width:632px; height:220px; float:left; margin-top:10px;} #travallantext {background:url(/images/content/travallanquote.png) no-repeat; width:632px; height:220px; float:left; margin-top:10px;} #schoolstext {background:url(/images/content/schoolstext.png) no-repeat; width:632px; height:220px; float:left; margin-top:10px;} #partnerstextarea {width:632px; height:220px; float:left; margin-top:10px;} #visit {background:url(/images/buttons/visit.png) no-repeat; height:40px; width:218px; float:right; display:inline; margin-top:170px; margin-right:10px; cursor:ponter;} #visit:hover {background-position:0 -40px;} #contactform {float:left; width:424px; color:white; margin-bottom:20px; border-bottom:1px white solid; padding-bottom:20px;} #contactpageright {float:right; width:293px; margin-right:70px; display:inline; margin-top:100px;} @import url(css/layout.css); form.register-form{ width:550px; position:relative; float:left; } form.register-form label{ position:absolute; left:-200em; } form.register-form fieldset{ float:left; } form.register-form fieldset.input_1{ margin-right:11px; } form.register-form .text-box, form.register-form .select-box, form.register-form textarea { border:0; font:normal 11px Arial, Helvetica, sans-serif; margin-bottom:13px; background:none; } form.register-form .text-box{ background:url(images/text-box-bg.png) left top; width: 203px; height:15px; padding:2px; } form.register-form .select-box{ background:#FFF; height:19px; padding:0; line-height:19px; width:256px; } form.register-form textarea { background:url(images/text-area-bg.png) no-repeat left top; width: 253px; height:79px; border-bottom:1px solid #dadada; } form#register #submitButton{ cursor:pointer; width:66px; height:26px; background:url(images/form-but.jpg) no-repeat 0 0; border:none; text-indent:-9999px; float:right; position:absolute; right:0; bottom:16px; } #block-menu-menu-footer-menu li.twitter{ position:absolute; right:17px; top:20px; } #block-menu-menu-footer-menu li.twitter a{ min-width:22px; height:22px; background:url(images/twitterlogo.png) no-repeat right; padding-right:25px; display:block; line-height:22px; } #demobox {width:963px; height:263px; background:url(/images/layout/blackbox.png) no-repeat; margin:0 auto;} #sportsdemo, #seniordemo, #musicaldemo, #studentdemo {float:left; display:inline; width:229px; height:210px; margin-top:28px; } #sportsdemo { background: url(/images/content/sports.jpg) no-repeat; margin-left:25px;} #studentdemo { background: url(/images/content/student.jpg) no-repeat;} #seniordemo { background: url(/images/content/senior.jpg) no-repeat;} #musicaldemo { background: url(/images/content/music.jpg) no-repeat;} .playbutton {width:61px; height:41px; background:url(/images/buttons/play.png) no-repeat; cursor:pointer; display:inline; float:right; margin-top:158px; margin-right:5px; } .playbutton:hover {background-position: 0 -40px;} #featuredtrav {float:right; height:77px; width:77px; background:url(/images/buttons/featured.png) no-repeat; display:inline; margin-top:5px; margin-right:5px; } #viewbtn {float:left; height:35px; width:127px; background:url(/images/buttons/view.png) no-repeat; display:inline; margin-top:180px; cursor:pointer;margin-left:4px;} #viewbtn:hover {background-position: 0 -35px;} #group {width:911px; height:134px; margin:0 auto; background:url(/images/content/group.png) no-repeat;} #gul {width:911px; height:134px; margin:0 auto; background:url(/images/content/gul.png) no-repeat;} #travallen {width:911px; height:134px; margin:0 auto; background:url(/images/content/travbar1.png) no-repeat;} #school {width:911px; height:134px; margin:0 auto; background:url(/images/content/schools.png) no-repeat;} .partnersimg { width:915px;margin-left:20px; } #companybtn {width:205px; height:40px; float:right; display:inline; cursor:pointer; background:url(/images/buttons/company.png) no-repeat; margin-top:80px; margin-right:20px;} #companybtn:hover {background-position:0 -40px;} #footercontain {width:990px; margin:0 auto; } #paypal { width:310px; height:210px; float:right; background:url(/images/layout/paypal.png) no-repeat;} #blackcontainerbox {width:926px; height:568px; background:url(/images/layout/blackboxi.png) no-repeat; margin:0 auto;}