body { font-size: 76%; line-height: 1.5em; font-family: tahoma, verdana, helvetica, sans-serif; background-color: #DFF1F5; margin: 0px; padding: 0px; color: #000000; text-align: center; } h2 { font-size: 1.3em; padding: 2px 0px 0px 6px; text-align: left; margin: 0px 0px 0px 0px; font-weight: 300; line-height: 1.2em; margin-bottom: -5px; } h3 { text-align: left; margin: 0 0 5px 0; } #wrapper { position: relative; height: 590px; width: 955px; margin-left: auto; margin-right: auto; text-align: left; background-image: url(../images/tile1.gif); background-repeat: repeat-y; } html>body #wrapper { min-height: 590px; height: auto; } #header { position: relative; width: 955px; height: 209px; top: 0px; left: 0px; } #hdimage1 { position: relative; float: left; width: 182px; height: 209px; background-image: url(../images/racepic1.jpg); background-repeat: no-repeat; display: inline; } #hdimage2 { position: relative; float: left; width: 442px; height: 209px; background-image: url(../images/weddingpic1.jpg); background-repeat: no-repeat; } #hdimage3 { position: relative; float: left; width: 331px; height: 209px; background-image: url(../images/musicpic1.jpg); background-repeat: no-repeat; } #nav { position: relative; height: 100%; width: 165px; padding: 0px 0px 0px 0px; top: -20px; float: left; display: inline; left: -20px; } #nav ul li { width: 100%; height: 17px; list-style-type: none; text-align: right; font-size: 1.2em; margin: 17px 0px 0px 0px; } html>body #nav ul li { min-height: 20px; height: auto; } #nav a { text-decoration: none; color: #000000; } /* This uses the unique id of each page ie to specify certain properties for specific pages */ #home #w_home a { color: #003798; } #corporate #w_corporate a { color: #003798; } #music #w_music a { color: #003798; } #webvideo #w_webvideo a { color: #003798; } #testimonials #w_testimonials a { color: #003798; } #othwedding #w_othwedding a { color: #003798; } #contact #w_contact a { color: #003798; } #nav ul li.unselected a:hover { color: #003798; font-size: 1.10em; } /* Contains the main copy for each page */ #maintext { margin: -10px 63px 0 34px; padding: 3px 0 0 0; position: relative; width: 400px; font-size: 1em; float: left; background-color: #FFFFFF; } html>body #maintext { min-height: 200px; height: auto; } #maintext p { margin: 7px 0 0 6px; font-size: 1.13em; color: #2E2A2B; padding: 0 10px 0 10px; } #testimonials #maintext p{ font-size: 1.5em;} #maintext h2 { padding: 0px 15px 5px 15px; } #corporate #maintext ul { display: block; font-style: italic; list-style-position: inside; padding: 0 0 0 0; } #webvideo #maintext li{ font-weight: bold; } #corporate html>body #maintext ul { min-height: 100px; height: auto; } #studioDiv{ width: 377px; margin: 15px 0 10px 13px; } #studioDiv p{ margin: 0; text-align: right; } #cameraDiv{ width:167px; margin: 0 40px 20px 0; float: left; } #cameraDiv p{ text-align: right; margin: 0; } #maintext .descriptionImg{ font-size: 0.8em; font-style: italic; } #studio { width: 377x; height: 251px; } #camera { width: 167px; height: 127px; } #dvd{ width: 83px; height: 158px; float:right; margin-right: 10px; } #corporate #maintext li { margin-bottom: 10px; } #maintext p.names { color: #56BAD3; } #maintext p.lastpara { margin-bottom: 30px; } #maintext p.firstpara { margin-bottom: 15px; } #maintext p.clearpara { clear:both; padding-top: 10px;} #maintext.raiseparagraph { top: -8px; } /* Redefine for standards compliant browsers to fix min-height */ #othwedding1 { width: 200px; height: 100px; float: left; display: inline; margin: 10px 0 0 0; } html>body #othwedding1 { min-height: 100px; height: auto; } #othwedding2 { width: 200px; height: 100px; float: left; margin: 10px 0 0 0; } html>body #othwedding2 { min-height: 100px; height: auto; } #rettotop { position: relative; width: 100px; height: 20px; float: right; text-align: right; margin: 30px 0 0 0; } html>body #rettotop { min-height: 20px; height: auto; } #videobar { position: relative; height: 540px; width: 270px; margin: 0 0 0 0; float: left; left: -3px; } #videoplayer { position: relative; height: 540px; width: 270px; } #videoplayer p{ color:red; font-weight: 800; } #detailcopy { position: relative; height: 200px; width: 270px; background-color: #BEE3EB; top: 20px; float: right; right: 27px; } html>body #detailcopy { min-height: 200px; height: auto; } #detailcopyhead { position: relative; width: 270px; height: 70px; background-color: #8DCEDB; } html>body #detailcopyhead { min-height: 70px; height: auto; } #detailcopy p { padding: 0px 20px 0px 20px; } #detailcopy p.lastpara { padding-bottom: 20px; } #detailcopyhead h2 { color: #FFFFFF; margin-bottom: 0px; padding: 10px 0 10px 0; text-align: center; } #copyrightbox{ position:relative; width:270px; height: 20px; float:right; text-align:right; margin: 10px 27px 0 0; top: 10px; font-size: 1.3em; } #footer { width: 955px; height: 70px; background-color: #DFF1F5; clear: both; z-index: 5; background-image: url(../images/base1.gif); background-repeat: no-repeat; background-position: 154px 0px; } #footer li { float: left; padding: 50px 10px 20px 10px; list-style-type: none; } #footer li a:link, #rettotop a:link { color: #0000FF; } #footer li a:visited, #rettotop a:visited { color: #0000FF; } #footer li a:hover { text-decoration: none; } #footer li a:active { color: #0000FF; } .boldphoneno { font-weight: 800; } #map { position: relative; width: 340px; height: 475px; margin-top:20px; } #nohover{ position:absolute; border: none; display: block; left: 85px; top: 200px; } #contactbox { right: 0px; position: absolute; top:10px; left: -40px; width: 170px; height: 200px; text-align: left; z-index: 10; } html>body #contactbox { min-height: 200px; height: auto; } #contactbox p { padding:0 0 0 0; margin: 0 0 20px 0; } #directionbox { position: relative; width: 170px; height: 400px; margin: 0 0 20px 6px; float: left; text-align: right; } #directionbox p { margin: 0px 0px 5px 0px; } html>body #directionbox { min-height: 55px; height: auto; } .required { margin: 10px 0 0 25px; } .venuebox { position: relative; width: 147px; height: 127px; float: left; display: inline; margin: 0 12px 0px 0; } .venuebox2 { position: relative; width: 205px; height: 163px; float: left; margin: 0 12px 0px 0; } .wedding3 { margin-bottom: 22px; } .wedding2 { float: right; display: inline; margin: 5px -10px 0 10px; } .asianwedding { float: right; display: inline; margin: 5px -20px 0 10px; } .partyimage{ margin-bottom: 20px;} .spacerimg { display: block; width: 400px; height: 9px; margin-right:auto; margin-left:auto; margin-top: 10px; margin-bottom: 10px; } .spacerimg2 { width: 208px; height: 20px; margin: -5px 0 -5px 13px; } #listbox { width: 100%; height:150px; float: none; margin-bottom: 10px; } html>body #listbox { min-height: 150px; height: auto; } .mapimage{ float:left; width:340px; height: 475px; } #fininfo{ float:left; clear:both; font-size:0.9em; color:#6B7475; width:955px; background-image: url(../images/botline.gif); margin-bottom:20px; } #fininfo p{ margin-top:0; margin-bottom:0; margin-left:52px; } #maintext p.it{ color:#05506E; } #cc{ position:absolute; left:52px; top:480px; } .addressimg{ margin-left:23px; margin-bottom:20px; }