/******************/
/* Climb High CSS */
/******************/
/**************************************************** SITE STYLING ****************************************************/
html, body { margin:0; padding:0; }
html { background:#082352 url('/images/html_bg.jpg') repeat-x; }
body { font:normal 12px Arial, Sans Serif; }
img { border:none; }
h2 { font-size:16px; margin:0; padding:0; }
p { margin:5px 0 10px 0; padding:0; }

#container { margin:0 auto; width:845px; }
#wrapper { background:url('/images/wrapper_bg.jpg') repeat-y; float:left; padding:0 0 0 3px; width:842px; }
#header { float:left; width:100%; }
#header .main { float:left; }
#header .nav { float:left; height:106px; overflow:hidden; width:100%; }
#header .nav a { float:left; /*opacity:.0; filter:alpha(opacity=0); -moz-opacity:0.0;*/ }
/*#header .nav a:hover,#header .nav .selected { opacity:1.0; filter:alpha(opacity=100); -moz-opacity:1.0; }*/
#content { float:left; padding:0 35px 0 35px; position:relative; width:772px; }
#footer { color:#666666; float:left; line-height:25px; padding:20px 0 20px 0; text-align:center; width:100%; }
#footer a { color:#666666; font-size:11px; line-height:25px; margin:10px; text-decoration:none; }

#title { margin:10px 0 10px 0; }

.left { float:left; }
.right { float:right; }

.top { position:absolute; top:0; left:0; }
.bottom { position:absolute; bottom:-1px; left:0; }

.fifty { width:49%; }
.hundred { width:100%; }

/***************************************************** HOME PAGE ******************************************************/
#home_filler { float:left; height:694px; }
#home { position:absolute; top:0; left:10px; height:694px; width:812px; }
#conquest { background:url('/images/conquest_bg.jpg'); float:left; height:474px; width:380px; }
#conquest h2 { font-size:16px; margin:100px 45px 10px 45px; }
#conquest p { margin:5px 45px 10px 45px; }
.box1 { background:url('/images/box1_bg.jpg'); float:left; position:relative; width:380px; }
.box1_interior { float:left; padding:35px 40px 15px 40px; position:relative; }
#network_friendly { float:left; text-align:center; padding:15px 0 15px 0; width:100%; }

/*************************************************** THE 7 SUMMITS ****************************************************/
#seven_summits { background:url('/images/seven_summits.jpg'); float:left; height:341px; margin-top:20px; position:relative; width:772px; }
#seven_summits * { position:absolute; }
#seven_summits img { display:none; }
a.summit_everest { top:27px; left:428px; height:25px; width:25px; }
img.summit_everest { top:48px; left:288px; }
a.summit_aconcagua { top:86px; left:250px; height:25px; width:25px; }
img.summit_aconcagua { top:109px; left:118px; }
a.summit_denali { top:110px; left:605px; height:25px; width:25px; }
img.summit_denali { top:124px; left:431px; }
a.summit_kilimanjaro { top:168px; left:93px; height:25px; width:25px; }
img.summit_kilimanjaro { top:0px; left:30px; }
a.summit_elbrus { top:216px; left:431px; height:25px; width:25px; }
img.summit_elbrus { top:45px; left:369px; }
a.summit_vinson { top:213px; left:633px; height:25px; width:25px; }
img.summit_vinson { top:41px; left:584px; }
a.summit_kosciuszko { top:234px; left:256px; height:25px; width:25px; }
img.summit_kosciuszko { top:62px; left:204px; }

/************************************************* SUMMITS CONQUERED **************************************************/
.conquered { background:url('/images/conquered_bg.jpg'); float:left; padding:30px 30px 25px 30px; position:relative; width:712px; }
.conquered .pic { float:left; position:relative; width:28%; }
.conquered .info { float:right; position:relative; width:70%; }

/***************************************************** MY JOURNEY *****************************************************/
.journey { float:left; border-bottom:1px solid black; padding:2%; width:96%; }
.journey .pic { float:left; width:19%; }
.journey .pic img { border:2px solid black; width:99%; }
.journey .info { float:right; width:79%; }
.journey .info .date { font:italic 11px Arial;  }
#email_updates { background:url('/images/email_updates.jpg') no-repeat; float:right; height:122px; width:374px; }
#email_updates form { margin:60px 0 0 30px; padding:0; }
#email_updates form .text { border:1px solid #818181; font:bold 15px Verdana; width:220px; }

/************************************************* MY JOURNEY ENTRIES *************************************************/
.journey_entry { float:left; border-bottom:1px solid black; padding:2%; width:96%; }
.journey_entry .info { float:right; width:100%; }
.journey_entry .info .date { font:italic 11px Arial;  }
.journey_entry .info p { text-align:left; }

/**************************************************** PHOTO GALLERY ***************************************************/
.slideshow { text-align:center; width:772px; }
.slideshow .main img { border:1px solid #082352; }
.slideshow .prev { float:left; }
.slideshow .next { float:right; }
.slideshow .slides { width:624px; }
.slideshow .slides img { border:1px solid #082352; cursor:pointer; margin:3px; height:133px; width:200px; }
.slideshow .caption { font:bold 15px Arial; }

/******************************************************* CONTACT ******************************************************/
.denotes { font:bold italic 11px Arial; }
.success { color:green; font-weight:bold; }
.fail { color:red; font-weight:bold; }