/* ---- Styling for tag ---- */ body.sitepage, body.iesitepage { margin: 0; padding: 0; line-height: 1.5; font-family: georgia, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; color: #001100; font-size: 17px; font-weight: 500; text-align: center; /*This centers the page in IE */ background-color: #111111; overflow: auto; /*Disable scrollbars. Set to "scroll" to enable*/ } h2, h3, h4, h5, h6, hr, pre, code, blockquote, form, fieldset, legend, ul, ol, li, table, caption, th, tr, td, thead, tbody, tfoot, div { margin: 0; padding: 0; line-height: 1.5; } backtext.h2, backtext.h3, backtext.h4, backtext.h5, backtext.h6, backtext.hr, backtext.pre, backtext.code, backtext.blockquote, backtext.form, backtext.fieldset, legend, backtext.ul, backtext.ol, backtext.li, backtext.table, backtext.caption, backtext.th, backtext.tr, backtext.td, backtext.thead, backtext.tbody, backtext.tfoot { margin-left: 10px; } backtext_long.h2, backtext_long.h3, backtext_long.h4, backtext_long.h5, backtext_long.h6, backtext_long.hr, backtext_long.pre, backtext_long.code, backtext_long.blockquote, backtext_long.form, backtext_long.fieldset, legend, backtext_long.ul, backtext_long.ol, backtext_long.li, backtext_long.table, backtext_long.caption, backtext_long.th, backtext_long.tr, backtext_long.td, backtext_long.thead, backtext_long.tbody, backtext_long.tfoot { margin-left: 10px; } p { text-align: left; position: relative: left: 0px; right: 0px; z-index: 1; margin-left: 10px; margin-right: 10px; } p.firstpar { margin-top:0px; } a { text-decoration: none; color: #993300; } a:hover { color: #ff0000; } ul li { list-style: none; } ol li { margin-left: 30px; } /* ---- Styling for page headers and subheaders ---- */ h1 { padding-top:5px; padding-left:0; padding-right:0; padding-bottom:0; margin-top:0; margin-left:0; margin-right:0; margin-bottom:20px; font-size: 32px; font-family: Impact, Palatino Linotype, serif; letter-spacing:.5px; font-weight: 200; text-align: center; } h1.subtitle { font-size:24px; margin-top:4px; } h2 { font-size: 20px; font-family: Impact, Palatino Linotype, serif; letter-spacing:.5px; font-weight: 200; margin-left: 10px; margin-right: 0; margin-top: 0; margin-bottom: 0; padding: 0; line-height: 1.5; } .sublist { font-weight: bolder; } .iesitepage div { margin-top: 00px; margin-bottom: 00px; padding-top: 0px; padding-bottom: 00px; } .iesitepage div.backholder { margin-bottom: -8px; } div.spacer_top { width:900px; z-index: 1; } div.spacer_bot { width:900px; z-index: 1; } .iesitepage .spacer_top { margin-bottom: -7px; } .iesitepage .spacer_bot { margin-top: -2px; } p.bottompar { margin-bottom: 0; } div.contentframe { position: relative; left: 0px; right: 0px; top: 30px; width: 900px; margin-left: auto; /* ----This centers the page---- */ margin-right: auto; /* ----in all non-IE broswers---- */ } .backholder { position: relative; left: 0px; right: 0px; margin-left: auto; /* ----This centers the page---- */ margin-right: auto; /* ----in all non-IE broswers---- */ margin-bottom:0; margin-top:0; width: 900px; } .background_long { width:100%; position:relative; background: url(/images/longbg.jpg); background-repeat: repeat-y; float:left; clear:none; } img.backimg, img.backimg_long { position: absolute; left: 0px; right: 0px; top: 0px; width: 900px; margin-left: auto; margin-right: auto; } .fade_effect { position: absolute; left:0; z-index: 0; height:100px; width:900px; } img.backimg { height: 562px; /* Ratio for cropping: 0.6247 */ } .backtext, .backtext_long { position: relative; left: 0px; right: 0px; top: 0px; width: 780px; padding-left: 60px; padding-right: 60px; padding-top: 0px; margin-top: 0px; margin-left: auto; /* ----This centers the page---- */ margin-right: auto; /* ----in all non-IE broswers---- */ background: url(/images/textbg.png); background-repeat: repeat-y; text-align: left; } .iesitepage .backtext { top: 8px; margin-bottom: -4px; } .backtext { height: 562px; } .backtext_long { float:left; clear:none; } /* ---- Styling for the clients list and comments on "Clients" ---- */ ul.clientlist, ul.clientlist_right { float:left; clear:none; width:350px; margin-left:15px; margin-bottom:30px; text-indent:-15px; padding-left:15px; font-size:16px; } ul.clientlist { clear:left; } ul.clientlist_right { clear:right; } h2.clientlist, h2.clientlist_right { clear:both; } .clientlist p, .clientlist_right p { text-indent:0; margin-left:-15px; margin-right:15px; margin-top:15px; } p.disclaimer { font-size:10px; } span.caption { font-size:14px; } div.production { position:relative; top:0px; text-align:center; width:770px; margin-left:auto; margin-right:auto; clear:both; } div.production p { position:relative; top:0px; display: inline; float:left; clear:none; padding-left:10px; padding-right:10px; } div.production p.left { width:140px; } div.production p.middle { width:200px; } div.production p.right { width:300px; } div.production p.left_half { width:180px; } div.production p.right_half { width:500px; } p.belowproduction { clear:both; } div.profile { float:left; clear:both; width:200px; margin-top:6px; margin-right:6px; margin-bottom:6px; } div.profile_right { float:right; clear:both; width:200px; margin-top:20px; margin-left:6px; margin-bottom:6px; } img.profile { border:0; margin:0; padding:0; } img.profile { border:0; margin:0; padding:0; } /* ---- Styling for the items in "In-House Productions" ---- */ div.inhouse { float:left; clear:none; width:388px; height:363px; border:1px black solid; background-color:#ffffcf; text-align:center; margin-top:10px; margin-bottom:20px; } div.inhouse img { width:130px; margin-bottom:10px; border:0px; } div.inhouse p { text-align:center; } div.inhouse a { text-decoration:none; } /* ---- Styling for the centered items in "Wildlife Mysteries" ---- */ .centeritem { text-align: center; margin-left: auto; margin-right: auto; } .centeritem h2 { margin-top: 20px; } .centeritem div { width: 600px; text-align: center; margin-left: auto; margin-right: auto; } p.centeritem { margin-top:0px; } div.centeritem { margin-bottom: 50px; } /* ---- Styling for box inside page flow (on stock footage page and contact page) ---- */ div.rightbox { position: relative; margin-left:20px; margin-top:8px; margin-bottom:0px; padding-left:4px; padding-right:4px; top:0px; float: right; text-align: right; clear: both; font-size:20px; line-height: 1.2; font-weight: bolder; border: 1px #993300 solid; background-color: #ffffcf; } a.rightbox { color: #993300; } .rightbox p { width:351px; margin-right:0px; line-height: 1.5; font-family: georgia, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; color: #001100; font-size: 12px; font-weight: 500; } /* ---- Styling for listing of still stock categories (on stills_main.htm) ---- */ div.stillslist { text-align: center; font-family: Arial; margin-top:30px; width: 748px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } div.stillslist ul { } div.stillslist li { float:left; clear:none; text-align: center; padding-left: 6px; padding-right: 6px; width: 175px; } div.stillslist p { float: left; clear:none; text-align: center; width: 175px; } div.stillslist img { width: 130px; height: 88px; border:none; } div.stillslist a { text-decoration:none; } /* ---- Styling for floating images (on prints.htm) ---- */ div.clearcontainer { float:left; clear:both; width:100%; margin-left:0px; margin-right:0px; margin-bottom:30px; } .leftelement, .rightelement { width: 370px; height: 257px; } .leftelement { float: left; clear: left; } .rightelement { float: right; clear: right; } div.rightelement, div.leftelement { background-color: #ffffcf; margin-left:4px; margin-right:4px; } div.leftelement { float:right; } div.rightelement { float:left; } div.innertext { margin:15px; } div.innertext p { margin-top:0px; margin-left:0px; margin-right:0px; padding-bottom:0px; color: #214200; } div.centerpair { width:744px; height:257px; margin-bottom:6px; margin-left:auto; margin-right:auto; text-align:center; clear: both; } .pairleft { float:left; clear:left; width:370px; height:257px; margin:0px; margin:0px; padding:0px; } .pairright { float:right; clear:right; width:370px; height:257px; margin:0px; padding:0px; } div.centercaption { float:left; clear: both; width:100%; background-color: #ffffcf; } div.lastcontainer { float:left; clear:both; width:100%; background-color: #ffffcf; padding-bottom:0px; margin-bottom:0px; } /* ---- Styling for page-top navigation menus ---- */ ul.pagemenu { list-style: none; text-align: center; } li.pagemenu { display: inline; font-family: Impact, Palatino Linotype, serif; font-size: 16px; letter-spacing:.8px; font-weight: 200; margin-left: 6px; margin-right: 6px; } /* ---- Styling for body stock footage navigation menu ---- */ div.stockmenu { width: 750px; text-align: center; margin-left: auto; margin-right: auto; clear: both; margin-bottom: 50px; } ul.stockmenu { list-style: none; text-align: left; } li.stockmenu { font-family: Impact, Palatino Linotype, serif; font-size: 16px; letter-spacing:.8px; font-weight: 200; text-align: left; clear: both; } li.stockmenu div { float: left; width: 230px; line-height: 16px; margin-left: 10px; margin-right: 10px; margin-top: 6px; margin-bottom: 6px; } /* ---- Styling for top-of-page stock footage navigation menu ---- */ div.stocktop { width: 800px; text-align: center; margin-left: auto; margin-right: auto; clear: both; margin-bottom: 50px; } ul.stocktop { list-style: none; text-align: left; } li.stocktop { font-size: 12px; letter-spacing:.8px; text-align: left; clear: both; } li.stocktop div { float: left; width: 140px; line-height: 12px; margin-left: 10px; margin-right: 10px; margin-top: 2px; margin-bottom: 2px; } /* ---- Styling for left stock footage navigation menu ---- */ div.stockleft { position:relative; width:160px; left: 0px; top: 0px; float:left; clear:none; font-size:13px; z-index: 2; } div.stockleftbg { position:absolute; top:0px; left:0px; width:160px; min-height:100%; height:auto !important; height:100%; background-color: #004000; } div.stockleft p { padding-top:8px; padding-bottom:8px; margin:0px; padding-left:8px; padding-right:8px; text-indent:-5px; line-height:13px; background-color: #004000; } div.stockleft a { color:#ffffaa; } div.stockleft a:hover { color: #ff0000; } div.avoidleft, div.avoidleft_shorttext { position: relative; left: 0px; top: 0px; padding-left: 30px; padding-right: 30px; padding-top: 0px; padding-bottom:20px; margin-left:160px; margin-right:0px; margin-bottom:0px; text-align: left; } div.avoidleft { background: url(/images/righttextbg2.png); background-repeat: repeat-y; } .sitepage div.avoidleft, sitepage div.avoidleft_shorttext { margin-top: 0px; } .iesitepage div.avoidleft, iesitepage div.avoidleft_shorttext { margin-top: -5px; } div.avoidleft p, div.avoidleft_shorttext p { margin-left:0px; } img.avoidleft, img.avoidleft_shorttext { position: absolute; left: 160px; right: 0px; top: 0px; width: 740px; margin-left: auto; margin-right: auto; } div.avoidleftbg_shorttext { position:absolute; width:900px; top:0px; left:0px; min-height:100%; height:auto !important; height:100%; background: url(/images/righttextbg2.png); background-repeat: repeat-y; } /* ---- Styling for navigation banner ---- */ .sitepage #banner, .iesitepage #banner { font-family: Palatino Linotype; position: relative; text-align: left; width: 900px; height: 31px; background: url(/images/mountainstrip.jpg); margin-left: auto; /* ----This centers the page---- */ margin-right: auto; /* ----in all non-IE broswers---- */ margin-top:0; margin-bottom:0; padding-left: 0px; padding-right: 0px; z-index: 3; } .iesitepage #banner { margin-top:-6px; } #nav { width: 900px; float: left; list-style: none; font-weight: bold; padding-left: 0px; padding-right: 0px; margin: 0; } #nav a { display: block; color: #003200; text-decoration: none; } #nav .category ul li a { font-family: Palatino Linotype, Trebuchet MS, Helvetica; font-size: 12px; color: #66ff66; } #nav .category ul li a:hover { color: #ffa500; } #nav .category { float: left; font-size: 18px; text-indent: 2px; width: 149px; padding-top: 1px; padding-bottom: 1px; padding-left: 0px; padding-right: 0px; background: #D3D3D3; border-top: 1px #333333 solid; border-bottom: 1px #aaaaaa solid; } #nav li ul { position: absolute; background-color: #006400; list-style-type: none; left: -999px; top: 31px; height: auto; border: 1px solid #90EE90; width: 146px; margin: 0; padding-left: 2px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } #nav li:hover ul, #nav li.sfhover ul { left: auto; z-index: 100; } #nav li.category:hover, #nav li.category.sfhover { color: #006400; background: none; } #nav li.category:hover a.main_menu, #nav li.category.sfhover a.main_menu { color: #eeeeee; }