BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #ffffff; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff } A { TEXT-DECORATION: none; COLOR: #2c4884; } A:hover { COLOR: #FF8400; TEXT-DECORATION: none } #wrap { BACKGROUND-IMAGE: url(images/wrap_bg.gif); MARGIN-LEFT: auto; WIDTH: 722px; MARGIN-RIGHT: auto; PADDING-TOP: 0px; POSITION: relative; top: -18px; } #cubes { position:absolute; left:375px; top:280px; } #vision { position:absolute; left:159px; top:277px; width:80px; height:26px; z-index:1; } html>body #vision { /* this (html>body) is called a child selector. Meaning that tag is a "child" of the tag or that the body tag is inside of the html tag. IE dosent support this yet so we can target all other browsers (firefox, opera, safari) */ background-image: url(images/Contactus.png); } * html #vision {/* for IE. This is invalid css. It should not really work, but IE will read it anyways, were as all other browsers will ignore it. */ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/Contactus.png', sizingMethod='crop'); } #leftCONTENT { position:absolute; left:165px; top:293px; width:544px; height:256px; z-index:1 } #lineUP { position:absolute; left:152px; top:267px; width:1px; height:300px; z-index:1 } html>body #lineUP { /* this (html>body) is called a child selector. Meaning that tag is a "child" of the tag or that the body tag is inside of the html tag. IE dosent support this yet so we can target all other browsers (firefox, opera, safari) */ background-image: url(images/PORTFOLIOgreyLINE.png); } * html #lineUP {/* for IE. This is invalid css. It should not really work, but IE will read it anyways, were as all other browsers will ignore it. */ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/PORTFOLIOgreyLINE.png', sizingMethod='crop'); } #lineUP2 { position:absolute; left:336px; top:267px; width:1px; height:300px; z-index:1 } html>body #lineUP2 { /* this (html>body) is called a child selector. Meaning that tag is a "child" of the tag or that the body tag is inside of the html tag. IE dosent support this yet so we can target all other browsers (firefox, opera, safari) */ background-image: url(images/PORTFOLIOgreyLINE.png); } * html #lineUP2 {/* for IE. This is invalid css. It should not really work, but IE will read it anyways, were as all other browsers will ignore it. */ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/PORTFOLIOgreyLINE.png', sizingMethod='crop'); } #lineHORIZ { position:absolute; left:3px; top:485px; width:707px; height:6px; z-index:1 } html>body #lineHORIZ { /* this (html>body) is called a child selector. Meaning that tag is a "child" of the tag or that the body tag is inside of the html tag. IE dosent support this yet so we can target all other browsers (firefox, opera, safari) */ background-image: url(images/lineHORIZ.png); } * html #lineHORIZ {/* for IE. This is invalid css. It should not really work, but IE will read it anyways, were as all other browsers will ignore it. */ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/lineHORIZ.png', sizingMethod='crop'); } #newspressreleases { position:absolute; left:392px; top:272px; width:177px; height:26px; z-index:1 } html>body #newspressreleases { /* this (html>body) is called a child selector. Meaning that tag is a "child" of the tag or that the body tag is inside of the html tag. IE dosent support this yet so we can target all other browsers (firefox, opera, safari) */ background-image: url(images/newspressreleases.png); } * html #newspressreleases {/* for IE. This is invalid css. It should not really work, but IE will read it anyways, were as all other browsers will ignore it. */ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/newspressreleases.png', sizingMethod='crop'); } #leftTEXTcontact { position:absolute; left:3px; top:306px; width:119px; height:100px; z-index:1; FONT-FAMILY: Arial, Helvetica, sans-serif; font-size: 11px; } #contact { position:absolute; left:159px; top:280px; width:119px; height:100px; z-index:1; FONT-FAMILY: Arial, Helvetica, sans-serif; font-size: 10px; } #feature { position:absolute; left:-402px; top:189px; width:709px; height:60px; z-index:1 } #nav LI { FONT-SIZE: 10px; MARGIN: 0px; TEXT-TRANSFORM: uppercase; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; LIST-STYLE-TYPE: none; LETTER-SPACING: 0.05em } #content { PADDING-LEFT: 5px; FONT-SIZE: 11px; Z-INDEX: 5000; MIN-HEIGHT: 250px; LEFT: 176px; WIDTH: 574px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; POSITION: relative; HEIGHT: 250px } #content P { WORD-SPACING: 0.1em; LINE-HEIGHT: 1.4em; LETTER-SPACING: 0.08em } #content .welcome { PADDING-RIGHT: 0px; BACKGROUND-POSITION: 15px 20px; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(images/h2_bg.gif); PADDING-BOTTOM: 0px; MARGIN: 0px 5px 0px 8px; WIDTH: auto; TEXT-INDENT: -10000px; PADDING-TOP: 0px; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-REPEAT: no-repeat; HEIGHT: 35px } UNKNOWN { BACKGROUND-IMAGE: url(images/content_bg.png); BACKGROUND-REPEAT: repeat } HTML #home #content { FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/content_bg.png', sizingMethod='scale') } #subpages #content { BACKGROUND-COLOR: #ffffff } #footer { CLEAR: both; FONT-SIZE: 12px; Z-INDEX: 5500; BACKGROUND-IMAGE: url(images/footer_bg.gif); BACKGROUND-REPEAT: no-repeat; POSITION: relative; HEIGHT: 109px } #footer P { POSITION: absolute } #footer ADDRESS { POSITION: absolute } #footer P { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; LEFT: 15px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TOP: 35px } #footer ADDRESS { LEFT: 460px; WIDTH: 295px; FONT-STYLE: normal; TOP: 25px } #footer ADDRESS STRONG { DISPLAY: block; FONT-SIZE: 14px } .build A { DISPLAY: block; FONT-WEIGHT: bold; Z-INDEX: 30000; LEFT: 200px; BACKGROUND-IMAGE: url(images/build_bg.gif); MARGIN: 2px; WIDTH: 317px; COLOR: #ffffff; LINE-HEIGHT: 100px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; TOP: 3px; HEIGHT: 124px; TEXT-DECORATION: none } .build { MARGIN-TOP: 15px; FONT-SIZE: 11px; Z-INDEX: 10000; LEFT: 105px; WIDTH: 345px; POSITION: relative; HEIGHT: 121px } .home { Z-INDEX: 5000; MARGIN-LEFT: auto; WIDTH: 750px; MARGIN-RIGHT: auto; POSITION: relative } .home UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 676px; PADDING-TOP: 0px; POSITION: relative; HEIGHT: 40px } .home LI { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 225px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute; HEIGHT: 40px } .home LI A { DISPLAY: block; WIDTH: 100%; TEXT-INDENT: -10000px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 100%; TEXT-DECORATION: none } .home .military A { BACKGROUND-IMAGE: url(images/index_military.gif) } .home .warranty { LEFT: 225px } .home .warranty A { BACKGROUND-IMAGE: url(images/index_warranty.gif) } .home .calanders { LEFT: 450px } .home .calanders A { BACKGROUND-IMAGE: url(images/index_calendars.gif) } .lot { MARGIN: 5px } .home OBJECT { DISPLAY: block; MARGIN-LEFT: auto; MARGIN-RIGHT: auto } .right { FLOAT: right } .left { FLOAT: left }