/*** general declarations ***/ *{ margin: 0px; padding: 0px; } body{ background: #ffffff; font-size:10px; font-family: Arial, Helvetica, sans-serif; color:#a1a1a1; } .clear { clear:both; } .pad_bottom { padding-bottom:15px; } /************************************ Home Page **************************************/ #main { position:relative; top:50px; left:50px; height:411px; width:800px; background:#ffffff; } #description { position:absolute; top:368px; left:339px; width:400px; height:54px; text-align:right; float:left; } #links { position:absolute; width:109px; top:121px; left:109px; padding:0px; margin-bottom:1px; } #links ul { list-style:none; } #links a { text-decoration:none; display:block; } #links ul li.portfolio a:link { background: url(images/portfolio.gif) no-repeat; width:68px; height:13px; } #links ul li.portfolio a:hover, #links ul li.portfolio a:visited { background: url(images/portfolio_on.gif) no-repeat; width:68px; height:13px; } #links ul li.art_in_spaces a:link { background: url(images/art_in_spaces.gif) no-repeat; width:108px; height:16px; } #links ul li.art_in_spaces a:hover, #links ul li.art_in_spaces a:visited { background: url(images/art_in_spaces_on.gif) no-repeat; width:108px; height:16px; } #links ul li.exhibits a:link { background: url(images/exhibits.gif) no-repeat; width:58px; height:13px; } #links ul li.exhibits a:hover, #links ul li.exhibits a:visited { background: url(images/exhibits_on.gif) no-repeat; width:58px; height:13px; } #links ul li.about a:link { background: url(images/about.gif) no-repeat; width:52px; height:13px; } #links ul li.about a:hover, #links ul li.about a:visited { background: url(images/about_on.gif) no-repeat; width:52px; height:13px; } #links ul li.contact a:link { background: url(images/contact.gif) no-repeat; width:71px; height:13px; } #links ul li.contact a:hover, #links ul li.contact a:visited { background: url(images/contact_on.gif) no-repeat; width:71px; height:13px; } /******************* Portfolio Left Nav *************************/ #portfolio_links { position:absolute; width:83px; height:200px; top:121px; left:135px; padding:0px; } #portfolio_links ul { list-style:none; } #portfolio_links a { text-decoration:none; display:block; } #portfolio_links ul li.recent a:link { background: url(images/recent.gif) no-repeat; width:60px; height:13px; } #portfolio_links ul li.recent a:hover, #portfolio_links ul li.recent a:visited { background: url(images/recent_on.gif) no-repeat; width:60px; height:13px; } #portfolio_links ul li.abstract a:link { background: url(images/abstract.gif) no-repeat; width:72px; height:13px; } #portfolio_links ul li.abstract a:hover, #portfolio_links ul li.abstract a:visited { background: url(images/abstract_on.gif) no-repeat; width:72px; height:13px; } #portfolio_links ul li.narrative a:link { background: url(images/narrative.gif) no-repeat; width:77px; height:13px; } #portfolio_links ul li.narrative a:hover, #portfolio_links ul li.narrative a:visited { background: url(images/narrative_on.gif) no-repeat; width:77px; height:13px; } #portfolio_links ul li.illustration a:link { background: url(images/illustration.gif) no-repeat; width:83px; height:13px; } #portfolio_links ul li.illustration a:hover, #portfolio_links ul li.illustration a:visited { background: url(images/illustration_on.gif) no-repeat; width:83px; height:13px; } #portfolio_links ul li.portrait a:link { background: url(images/portrait.gif) no-repeat; width:59px; height:13px; } #portfolio_links ul li.portrait a:hover, #portfolio_links ul li.portrait a:visited { background: url(images/portrait_on.gif) no-repeat; width:59px; height:13px; } /******************* Top Nav *************************/ #top_nav { position:absolute; width:290px; height:10px; top:48px; left:254px; padding:0px; } #top_nav ul { list-style:none; } #top_nav a { text-decoration:none; display:block; } #top_nav ul li.portfolio_sm a:link { background: url(images/portfolio_sm.gif) no-repeat; width:39px; height:8px; } #top_nav ul li.portfolio_sm a:hover, #top_nav ul li.portfolio_sm a:visited { background: url(images/portfolio_sm_on.gif) no-repeat; width:39px; height:8px; } #top_nav ul li.art_in_spaces_sm a:link { background: url(images/art_in_spaces_sm.gif) no-repeat; width:64px; height:10px; } #top_nav ul li.art_in_spaces_sm a:hover, #top_nav ul li.art_in_spaces_sm a:visited { background: url(images/art_in_spaces_sm_on.gif) no-repeat; width:64px; height:10px; } #top_nav ul li.exhibits_sm a:link { background: url(images/exhibits_sm.gif) no-repeat; width:35px; height:8px; } #top_nav ul li.exhibits_sm a:hover, #top_nav ul li.exhibits_sm a:visited { background: url(images/exhibits_sm_on.gif) no-repeat; width:35px; height:8px; } #top_nav ul li.about_sm a:link { background: url(images/about_sm_on.gif) no-repeat; width:31px; height:8px; } #top_nav ul li.about_sm a:hover, #top_nav ul li.about_sm a:visited { background: url(images/about_sm.gif) no-repeat; width:31px; height:8px; } #top_nav ul li.contact_sm a:link { background: url(images/contact_sm.gif) no-repeat; width:42px; height:8px; } #top_nav ul li.contact_sm a:hover, #top_nav ul li.contact_sm a:visited { background: url(images/contact_sm_on.gif) no-repeat; width:42px; height:8px; } /********************************** Narrative Page ***************************************/ #narrative_main {position:relative; top:50px; left:50px; margin-right:50px; height:430px; width:2650px; background:#ffffff; } /********* Narratives - photo main content *************/ #main_photos { position:relative; height:237px; top:120px; left:254px; float:left; padding:0px; } #main_photos ul { list-style:none; } #main_photos ul li.text { position:relative; height:40px; width:238px; float:left; font-size:12px; text-align:left; padding:0px; margin-right:30px; } #main_photos ul li.narrative_01 { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.narrative_02 { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.narrative_03 { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.narrative_04 { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.narrative_05 { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.narrative_06 { position:relative; list-style-position:inside; float:left; margin-right:30px; } /********** narrative - text main content *****************/ #main_text { position:absolute; height:42px; top:369px; left:520px; padding:0px; } .narrative_01_text { position:relative; height:40px; width:266px; float:left; text-align:left; padding:0px; margin-right:30px; } .narrative_02_text { position:relative; height:40px; width:316px; float:left; text-align:left; padding:0px; margin-right:30px; } .narrative_03_text { position:relative; height:40px; width:484px; float:left; text-align:left; padding:0px; margin-right:30px; } .narrative_04_text { position:relative; height:40px; width:396px; float:left; text-align:left; padding:0px; margin-right:30px; } .narrative_05_text { position:relative; height:40px; width:157px; float:left; text-align:left; padding:0px; margin-right:30px; } .narrative_06_text { position:relative; height:40px; width:221px; float:left; text-align:left; padding:0px; margin-right:30px; } /********************************** Abstract Page ***************************************/ #abstract_main {position:relative; top:50px; left:50px; margin-right:50px; height:430px; width:4500px; background:#ffffff; } /********* Abstract - photo main content *************/ #main_photos { position:relative; height:237px; top:120px; left:254px; float:left; padding:0px; } #main_photos ul { list-style:none; } #main_photos ul li.abstract_text { position:relative; height:40px; width:320px; float:left; font-size:12px; text-align:left; padding:0px; margin-right:30px; } #main_photos ul li.abstract_01 { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.abstract_02 { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.abstract_03 { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.abstract_04 { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.abstract_05 { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.abstract_06 { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.abstract_07 { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.abstract_08 { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.abstract_09 { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.abstract_10 { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.abstract_11 { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.abstract_12 { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.abstract_13 { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.abstract_14 { position:relative; list-style-position:inside; float:left; margin-right:30px; } /********** Abstract - text main content *****************/ #abstract_main_text { position:absolute; height:42px; top:369px; left:604px; padding:0px; } .abstract_01_text { position:relative; height:40px; width:238px; float:left; text-align:left; padding:0px; margin-right:30px; } .abstract_02_text { position:relative; height:40px; width:237px; float:left; text-align:left; padding:0px; margin-right:30px; } .abstract_03_text { position:relative; height:40px; width:239px; float:left; text-align:left; padding:0px; margin-right:30px; } .abstract_04_text { position:relative; height:40px; width:238px; float:left; text-align:left; padding:0px; margin-right:30px; } .abstract_05_text { position:relative; height:40px; width:238px; float:left; text-align:left; padding:0px; margin-right:30px; } .abstract_06_text { position:relative; height:40px; width:236px; float:left; text-align:left; padding:0px; margin-right:30px; } .abstract_07_text { position:relative; height:40px; width:236px; float:left; text-align:left; padding:0px; margin-right:30px; } .abstract_08_text { position:relative; height:40px; width:286px; float:left; text-align:left; padding:0px; margin-right:30px; } .abstract_09_text { position:relative; height:40px; width:236px; float:left; text-align:left; padding:0px; margin-right:30px; } .abstract_10_text { position:relative; height:40px; width:238px; float:left; text-align:left; padding:0px; margin-right:30px; } .abstract_11_text { position:relative; height:40px; width:238px; float:left; text-align:left; padding:0px; margin-right:30px; } .abstract_12_text { position:relative; height:40px; width:239px; float:left; text-align:left; padding:0px; margin-right:30px; } .abstract_13_text { position:relative; height:40px; width:236px; float:left; text-align:left; padding:0px; margin-right:30px; } .abstract_14_text { position:relative; height:40px; width:238px; float:left; text-align:left; padding:0px; margin-right:30px; } /********************************** Recent Page ***************************************/ #recent_main {position:relative; top:50px; left:50px; margin-right:50px; height:430px; width:4300px; background:#ffffff; } /********* Recent - photo main content *************/ #main_photos { position:relative; height:237px; top:120px; left:254px; float:left; padding:0px; } #main_photos ul { list-style:none; } #main_photos ul li.recent_text { position:relative; height:237px; width:350px; float:left; font-size:12px; text-align:left; padding:0px; margin-right:30px; } #main_photos ul li.garden_01 { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.garden_02 { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.garden_03 { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.garden_04 { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.garden_05 { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.garden_06 { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.garden_fish { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.garden_pepper { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.garden_horsetail { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.garden_bee { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.garden_beetle { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.garden_forget { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.garden_twohearts { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.garden_exposed { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.garden_dispersed { position:relative; list-style-position:inside; float:left; margin-right:30px; } /********** Recent - text main content *****************/ #recent_main_text { position:absolute; height:42px; top:369px; left:603px; padding:0px; } .recent_01_text { position:relative; height:40px; width:237px; float:left; text-align:left; padding:0px; margin-right:30px; } .recent_02_text { position:relative; height:40px; width:237px; float:left; text-align:left; padding:0px; margin-right:30px; } .recent_03_text { position:relative; height:40px; width:237px; float:left; text-align:left; padding:0px; margin-right:30px; } .recent_04_text { position:relative; height:40px; width:237px; float:left; text-align:left; padding:0px; margin-right:30px; } .recent_05_text { position:relative; height:40px; width:237px; float:left; text-align:left; padding:0px; margin-right:30px; } .recent_06_text { position:relative; height:40px; width:237px; float:left; text-align:left; padding:0px; margin-right:30px; } .recent_fish_text { position:relative; height:40px; width:119px; float:left; text-align:left; padding:0px; margin-right:30px; } .recent_pepper_text { position:relative; height:40px; width:119px; float:left; text-align:left; padding:0px; margin-right:30px; } .recent_horsetail_text { position:relative; height:40px; width:117px; float:left; text-align:left; padding:0px; margin-right:30px; } .recent_bee_text { position:relative; height:40px; width:240px; float:left; text-align:left; padding:0px; margin-right:30px; } .recent_beetle_text { position:relative; height:40px; width:240px; float:left; text-align:left; padding:0px; margin-right:30px; } .recent_forget_text { position:relative; height:40px; width:237px; float:left; text-align:left; padding:0px; margin-right:30px; } .recent_twohearts_text { position:relative; height:40px; width:236px; float:left; text-align:left; padding:0px; margin-right:30px; } .recent_exposed_text { position:relative; height:40px; width:239px; float:left; text-align:left; padding:0px; margin-right:30px; } .recent_dispersed_text { position:relative; height:40px; width:238px; float:left; text-align:left; padding:0px; margin-right:30px; } /********************************** Portrait Page ***************************************/ #portrait_main {position:relative; top:50px; left:50px; margin-right:50px; height:430px; width:2250px; background:#ffffff; } /********* Portrait - photo main content *************/ #main_photos { position:relative; height:237px; top:120px; left:254px; float:left; padding:0px; } #main_photos ul { list-style:none; } #main_photos ul li.artist_text { position:relative; height:237px; width:320px; float:left; font-size:12px; text-align:left; padding:0px; margin-right:30px; } #main_photos ul li.portrait_01 { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.portrait_02 { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.portrait_03 { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.portrait_04 { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.portrait_05 { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.portrait_06 { position:relative; list-style-position:inside; float:left; margin-right:30px; } /********** Portrait - text main content *****************/ #portrait_main_text { position:absolute; height:42px; top:369px; left:604px; padding:0px; } .portrait_01_text { position:relative; height:40px; width:237px; float:left; text-align:left; padding:0px; margin-right:30px; } .portrait_02_text { position:relative; height:40px; width:235px; float:left; text-align:left; padding:0px; margin-right:30px; } .portrait_03_text { position:relative; height:40px; width:188px; float:left; text-align:left; padding:0px; margin-right:30px; } .portrait_04_text { position:relative; height:40px; width:237px; float:left; text-align:left; padding:0px; margin-right:30px; } .portrait_05_text { position:relative; height:40px; width:237px; float:left; text-align:left; padding:0px; margin-right:30px; } .portrait_06_text { position:relative; height:40px; width:237px; float:left; text-align:left; padding:0px; margin-right:30px; } /********************************** Illustration Page ***************************************/ #illustration_main {position:relative; top:50px; left:50px; margin-right:50px; height:430px; width:2600px; background:#ffffff; } /********* illustration - photo main content *************/ #main_photos { position:relative; height:237px; top:120px; left:254px; float:left; padding:0px; } #main_photos ul { list-style:none; } #main_photos ul li.illustration_text { position:relative; height:237px; width:320px; float:left; font-size:12px; text-align:left; padding:0px; margin-right:30px; } #main_photos ul li.illustration_01 { position:relative; list-style-position:inside; float:left; margin-right:60px; } #main_photos ul li.illustration_02 { position:relative; list-style-position:inside; float:left; margin-right:60px; } #main_photos ul li.illustration_03 { position:relative; list-style-position:inside; float:left; margin-right:45px; } #main_photos ul li.illustration_05 { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.illustration_06 { position:relative; list-style-position:inside; float:left; margin-right:60px; } #main_photos ul li.illustration_07 { position:relative; list-style-position:inside; float:left; margin-right:60px; } #main_photos ul li.illustration_08 { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.illustration_11 { position:relative; list-style-position:inside; float:left; margin-right:60px; } /********************************** About Page ***************************************/ #about_main {position:relative; top:50px; left:50px; margin-right:50px; height:430px; width:1700px; background:#ffffff; } /********* about - photo main content *************/ #main_photos { position:relative; height:237px; top:120px; left:252px; float:left; padding:0px; } #main_photos ul { list-style:none; } #main_photos ul li.about_text { position:relative; height:40px; width:320px; float:left; font-size:12px; text-align:left; padding:0px; margin-right:30px; } #main_photos ul li.about_1 { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.about_2 { position:relative; list-style-position:inside; float:left; margin-right:30px; } #main_photos ul li.about_3 { position:relative; list-style-position:inside; float:left; margin-right:30px; } /********************************** contact Page ***************************************/ #contact_main {position:relative; top:50px; left:50px; margin-right:50px; height:411px; width:800px; background:#ffffff; } /********* contact - photo main content *************/ #main_photos { position:relative; height:237px; top:120px; left:252px; float:left; padding:0px; } #main_photos ul { list-style:none; } #main_photos ul li.contact_text { position:relative; height:40px; width:320px; float:left; font-size:12px; text-align:left; padding:0px; margin-right:30px; } #main_photos ul li.contact_1 { position:relative; list-style-position:inside; float:left; margin-right:30px; } /********************************** Art in spaces Page ***************************************/ #spaces_main {position:relative; top:50px; left:50px; margin-right:50px; height:430px; width:1800px; background:#ffffff; } /********* Art in Spaces - photo main content *************/ #main_photos { position:relative; height:237px; top:120px; left:252px; float:left; padding:0px; } #main_photos ul { list-style:none; } #main_photos ul li.spaces_text { position:relative; height:40px; width:320px; float:left; font-size:12px; text-align:left; padding:0px; margin-right:30px; } #main_photos ul li.spaces_01 { position:relative; list-style-position:inside; float:left; margin-bottom:60px; margin-right:30px; } #main_photos ul li.spaces_03 { position:relative; list-style-position:inside; float:left; margin-bottom:60px; margin-right:30px; } #main_photos ul li.spaces_04 { position:relative; list-style-position:inside; float:left; margin-bottom:60px; margin-right:30px; } /********** Art in Spaces - text main content *****************/ #spaces_main_text { position:absolute; height:42px; top:369px; left:604px; padding-bottom:0px; } .spaces_01_text { position:relative; height:40px; width:317px; float:left; text-align:left; padding:0px; margin-right:30px; } .spaces_03_text { position:relative; height:40px; width:326px; float:left; text-align:left; padding:0px; margin-right:30px; } .spaces_04_text { position:relative; height:40px; width:317px; float:left; text-align:left; padding:0px; margin-right:30px; } /********************************** Exhibits Page ***************************************/ #exhibits_main {position:relative; top:50px; left:50px; margin-right:50px; height:1200px; background:#ffffff; padding-bottom:50px; } #exhibits { position:relative; height:850px; top:120px; left:252px; float:left; padding:0px; } #exhibits ul { list-style:none; } #exhibits ul li.exhibits_01 { position:relative; list-style-position:inside; float:left; margin-right:30px; } #exhibits ul li.exhibits_02 { position:relative; list-style-position:inside; float:left; margin-right:30px; } #exhibits ul li.exhibits_03 { position:relative; list-style-position:inside; float:left; margin-right:30px; } #exhibits_text_1 { position:absolute; height:850px; width:237px; top:315px; left:252px; float:left; font-size:11px; text-align:left; padding:0px; margin-right:30px; } #exhibits_text_2 { position:absolute; height:850px; width:237px; top:315px; left:519px; float:left; font-size:11px; text-align:left; padding:0px; margin-right:30px; } #exhibits_text_3 { position:absolute; height:850px; width:237px; top:315px; left:786px; float:left; font-size:11px; text-align:left; padding:0px; margin-right:30px; }