/* Rhodelander Graphic Design • www.rhodelander.com */ /* Coded by Amy Rhodelander, Owner */ /* Type Attributes */ a:link { color: #000; text-decoration: none; border-style: none; } a img { border-style: none;} a:hover { color: #000; text-decoration: none; border-style: none; } a:active { color: #000; text-decoration: none; border-style: none; } a:visited { color: #000; text-decoration: none; border-style: none; } .txt1 { color: #000; font-family: Arial, sans serif; font-size: 15px; font-weight: 600; } .txt1ital { color: #000; font-family: Arial, sans serif; font-size: 15px; font-weight: 600; font-style: oblique; } .txt2 { color: #e9e6d8; font-family: Arial, sans serif; font-size: 12px; font-weight: 500; } .txt3 { color: #000; font-family: Arial, sans serif; font-size: 11px; font-weight: 400; } .txt3bld { color: #000; font-family: Arial, sans serif; font-size: 11px; font-weight: 600; } .txt3ital { color: #000; font-family: Arial, sans serif; font-size: 11px; font-weight: 400; font-style: oblique; } .txt4 { color: #000; font-family: Arial, sans serif; font-size: 10px; line-height: 12px; } /* Header */ #body { background-image: url(http://www.rhodelander.com/images/linenbg.jpg); } #header1 { position: absolute; top: 0px; left: 10px; width: 578px; height: 172px; border-style: none; background-image: url(http://www.rhodelander.com/images/main_03.png); } #header2 { position: absolute; top: 16px; left: 10px; width: 775px; height: 172px; border-style: none; } #logo { position: absolute; top: 16px; left: 40px; width: 511px; height: 130px; border-style: none; background-color: #f6f3ec; } #contact { position: absolute; top: 70px; left: 566px; width: 125px; height: 70px; border-style: none; } /* Menu */ #mainnav { position: absolute; top: 146px; left: 10px; width: 760px; height: 35px; border-style: none; background-image: url(http://www.rhodelander.com/images/main_10.png); z-index:100; } /* hack to correct IE5.5 faulty box model */ * html #mainnav { width:764px; width:765px; } /* style the table so that it takes no part in the layout - required for IE to work */ #mainnav table { position:absolute; top:0; left:0; border-collapse:collapse; } /* remove all the bullets, borders and padding from the default list styling */ #mainnav ul { padding:0; margin:0; list-style-type:none; } /* link style for level 1 */ #mainnav a, .mainnav a:visited { color: #F6F3EC; } #mainnav li.collateral { float:left; position: absolute; top: 9px; left: 39px; height: 26px; width: 89px; } #mainnav li.logo { float:left; position: absolute; top: 9px; left: 188px; height: 26px; width: 29px; } #mainnav li.print { float:left; position: absolute; top: 9px; left: 311px; height: 26px; width: 76px; } #mainnav li.web { float:left; position: absolute; top: 9px; left: 442px; height: 26px; width: 75px; } #mainnav li.art { float:left; position: absolute; top: 9px; left: 571px; height: 26px; width: 46px; } #mainnav li.resume { float:left; position: absolute; top: 9px; left: 661px; height: 26px; width: 50px; } /* a hack to correct IE5.5 faulty box model */ * html #mainnav a, * html #mainnav a:visited { width:149px; width:138px; } /* hover style for level 1 .mainnav a:hover, .mainnav ul ul a:hover { color:#fff; background:#bcbb90; } .mainnav :hover > a, .mainnav ul ul :hover > a { color:#ffffff; background:#bcbb90;} */ /* common attributes affecting all menus */ #mainnav ul ul { visibility:hidden; position:relative; top: 6px; line-height: .9em; padding: 8px 0px 0px 0px; background: #bcbb90; opacity: .94; /*type*/color: #000000; } /* category-specific attributes */ #mainnav ul ul.collateral { left: -17px; width: 112px; height: 23px; } #mainnav ul ul.logo { left: -17px; width: 153px; height: 96px; } #mainnav ul ul.print { left: -17px; width: 136px; height: 61px; } #mainnav ul ul.web { left: -17px; width: 148px; height: 75px; } #mainnav ul ul.art { left: -17px; width: 128px; height: 33px; } /* #mainnav ul ul.resume { left: -17px; width: 128px; height: 33px; } */ /* hack for IE5.5 */ * html #mainnav ul ul { filter: alpha(opacity=94); top:30px; top:31px; } /* hack for IE5.5 */ * html #mainnav ul ul a, * html #mainnav ul ul a:visited { width:150px; width:128px; } /* style level 2 hover */ #mainnav ul ul li:hover { background:#e9e6d8; } /* style for level 2 dropdown background #mainnav ul ul a.drop, .mainnav ul ul a.drop:visited { background:#BCBB90; } /* style for level 2 dropdown hover #mainnav ul ul li:hover > a.drop { background:#e9e6d8; } #mainnav ul ul a.drop:hover { background:#e9e6d8; } */ /* style level 3 links */ #mainnav ul ul ul a, #mainnav ul ul ul a:visited { position: relative; top: 0px; left: 0px; height: 32px; width: 127px; } /* style for level 3 hover */ #mainnav ul ul ul li:hover { background: #E9E6D8; } /* position and background of level 3 flyouts */ #mainnav ul ul ul.ceramics { position: relative; top: 0px; left: 0px; height: 33px; width: 128px; background: #f6f3ec; } #mainnav ul ul ul.drawings { position: relative; top: 0px; left: 0px; height: 33px; width: 128px; background: #f6f3ec; } /* level 3 flyout menu position for a left flyout #mainnav ul ul ul { left: 0px; } */ /* make level 2 visible when hover on level 1 */ #mainnav ul li:hover ul, #mainnav ul a:hover ul { visibility: visible; } /* keep level 3 hidden when hover on level 1 */ #mainnav ul :hover ul ul { visibility: hidden; } /* make level 3 visible when hover over level 2 */ #mainnav ul :hover ul :hover ul { visibility: visible; } /* Main Content */ #mainlclmn1 { position: absolute; top: 181px; left: 9px; width: 45px; height: 407px; border-style: none; background-image: url(http://www.rhodelander.com/images/main_11.png); } #mainlclmn2 { position: absolute; top: 181px; left: 54px; width: 196px; height: 20px; border-style: none; background-image: url(http://www.rhodelander.com/images/main_12.png); } #mainlclmn3 { position: absolute; top: 201px; left: 54px; width: 196px; height: 268px; border-style: none; background-color: #EEEBE2; } #news { position: absolute; top: -6px; left: 0px; width: 150px; height: 20px; border-style: none; } #newstxt { position: absolute; top: 33px; left: 8px; width: 178px; height: 239px; border-style: none; } #mainlclmn4 { position: absolute; top: 469px; left: 54px; width: 196px; height: 119px; border-style: none; background-image: url(http://www.rhodelander.com/images/main_20.png); } #mainlclmn5 { position: absolute; top: 181px; left: 250px; width: 37px; height: 439px; border-style: none; background-image: url(http://www.rhodelander.com/images/main_1008_13.png); } #mainmclmn { position: absolute; top: 181px; left: 287px; width: 262px; height: 427px; border-style: none; background-color: #F6F3EC; } #latest { position: absolute; top: 2px; left: 1px; width: 40px; height: 20px; border-style: none; } #latesttxt { position: absolute; top: 213px; left: 10px; width: 252px; height: 269px; border-style: none; } #latestimg { position: absolute; top: 42px; left: 47px; width: 131px; height: 173px; border-style: none; } #maincomment { position: absolute; top: 196px; left: 0px; width: 252px; height: 100px; border-style: none; text-align: center; } #mainrclmn1 { position: absolute; top: 181px; left: 549px; width: 38px; height: 439px; border-style: none; background-image: url(http://www.rhodelander.com/images/main_1008_15.png); } #mainrclmn2 { position: absolute; top: 181px; left: 587px; width: 140px; height: 19px; border-style: none; background-image: url(http://www.rhodelander.com/images/main_16.png); } #mainrclmn3 { position: absolute; top: 200px; left: 587px; width: 140px; height: 223px; border-style: none; background-color: #E9E6D8; } #login { position: absolute; top: -5px; left: -9px; width: 160px; height: 50px; border-style: none; } #logintxt { position: absolute; top: 24px; left: 1px; width: 139px; height: 269px; border-style: none; } #logintxt2 { position: absolute; top: 177px; left: 1px; width: 139px; height: 269px; border-style: none; } #mainrclmn4 { position: absolute; top: 423px; left: 587px; width: 140px; height: 166px; border-style: none; background-image: url(http://www.rhodelander.com/images/main_21.png); } #mainrclmn5 { position: absolute; top: 181px; left: 727px; width: 46px; height: 407px; border-style: none; background-image: url(http://www.rhodelander.com/images/main_17.png); } #copyrite { position: absolute; top: 516px; left: 565px; width: 200px; height: 20px; border-style: none; } /* Gallery Layout*/ #infolclmn1 { position: absolute; top: 181px; left: 9px; width: 48px; height: 446px; border-style: none; background-image: url(http://www.rhodelander.com/images/info_03.png); } #infolclmn2 { position: absolute; top: 181px; left: 57px; width: 196px; height: 20px; border-style: none; background-image: url(http://www.rhodelander.com/images/main_12.png); } #title { position: absolute; top: 7px; left: 0px; text-align: center; width: 192px; theight: 20px; border-style: none; } #titletxt { position: absolute; top: 7px; left: 36px; width: 174px; height: 20px; border-style: none; } #statement1 { position: absolute; top: 34px; left: 0px; width: 200px; height: 239px; border-style: none; } #statement2 { position: absolute; top: 53px; left: 0px; width: 200px; height: 239px; border-style: none; } #comment { position: absolute; top: 313px; left: 0px; width: 200px; height: 100px; border-style: none; text-align: center; } #infolclmn3 { position: absolute; top: 201px; left: 57px; width: 192px; height: 350px; border-style: none; background-color: #EEEBE2; background-image: url(http://www.rhodelander.com/images/info_09.png); } #infolclmn4 { position: absolute; top: 551px; left: 57px; width: 192px; height: 76px; border-style: none; background-image: url(http://www.rhodelander.com/images/info_10.png); } #infocopyrite { position: absolute; top: 562px; left: 43px; width: 200px; height: 20px; border-style: none; } #infolclmn5{ position: absolute; top: 181px; left: 249px; width: 37px; height: 446px; border-style: none; background-image: url(http://www.rhodelander.com/images/info_05.png); } #inforclmn1 { position: absolute; top: 181px; left: 286px; width: 451px; height: 424px; border-style: none; background-color: #F6F3EC; } #inforclmn2 { position: absolute; top: 597px; left: 286px; width: 451px; height: 30px; border-style: none; background-image: url(http://www.rhodelander.com/images/info_11.png); } #inforclmn3 { position: absolute; top: 181px; left: 737px; width: 36px; height: 446px; border-style: none; background-image: url(http://www.rhodelander.com/images/info_07.png); } /* Resume Rollovers */ #reswork { position: absolute; top: 202px; left: 57px; width: 150px; height: 20px; border-style: none; line-height: 13px; } #resworktxta { position: absolute; top: 25px; left: 0px; width: 200px; height: 150px; border-style: none; } .thumbnail1 { visibility: visible; font-family: Arial, sans serif; font-size: 11px; color: #000; text-decoration: none; } .thumbnail1 span /*CSS for popup text*/ { visibility: hidden; position: absolute; } .thumbnail1:hover span /*CSS for popup text*/ { position: absolute; visibility: visible; top: 0px; left: 224px /*position where popup text should offset horizontally */; height: 360px; width: 451px; border-style: none; line-height: 14px; background-color: #f6f3ec; } #restitle1 span { position: absolute; top: -29px; left: 239px; width: 281px; } #restitle2 span { position: absolute; top: -29px; left: 520px; width: 160px; } #restitle3 span { position: absolute; top: -29px; left: 239px; width: 281px; } #restitle4 span { position: absolute; top: -29px; left: 520px; width: 160px; } #restitle5 span { position: absolute; top: -29px; left: 239px; width: 281px; } #restitle6 span { position: absolute; top: -29px; left: 520px; width: 160px; } #restitle7 span { position: absolute; top: -29px; left: 239px; width: 281px; } #restitle8 span { position: absolute; top: -29px; left: 520px; width: 160px; } #restitle9 span { position: absolute; top: -29px; left: 239px; width: 281px; } #restitle10 span { position: absolute; top: -29px; left: 520px; width: 160px; } #resworktxtb1 span { position: absolute; top: 12px; left: 229px; width: 451px;} #resworktxtb2 span { position: absolute; top: 12px; left: 229px; width: 451px;} #resworktxtb3 span { position: absolute; top: 12px; left: 229px; width: 451px;} #resworktxtb4 span { position: absolute; top: 12px; left: 229px; width: 451px;} #resworktxtb5 span { position: absolute; top: 12px; left: 229px; width: 451px;} #resedu { position: absolute; top: 293px; left: 57px; width: 150px; height: 20px; border-style: none; } .resedu { visibility: visible; font-family: Arial, sans serif; font-size: 11px; color: #000; text-decoration: none; } .resedu span /*CSS for enlarged image*/ { visibility: hidden; position: absolute; } .resedu:hover span /*CSS for enlarged image*/ { position: absolute; visibility: visible; top: 0px; left: 224px /*position where popup text should offset horizontally */; height: 360px; width: 451px; border-style: none; background-color: #f6f3ec; } #restitle9 span { position: absolute; top: -94px; left: 239px; width: 281px; } #restitle10 span { position: absolute; top: -94px; left: 520px; width: 160px; } #resedutxt span { position: absolute; top: -56px; left: 229px; width: 451px; } #resqual { position: absolute; top: 318px; left: 57px; width: 150px; height: 20px; border-style: none; } .resqual { visibility: visible; font-family: Arial, sans serif; font-size: 11px; color: #000; text-decoration: none; } .resqual span /*CSS for enlarged image*/ { visibility: hidden; position: absolute; } .resqual:hover span /*CSS for enlarged image*/ { position: absolute; visibility: visible; top: 0px; left: 224px /*position where popup text should offset horizontally */; height: 280px; width: 451px; border-style: none; background-color: #f6f3ec; } #restitle11 span { position: absolute; top: -118px; left: 239px; width: 451px; } #resqualtxt1 span { position: absolute; top: -104px; left: 229px; width: 451px; } #restitle12 span { position: absolute; top: -35px; left: 239px; width: 451px; } #resqualtxt2 span { position: absolute; top: -21px; left: 229px; width: 451px; } /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .gllrybllt { font-family: Arial, sans serif; font-size: 20px; font-weight: 600; color: #BC1B5D; } .gallerycontainer { position: absolute; top: 397px; left: 0px; width: 451px; height: 20px; border-style: none; } .gallerycontainer a:link { font-family: Arial, sans serif; font-size: 20px; font-weight: 600; color: #BC1B5D; } .thumbnail span /*CSS for enlarged image*/ { position: absolute; visibility: hidden; top: -377px; left: 0px /*position where enlarged image should offset horizontally */; width: 451px; text-decoration: none; } .thumbnail:hover span /*CSS for enlarged image*/ { visibility: visible; top: -377px; left: 0px /*position where enlarged image should offset horizontally */; width: 451px; } /* Client */ /* Footer */