/* GENERAL --------------------------------------------------------------------*/ * {border:0; margin:0; padding:0;} html, body {background-color:#FFFFFF; font-family:'Helvetica','Arial'; font-size:12px; color:#722e6f; line-height:16px; font-size: 15px;} a {color:#591b57; text-decoration:none;} a:hover {text-decoration:underline;} h2 {font-family:'Verdana','Arial'; font-size:17px; font-weight:normal; letter-spacing:1px; margin-bottom:0px; padding-bottom:0px; color:#691b66;} h3 {text-transform:uppercase; font-weight:normal;} h4 {} /* LAYOUT --------------------------------------------------------------------*/ #outer-container {min-height:100%; position:relative;} /* for footer */ #header-bg {position:relative; background:transparent url(../../images/smallest_repeat-tear2.png) repeat-x 0 100%; height:507px; overflow:visible;} .wrapper {width:1036px; margin: auto auto; min-height:100%} #header {position:relative; background:url(../../images/angelic_header-red2.jpg) no-repeat; height:310px; width:1036px; margin-left:0px; margin-right:-68px; overflow: visible;} /* NAV --------------------------------------------------------------------*/ #menu{list-style:none; float:right; padding-right:0px;} #menu li {float:left; text-align:right; height:46px; width:112px;} #menu span {display:none;} #menu a#home {float:left; background:url(../../images/menu-home-on.jpg) no-repeat; height:46px; width:112px;} #menu a#portfolio {float:left; background:url(../../images/menu-portfolio-off.jpg); height:46px; width:112px;} #menu a#about {float:left; background:url(../../images/menu-about-off.jpg); height:46px; width:112px;} #menu a#contact {float:left; background:url(../../images/menu-contact-off.jpg); height:46px; width:112px;} #menu a#home:hover {background:url(../../images/menu-home-on.jpg) no-repeat;} #menu a#portfolio:hover {background:url(../../images/menu-portfolio-hover.jpg) no-repeat;} #menu a#about:hover {background:url(../../images/menu-about-hover.jpg) no-repeat;} #menu a#contact:hover {background:url(../../images/menu-contact-hover.jpg) no-repeat;} /* content */ #header-copy {font-size:15px; color:#CC9984; float:left; padding-left:0px; padding-top:0px; width:1036px; line-height:18px;} #header-copy a {text-decoration: none; border-bottom: 1px dashed; color:#CC9984;} #header-copy a:hover {text-decoration: none; border-bottom: 1px dashed; color:#B04E48;} /* PAGE BACKGROUND --------------------------------------------------------------------*/ #wrapper-page {margin:0 auto; width:1036px; margin-top:-150px; background-image:url(../../images/page-middle.png); background-repeat:repeat-y; background-position:center; z-index: 3} #page-container {width:1036px; position:relative; padding-left:12px;} #pfoot-wrapper {margin: 0 auto; width: 1036px; text-align: left;} #pfoot {background: url(../../images/page-bottom3.png) bottom left no-repeat; width: 1036px; height:21px;} /* FOOTER --------------------------------------------------------------------*/ #footerpush {padding-bottom:50px; /* height of the footer */} #footer {position:relative; bottom:0; height:190px; /* Height of the footer */ background:#6cf; background: url(../../images/footer.png) bottom center no-repeat; width: 1036px; margin-left:0px; margin-top:0px;} #form-position {margin-top:-5px; margin-left: 50px;} #contact-title {width: 94px; height: 19px; background-image:url(../../images/contactme.png);} #contact-title span {display: none;} #form-position form {margin:0 0 0 0; padding:0 0 0 0;} #form-position #fname {height: 24px; width: 270px; margin-bottom: -3px; font-size:12px; color:#371006; margin-top:0px; background: transparent url(../../images/input-name.jpg); background-repeat:no-repeat; clear:left; padding-left:10px; padding-top:3px;} #form-position #femail {height: 23px; width: 274px; margin-bottom: -3px; font-size:12px; color:#371006; margin-top:0px; background: transparent url(../../images/input-email.jpg); background-repeat:no-repeat; clear:left; padding-left:10px; padding-top:3px; clear:left;} #form-position #fcomments {font-family: Arial, sans-serif; height: 81px; width: 266px; font-size:12px; color:#371006; margin-top:0px; background: transparent url(../../images/input-comments.jpg); background-repeat:no-repeat; padding-left:10px; padding-top:3px; padding-bottom: 12px; overflow:auto; display : block;} #submit {margin-top:-10px;} #links {float:right; margin-top:15px; line-height:23px; width:630px; clear:both;} #links a {color:#5a1a57; text-decoration:none; font-weight:bold; letter-spacing:2px; font-size:11px;} #links a:hover {text-decoration: none; border-bottom: 1px dashed;} #leftcol {float:left; width: 120px;} .rightcol {float:left; width: 120px;} #copyright {float:left; line-height: 23px; font-style:italic; clear:left; font-size:12px; width:500px;} #copyright .validate {background-image:url(../../images/check.jpg); background-repeat:no-repeat; width: 100px; height: 30px; padding-left: 28px; text-decoration: underline; border-bottom: 0px; font-style:italic; font-size:12px; padding-bottom:10px;color:#722e6f; padding-top:4px;} #copyright .validate:hover { border-bottom: 0px; text-decoration: none; background-image:url(../../images/check-on.jpg)} /* BODY --------------------------------------------------------------------*/ /* left */ #body-wrap {width:990px; overflow:visible; position:relative; text-align:left; margin-left:49px;} #body-wrap span {display: none;} #feat {background-image:url(../../images/recent-proj.png); background-repeat:no-repeat; width: 185px; height: 22px; margin-left:0px; margin-bottom:0px;} /*title*/ #feat1 {background-image:url(../../images/feat1.png); width:305px; height:173px; position:relative;} #feat2 {background-image:url(../../images/feat2.png); width:316px; height:173px; margin-left:301px; position:relative;} #feat1-txt {width:300px; padding-bottom:10px; padding-left:5px; margin-top:-116px; font-size: 12px;} #feat2-txt {width:300px; padding-bottom:10px; margin-left:320px; font-size: 12px;} .feat-title {position:relative; color:#594D42; font-size:11px; letter-spacing:3px; padding-bottom:5px;} .feat-title a {text-decoration: none; border-bottom: 1px dashed;} .feat-title a:hover {text-decoration: none; border-bottom: 0px} .feat-txt-i {color:#722e6f; font-style:italic; letter-spacing:1px;} .feat-txt-i a {color:#722e6f; text-decoration: none; border-bottom: 1px dashed;} .feat-txt-i a:hover {text-decoration: none; border-bottom: 0px} .feat-txt-norm {color:#722e6f; letter-spacing:1px; padding-top:5px;} a#view-proj-btn {float:left; background:url(../../images/view-proj-btn.jpg) top left no-repeat; width:611px; height:43px;} a#view-proj-btn:hover {background:url(../../images/view-proj-btn-on.jpg) no-repeat;} a#view-proj-btn span {display:none;} /* right */ #divider {float:right; background-image:url(../../images/divider2.png); width:14px; height:590px; margin-top: -520px; margin-right: 340px; clear:right;} #right-wrap {float:right; margin-top:-500px; margin-right: -285px; width:300px;} #tm {background-image:url(../../images/tm6.png); width:293px; height:283px; margin-left:30px; background-repeat: no-repeat;} .contact-column {background-image:url(../../images/contact-column-bg-red.png); background-repeat:no-repeat; width:245px; height:200px; position:relative; margin-left:60px;padding-top:55px; margin-top:-50px;} .contact-column-bottom {background-image:url(../../images/contact-column-bg-red-bottom.png); background-repeat:no-repeat; width:336px; height:200px; position:relative; margin-left:40px; padding-top:55px; margin-top:-50px;} .contact-column-quote1 {background-image:url(../../images/quote1.jpg); background-repeat:no-repeat; width:275px; height:375px; position:relative; margin-left:40px;padding-top:55px; margin-top:-25px;} #quote1 {background-image:url(../../images/quote1.jpg); background-repeat:no-repeat; width:275px; height:375px; position:relative; margin-left:40px;padding-top:55px; margin-top:-25px;} .contact-column-quote1 {background-image:url(../../images/quote1.jpg); background-repeat:no-repeat; width:275px; height:375px; position:relative; margin-left:40px;padding-top:55px; margin-top:-25px;} #quote1-large {background-image:url(../../images/quoteNew.jpg); background-repeat:no-repeat; width:275px; height:375px; position:relative; margin-left:40px;padding-top:55px; margin-top:-25px;} .contact-text {width:182px; position:relative; text-align:center; letter-spacing:1px; margin-left:33px; color:#5a5a58; font-size: 15px; line-height:24px;} .contact-text-bottom {width:182px; position:relative; text-align:center; letter-spacing:1px; margin-left:75px; color:#5a5a58; font-size: 15px; line-height:24px;} .contact-text a {color:#722e6f; text-decoration: none; border-bottom: 1px dashed;} .contact-text-bottom a {color:#722e6f; text-decoration: none; border-bottom: 1px dashed;} .contact-text a:hover {text-decoration: none; border-bottom: 0px;} .contact-text2 {font-size:11px; font-style:italic; color:#722e6f; margin-left:22px; line-height: 15px; width:200px; padding-top:6px; text-align:center;} .contact-text2-bottom {font-size:11px; font-style:italic; color:#722e6f; margin-left:65px; line-height: 15px; width:200px; padding-top:6px; text-align:center;} a.contactcol-btn {background-image:url(../../images/contactcol-btn.jpg); background-repeat:no-repeat; background-position:center; width:73px; height:30px; display:block; margin: 0 auto; } a.contactcol-btn span {display:none;} #contct {width:243px; margin-left:60px;} a#linkedin {background-image:url(../../images/linkedin-ico.jpg); background-repeat:no-repeat; width: 100px; height: 25px; padding-left: 25px; text-decoration: underline; border-bottom: 0px; font-style:italic; font-size:11px; padding-bottom:8px; padding-top:2px;color:#722e6f; letter-spacing:1px;} a#linkedin:hover {text-decoration: none; background-image:url(../../images/linkedin-ico-on.jpg)} .space {margin-top: 1px;} a#skype {background-image:url(../../images/skype-ico.jpg); background-repeat:no-repeat; width: 100px; height: 25px; padding-left: 25px; text-decoration: underline; border-bottom: 0px; font-style:italic; font-size:11px; padding-bottom:8px; padding-top:2px;color:#722e6f; letter-spacing:1px;} a#skype:hover {text-decoration: none; background-image:url(../../images/skype-ico-on.jpg)} /* bookmark icons */ #bookmarkme {background-image:url(../../images/bookmarkme.png); width: 120px; height: 16px; margin-top:10px;} #bookmarklinks {background-image:url(../../images/bookmark-bg.jpg); background-repeat:no-repeat; width: 247px; height: 43px; margin-top:5px; padding-top:10px; padding-left:5px;} a#delish {float:left; background-image:url(../../images/delish-ico.jpg); background-repeat:no-repeat; width: 21px; height: 25px; padding-right:5px;} a#delish:hover {background-image:url(../../images/delish-ico-on.jpg);} a#mag {float:left; background-image:url(../../images/mag-ico.jpg); background-repeat:no-repeat; width: 21px; height: 25px; padding-right:5px;} a#mag:hover {background-image:url(../../images/mag-ico-on.jpg);} a#tech {float:left; background-image:url(../../images/tech-ico.jpg); background-repeat:no-repeat; width: 21px; height: 25px; padding-right:5px;} a#tech:hover {background-image:url(../../images/tech-ico-on.jpg);} a#stumble {float:left; background-image:url(../../images/stumble-ico.jpg); background-repeat:no-repeat; width: 21px; height: 25px; padding-right:5px;} a#stumble:hover {background-image:url(../../images/stumble-ico-on.jpg);} a#digg {float:left; background-image:url(../../images/digg-ico.jpg); background-repeat:no-repeat; width: 21px; height: 25px; padding-right:5px;} a#digg:hover {background-image:url(../../images/digg-ico-on.jpg);} a#news {float:left; background-image:url(../../images/news-ico.jpg); background-repeat:no-repeat; width: 21px; height: 25px; padding-right:5px;} a#news:hover {background-image:url(../../images/news-ico-on.jpg);} a#diigo {float:left; background-image:url(../../images/diigo-ico.jpg); background-repeat:no-repeat; width: 21px; height: 25px; padding-right:5px;} a#diigo:hover {background-image:url(../../images/diigo-ico-on.jpg);} a#mixx {float:left; background-image:url(../../images/mixx-ico.jpg); background-repeat:no-repeat; width: 21px; height: 25px; padding-right:5px;} a#mixx:hover {background-image:url(../../images/mixx-ico-on.jpg);} a#df {float:left; background-image:url(../../images/df-ico.jpg); background-repeat:no-repeat; width: 21px; height: 25px; padding-right:5px;} a#df:hover {background-image:url(../../images/df-ico-on.jpg);} a#reddit {float:left; background-image:url(../../images/reddit-ico.jpg); background-repeat:no-repeat; width: 21px; height: 25px; padding-right:5px;} a#reddit:hover {background-image:url(../../images/reddit-ico-on.jpg);} /* CAROUSEL --------------------------------------------------------------------*/ .slide {background-image:url(../../images/slide-bg.png); background-repeat:no-repeat; width:690px; height:345px; margin-top:20px; margin-left:-33px; padding-top:45px; padding-left:50px; margin-bottom:-65px;} .jCarouselLite {position: relative; width: 572px; height: 264px;} .jCarouselLite ul { width: 572px; height: 264px;} .jCarouselLite ul li { width: 572px; height: 264px; display: block;} .prev_button { position: absolute; margin-top:115px; margin-left:-35px; z-index: 999; width: 31px; height: 34px; background-image: url('../../images/left-button.png'); cursor: pointer;} .next_button { position: absolute; z-index: 999; margin-left:577px; margin-top:115px; width: 32px; height: 34px; background-image: url('../../images/right-button.png'); cursor: pointer;} .preview { position: relative;} .about { position: absolute; bottom: 0px; width: 816px; padding: 5px 5px; color: #FFFFFF; display: none; font-size: 11px; background-image:url(../../images/opacity.png)} .about_title { text-transform: uppercase;} /* for process.asp --------------------------------------------------------------------*/ #push-right {float:right; width:290px; margin-right:0px; margin-top:-100px; margin-left: 0px; height: 400px;} .contact-column2 {background-image:url(../../images/contact-column-bg.png); background-repeat:no-repeat; width:245px; height:200px; position:relative; padding-top:55px; margin-top:40px;} .contact-column2 h2 {font-family:'Verdana','Arial'; font-size:17px; font-weight:normal; letter-spacing:1px; margin-bottom:0px; padding-bottom:0px; color:#691b66;} .highslide-container div { font-family: Arial, sans-serif; font-size: 10pt; } .highslide-container table { background: none; } .highslide { outline: none; text-decoration: none; /*opacity: 100; */ /*opacity:100;filter:alpha(opacity=100);*/ } .highslide img { } .highslide:hover { /*opacity: .5; */ /*opacity:0.7;filter:alpha(opacity=70);*/ } .highslide-active-anchor img { visibility: hidden; } .highslide-gallery .highslide-active-anchor img { border-color: black; visibility: visible; cursor: default; } .highslide-image { border-width: 2px; border-style: solid; border-color: white; background: gray; } .highslide-wrapper, .highslide-outline { background: white; } .glossy-dark { background: #111; } .highslide-image-blur { } .highslide-number { font-weight: bold; color: gray; font-size: .9em; } .highslide-caption { display: none; font-size: 1em; padding: 5px; /*background: white;*/ } .highslide-heading { display: none; font-weight: bold; margin: 0.4em; } .highslide-dimming { position: absolute; background: black; } a.highslide-full-expand { background: url(../graphics/fullexpand.gif) no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px; } .highslide-loading { display: block; color: black; font-size: 9px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 3px; border: 1px solid white; background-color: white; padding-left: 22px; background-image: url(../graphics/loader.white.gif); background-repeat: no-repeat; background-position: 3px 1px; } a.highslide-credits, a.highslide-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 10px; } a.highslide-credits:hover, a.highslide-credits:hover i { color: white; background-color: gray; } .highslide-move, .highslide-move * { cursor: move; } .highslide-viewport { display: none; visibility: hidden; position: fixed; width: 100%; height: 100%; z-index: 1; background: none; left: 0; top: 0; } .highslide-overlay { display: none; } .hidden-container { display: none; } /* Example of a semitransparent, offset closebutton */ .closebutton { position: relative; top: -15px; left: 15px; width: 30px; height: 30px; cursor: pointer; background: url(../graphics/close.png); /* NOTE! For IE6, you also need to update the highslide-ie6.css file. */ } /*****************************************************************************/ /* Controls for the galleries. */ /* Remove these if you are not using a gallery */ /*****************************************************************************/ .highslide-controls { width: 195px; height: 40px; background: url(../graphics/controlbar-white.gif) 0 -90px no-repeat; margin: 20px 15px 10px 0; } .highslide-controls ul { position: relative; left: 15px; height: 40px; list-style: none; margin: 0; padding: 0; background: url(../graphics/controlbar-white.gif) right -90px no-repeat; } .highslide-controls li { float: left; padding: 5px 0; margin:0; } .highslide-controls a { background-image: url(../graphics/controlbar-white.gif); display: block; float: left; height: 30px; width: 30px; outline: none; } .highslide-controls a.disabled { cursor: default; } .highslide-controls a.disabled span { cursor: default; } .highslide-controls a span { /* hide the text for these graphic buttons */ display: none; cursor: pointer; } /* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */ .highslide-controls .highslide-previous a { background-position: 0 0; } .highslide-controls .highslide-previous a:hover { background-position: 0 -30px; } .highslide-controls .highslide-previous a.disabled { background-position: 0 -60px !important; } .highslide-controls .highslide-play a { background-position: -30px 0; } .highslide-controls .highslide-play a:hover { background-position: -30px -30px; } .highslide-controls .highslide-play a.disabled { background-position: -30px -60px !important; } .highslide-controls .highslide-pause a { background-position: -60px 0; } .highslide-controls .highslide-pause a:hover { background-position: -60px -30px; } .highslide-controls .highslide-next a { background-position: -90px 0; } .highslide-controls .highslide-next a:hover { background-position: -90px -30px; } .highslide-controls .highslide-next a.disabled { background-position: -90px -60px !important; } .highslide-controls .highslide-move a { background-position: -120px 0; } .highslide-controls .highslide-move a:hover { background-position: -120px -30px; } .highslide-controls .highslide-full-expand a { background-position: -150px 0; } .highslide-controls .highslide-full-expand a:hover { background-position: -150px -30px; } .highslide-controls .highslide-full-expand a.disabled { background-position: -150px -60px !important; } .highslide-controls .highslide-close a { background-position: -180px 0; } .highslide-controls .highslide-close a:hover { background-position: -180px -30px; } /*****************************************************************************/ /* Styles for the HTML popups */ /* Remove these if you are not using Highslide HTML */ /*****************************************************************************/ .highslide-maincontent { display: none; } .highslide-html { background-color: white; } .highslide-html-content { display: none; width: 400px; padding: 0 5px 5px 5px; } .highslide-header { padding-bottom: 5px; } .highslide-header ul { margin: 0; padding: 0; text-align: right; } .highslide-header ul li { display: inline; padding-left: 1em; } .highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next { display: none; } .highslide-header a { font-weight: bold; color: gray; text-transform: uppercase; text-decoration: none; } .highslide-header a:hover { color: black; } .highslide-header .highslide-move a { cursor: move; } .highslide-footer { height: 16px; } .highslide-footer .highslide-resize { display: block; float: right; margin-top: 5px; height: 11px; width: 11px; background: url(../graphics/resize.gif) no-repeat; } .highslide-footer .highslide-resize span { display: none; } .highslide-body { } .highslide-resize { cursor: nw-resize; } /*****************************************************************************/ /* Styles for the Individual wrapper class names. */ /* See www.highslide.com/ref/hs.wrapperClassName */ /* You can safely remove the class name themes you don't use */ /*****************************************************************************/ /* hs.wrapperClassName = 'draggable-header' */ .draggable-header .highslide-header { height: 18px; border-bottom: 1px solid #dddddd; } .draggable-header .highslide-heading { position: absolute; margin: 2px 0.4em; } .draggable-header .highslide-header .highslide-move { cursor: move; display: block; height: 16px; position: absolute; right: 24px; top: 0; width: 100%; z-index: 1; } .draggable-header .highslide-header .highslide-move * { display: none; } .draggable-header .highslide-header .highslide-close { position: relative; float: right; z-index: 2; padding: 0; } .draggable-header .highslide-header .highslide-close a { display: block; height: 16px; width: 16px; background-image: url(../graphics/closeX.png); } .draggable-header .highslide-header .highslide-close a:hover { background-position: 0 16px; } .draggable-header .highslide-header .highslide-close span { display: none; } .draggable-header .highslide-maincontent { padding-top: 1em; } /* hs.wrapperClassName = 'titlebar' */ .titlebar .highslide-header { height: 18px; border-bottom: 1px solid #dddddd; } .titlebar .highslide-heading { position: absolute; margin: 1px 0.4em; color: #666666; } .titlebar .highslide-header .highslide-move { cursor: move; display: block; height: 16px; position: absolute; right: 24px; top: 0; width: 100%; z-index: 1; } .titlebar .highslide-header .highslide-move * { display: none; } .titlebar .highslide-header li { position: relative; top: 3px; z-index: 2; padding: 0 0 0 1em; } .titlebar .highslide-maincontent { padding-top: 1em; } /* hs.wrapperClassName = 'no-footer' */ .no-footer .highslide-footer { display: none; } /* hs.wrapperClassName = 'wide-border' */ .wide-border { background: white; } .wide-border .highslide-image { border-width: 10px; } .wide-border .highslide-caption { padding: 0 10px 10px 10px; } /* hs.wrapperClassName = 'borderless' */ .borderless .highslide-image { border: none; } .borderless .highslide-caption { border-bottom: 1px solid white; border-top: 1px solid white; background: silver; } /* hs.wrapperClassName = 'outer-glow' */ .outer-glow { background: #444; } .outer-glow .highslide-image { border: 5px solid #444444; } .outer-glow .highslide-caption { border: 5px solid #444444; border-top: none; padding: 5px; background-color: gray; } /* hs.wrapperClassName = 'colored-border' */ .colored-border { background: white; } .colored-border .highslide-image { border: 2px solid green; } .colored-border .highslide-caption { border: 2px solid green; border-top: none; } /* hs.wrapperClassName = 'dark' */ .dark { background: #111; } .dark .highslide-image { border-color: black black #202020 black; background: gray; } .dark .highslide-caption { color: white; background: #111; } .dark .highslide-controls, .dark .highslide-controls ul, .dark .highslide-controls a { background-image: url(../graphics/controlbar-black-border.gif); } /* hs.wrapperClassName = 'floating-caption' */ .floating-caption .highslide-caption { position: absolute; padding: 1em 0 0 0; background: none; color: white; border: none; font-weight: bold; } /* hs.wrapperClassName = 'controls-in-heading' */ .controls-in-heading .highslide-heading { color: gray; font-weight: bold; height: 20px; overflow: hidden; cursor: default; padding: 0 0 0 22px; margin: 0; background: url(../graphics/icon.gif) no-repeat 0 1px; } .controls-in-heading .highslide-controls { width: 105px; height: 20px; position: relative; margin: 0; top: -23px; left: 7px; background: none; } .controls-in-heading .highslide-controls ul { position: static; height: 20px; background: none; } .controls-in-heading .highslide-controls li { padding: 0; } .controls-in-heading .highslide-controls a { background-image: url(../graphics/controlbar-white-small.gif); height: 20px; width: 20px; } .controls-in-heading .highslide-controls .highslide-move { display: none; } .controls-in-heading .highslide-controls .highslide-previous a { background-position: 0 0; } .controls-in-heading .highslide-controls .highslide-previous a:hover { background-position: 0 -20px; } .controls-in-heading .highslide-controls .highslide-previous a.disabled { background-position: 0 -40px !important; } .controls-in-heading .highslide-controls .highslide-play a { background-position: -20px 0; } .controls-in-heading .highslide-controls .highslide-play a:hover { background-position: -20px -20px; } .controls-in-heading .highslide-controls .highslide-play a.disabled { background-position: -20px -40px !important; } .controls-in-heading .highslide-controls .highslide-pause a { background-position: -40px 0; } .controls-in-heading .highslide-controls .highslide-pause a:hover { background-position: -40px -20px; } .controls-in-heading .highslide-controls .highslide-next a { background-position: -60px 0; } .controls-in-heading .highslide-controls .highslide-next a:hover { background-position: -60px -20px; } .controls-in-heading .highslide-controls .highslide-next a.disabled { background-position: -60px -40px !important; } .controls-in-heading .highslide-controls .highslide-full-expand a { background-position: -100px 0; } .controls-in-heading .highslide-controls .highslide-full-expand a:hover { background-position: -100px -20px; } .controls-in-heading .highslide-controls .highslide-full-expand a.disabled { background-position: -100px -40px !important; } .controls-in-heading .highslide-controls .highslide-close a { background-position: -120px 0; } .controls-in-heading .highslide-controls .highslide-close a:hover { background-position: -120px -20px; } /*****************************************************************************/ /* Styles for text based controls. */ /* You can safely remove this if you don't use text based controls */ /*****************************************************************************/ .text-controls .highslide-controls { width: auto; height: auto; margin: 0; text-align: center; background: none; } .text-controls ul { position: static; background: none; height: auto; left: 0; } .text-controls .highslide-move { display: none; } .text-controls li { background-image: url(../graphics/controlbar-text-buttons.png); background-position: right top !important; padding: 0; margin-left: 15px; display: block; width: auto; } .text-controls a { background: url(../graphics/controlbar-text-buttons.png) no-repeat; background-position: left top !important; position: relative; left: -10px; display: block; width: auto; height: auto; text-decoration: none !important; } /*TEXT LINKS*/ .text-controls a span { background: url(../graphics/controlbar-text-buttons.png) no-repeat; margin: 1px 2px 1px 10px; display: block; min-width: 4em; height: 18px; line-height: 18px; padding: 1px 0 1px 18px; color: #ffffff; font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; white-space: nowrap; } .text-controls .highslide-next { margin-right: 1em; } .text-controls .highslide-full-expand a span { min-width: 0; margin: 1px 0; padding: 1px 0 1px 10px; } .text-controls .highslide-close a span { min-width: 0; } .text-controls a:hover span { color: black; } .text-controls a.disabled span { color: #605F5D; } .text-controls .highslide-previous span { background-position: 0 -40px; } .text-controls .highslide-previous a.disabled { background-position: left top !important; } .text-controls .highslide-previous a.disabled span { background-position: 0 -140px; } .text-controls .highslide-play span { background-position: 0 -60px; } .text-controls .highslide-play a.disabled { background-position: left top !important; } .text-controls .highslide-play a.disabled span { background-position: 0 -160px; } .text-controls .highslide-pause span { background-position: 0 -80px; } .text-controls .highslide-next span { background-position: 0 -100px; } .text-controls .highslide-next a.disabled { background-position: left top !important; } .text-controls .highslide-next a.disabled span { background-position: 0 -200px; } .text-controls .highslide-full-expand span { background: none; } .text-controls .highslide-full-expand a.disabled { background-position: left top !important; } .text-controls .highslide-close span { background-position: 0 -120px; } /*****************************************************************************/ /* Styles for the thumbstrip. */ /* See www.highslide.com/ref/hs.addSlideshow */ /* You can safely remove this if you don't use a thumbstrip */ /*****************************************************************************/ .highslide-thumbstrip { height: 100%; } .highslide-thumbstrip div { overflow: hidden; } .highslide-thumbstrip table { position: relative; padding: 0; border-collapse: collapse; } .highslide-thumbstrip td { padding: 1px; /*text-align: center;*/ } .highslide-thumbstrip a { outline: none; } .highslide-thumbstrip img { display: block; border: 0px; margin: 0 auto; } .highslide-thumbstrip .highslide-active-anchor img { visibility: visible; } .highslide-thumbstrip .highslide-marker { position: absolute; width: 0; height: 0; border-width: 0; border-style: solid; border-color: transparent; /* change this to actual background color in highslide-ie6.css */ } .highslide-thumbstrip-horizontal div { width: auto; /* width: 100% breaks in small strips in IE */ } .highslide-thumbstrip-horizontal .highslide-scroll-up { display: none; position: absolute; top: 3px; left: 3px; width: 25px; height: 42px; } .highslide-thumbstrip-horizontal .highslide-scroll-up div { margin-bottom: 10px; cursor: pointer; background: url(../graphics/scrollarrows.png) left center no-repeat; height: 42px; } .highslide-thumbstrip-horizontal .highslide-scroll-down { display: none; position: absolute; top: 3px; right: 3px; width: 25px; height: 42px; } .highslide-thumbstrip-horizontal .highslide-scroll-down div { margin-bottom: 10px; cursor: pointer; background: url(../graphics/scrollarrows.png) center right no-repeat; height: 42px; } .highslide-thumbstrip-horizontal table { margin: 2px 0 10px 0; } .highslide-viewport .highslide-thumbstrip-horizontal table { margin-left: 10px; } .highslide-thumbstrip-horizontal img { width: auto; height: 40px; } .highslide-thumbstrip-horizontal .highslide-marker { top: 47px; border-left-width: 6px; border-right-width: 6px; border-bottom: 6px solid gray; } .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker { margin-left: 10px; } .dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker { border-bottom-color: white !important; } .highslide-thumbstrip-vertical div { height: 100%; } .highslide-thumbstrip-vertical a { display: block; } .highslide-thumbstrip-vertical .highslide-scroll-up { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 25px; } .highslide-thumbstrip-vertical .highslide-scroll-up div { margin-left: 10px; cursor: pointer; background: url(../graphics/scrollarrows.png) top center no-repeat; height: 25px; } .highslide-thumbstrip-vertical .highslide-scroll-down { display: none; position: absolute; bottom: 0; left: 0; width: 100%; height: 25px; } .highslide-thumbstrip-vertical .highslide-scroll-down div { margin-left: 10px; cursor: pointer; background: url(../graphics/scrollarrows.png) bottom center no-repeat; height: 25px; } .highslide-thumbstrip-vertical table { margin: 10px 0 0 10px; } .highslide-thumbstrip-vertical .highslide-marker { left: 0; margin-top: 8px; border-top-width: 6px; border-bottom-width: 6px; border-left: 6px solid gray; } .dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker { border-left-color: white; } .highslide-viewport .highslide-thumbstrip-float { overflow: auto; } .highslide-thumbstrip-float ul { margin: 2px 0; padding: 0; } .highslide-thumbstrip-float li { display: block; height: 60px; margin: 0 2px; list-style: none; float: left; } .highslide-thumbstrip-float img { display: inline; border-color: silver; } .highslide-thumbstrip-float .highslide-active-anchor img { border-color: black; } .highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div { display: none; } .highslide-thumbstrip-float .highslide-marker { display: none; } #msg {display:none; position:absolute; z-index:200; background:url(../../images/msg_arrow.gif) left center no-repeat; padding-left:7px} #msgcontent {display:block; background:#E7EAF0; border:2px solid #526287; border-left:none; padding:5px; min-width:150px; max-width:250px} #thankyou {background-image:url(../../images/subtitle-thankyou2.png); background-repeat:no-repeat; padding-top:80px; height:186px; height:502px;}