/* *****************************
	Stylesheet for ESCALATE
	by Belay Development
	Created DP, 01/2008
****************************** */



/* GENERAL 
******************************* */

body,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote { 
	margin:0;
	padding:0;
}

body,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,p,blockquote { 
	line-height: 1.5em;
}

select {min-width: 1.5em;}	/* Firefox Fix */

* {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
}

.rollover {cursor: pointer;} /* Use this class on an img or input to have it swap on/off folders in path */

a img {border: 0;}

.png {behavior: url("/includes/pngbehavior.htc");} /* For non-background transparent PNGs */

.clear {clear: both;}

/* LAYOUT
*********************** */

body {
	background-image: url(/media/bg.gif);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #009dbc;
	}


#wrapper {
	width: 968px;
	margin: 0 auto;
	/*padding-left: 30px;*/
}

#logo {padding-left: 24px;}

#slogan {text-align: right;}

#container{
	border-top: 9px solid #c8e9ff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	}

#container_home{
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	}


#left_nav {
	position: relative;
	background-image: url(/media/left_nav_v2.gif);
	background-repeat: no-repeat;
	width: 166px;
	height: 467px;
	top: 0px;
	left: 0px;
	z-index: 5;
	}
	
#left_nav_v3 {
	position: relative;
	background-image: url(/media/left_nav_v3.gif);
	background-repeat: no-repeat;
	width: 166px;
	height: 467px;
	top: 0px;
	left: 0px;
	z-index: 5;
	}
		
#h_nav {
	position: relative;
	background-image: url(/media/h_nav.gif);
	background-repeat: no-repeat;
	width: 801px;
	height: 91px;
	top: -467px;
	left: 167px;
	z-index: 3;
	}

#h_nav_home {
	position: relative;
	background-image: url(/media/h_nav.gif);
	background-repeat: no-repeat;
	width: 801px;
	height: 91px;
	z-index: 3;
	}

#h_nav2 {
	vertical-align: middle; 
	text-align: center;
	height: 91px;
	}

#pics {
	position: relative;
	width: 738px;
	top: -427px;
	left: 206px;
	}
	
#form td.firstcell {
	background-color: #f1f1f1;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	}

#form td.secondcell {
	background-color: #f1f1f1;
	border-bottom: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	}
	
#form td.thirdcell {height: 6px;}

#form td.thankyou {text-transform: uppercase; font-size: 8pt; font-family: "Trebuchet MS", Verdana, Arial, sans-serif;}
#form td.thankyou span {color: blue; text-decoration: underline;}

#pictures {border-left: 3px solid #b1e182; border-top: 3px solid #b1e182; border-bottom: 3px solid #b1e182;	}
#pictures_v2{border-left: 3px solid #1b6390; border-top: 3px solid #1b6390;	border-bottom: 3px solid #1b6390;}

#pictures td {border-right: 3px solid #b1e182;}
#pictures_v2 td {border-right: 3px solid #1b6390;}

#pictures_markets{border-left: 3px solid #b1e182; border-top: 3px solid #b1e182;	border-bottom: 3px solid #b1e182;}
#pictures_products{border-left: 3px solid #0f5b8a; border-top: 3px solid #0f5b8a;	border-bottom: 3px solid #0f5b8a;}
#pictures_about{border-left: 3px solid #009dbc; border-top: 3px solid #009dbc;	border-bottom: 3px solid #009dbc;}
#pictures_services{border-left: 3px solid #f9b335; border-top: 3px solid #f9b335;	border-bottom: 3px solid #f9b335;}
#pictures_news{border-left: 3px solid #0f5b8a; border-top: 3px solid #0f5b8a;	border-bottom: 3px solid #0f5b8a;}
#pictures_contact{border-left: 3px solid #009dbc; border-top: 3px solid #009dbc;	border-bottom: 3px solid #009dbc;}
#pictures_home{border-left: 3px solid #b1e182; border-top: 3px solid #b1e182;	border-bottom: 3px solid #b1e182;}
#pictures_home_v2{background-color:#b1e182; border-left: 3px solid #b1e182; border-top: 3px solid #b1e182;	border-bottom: 3px solid #b1e182;}

#pictures_markets td{border-right: 3px solid #b1e182;}
#pictures_products td{border-right: 3px solid #0f5b8a;}
#pictures_about td{border-right: 3px solid #009dbc;}
#pictures_services td{border-right: 3px solid #f9b335;}
#pictures_news td{border-right: 3px solid #0f5b8a;}
#pictures_contact td{border-right: 3px solid #009dbc;}
#pictures_home td{border-right: 3px solid #b1e182;}
#pictures_home_v2 td{border-right: 3px solid #b1e182; width: 156px; text-align: right;}

