/* Document : oranos Created on : May 27, 2009, 7:37:02 PM Author : Chris Description: main stylesheet for oranos website */ #comingsoon{margin-left: 95px;} body{color: #FFFFFF; background: #000000 url(../images/siteimages/bgspacei.jpg) repeat-x scroll top left; font-family: Arial, sans-serif; } #bodydiv{background: transparent url(../images/siteimages/bgplanet.jpg) no-repeat scroll center center; color: #FFFFFF} A:visited{color: #FFFFFF;} A:active{} A:hover{text-decoration: underline;} A:link{color: #FFFFFF;} #maincontainer{float: left; width: 992px; height: 100%; margin-left: 14px;} #leftsidecontainer{ float: left; margin-left: -35px; width: 50px; height: 100%; background: transparent url(../images/siteimages/sidegrooves.png) scroll top left; } #rightsidecontainer{float: right; margin-right: -39px; width: 50px; height: 100%; background: transparent url(../images/siteimages/sidegroovesright.png) scroll top right;} #container{width: 992px; height: 1110px; margin-left: auto; margin-right: auto; background-color: #000000; } /*HEADER STYLES*/ #header{ float: left; margin-left: 35px; width: 992px; } #homeheader{margin-left: 25px; width: 992px; height: 180px; background: transparent url(../images/siteimages/topbgslice.jpg) scroll top center;} #headerdiv{float: left; width: 992px;} #headerplanet{width: 992px; height: 180px; background: transparent url(../images/siteimages/headerplanet.jpg) no-repeat scroll 48.5% 100%; } #headerplanet2{width: 992px; height: 180px; background: transparent url(../images/siteimages/headerplanet2.jpg) no-repeat scroll 48% 100%; } #grungelogo{width: 259px; height: 189px; position: relative; left: -110px; top: 5px; background: transparent url(../images/siteimages/grunge.png) no-repeat scroll top left;} #titlebar{display: block; width: 992px; height: 74px; } #titlebar img{width: 992px;} a{text-decoration: none;} a:hover{text-decoration: underline; color: #FFFFFF;} li{padding: 0; margin: 0;} ul{padding: 0; margin: 0;} p{padding: 0; margin: 0;} h1{font-size: 20px; } .clearer{clear: both;} /*BODY SECTION*/ #bgsuntop{height: 199px; margin-left: 44px; background: transparent url(../images/siteimages/bgsun1.jpg) no-repeat scroll bottom center;} #bgsuntwo{width: 992px; height: 143px; margin-left: 23px; background: transparent url(../images/siteimages/bgsun2.jpg) no-repeat scroll bottom center;} #bgsunthree{width: 992px; height: 140px; margin-left: 27px; background: transparent url(../images/siteimages/bgskinnyslice.jpg) repeat scroll bottom center;} #bgsunfour{width: 992px; height: 165px; margin-left: 26px; background: transparent url(../images/siteimages/bglowercurve.jpg) no-repeat scroll bottom center; text-align: center; color: #cccc00;} #missionstatement{background-image: url(../images/siteimages/headershade.png); font-size:16px;} #missionwrapper{ padding-top:82px; text-align:center;} #lowerbg{ float: left; margin-left: 26px; width: 992px; background: transparent url(../images/siteimages/lowerbgslice.jpg) scroll top center;} .planetpic{width: 390px; height: 391px; margin-left: 300px; background: transparent url(../images/siteimages/planetplain.png) no-repeat scroll top center; overflow: visible; position: relative; } #planetglow{width: 390px; height: 391px; background: transparent url(../images/siteimages/glow.png) no-repeat scroll top center;} /*continent rollovers*/ #northcontdiv{width: 187px; height: 107px; padding-left: 88px; padding-top: 14px;} #eastdiv{float: left; width: 88px; height: 87px; margin-left:63px; margin-top:-20px;} #centraldiv{float: left; width: 220px; height: 100px; padding-left: 74px; padding-top: 20px;} #westdiv{float: left; width: 174px; height: 104px; margin-left:48px; margin-top:-4px;} #ourteam{background: transparent url(../images/siteimages/popuheader.png) no-repeat scroll left top; position: relative; left: 520px; top: -375px; width: 330px; color: white; font-size: 18px; text-align: left;} #contactus{background: transparent url(../images/siteimages/popuheaderrev.png) no-repeat scroll left top; position: relative; left: 140px; top: -270px; width: 330px; color: white; font-size: 16px; text-align: right;} #secondstep{background: transparent url(../images/siteimages/popuheaderrev.png) no-repeat scroll left top; position: relative; left: 70px; top: -160px; width: 330px; color: white; font-size: 18px; text-align: right;} #portfolio{background: transparent url(../images/siteimages/popuheader.png) no-repeat scroll left top; position: relative; left: 630px; top: -160px; width: 330px; color: white; font-size: 18px; text-align: left; padding-top: 5px;} .popuptitle{ height: 51px; padding-left: 35px; padding-top: 20px; text-align: left;} .popuptitle a{margin-top: 5px;} .popuptitleright{ height: 51px; padding-right: 35px; padding-top: 20px; text-align: right;} .ourteamcontent{text-align: left; display: block; padding-right: 40px;} .ourteamcontentright{text-align: right; display: block; padding-right: 40px; padding-top: 5px;} #chris{margin: 10px; display:block;} #wes{margin: 10px; display:block; padding-top: 10px;} #don{margin: 10px; display:block;} .popupcontent{background-image: url(../images/siteimages/headershade.png); display: block; width: 283px; margin-left: 14px; margin-top: 12px; text-align: center;} #secondstepcontent{padding-top: 10px; display: block;} #oranosaddress{display: block; padding-top: 10px; } #leftplanet{width: 132px; height: 128px; background: transparent url(../images/siteimages/planetleft.jpg) no-repeat scroll center center; position: relative; left: 50px; top: 150px;} #rightplanet{width: 153px; height: 145px; background: transparent url(../images/siteimages/planetright.jpg) no-repeat scroll center center; position: relative; left: 800px; top: 150px;} #rightplanet2{width: 71px; height: 68px; background: transparent url(../images/siteimages/planetright2.jpg) no-repeat scroll center center; position: relative; left: 700px; top: -100px;} /*end home page styles*/ /*Footer Section*/ #footer{ height: 38px; margin-left: 38px;} #footerdivhome{width: 992px; margin-left: 26px; height: 300px; background: transparent url(../images/siteimages/lowerbgslice.jpg) repeat scroll center center;} #footerdiv{width: 992px; margin-left: 26px; } #footerbar{height: 38px; text-align: center; color: #FFFFFF; background: transparent url(../images/siteimages/footer.png) no-repeat scroll 27% 50%;} #footertext{margin-right: 80px;} .footeritem{display: inline; margin-left: 40px;} .footeritem a{font-size: 14px;} #footeritem3{margin-left: 15px;} /*Our Team Page*/ #ourteambody{height:700px; margin-left:22px; width:992px; font-size: 18px; line-height: 1.8; background: transparent url('../images/siteimages/theboys.jpg') no-repeat scroll center center;} #leftcol{float:left; margin-left:22px; width:244px;} #rightcol{float:left; margin-left:450px; width:244px;} /*our team page end*/ /*Contact Page*/ #contacttimes{float: left; margin-left: 50px;} #bestTime{display: block; float: left;} #contactleft{float: left; width: 358px; height: 699px; background: transparent url('../images/siteimages/contactleft.jpg') no-repeat scroll center left;} #contactleft img{left:300px; position:relative; top:620px;} #contactcontent{} #contactright{float: left; width: 599px; height: 231px;} #contacttext{text-align: left; font-size: 18px; padding-top:50px; text-align:left; float: left;} #contactright img{margin-left: 130px; } #secondsteptext{text-align: left; font-size: 15px; padding-top:5px; text-align:left; float: left;} #contactusdiv{float: left; width: 591px; height: 381px; background: transparent url('../images/siteimages/contactgrey.jpg') no-repeat scroll center left;} #contact_form{float: left; padding-left: 25px; padding-top: 3px; color: #FFFFFF;} #contact_name, #contact_email, #contact_phone{background-color: #000000; color: #FFFFFF;} #contact_message{background-color: #000000; color: #FFFFFF; font-size: 16px; font-weight: bold;} .comments{} #easybutton{float:left; font-size:18px; font-weight:bold; margin-left:-30px; margin-top:10px;} /* End */ /*secondstep page*/ #easybutton{float:left; font-size:18px; font-weight:bold; margin-left:50px; margin-top:20px;} #buttontext{float: left; margin-top: 27px; padding-left: 8px;} /*end*/ #oranosnames{background-image: url(../images/siteimages/headershade.png); display: block; width: 283px; margin-left: 31px; margin-top: 12px; text-align: center;} #portfoliodiv{background-image: url(../images/siteimages/headershade.png); display: block; width: 283px; margin-left: 31px; margin-top: 12px; text-align: center;}