/* CSS Document */ /*------------------------------------------------------------ UNIVERSAL ------------------------------------------------------------*/ * {margin: 0; padding: 0;} html, body {height:100%;} body {background: url(/images/site2/intro/introHeadBack02.jpg) repeat-x top center #58585a; color:#333333;font-family:Helvetica,Arial,sans-serif;font-size: 62.5%;} h1 {font-size: 2em; margin:0; padding:0;} h2 {font-size: 2.4em; margin:0; padding:0;} h3 {font-size: 2em; margin:0; padding:0;} h4 {font-size: 2em; margin:0; padding:0;} h5 {font-size: 2em; margin:0; padding:0;} p {font-size: 1.2em; margin:0; padding:0;} li {font-size: 1.2em; margin:0; padding:0;} a {outline:none;} .clear { clear:both;} /* ----------------------------------------------------------------- Page Structure -------------------------------------------------------------------- */ #pageWrap {height:auto !important;height:100%;margin: 0 auto -175px;min-height:100%;width:930px;} #push {height: 175px;} /*-----------------------HEADER---------------------------------*/ #headerIntro {height: 245px; margin:0 auto; width: 930px;} #topBar {margin:0 auto; height:30px; width:588px;} #topBar p { color:#FFFFFF; display:inline; float:left; padding:6px 19px 0; text-align:right;} p.moreRight { margin-right:25px;} #topBar p a {color:#FFFFFF;text-decoration:none} #topBar p a:hover {color:#FFFFFF;text-decoration: underline;} #rssTopIntro {background: url(../images/site2/intro/rss.png) no-repeat transparent; float:right; height: 16px; margin: 4px 2px 0; width: 16px;} #rssTopIntro a {float:right;height: 16px; margin: 4px 2px 0; text-indent: -9999px;width: 16px;} #introLogoWrap {clear: both; float: left; height: 155px; width: 930px;} #introLogo {background: url(../images/site2/intro/introLogo02.png) transparent no-repeat top left; height:155px; margin: 0 auto; text-indent:-9999px;width:497px;} a.introLogo {height:130px;float:left;position:relative;text-indent:-9999px;top:25px;width:500px;} #searchTopIntro {float:right; height: 62px; width:284px;} #searchTopIntro #searchFieldIntro {background: url(../images/site2/main/searchField02.jpg) no-repeat top right ; float:right;height: 45px;margin:7px 35px 0 0;width: 250px;} #searchFieldIntro input#s {background:transparent none repeat scroll 0 0 !important; border:medium none !important;color:#ffffff; float: left; font-family:Georgia,serif;font-size:14px;font-style:italic;font-weight:normal; line-height:normal;margin:10px 0 0 10px; outline-style:none;outline-width:medium;padding:3px;width: 200px;} #searchFieldIntro input#search-button {background: transparent url(../images/site2/main/eyeGlass.png) no-repeat scroll top left; border: medium none; cursor: pointer; float: left; height:24px; margin: 8px 0 0 5px; overflow: hidden; text-indent: -9999px; width:24px;} /*-----------------------NAV---------------------------------*/ #navIntroWrap {clear: both;float: left;height: 62px;width: 930px;} #navIntro {float:left; height: 43px; margin: 3px 0 0 12px; width: 600px;} ul#mainNav {background: url(/images/site2/navMain02/mainNav.jpg) no-repeat; float:left; height:43px;list-style-type:none;width:600px;} ul#mainNav li.shutter {display:block;float:left;height:43px;width:100px;} ul#mainNav li#shutter1 {background: transparent url(../images/site2/navMain02/navShutter_01.jpg) no-repeat scroll 0;margin-top:0;} ul#mainNav li#shutter2 {background: transparent url(../images/site2/navMain02/navShutter_02.jpg) no-repeat scroll 0;margin-top:0;} ul#mainNav li#shutter3 {background: transparent url(../images/site2/navMain02/navShutter_03.jpg) no-repeat scroll 0;margin-top:0;} ul#mainNav li#shutter4 {background: transparent url(../images/site2/navMain02/navShutter_04.jpg) no-repeat scroll 0;margin-top:0;} ul#mainNav li#shutter5 {background: transparent url(../images/site2/navMain02/navShutter_05.jpg) no-repeat scroll 0;margin-top:0;} ul#mainNav li#shutter6 {background: transparent url(../images/site2/navMain02/navShutter_06.jpg) no-repeat scroll 0;margin-top:0;} ul#mainNav li#shutter01 {background: transparent url(../images/site2/navMain02/navShutter_01b.jpg) no-repeat scroll 0;margin-top:0;} ul#mainNav li#shutter02 {background: transparent url(../images/site2/navMain02/navShutter_02b.jpg) no-repeat scroll 0;margin-top:0;} ul#mainNav li#shutter03 {background: transparent url(../images/site2/navMain02/navShutter_03b.jpg) no-repeat scroll 0;margin-top:0;} ul#mainNav li#shutter04 {background: transparent url(../images/site2/navMain02/navShutter_04b.jpg) no-repeat scroll 0;margin-top:0;} ul#mainNav li#shutter05 {background: transparent url(../images/site2/navMain02/navShutter_05b.jpg) no-repeat scroll 0;margin-top:0;} ul#mainNav li#shutter06 {background: transparent url(../images/site2/navMain02/navShutter_06b.jpg) no-repeat scroll 0;margin-top:0;} a#home, a#about, a#web, a#graphic, a#blog, a#contact {background: transparent url(../images/site2/navMain02/navWindow_01.png) no-repeat scroll bottom center; display:block;height:43px;text-indent:-9999px;width:100px;} /*-----------------------CONTENT---------------------------------*/ #topContent {background: url(../images/site2/intro/topContent02.jpg) no-repeat top left; clear:both;float:left;height: 250px; margin: 0; padding: 0; width: 930px;} #leftTop {float: left;height: 248px;width: 595px;} #leftTop h1 {font-size: 2.4em; color:#3F3F3F; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; line-height: 1.5em; margin:0; padding:22px 10px 15px;} #leftTop p { color:#6F6F6F; line-height: 1.5em; padding:0 10px 10px;} #leftTop a {color: #25ADE3; text-decoration: none;} #leftTop a:hover {color: #25ADE3; text-decoration:underline;} #leftTop img.left {border:1px solid #bebebe; float:left; padding:4px; margin:33px 20px 10px 40px;} #rightTop {float: right;height: 248px;width: 306px;} #rightTop h3 {font-size: 2.0em; color:#25ADE3; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; line-height: 1.5em; margin-right: 2px; padding:27px 0 14px 0; text-align: center; width: 300px;} #rightTop a {color: #25ADE3; text-decoration: none;} #rightTop a:hover {color: #25ADE3; text-decoration:underline;} #rightTop p {color:#6F6F6F; line-height: 1.5em; margin-bottom:10px; padding: 0 25px 0;} span.optionNav a {background: url(/images/site2/option-nav.png) left top no-repeat; display: block; font-size: 1.2em; font-weight: 700; line-height: 1.5px; margin:22px 0 25px 25px; padding: 7px 18px;} #sampleContent {background: url(../images/site2/intro/sampleContent02.jpg) no-repeat top left; clear:both;float:left;height: 217px; margin: 0; padding: 0; width: 930px;} #sampleContent a {color: #25ADE3; text-decoration: none;} #sampleContent a:hover {color: #25ADE3; text-decoration:underline;} #sampleLeft { background: url(../images/site2/intro/samples/back1.gif) no-repeat top left; float: left;height: 166px; margin: 22px 0 0 28px ; width: 260px;} #sampleLeft p.sampleShutter {display:block;float:left;height:166px;width:260px;} #sampleLeft p#sampleShutter1 {background: transparent url(../images/site2/intro/samples/shutter1.gif) no-repeat scroll 0;margin-top:0;} #sampleMid { background: url(../images/site2/intro/samples/back2.gif) no-repeat top left;float: left;height: 166px; margin: 22px 0 0 47px;width: 260px;} #sampleMid p.sampleShutter {display:block;float:left;height:166px;width:260px;} #sampleMid p#sampleShutter2 {background: transparent url(../images/site2/intro/samples/shutter2.jpg) no-repeat scroll 0;margin-top:0;} #sampleRight { background: url(../images/site2/intro/samples/back3.gif) no-repeat top left;float: right;height: 166px; margin: 22px 28px 0 0;width: 260px;} #sampleRight p.sampleShutter {display:block;float:left;height:166px;width:260px;} #sampleRight p#sampleShutter3 {background: transparent url(../images/site2/intro/samples/shutter3.jpg) no-repeat scroll 0;margin-top:0;} a#sample1, a#sample2, a#sample3 {background: transparent url(../images/site2/intro/samples/sampleWindow.png) no-repeat scroll bottom center; display:block;height:166px;text-indent:-9999px;width:260px;} #contentWrapIntro {background: url(../images/site2/intro/contentBottom.jpg) no-repeat bottom left;clear:both; float:left; padding:0 0 30px; position:relative; text-align:left; width:930px} #introBlogTop {background: url(/images/site2/intro/introBlogTop02.jpg) no-repeat top left;height: 66px;width: 930px;} #introBlogTop h2 {font-size: 2.4em; color:#3F3F3F; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; padding: 27px 0 0 40px; text-align: left;} #introBlogContent {background: url(../images/site2/intro/contentWide.jpg) repeat-y top left; float: left;padding:0 0 30px; width: 930px;} #introBlogLeft {float:left; width:266px; padding:0 32px 0 0; margin-left: 40px;} #introBlogMid {float:left; width:266px; padding-right: 32px;} #introBlogRight {float:left; width:266px;} #introBlogContent h4 {font-size: 2em; color:#25ADE3; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; padding: 24px 0 2px; text-align: left;} #introBlogContent p.introDate {color: #3F3F3F; padding:0 0 15px 2px; font-size: 1.1em;margin: 0;} #introBlogContent p {color:#6F6F6F; font-size:1.3em;line-height:1.5em; margin:0 0 20px;} #introBlogContent a {color: #25ADE3; text-decoration: none;} #introBlogContent a:hover {color: #25ADE3; text-decoration:underline;} #contentWrapIntro p span.optionNav a{background: url(/images/site2/option-nav.png) left top no-repeat; display: block; font-size: 1em; font-weight: 700; line-height: 1.1px; margin:7px 0 0 2px; padding: 7px 18px; float: left;} /*-----------------------FOOTER---------------------------------*/ #footer {background: #58585a;height:175px;width:100%;} #footerContent {background: url(../images/site2/footer/footer02.jpg);height:213px;margin:0 auto;position:relative;width:930px;} #footerAddress {float:left; padding: 10px 0 0 28px;} #footerAddress p {color:#6F6F6F;display:block;line-height:1.3;margin: 8px 15px;text-align:left;} #footerAddress p.siteMap {font-size:1.8em;font-weight: lighter;} #footerAddress p.siteMap a {color:#25ADE3;text-decoration:none;} #footerAddress p.siteMap a:hover {color:#25ADE3;text-decoration: underline;} #footerAddress address {color:#6F6F6F;display:block;font-size:1.2em;font-style:normal;line-height:1.3;margin: 10px 0 10px 15px;text-align:left;} #footerAddress address a {color:#25ADE3;text-decoration:none} #footerAddress address a:hover {color:#25ADE3;text-decoration: underline;} #bottomLogo {background:url(../images/site2/footer/bottomLogo.png) transparent no-repeat 0;float:right;height:70px;line-height:0; margin:20px 35px 0 0;padding:0;text-indent:-9999px;width:70px;} #bottomLogo a {float:right;height:70px;margin:0;padding:0;right:0;text-indent:-9999px;top:0;width:70px;} #no-show {text-indent: -9999px; height: 0; width: 0;}