/*========================== Title: Main Stylesheet Author: Paul Carbo ============================*/ /* Global ***********************************************************************************************/ body {color: #7c859a;font-size: 62.5%;font-family: Verdana, "Lucida Grande", sans-serif;line-height: 1;background: #0c0f17 url(../img/bg.gif) repeat-y center top;} a {color: #7c859a;text-decoration: none;border: none;outline: none;} a:hover {color: #fff;border-bottom: none;} p {margin: 0 0 1em 0;} br.clear {clear: both;} br.space1 {line-height: 2.0em;} hr {border: 0;border-top: 1px #cccbcf solid;margin: 3em 0 3em 0;} div.ie-fix {display: none;} .texthide, .texthide3 {visibility: hidden;} .texthide2 {display: none;} .smaller {font-size: .8em;} .ind1 {text-indent: 20px} .strike {text-decoration: line-through;} /* Header ***********************************************************************************************/ div#container-head {width: 960px;height:89px;margin: 0 auto;padding-top: 21px;} h1 {display: inline;} h1 a#logo {width: 361px;height: 89px;background: url(../img/logo.png) no-repeat bottom;border: none;float: left;display: block;} h1 a#logo:hover {background: url(../img/logo.png) no-repeat top;} h1.logo {width: 361px;height: 89px;background: url(../img/logo.png) no-repeat bottom;float: left;display: block;} #but-purchphotos {width: 184px;height: 38px;background: url(../img/but-purchphotos.png) no-repeat bottom;margin: 20px 0 0 0;float: right;display: block;} #but-purchphotos:hover {background-position: top;} /* Nav ***********************************************************************************************/ #nav1 {width: 200px;height: 29px;background: url(../img/buttons.png) 0px 0px;display:block} #nav1:hover {background-position: 400px 0px;} #nav1_on {width: 200px;height: 29px;background: url(../img/buttons.png) 200px 0px;;display: block;} #nav2 {width: 200px;height: 29px;background: url(../img/buttons.png) 0px -29px;display:block} #nav2:hover {background-position: 400px -29px;} #nav2_on {width: 200px;height: 29px;background: url(../img/buttons.png) 200px -29px;display: block;} #nav3 {cursor: pointer;width: 200px;height: 29px;background: url(../img/buttons.png) 0px -58px;display:block} #nav3:hover {background-position: 400px -58px;} #nav3_on {width: 200px;height: 29px;background: url(../img/buttons.png) 200px -58px;display: block;} #nav4 {width: 200px;height: 29px;background: url(../img/buttons.png) 0px -87px;display:block} #nav4:hover {background-position: 400px -87px;} #nav4_on {width: 200px;height: 29px;background: url(../img/buttons.png) 200px -87px;display: block;} #nav5 {width: 200px;height: 29px;background: url(../img/buttons.png) 0px -116px;display:block} #nav5:hover {background-position: 400px -116px;} #nav5_on {width: 200px;height: 29px;background: url(../img/buttons.png) 200px -116px;display: block;} #nav6 {width: 200px;height: 29px;background: url(../img/buttons.png) 0px -145px;display:block} #nav6:hover {background-position: 400px -145px;} #nav6_on {width: 200px;height: 29px;background: url(../img/buttons.png) 200px -145px;display: block;} #nav7 {width: 200px;height: 29px;background: url(../img/buttons.png) 0px -174px;display:block} #nav7:hover {background-position: 400px -174px;} #nav7_on {width: 200px;height: 29px;background: url(../img/buttons.png) 200px -174px;display: block;} /* Left ***********************************************************************************************/ div#container {font-size: 1.3em;width: 960px;margin: 0 auto;padding: 10px 0 0 0;} div.col-left {width: 200px;float: left;} div.sideNav {margin-top: 10px;border-bottom: 1px #475167 solid;} div.sideNav h2 {height: 29px;border-top: 1px #475167 solid;} /* Right ***********************************************************************************************/ div.col-right {width: 740px;padding: 10px 0 10px 10px;float: right;} div#hold-bio {height: 565px; width: 710px;background: url(../img/bio-02.jpg);padding: 20px 0 0 20px;border: 1px #fff solid;display: block;} div#hold-bio h2 {height: 22px; width: 254px;background: url(../img/title-kevinhoffman.png);margin-bottom: 20px;display: block;} div#hold-bio h3 {height: 17px; width: 184px;background: url(../img/title-contact.png);margin: 30px 0 15px 0;display: block;} div#hold-bio p {color: #334265;font-size: 12px;line-height: 17px;} div#hold-bio a {color: #334265;} div#hold-bio a:hover {color: #7c859a;} /* Footer ***********************************************************************************************/ div#footer {color: #535e77;font-size: .9em;width:960px;margin: 0 auto;padding: 20px 0 10px 0;} div#footer a {color: #535e77;} div#footer a:hover {color: #7c859a;} .f-left {width:400px;float: left;} .f-right {width:400px;text-align: right;float: right;} #paulcarbo {width: 61px;height: 17px;background: url(../img/paulcarbo.png);margin-top: 10px;float:right;display:block;} /* Cycle ***********************************************************************************************/ div#leftcontrol {color: #535e77;text-align: right;width:190px;position: absolute; bottom: 0px;} div#leftcontrol a {color: #535e77;} div#leftcontrol a:hover {color: #7c859a;} #triggers {width: 200px;font:80% "helvetica neue",sans-serif;letter-spacing:3px;text-transform:uppercase;text-align: center;margin: 10px auto 0 auto;;} #navvy { width: 200px; margin: 0;border: none;} #navvy li { width: 35px;float: left;margin: 3px 3px 7px 2px;list-style: none;border: none;} #navvy a { width: 35px; padding: 0; display: block; border: 1px solid #1c2437; } #navvy a.activeSlide {border-color: #fff;} #navvy a:focus { outline: none; } #navvy img {border: none; display: block } /* Toggle ***********************************************************************************************/ #mylist {text-align: right; margin: 0;border: none;display: none;} #mylist li {height:20px;font-size: .85em;padding: 0 12px 0 0;border: none;display:block;} #mylist-on {color: #fff;text-align: right; margin: 0;border: none;} #mylist-on li {height:20px;font-size: .85em;padding: 0 12px 0 0;border: none;display:block;} ul#my_gallery {height: 587px; width: 732px;display: none;} ul#my_gallery li {height: 587px; width: 732px;} ul#my_gallery li img {margin: auto; border: 1px #fff solid;display: block;} ul#home, ul#home li {height: 587px; width: 732px;} ul#home li img { display: block; margin: auto; border: 1px #fff solid;} .nojavaMessage-1 {height: 587px; width: 732px;background: url(../img/javamessage.jpg);display: block;}