#pictures_home_v2 div{padding-right: 15px; color: #00b0c9; text-transform: uppercase;}

#tab {
	border: 0px;
	text-align: right;
	height: 14px;
	vertical-align: top;
	}	
	
#store {
	position: relative;
	width: 803px;
	height: 176px;
	top: -485px;
	left: 164px;
	}
	
#apparel {width: 736px; margin-top: 16px; }
#apparel2 {width: 736px; margin-top: 24px; }

#apparel .bodytextheader {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 30px;
	color: #00b0c9;
	height: 32px;
	vertical-align: top;
	padding-top: 6px;
}
	
#apparel .text {
	height: 104px;
	padding-left: 12px; 
	vertical-align: top; 
	overflow: hidden;
	}
	
#apparel .bodylinks{
	text-align: left;
	padding-left: 36px;
	}

#apparel .bodylinks a {
	font: Arial, Verdana, Helvetica, sans-serif;
	font-size: 7pt;
	color: #0025d7;
	}
	
#apparel .bodylinks a:hover {color: #999999;}
#apparel .bodylinks a.active {color: #777777; text-decoration: none;}
	
#store_intro{margin-top: 170px; margin-left: 56px;}

#store_intro .bodytextheader {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 30px;
	color: #00b0c9;
	height: 32px;
	vertical-align: top;
}
	
#store_intro .text {
	height: 104px;
	padding-left: 12px; 
	vertical-align: top; 
	overflow: hidden;
	}

#store_intro .bodylinks{
	text-align: left;
	padding-left: 36px;
	}

#store_intro .bodylinks a {
	font: Arial, Verdana, Helvetica, sans-serif;
	font-size: 7pt;
	color: #0025d7;
	}
	
#store_intro .bodylinks a:hover {color: #999999;}
#store_intro .bodylinks a.active {color: #777777; text-decoration: none;}
	

#main {width: 890px;}

#main .bodytextheader {
	background-image: url(/media/side_lines.gif);
	background-repeat: no-repeat;
	background-position: top left;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 30px;
	padding-left: 22px; 
	color: #00b0c9;
	vertical-align: top;
	height: 50px;
	padding-top: 2px;
}

.bodytextsubheader {
	text-align: right;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	color:#b5e388;
	padding-top: 4px;
	padding-right: 64px;
	}
	
#footer {
	width: 100%;
	height: 50px;
	}

#wave {
	background-image: url(/media/wave.gif);
	background-repeat: no-repeat;
	width: 100%;
	height: 172px;
	}

#copy {
	 padding-left: 4px; 
	 color: #ffffff;
	 font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	 font-size: 9px;
	 font-weight: bold;
	 }

.bodytext {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	text-align: justify;
}



/* NAV
*********************** */


#nav, #nav li ul {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 790px;
  }

#nav li li a {
	display: block;
	font-weight: normal;
}

#nav li li.nav_pos {padding-top: 16px; padding-left: 30px; }
#nav li li.nav_pos2 {padding-left: 30px;}
#nav li li.nav_img {padding-bottom: 0px}


#nav li {
  float: left;
  position: relative;
  width: 112px;
  text-align: left;
  cursor: default;
  }  
 
#nav li ul {
  display: none;
  position: absolute;
  background-image: url(/media/drop.gif);
  background-repeat: no-repeat;
  width: 224px;
  height: 296px;
  left: 0;
  } 
  
#nav li>ul {
	top: auto;
	left: auto;
}

#nav li li {
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
}

#nav li > ul {
	top: auto;
	left: auto;
	}
	
#nav li:hover ul, #nav li.over ul{ display: block; }

.sub_nav {color: #0025d7; font-size: 7pt; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: underline;}
.sub_nav:hover {color: #999999;}
.sub_nav_active {color: #777777; text-decoration: none; font-size: 7pt; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: underline;}

.ftr {color: #002cf4; text-decoration: underline; font-size: 9px; font-family: "Trebuchet MS", Verdana, Arial, sans-serif;}
.ftr:hover {color: #666666;}

.ftr2 {color: #ffffff; text-decoration: underline; font-size: 9px; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-weight: bold;}
.ftr2:hover {color: #666666;}

.download {color: #656565; font-size: 11px; font-family: "Trebuchet MS", Verdana, Arial, sans-serif;}
.download:hover {color: #333333;}

#pictures_home_v2 div a {color:#00B0C9; text-decoration: none; font-size: 8pt; font-weight: bold; font-family: "Trebuchet MS", Verdana, Arial, sans-serif;}
#pictures_home_v2 div a:hover {text-decoration: underline;}