/*=================================*/ /* Nivo slider /* March 2010 /* By: Gilbert Pellegrom /* http://www.gilbertpellegrom.co.uk /*=================================*/ /*====================*/ /*=== Reset Styles ===*/ /*====================*/ body {background-color: #ffffff;background-image: url(img/guemach_home_bg1.jpg);background-repeat: no-repeat;background-position: top center;margin: 0;font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:1.6em;color:#202020;} .style2 {font-family: Tahoma;font-size: 11px;line-height: 13px;text-align: justify;} .style22 {font-family: Tahoma;font-size: 11px;line-height: 13px;text-align: justify;width: 193px;margin-left: 9px;margin-top: 20px;} .style3 {font-size: 18px;font-family: Georgia, "Times New Roman", Times, serif;text-align: left;line-height: 21px;color: #0D2A64;} .style4 {font-family: Tahoma;ont-size: 11px;text-align: left;color: #A1AFD2;} h1 {font-size: 12px;font-family: Georgia, "Times New Roman", Times, serif;text-align: left;font-weight: 900;color: #0D2A64;line-height: 16px;} ol, ul {list-style: none;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} /*===================*/ /*=== Main Styles ===*/ /*===================*/ a, a:visited {color:#7A889E;text-decoration:none;} a:hover, a:active {color:#ffffff; background-color:#E04901;text-decoration: underline;} h2 {font-size:1.6em;line-height:1.3em;margin:1.5em 0 0.5em 0;} h3 {font-size:1.2em;line-height:1.0em;margin:0.5em 0;} h4 {font-family: Georgia, "Times New Roman", Times, serif;font-size:24px;line-height:18px; font-weight:300} h4 a:link { color:#000000; font-weight:300} h4 a:hover { color:#ffffff; font-weight:300} h2.first {margin-top:0;} p {margin-bottom:1em;} ol {list-style:decimal;padding-left:30px;margin-bottom:1.5em;} ul {list-style:disc;padding-left:25px;margin-bottom:1.5em;} li {padding:2px;} b, strong {font-weight:bold;} i, em {font-style:italic;} u {text-decoration:underline;} code {font-family:Courier,"Courier New",Monaco,Tahoma;background:#A7B0BF;color:#333;padding:0px 2px;text-shadow:none;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;} pre {background:#A7B0BF;padding:10px 20px;margin:1em 0;text-shadow:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;overflow:auto;} blockquote {font-style:italic;margin:0 0 10px 20px;padding-left:10px;border-left:3px solid #A7B0BF;font-size:14px;} /*========================*/ /*=== Structure Styles ===*/ /*========================*/ #wrapper {width:610px;margin:0 auto;} a#dev7link {display:block;width:78px;height:73px;background:url(images/dev7.png) no-repeat;position:absolute;top:0px;left:50px;text-indent:-9999px;border:0;} #header {height:150px;} #slider {position:relative;min-height:220px;margin:0px;-moz-box-shadow:0px 0px 10px #333;-webkit-box-shadow:0px 0px 10px #333;box-shadow:0px 0px 10px #333;} #slider img {position:absolute;top:0px;left:0px;} #slider a {border:0;} #content {width:510px;margin:0 auto;padding:20px;background:#202834;color:#8E9BAF;position:relative;-moz-border-radius:10px;-webkit-border-radius:10px; border-radius:10px;} #footer {text-align:center;padding:30px 0;color:#31333E;text-shadow:0px 1px 0px #6F7784;} #footer a {color:#31333E;border-color:#31333E;} .nivo-controlNav {position:absolute;left:47%;bottom:-30px;} .nivo-controlNav a {display:block;width:10px;height:10px;background:url(images/bullets.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left; } .nivo-controlNav a.active {background-position:-10px 0;} .nivo-directionNav a {display:block;width:32px;height:34px;background:url(images/arrows.png) no-repeat;text-indent:-9999px;border:0;} a.nivo-nextNav {background-position:-32px 0;right:10px;} a.nivo-prevNav {left:10px;} a#download-btn { display:inline-block; width:106px; height:34px; line-height:34px; background:url(images/download.png) no-repeat; text-indent:-9999px; border:0; position:relative; margin:20px 5px 0 0; } a#download-btn:active {top:2px;} a#download-jump {float:right;font-style:italic;cursor:pointer;margin-right:10px;border:0;} #vbadge {position:absolute;top:10px;right:-22px;} /*====================*/ /*=== Input Styles ===*/ /*====================*/ input,textarea,select {padding: 2px;font: 400 1em Verdana, Sans-serif;color: #666;background:#ffffff;border: 1px solid #999;margin:2px;} input:focus,textarea:focus,select:focus {color: #000;background: #fff;border: 1px solid #002F59;} input#paypal-btn {border:0;background:transparent;position:relative;margin:0;padding:0;} input#paypal-btn:focus {outline:0;} input#paypal-btn:active {top:2px;} /*====================*/ /*=== Other Styles ===*/ /*====================*/ .clear { clear:both; } .pointer { cursor:pointer; } /* Sharper Thumbnails */ img { -ms-interpolation-mode:bicubic; } /* Wordpress Defaults */ img.alignright {float:right; margin:0 0 .7em 1em} img.alignleft {float:left; margin:0 1em .7em 0} img.aligncenter {display: block; margin-left: auto; margin-right: auto} a img.alignright {float:right; margin:0 0 .7em 1em} a img.alignleft {float:left; margin:0 1em .7em 0} a img.aligncenter {display: block; margin-left: auto; margin-right: auto} /* Easy Border Radius */ .round5 { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .round10 { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } .round15 { -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; } .round20 { -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; } .round25 { -moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px; } .round30 { -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px; } /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:url(images/overlay.png) repeat 0 0;} #colorbox{outline:0;} #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;} #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;} #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff; overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose:hover{background-position:-25px -25px;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);}