/* ZipRider® CSS November 2008 */

/* ---------------------  Reset  --------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {

}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* ---------------------  Basic Layout & Styles  --------------------- */
body
{
background:#425168 url(/i/bg.jpg) no-repeat scroll 50% 0;
color:#fff;
font: normal 13px/1.5em Arial, Verdana, Helvitica;
margin: 0 auto;
padding:0;
}
body#intro
{
background:#000;
margin: 0 auto;
padding:0;
}

#welcome {font-size:24px; margin:20px 0 0 120px; text-align:right;width:720px;}
#wrap
{
width:940px;
background:#000;
color:#2a2a2a;
margin:0 auto;
padding:0;
}
#content
{
width:940px;
float:left;
position:relative;
background:#0D0D0D url(/i/bg-content.jpg) repeat-y 0 0;
}
#head {width:940px; height:265px; float:left; background:#333; color:#fff;}
#topnav {width:940px; height:46px; float:left; background:transparent url(/i/mach-nav-top.gif) no-repeat 0 0; color:#fff;}
#sidenav {width:180px; height:500px; float:left;  margin: 5px 20px 0 18px; padding:0 0 0 0; background:transparent;}
#sidenav p {padding:20px;font-size:11px;color:#000;}
#copy, #copyvid
{
width:700px;
margin:5px 0 20px 0px;
background:transparent url(/i/bg-copy.png) repeat fixed 0 0;
float:left;
color:#fff
}
#copycontact
{
width:500px;
margin:5px 0 20px 0px;
float:left;
color:#fff
}
#copyside {float:left; width:180px;margin:10px 0 0 40px;}
#copypad {margin:20px;}


/* ---------------------  Basic Text Styles  --------------------- */
a:link, a:visited {color: #8F3508;}
a:hover, a:active {color: #D95B1C;}

a.link:link, a.link:visited {color: #10233F;}
a.link:hover, a.link:active {color: #fff;}

a img {border: none;}
h1 {font-size: 22px; margin: 10px 0;}
h2 {font: bold 16px/1.6em Arial, Helvetica, sans-serif; margin: 10px 0;color:#222;}
h3 {font: bold 15px/1.6em Arial, Helvetica, sans-serif; margin:4px 0; letter-spacing:.5px; color:#222;}
h4 {font-size: 14px; margin: 10px 0; line-height:1.7em; font-weight:normal;}
h5 {font:bold 12px/1.5em Arial, Verdana, Sans; color:#eee;letter-spacing:.3px;}
h6 {font-size: 0.85em; margin: 0.5em 0 0;}
p {margin: 10px 0 7px 0;}
ul, ol {margin: 10px 0; padding-left: ;list-style:none;}
ul li {margin: 10px 0; padding: 0 0 0 25px; background:transparent url(/i/li.png) no-repeat scroll 0px 2px;}
ul li li {margin: 10px 0; padding: 0 0 0 15px; background:transparent url(/i/lili.png) no-repeat scroll 0px 4px;}
em { font-style:italic;}
.center {text-align:center; }
strong {font-weight:bold;}
body#press .center {margin:10px 0 0 24px;}
.boo
 { letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .boo { letter-spacing : normal;  text-indent : -999em; overflow : hidden;}
/* End of hack */

/* ---------------------  H1 Styles  --------------------- */

h1#h-home {width:620px; height:20px;  margin: 22px 0 17px 20px; background: transparent url(/i/h-home.gif) no-repeat 0 0; }
h1#h-why {width:620px; height:20px;  margin: 22px 0 17px 20px; background: transparent url(/i/h-why.gif) no-repeat 0 0; }
h1#h-pet {width:620px; height:30px;  margin: 18px 0 17px 20px; background: transparent url(/i/h-pet.gif) no-repeat 0 0; }
h1#h-pro {width:620px; height:20px;  margin: 22px 0 17px 20px; background: transparent url(/i/h-pro.gif) no-repeat 0 0; }
h1#h-con {width:620px; height:20px;  margin: 22px 0 17px 20px; background: transparent url(/i/h-con.gif) no-repeat 0 0; }
h1#h-pre {width:620px; height:20px;  margin: 22px 0 17px 20px; background: transparent url(/i/h-pre.gif) no-repeat 0 0; }
h1#h-abo {width:620px; height:20px;  margin: 22px 0 17px 20px; background: transparent url(/i/h-abo.gif) no-repeat 0 0; }
h1#h-cont {width:620px; height:20px;  margin: 22px 0 17px 20px; background: transparent url(/i/h-cont.gif) no-repeat 0 0; }
h1#h-pho {width:620px; height:20px;  margin: 22px 0 17px 20px; background: transparent url(/i/h-pho.gif) no-repeat 0 0; }
h1#h-vid {width:620px; height:20px;  margin: 22px 0 17px 20px; background: transparent url(/i/h-vid.gif) no-repeat 0 0; }

h1#h-404 {width:858px; height:20px;  margin: 22px 0 17px 20px; background: transparent url(/i/h-rbr.gif) no-repeat 0 0; }
h1#h-tha {font-size: 44px; margin: 100px 0 200px 0;text-align:center;line-height:90px;}
#head-quote h2 { margin:22px; color:#fff; font:normal 16px/1.7em Tahoma, Verdana; }
h2#headsafe { margin:28px; color:#fff; font:normal 24px/1.7em Verdana, Arial; }
#head-quote-op h3 { margin:0px 22px; color:#fff; font:normal 14px/1.7em Tahoma, Verdana; }
#head-quote-op h4 { margin:22px 22px 16px 22px; color:#fefefe; font:normal 13px/1.5em Arial, Verdana; }
blockquote {font-size:15px; color:#444; margin:8px 18px;}
p.author {text-align:right; font-style:italic;font-weight:bold;color:#BF1B17; padding:0 20px 14px 0;}
h3.profline {border-bottom:1px solid #333;padding-bottom:14px;}

/* ---------------------  Basic Photo Styles  --------------------- */

.img-left { float:left; margin:1px 10px 10px 0;}
.img-right { float:right; margin:4px 0 4px 10px;}
.imgblock {float:right; text-align:right; font-size:12px; color:#C02521; margin:10px 0 10px 10px;}
 
.ziplogo  {
display:inline-block;
padding-left:34px;
background:transparent url(/i/logo-petzl.png) 0 7px no-repeat;
}
span.ziprlogo a {
display:inline-block;
padding-left:98px;
line-height:20px;
background:transparent url(/i/logo-ziprider.png) 0 6px no-repeat;
}

#footer {background:#000; color:#F79D30; width:940px; height:80px; float:left;}
#footer p {width:920px; margin: 0 0 0 26px; text-align:justify;}
#footer h6 {width:920px; margin: 20px 0 0 26px; font-size:12px; }
#footer a {margin:0 1px;}
p#nav-foot {width:700px;height:20px; float:left;clear:left;margin:0 0 0 220px;padding:0 0 20px 0;}
#nav-foot a:link, #nav-foot a:visited {color: #8F3508;}
#nav-foot a:hover, #nav-foot a:active {color: #E48E01;}
h6#author  {margin:5px 0 0 26px!important;}
#author a {color:#F79D30; text-decoration:none; }
#author a:hover {color:#D95B1C; text-decoration:none; }
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}