body{border: 0px; padding:0px; margin:0px; background:url(images/bk.jpg) 0 0 repeat-x #BBC7CB; color:#FFF; font:14px/18px Arial, Helvetica, sans-serif;} ul{list-style-type:none;} div, p, ul, h1, h2, h3, form, img{padding:0px; margin:0px; border:none;} *:focus {border: 0; outline:0 none;} a {font-size:12px; color:#000; text-decoration:none;} a:hover {color:#FF6600;} hr{height:1px; line-height:1px; border:0; border:none; border-bottom:1px solid #EEE;} .clearAll{clear:both; display:block; height:0; visibility:hidden; line-height:0; font-size:0;} div.topRankBox{height:40px; background-color:#FFF; background-image:url(images/main_back.png); background-position:top center; text-align:center;} div.topRankBox a{width:250px; height:20px; padding-top:10px; display:block; margin:0 auto; font-size:13px; font-weight:bold; color:#000;} div.topRankBox a:hover{color:#F60;} div.topRankBox a span{text-decoration:blink;} /* ---------------------------------------------------------------------------------------------------------------------------------------- */ /* start minitop */ ul.publicProfiles {width:800px; margin:0 auto;} ul.publicProfiles li {width:10%; float:left; text-align:center} ul.publicProfiles li a {width:25px; height:25px; display:block; overflow:hidden; line-height:25px; text-indent:25px; margin:0 auto;} /* end minitop */ /* ---------------------------------------------------------------------------------------------------------------------------------------- */ /* ### START Header ### */ #HeaderText{display:block; width:41px; height:41px; position:absolute; top:120px; right:205px; background:url(images/mouse.jpg) 0px 0px no-repeat;} #header{display:block; width:800px; height:339px; position:relative; margin:0 auto; background:url(images/header_bk.jpg) 0 0 repeat-x;} #HeaderImage{display:block; width:510px; height:339px; position:absolute; top:0px; left:15px; background:url(images/latent_design_object.jpg) 0px 0px no-repeat;} #HeaderLeft{display:block; width:15px; height:339px; position:absolute; top:0px; left:0px; background:url(images/layout_bk1.jpg) 0px 0px no-repeat;} #HeaderRight{display:block; width:15px; height:339px; position:absolute; top:0px; right:0px; background:url(images/layout_bk2.jpg) 0px 0px no-repeat;} #HeaderLogo{display:block; width:231px; height:73px; position:absolute; top:0px; right:15px;} #xhtmlready a{display:block; position:absolute; top:130px; right:25px; text-align:right; font-size:20px; font-weight: bold; color:#BBC7CB; text-decoration: none;} #HeaderSeparator{display:block; width:29px; height:180px; position:absolute; top:129px; left:525px; background:url(images/menu_separator.jpg) 0px 0px no-repeat;} /* ### END Header ### */ #BelowHeader1Portfolio{display:block; width:770px; height:37px; margin:0 auto; background:url(images/title_portfolio.jpg) 0px 0px no-repeat;} #BelowHeader2Portfolio{display:block; width:770px; height:19px; margin:0 auto; background:url(images/title_portfolio_below.jpg) 0px 0px no-repeat;} #BelowHeader1Cms{display:block; width:770px; height:37px; margin:0 auto; background:url(images/title_custom_CMS.jpg) 0px 0px no-repeat;} #BelowHeader2Cms{display:block; width:770px; height:19px; margin:0 auto; background:url(images/title_custom_CMS_below.jpg) 0px 0px no-repeat;} #BelowHeader1Eco{display:block; width:770px; height:37px; margin:0 auto; background:url(images/title_custom_eCommerce.jpg) 0px 0px no-repeat;} #BelowHeader2Eco{display:block; width:770px; height:19px; margin:0 auto; background:url(images/title_custom_eCommerce_below.jpg) 0px 0px no-repeat;} #BelowHeader1Con{display:block; width:770px; height:37px; margin:0 auto; background:url(images/title_contact.jpg) 0px 0px no-repeat;} #BelowHeader2Con{display:block; width:770px; height:19px; margin:0 auto; background:url(images/title_contact_below.jpg) 0px 0px no-repeat;} #BelowHeader1Lin{display:block; width:770px; height:37px; margin:0 auto; background:url(images/title_links.jpg) 0px 0px no-repeat;} #BelowHeader2Lin{display:block; width:770px; height:19px; margin:0 auto; background:url(images/title_links_below.jpg) 0px 0px no-repeat;} #BelowHeader1Dow{display:block; width:770px; height:37px; margin:0 auto; background:url(images/title_downloads.jpg) 0px 0px no-repeat;} #BelowHeader2Dow{display:block; width:770px; height:19px; margin:0 auto; background:url(images/title_downloads_below.jpg) 0px 0px no-repeat;} #DownloadBubles a{display:block; position:relative; top:-5px; left:520px; width:165px; height:45px; margin: 0; background-image: url(images/bubles.png); background-repeat: no-repeat;} #DownloadBubles a:hover{background-image: url(images/bubles_over.png);} #Contents{display:block; width:770px; height:450px; position:relative; margin:0 auto;} #LinksContents{display:block; width:770px; position:relative; margin:0 auto;} .ContentsTable{display:block; width:230px; height:440px; float:left;} .ContentsSpaced{display:block; width:40px; height:440px; float:left;} .ContentsTable ul li.ContentsTop{display:block; width:230px; height:40px; position:relative; top:0px; left:0px;} .ContentsTable ul li.ContentsImg{display:block; width:220px; height:355px; position:absolute; top:50px; left:auto; border: 2px solid #FFFFFF; padding: 3px;} .ContentsTable ul li.ContentsImg:hover{border: 2px solid #D7F5FF; background-color: #80888B;} .ContentsTable ul li.ContentsImg ul li.img{display:block; width:108px; height:70px; position:absolute; background-color: #80888B;} .ContentsTable ul li.ContentsImg ul li.img a{display:block; position:absolute; top:7px; left:6px;} .ContentsTable ul li.ContentsImg ul li.Sell{display:block; position:absolute;} .ContentsTable ul li.ContentsImg ul li.Sell a{display:block; border: 1px solid #80888B;} .ContentsTable ul li.ContentsImg ul li.Sell a:hover{display:block; border: 1px solid #FFFFFF;} /* ### START Contents Wide ### */ #ContentsTableWide{display:block; width:500px; height:440px; float:left;} #ContentsTableWide ul li.ContentsTopWide{display:block; width:100%; height:40px; position:relative; top:0px; left:0px;} #ContentsTableWide ul li.ContentsTxt{display:block; width:500px; height:365px; position:absolute; top:50px; left:auto;} #ContentsTableWide ul li.ContentsTxt ul{display:block; position:absolute; font-size: 11px; color:#232D32;} #ContentsTableWide ul li.ContentsTxt ul li.ContentsTopWide{display:block; position:absolute; top:140px; left:auto;} #ContentsTableWide ul li.ContentsTxt ul li.ContentsTxt1{display:block; width:250px; height:175px; position:absolute; top:190px; left:auto;} #ContentsTableWide ul li.ContentsTxt ul li.ContentsTxt2{display:block; width:250px; height:175px; position:absolute; top:190px; left:250px;} #ContentsTableWide ul li.ContentsTxt ul li.ContentsTxt2 ul li{display:block; width:125px; height:90px; float:left;} #ContentsTableWide ul li.ContentsTxt ul li.ContentsTxtForm{display:block; width:500px; height:175px; position:absolute; top:190px; left:auto;} #ContentsTableWide ul li.ContentsTxt ul li.ContentsTxtForm ul li.Left{display:block; width:250px; height:175px; float:left;} #ContentsTableWide ul li.ContentsTxt ul li.ContentsTxtForm ul li.Left ul li{font-weight: bold; color: #FF6600;} #ContentsTableWide ul li.ContentsTxt ul li.ContentsTxtForm ul li.Right ul li{color: #993300;} #ContentsTableWide ul li.ContentsTxt ul li.ContentsTxtForm ul li.Right ul li ol{height:75px;} #ContentsTableWide ul li.ContentsTxt ul li.ContentsTxtForm ul li.Right ul li ol li{height:13px; color: #FFF;} #ContentsTableWide ul li.ContentsTxt ul li.ContentsTxtForm ul li.Right{display:block; width:220px; height:170px; float:right; background-color: #A4B0B4; border: 1px solid #DDD; padding-left: 20px; padding-top: 5px;} #ContentsTableWide ul li.ContentsTxt ul li.ContentsTxtForm ul li.Right:hover{border: 1px solid #FFF;} /* ### END Contents Wide ### */ #ContentsTableWidest{display:block; width:100%;} /* ### START Anouncement ### */ .BelowSpace{display:block; width:770px; height:20px; position:relative; margin:0 auto;} #BelowAll a{display:block; width:770px; height:33px; position:relative; margin:0 auto; background:url(images/cms_or_ecommerce.jpg) 0px 0px no-repeat;} #BelowAll a:hover{display:block; width:770px; height:33px; position:relative; margin:0 auto; background:url(images/cms_or_ecommerce_over.jpg) 0px 0px no-repeat;} /* ### END Anouncement ### */ /* ### START Contact ### */ input{font-size:12px; color:#555; background-color: #EBEBEB; overflow:hidden; border: 1px solid #666666; height:17px; width:215px;} input:hover,textarea:hover,input:focus,textarea:focus{border: 1px solid #FFF;} .submit{color:#FFC896; background-color: #333333; overflow:hidden; border: 1px solid #666666; height:20px; width:200px; font-weight: bolder;} .select{color:#232D32; font-size:10px; width:200px; font-weight: bold;} textarea{color:#555; padding: 1px; background-color: #E1E1E1; border: 1px solid #666666; height:75px; width:215px;} /* ### START Contact ### */ /* ### START Footer ### */ html {height: 101%; background-color: #232D32; background-image: url(images/bk_footer.jpg);} #Footer{display:block; width:100%; position:relative; margin:0 auto; border-top: 2px solid #FFFFFF;} #footer_wrap{width: 770px; margin: 0px auto;} #FooterInner{font-size:10px; color: #969696; display:block; width:720px; background-color: #232D32; position:absolute; left:auto; top:65px; border: 1px solid #646464; padding: 3px 25px 3px 25px;} #FooterInnerLeft{width:400px; float:left; margin:0 auto;} #FooterInnerLeft a{font-size:10px; color: #CCCCCC; text-decoration: none; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #FF6600; border-left-color: #FF6600; padding: 0px 5px 0px 5px;} #FooterInnerRight{width:210px; float:right; margin:0 auto; text-align: center;} #FooterInnerRight a{color: #BBB; text-decoration: none;} #FooterInnerRightBk{width:100%; height:25px; float:right; background-image: url(images/bk_footer.jpg); margin:0 auto;} #FooterInnerRightBk a{width:100%; height:25px; float:right; margin:0;} #FooterInnerLeft a:hover{color: #FF6600; text-decoration: none;} #FooterSpaced{display:block; width:720px; height:110px; clear:both; position:absolute; top:25px; margin: 0 25px 0 25px;} #FooterSpaced p.FooterSpacedBox1{float:right;} #FooterSpaced p.FooterSpacedBox2{float:left;} #FooterSpaced p.FooterSpacedBox2 a{font-size: 19px; font-weight: bold; color: #999999; text-decoration: none; letter-spacing: 3px;} #FooterSpaced p.FooterSpacedBox2 a:hover{color: #FF6600;} a.bottomlink{font-size:10px;} /* ### END Footer ### */ /* ### START Menu ### */ #HeaderMenuPortfolio{width:198px; position:absolute; top:175px; right:30px;} #HeaderMenuPortfolio ul li.MenuPortfolio a{width:198px; height:33px; display:block; background:url(images/button_portfolio.jpg) 0 0 no-repeat; text-indent:-100%;} #HeaderMenuPortfolio ul li.MenuPortfolio a:hover{width:198px; height:33px; background:url(images/button_portfolio_over.jpg) 0 0 no-repeat;} #HeaderMenuPortfolio ul li.MenuCustomCMS a{width:198px; height:33px; display:block; background:url(images/button_custom_CMS.jpg) 0 0 no-repeat; text-indent:-100%;} #HeaderMenuPortfolio ul li.MenuCustomCMS a:hover{width:198px; height:33px; background:url(images/button_custom_CMS_over.jpg) 0 0 no-repeat;} #HeaderMenuPortfolio ul li.MenuCustomEcommerce a{width:198px; height:33px; display:block; background:url(images/button_custom_eCommerce.jpg) 0 0 no-repeat; text-indent:-100%;} #HeaderMenuPortfolio ul li.MenuCustomEcommerce a:hover{width:198px; height:33px; background:url(images/button_custom_eCommerce_over.jpg) 0 0 no-repeat;} #HeaderMenuPortfolio ul li.MenuContact a{width:198px; height:33px; display:block; background:url(images/button_contact.jpg) 0 0 no-repeat; text-indent:-100%;} #HeaderMenuPortfolio ul li.MenuContact a:hover{width:198px; height:33px; background:url(images/button_contact_over.jpg) 0 0 no-repeat;} /* ### END Menu ### */ /* ### START html+txt Display ### */ .regulartext{font-size: 11px; color: #006699; text-decoration: none; padding: 10px;} .regulartext li.content_title{list-style-type:disc; list-style-position: outside;} .regulartext li{list-style-type:disc; list-style-position: inside;} .content_title{font-size: 11px; font-weight: bolder; color: #FF6600;} .bulltext{font-size: 12px; color: #FF6600;} .latentzoom-html {background-color: white;} .latentzoom-html-blur {} .latentzoom-html-content {width: 400px; position: absolute; display: none;} .latentzoom-title-content {width: 400px; position: absolute; display: none;} .control {float: right; display: block;/*position: relative;*/ margin: 0 5px; font-weight: bold; text-decoration: none; color: #999;} .control:hover {color: black !important;} /* ### END html+txt Display ### */ /* ### START Image Display ### */ .latentzoom {cursor: url(latentzoom/graphics/zoomin.cur), pointer; outline:none;} .latentzoom img {border: 2px solid #515A5E;} .latentzoom:hover img {border: 2px solid white;} .latentzoom-image {border: 2px solid white;} .latentzoom-image-blur {} .latentzoom-caption {display: none; border: 2px solid white; border-top: none; font-size: 10pt; padding: 5px; background-color: white; text-align: left; color: #666666;} .latentzoom-display-block {display: block;} .latentzoom-display-none {display: none;} .latentzoom-loading {display: block; color: white; font-size: 9px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 3px; border-top: 1px solid white; border-bottom: 1px solid white; background-color: black; padding-left: 22px; background-image: url(latentzoom/graphics/loader.gif); background-repeat: no-repeat; background-position: 3px 1px;} .latentzoom-move {cursor: move;} /* ### End Image Display ### */ /* ### Start Link Submission ### */ .ShowTitle {width: 100%; font-size: 12px; border-top: dotted 1px #FFFFFF; border-bottom: dotted 1px #FFFFFF; background-color: #9BA5AF; background-image: url(images/bk.jpg); background-repeat: no-repeat; background-position: left -128px; margin: 10px 0 0 0;} .ShowTitle b {padding: 0 10px 0 10px;} .LinkSubmit {background-color:#CCD6D8; padding: 10px 0 10px 0; margin: 0; border-bottom: dotted 1px #FFF; color: #666666; font-size: 11px; font-weight: bold;} li.LinkSubmited {background-color:#CCD6D8; padding: 5px; margin: 0; border-bottom: dotted 1px #FFF; color: #666666; font-size: 11px; list-style-type: none;} li.LinkSubmited a{font-weight: bold; color: #FF9900; display:block; height: 12px; text-decoration: none;} .LinkSubmit textarea {width: 365px; height: 98px;} .LinkSubmit input[type="submit"] {width:765px; height: 25px; font-size: 13px; font-weight: bolder; color: #FF6600; background:#FFF;} /* ### Start Link Submission ### */ div.movieTubeWrap {background-color:#000; padding:25px; border-top:5px solid #FFF;} div.movieTube {width:770px; margin:0 auto;} h3.movieTitle {line-height:30px; font-size:18px; font-weight:normal; border-bottom:1px dotted #F90; margin:0 0 15px 0;} h3.movieTitle span { font-size:12px; font-weight:bold; color:#999;} div.oneMovie {width:640px; height:505px; display:block; overflow:hidden; margin:0 auto; font-size:10px;} div.movieTube object{ /* You can set it custom */ }