@charset "utf-8"; /* CSS Document */ /* Begin Page Global Style */ *{ font-family: "Verdana"; font-size:12px;} html, body{padding:0; margin:0; background:#343434;color: #9c9c9c;} iframe, #include-from-outside{width:190px; height:160px; border:0; overflow:hidden;} div#container{margin:0 auto; width:1000px;} div#container h1{color:#666;margin:0;padding:0;font-size:22px;font-family:Helvetica; letter-spacing:6px;margin-top:10px;} div#container h2{margin:0;padding:0; font-size:14px;} div#container h3{margin:0;padding:0;} div#container p{margin:0;padding:0;text-align:justify; line-height:16px;} div#container p.news {margin-bottom:18px;} div#container form{margin:0;padding:0;} div#container strong{padding-top:8px; padding-bottom:8px;display:block;} div#container em{} div#container li{line-height:16px;} div#container a{color:#CCCCCC; text-decoration:none;} div#container a:hover{color:#0099FF;} div#container a:focus{color:#F30;} div#container img{border:none;} span.t{color:#F00;} span.tel{color:#fff;} div#container div#content .left{height:466px;width:730px; background: url('images/leftbg.png') no-repeat; padding:10px;} div#container.index div#content .left, div#container.about div#content .left{background: none;padding:0;} div#container div#content .left div#cont{float:left;padding-left:10px; width:350px; height:460px;} div#container.photography div#content .left div#cont,div#container.artwork div#content .left div#cont{width:440px;} div#container.privacy-statement div#content .left div#cont{height:462px;width:699px; overflow:auto; padding-right:16px;scrollbar-base-color:#333;} div#container.copyright div#content .left div#cont{height:462px;width:705px; overflow:auto; padding-right:16px;scrollbar-base-color:#333;} div#container.accessibility div#content .left div#cont{height:462px;width:705px; overflow:auto; padding-right:16px;scrollbar-base-color:#333;} div#container.indemnity div#content .left div#cont{height:462px;width:705px; overflow:auto; padding-right:16px;scrollbar-base-color:#333;} div#container.sports-cars div#content .left div#cont{height:300px;width:705px; overflow:auto; padding-right:16px;scrollbar-base-color:#333;} div#container.news div#content .left div#cont{height:462px;width:705px; overflow:auto; padding-right:16px;scrollbar-base-color:#333;} /* End Page Global Style */ /* Begin Header Style */ #header{padding-top:150px; background: url('images/header_bar.png') no-repeat;padding-bottom:22px;} #header h1{margin:0px !important; text-indent:-9999px; float:right; width:113px; height:49px; display:block;background-image: url('images/pagetitles.gif');background-repeat: no-repeat; position:relative; top:-10px;} #header h1.index{background-position: -0px -0px;} #header h1.about{background-position: -113px -0px;} #header h1.project{background-position: -226px -0px;} #header h1.artwork{background-position: -339px -0px;} #header h1.photography{background-position: -452px -0px;} #header h1.sports-cars{background-position: -565px -0px;} #header h1.image-sets{background-position: -678px -0px;} #header h1.news{background-position: -791px -0px;} #header h1.contact-us{background-position: -904px -0px;} #header h1.site-map{background-position: -1017px -0px;} #header h1.privacy-statement{background-position: -1130px -0px;} #header h1.accessibility{background-position: -1243px -0px;} #header h1.indemnity{background-position: -1356px -0px;} #header h1.copyright{background-position: -1469px -0px;} /* End Header Style */ /* Begin Navigation Style */ ul#navigation {display:inline;} ul#navigation ul{height:40px; display:block;} ul#navigation li{text-indent: -9999px; float:left; list-style:none;display:inline;} ul#navigation li a{height:40px; display:block;background-image: url('images/navigation.jpg');background-repeat: no-repeat;} ul#navigation li.home a{width:55px; background-position: -0px -0px;} ul#navigation li.home a:hover, ul#navigation li.home a:focus{width:55px; background-position: -0px -40px;} ul#navigation li.aboutus a{width:87px; background-position: -55px -0px;} ul#navigation li.aboutus a:hover, ul#navigation li.aboutus a:focus{width:87px; background-position: -55px -40px;} ul#navigation li.project a{width:103px; background-position: -142px -0px;} ul#navigation li.project a:hover, ul#navigation li.project a:focus{width:103px; background-position: -142px -40px;} ul#navigation li.artwork a{width:80px; background-position: -245px -0px;} ul#navigation li.artwork a:hover, ul#navigation li.artwork a:focus{width:80px; background-position: -245px -40px;} ul#navigation li.photography a{width:116px; background-position: -325px -0px;} ul#navigation li.photography a:hover, ul#navigation li.photography a:focus{width:116px; background-position: -325px -40px;} ul#navigation li.cars a{width:98px; background-position: -441px -0px;} ul#navigation li.cars a:hover, ul#navigation li.cars a:focus{width:98px; background-position: -441px -40px;} ul#navigation li.imagesets a{width:96px; background-position: -539px -0px;} ul#navigation li.imagesets a:hover, ul#navigation li.imagesets a:focus{width:96px; background-position: -539px -40px;} ul#navigation li.news a{width:59px; background-position: -635px -0px;} ul#navigation li.news a:hover, ul#navigation li.news a:focus{width:59px; background-position: -635px -40px;} ul#navigation li.contact a{width:81px; background-position: -694px -0px;} ul#navigation li.contact a:hover, ul#navigation li.contact a:focus{width:81px; background-position: -694px -40px;} /* End Navigation Style */ /* Begin Content Style */ div#content{clear:both; border: 1px dotted #000; margin-top:22px;height:485px;padding:5px 0px 4px 5px;} div#content .left {width:750px; float:left;} div#content .right {position:relative; right:5px;width:240px; float:right; background:#000;height:485px; background: url('images/sidebg.png') no-repeat;} div#content .right p{text-align:left;} div#content .right h2{margin-top:5px;margin-bottom:5px;padding-left:12px;} div#content .right img.top{margin:15px 15px 0 15px;} div#content .right div.news-scroll{width:195px; margin-left:6px; height:165px;background: url('images/scrollbox.png') no-repeat;padding:10px;padding-left:15px;} div#content .right form{margin-left:10px; line-height:16px; font-size:10px;} div#content .right form img{float:left;} div#content .right form label{font-size:10px;} div#content .right form input{border:1px solid #3D3D3D; background: #3D3D3D;padding:5px; color:#CCC;} div#content .right form input:hover{background: #656565;} div#content .right form input:focus{background: #656565;} div#content .right form input.btn{cursor:pointer; color:#CCCCCC; float:right; width:60px; height:69px;margin-right:15px;margin-top:-42px; background:#3c427c;} div#content .right form input.btn:hover{background:#3a3e65;} div#content .right form input.btn2{cursor:pointer; color:#CCCCCC; float:right; margin-right:10px; background:#5F2765;} div#content .right form input.btn2:hover{background:#481140;} /* End Content Style */ /* Begin About Us Page Styles */ div#container.about div#content .left ul{margin: 0;padding: 0; margin-top:6px; margin-left:6px;width:745px;} div#container.about div#content .left li{display:inline;margin: 0;padding: 0;float:left; width:245px; border-right:1px solid #666666;} div#container.about div#content .left li div.image{width:230px; height:170px; background: #666666; margin-left:10px;} div#container.about div#content .left li.first div.image{margin-left:0px;} div#container.about div#content .left li.first {width:240px;padding-right:1px;} div#container.about div#content .left li.middle {width:240px;padding-left:1px;padding-right:10px;} div#container.about div#content .left li.end{width:242px;padding-left:0px;border:none;} div#container.about div#content .left li h2{font-size:22px; margin-top:10px;} div#container.about div#content .left li h2,div#container.about div#content .left li p{padding-left:10px;} div#container.about div#content .left li p{text-align:justify;padding-right:10px;margin-top:10px; line-height:16px;height:190px;} div#container.about div#content .left li.first h2,div#container.about div#content .left li.first p{padding-left:0;} div#container.about div#content .left li img{margin-left:10px;} div#container.about div#content .left li img.f{margin-left:0px;} div#container.about div#content .left li ul{border:none; float:none;padding:0;margin:0; margin-top:20px;width:210px;} div#container.about div#content .left li ul li{margin-left:10px;padding-left:28px;border:none; float:none; display:list-item;line-height:22px; list-style:none;} div#container.about div#content .left li.first ul li{margin-left:0;} div#container.about div#content .left li ul li.tel{background: url('images/icons/telephone.png') no-repeat center left;} div#container.about div#content .left li ul li.web{background: url('images/icons/world_link.png') no-repeat center left;} /* End About Us Page Styles */ /* Begin The Project Page Styles */ div#container.project div#content .left div#text-float{text-indent:-9999px; top:10px; left:10px;position:relative; z-index:3; width:391px; height:385px; background:url('images/text.png');} div#container.project div#content .left div#image-float{top:-387px;right:-0px;float:right;width:502px; height:500px;position:relative; z-index:2; background:url('images/project_bg.jpg');} /* End The Project Page Styles */ /* Begin The Sports Cars Page Styles */ div#container.sports-cars div#content .left div#image-float{width:670px; height:229px; background: url('images/car.jpg'); float:right; position:relative; bottom:45px;} /* End the Sports Cars Page Styles */ /* Begin Photography Page Styles */ div#container.photography div#content .left div#image-float{width:277px; height:299px; background: url('images/camera.jpg'); float:right; position:relative; top:180px;right:-16px;} /* End Photography Page Styles */ /* Begin Artwork Page Styles */ div#container.artwork div#content .left div#image-float{width:241px; height:332px; background: url('images/lenon.jpg'); float:right; position:relative; top:150px;right:-7px;} /* End Artwork Page Styles */ /* Begin site-map Styles */ div#container.site-map div#content .left div ul{width:705px; list-style:none; padding:0;margin:0;text-align:center;margin-top:50px;} div#container.site-map div#content .left div ul ul{width:100px;float:left;margin: 50px 30px;} div#container.site-map div#content .left div ul ul.first{margin-left:62px;} div#container.site-map div#content .left div ul ul li{margin-top:13px;} /* End site-map Styles */ /* Begin Image Sets Page Styles */ div#container.image-sets div#content .left{width:745px;height:481px;padding: 6px 0px 0px 5px;} div#container.image-sets div#content .left.main{background: url('images/leftbg_image_sets.jpg') no-repeat;} div#container.image-sets div#content .left h2,div#container.image-sets div#content .left p{ text-align:justify; margin-left:350px; padding-right:20px;line-height:16px;} div#container.image-sets div#content .left h2{height:33px;text-indent:-9999px;background: url('images/titles/titles.gif');} div#container.image-sets div#content .left h2.one{margin-top:10px;width:134px; background-position: -6px 0px;} div#container.image-sets div#content .left h2.two{width:321px; background-position: -162px 0px;} div#container.image-sets div#content .left h2.three{width:352px; background-position: -506px 0px;} div#container.image-sets div#content .left p{margin-bottom:20px;} div#container.image-sets div#content .left div.galleria_wrapper{position:absolute; vertical-align:baseline;} div#container.image-sets div#content .left span.caption{overflow:hidden;line-height:62px;display:block; position:relative;background: #000;padding-left:22px;padding-right:22px;width:691px;height:0;} div#container.image-sets div#content .right h2{color:#69C;margin-left:5px;padding-top:10px;padding-bottom:0px;text-align:left;font-weight:normal;} div#container.image-sets div#content .right h3{margin-right:18px;margin-left:18px;padding-bottom:2px;text-align:left; font-size:11px;font-weight:normal;} div#container.image-sets div#content .right p{margin: 0px 18px;line-height:16px;text-align:justify;} div#container.image-sets div#content .right p a{display:block;padding-top:10px;color:#666;} div#container.image-sets div#content .right p a:hover{color:#fff;} div#container.image-sets div#content .right form{padding:10px;} div#container.image-sets div#content .right ul.menu{margin:0px;margin:28px 0px 15px 0px;height:220px;} div#container.image-sets div#content .right ul.menu img{float:left;margin:7px 15px 0px 7px;} div#container.image-sets div#content .right ul.menu li{line-height:26px;display:block;width:200px;height:54px;overflow:hidden;float:left;margin:0;background: url('images/imagesets.gif') no-repeat;} div#container.image-sets div#content .right ul{margin:0px;padding:15px 0px 15px 10px;height:205px; list-style:none;} div#container.image-sets div#content .right .galleria{list-style:none;} div#container.image-sets div#content .right .galleria li{display:block;width:54px;height:54px;overflow:hidden;float:left;margin:0;background: url('images/imagesets.gif') no-repeat;} div#container.image-sets div#content .right .galleria li a{display:none} div#container.image-sets div#content .right .galleria li div{position:absolute;display:none;top:0;left:0px} div#container.image-sets div#content .right .galleria li div img{cursor:pointer} div#container.image-sets div#content .right .galleria li.active div img,.galleria li.active div{display:block} div#container.image-sets div#content .right .galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto} div#container.image-sets div#content .right .galleria li .caption{display:block; position:relative; top:-22px; } * html .galleria li div span{width:400px} /* MSIE bug */ /* End Image Sets Page Styles */ /* Begin Contact Us Page Styles */ div#container.contact-us div#content .left div#image-float{width:278px; height:400px; background: url('images/notepad.jpg'); float:right; position:relative; top:-20px;right:-20px;padding-top:80px;padding-right:60px;padding-left:30px; color:#000;} div#container.contact-us div#content .left div#image-float form#contact-form textarea{width:270px;height:110px;} div#container.contact-us div#content .left div#image-float form#contact-form input{width:270px;} div#container.contact-us div#content .left div#image-float form#contact-form input.btn3{color:#CCC;height:25px;margin-right:2px;width:60px; float:right;margin-top:10px;border:1px solid #000;cursor:pointer;background:#3c427c;} div#container.contact-us div#content .left div#image-float form#contact-form input.btn3:hover{background:#3a3e65;} div#container.contact-us div#content .left div#image-float h2{margin-top:12px; text-indent:-9999px; background: url('images/titles/contact.gif') no-repeat;height:28px;} div#container.contact-us div#content .left div#image-float h2.fname{width:106px; background-position: 0px 0px;} div#container.contact-us div#content .left div#image-float h2.subject{width:87px;background-position: -115px 0px;} div#container.contact-us div#content .left div#image-float h2.message{width:96px;background-position: -200px 0px;} div#container.contact-us div#content .left div#image-float h2.email{width:56px;background-position: -298px 0px;} /* End Contact Us Page Styles */ /* Begin Footer Style */ div#footer {padding-top:0px; font-size:11px;} div#footer .top{border-bottom:1px dotted #5d5d5d;padding-bottom:8px;padding-left:10px;margin-bottom:8px;height:10px;} div#footer .top span{display:inline; position:relative; top:2px; font-size:10px;} div#footer .top span.w{color:#fff} div#footer ul, div#footer li {display: inline;margin: 0;padding: 0;} div#footer li{padding-left:22px; padding-right:15px; margin-right:10px;border-right: 1px solid #0099CC;} div#footer li a:hover{color:#0099FF;} div#footer li.sitemap{background: url('images/icons/sitemap.png') no-repeat;} div#footer li.sponsored{border:0;background: url('images/icons/flag_red.png') no-repeat;} div#footer li.accessibility{background: url('images/icons/magnifier.png') no-repeat;} div#footer li.indemnity{background: url('images/icons/information.png') no-repeat;} div#footer li.copyright{background: url('images/icons/lightbulb.png') no-repeat;} div#footer li.privacy{background: url('images/icons/lock.png') no-repeat;} div#footer a.simon{position:relative; left:-70px;top:-18px;display:block; float:right;height:40px; width:136px; background-image: url('images/simonlogosplice.png');background-repeat: no-repeat; } div#footer a.simon:hover{background-position: -0px -40px;}