@charset "utf-8";
/* CSS Document */

/*------------------------------------------------
TABLE OF CONTENTS
--------------------------------------------------
BODY
	+ Container:											#container
			+ Header: 										#header
				- Navigation: 								#nav
					- Print Projects Button: 				#printsectbtn
					- Web Projects Button: 					#websectbtn
					- Motion Projects Button: 				#motionsectbtn
					- Interactive Projects Button: 			#intsectbtn
				- Logo: 									#logo
			+ Main Content: 								#maincontent
				- Print Content: 							#printcontent
					- RockClimbing Ad Area:					#rockarea
						- Slideshow: 						#rockslidearea
						- Description: 						#rockdesc
					- Instructional Poster Area:			#instrarea
						- Slideshow: 						#instrslidearea
						- Description: 						#instrdesc
					- Deconstruction Poster Area:			#deconarea
						- Slideshow: 						#deconslide
						- Description: 						#decondesc
				- Section Navigation: 						#printsectnav
					- Section Navigation Buttons: 			#printsectbtns
						- Rockclimbing Ad Button: 			#rockbtn
						- Instructional Poster Button:	 	#instrbtn
						- Deconstruction Poster Button: 	#deconbtn
					- Section Navigation Text:	 			#printsectnavtext
						- Rockclimbing Ad Text: 			#rocktext
						- Instructional Poster Text: 		#instrtext
						- Deconstruction Poster Text: 		#decontext
			+ Side Content Area: 							#sidecontent
				- About Me Picture: 						#aboutpic
				- About Me Name: 							#aboutname
				- About Me Title: 							#abouttitle
				- Download my Resume Text: 					#resumetext
				- Side Navigation: 							#sidenav
					- About Me Button: 						#aboutbtn
					- Contact Me Button: 					#contactbtn
			+ Footer: 										#footer
------------------------------------------------- */


/*------------------------------------------------------------------
[Color codes]

Background:	#6892ae (light blue)
Content:	#f1f1eb (white)
Default for Fonts: #545353 (Gray)

Footer Line 1:	#1d3f4e (dark blue)
Footer Line 2:  #c2d2bf (light gray)

a (standard), a (visited), a (active):	#0040b6 (dark blue)
a (hover): #069 (dark purple)
-------------------------------------------------------------------*/

/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }


/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body {
	behavior:			url("csshover3.htc"); /*This makes the :hover state work on any element in MSIE6(http://www.xs4all.nl/~peterned/csshover.html)*/
	background-image: 	url(../images/bg.jpg);
	background-color: 	#6892ae;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			1em;
	color: 				#272b2d;
}

h1, h2, h3 {
	font-weight:	normal;	
}

/*****Headings*****/
h1 { font-size: 	1.8em; }
h2 { font-size: 	1.5em; }
h3 { font-size: 	1.2em ; }

/*****Links*****/
a, a:link, a:active, a:visited {
	text-decoration: 	none;
	color:				#003;
}

a {
	display: block;	
}

a:hover {
	text-decoration: 	underline;
	color:				#069;
}

a img {
	border-style: none;	
}

form {
	display: 			inline;	
}

ul {
	list-style-type:	none;	
}


/* ----------------------------*/
/* PAGE ELEMENTS */
/* ----------------------------*/

#container {
	position:	relative;
	width:		955px;
	height: 	545px;
	margin: 	0 auto;
	overflow: hidden;
}

	/* ---------------------------*/
	/* HEADER */
	
	#header {	
		background: 	url(../images/header2.png) no-repeat top center;
		width: 			955px;
		height: 		545px;
	}
	
		#logo {	
			position: 	relative;
			top:		.9em;	
			left: 		6.1em;
			width: 		161px;
			height: 	129px;
			
		}
		
			#logo h1 {	
				background: 	url(../images/logo.png) no-repeat top left;
				width: 			161px;
				height: 		129px;
				text-indent:	-9999px;/*Hide Text, keep for SEO*/
			}
				#logo h1:hover {	
				cursor:pointer;
			}
		
		
		/* ---------------------------*/
		/* NAVIGATION */
		
		#nav {
			float:right;
			position:relative;
			top:	1em;	
			left: 	-4.8em;
		}
		
			#nav li{	
				float:left;
				margin-right: 	6px;
			}
		
				#printsectbtn {
					
				}
				
					  #printsectbtn span {	
						  background: 	url(../images/print_off2.gif) no-repeat top center;
						  display: block;
						  width: 117px;
						  height: 67px;
						  text-indent:	-9999px;/*Hide Text, keep for SEO*/
					  }
					  		#printsectbtn span:hover {
								background: 	url(../images/print_on2.gif) no-repeat top center;
								cursor:		pointer;
							}
							
							#printsectbtn span.lit {
								background: 	url(../images/print_on2.gif) no-repeat top center;
								cursor:		pointer;
							}
				
				#websectbtn {
					position:relative;	
					left: 	-.05em;
				}
				
					#websectbtn span {
						background: 	url(../images/web_off2.gif) no-repeat top center;
						display: block;
						width: 124px;
						height: 67px;
						text-indent:	-9999px;/*Hide Text, keep for SEO*/
					}
					  
						#websectbtn span:hover {
							background: 	url(../images/web_on2.gif) no-repeat top center;
							cursor:			pointer;
						}
						
						#websectbtn span.lit {
							background: 	url(../images/web_on2.gif) no-repeat top center;
							cursor:			pointer;
						}
				
				#motionsectbtn {
					position:relative;	
					left: 	-.1em;
				}
				
					#motionsectbtn span {
						background: 	url(../images/motion_off2.gif) no-repeat top center;
						display: block;
						width: 137px;
						height: 67px;
						text-indent:	-9999px;/*Hide Text, keep for SEO*/
					}
					
						#motionsectbtn span:hover {
							background: 	url(../images/motion_on2.gif) no-repeat top center;
							cursor:		pointer;
						}
						
						#motionsectbtn span.lit {
							background: 	url(../images/motion_on2.gif) no-repeat top center;
							cursor:			pointer;
						}
				
				#intsectbtn {
					position:relative;	
					left: 	-.15em;
				}
				
					#intsectbtn span {
						background: 	url(../images/int_off2.gif) no-repeat top center;
						display: block;
						width: 173px;
						height: 67px;
						text-indent:	-9999px;/*Hide Text, keep for SEO*/
					}
						#intsectbtn span:hover {
							background: 	url(../images/int_on2.gif) no-repeat top center;
							cursor:			pointer;
						}
						
						#intsectbtn span.lit {
							background: 	url(../images/int_on2.gif) no-repeat top center;
							cursor:			pointer;
						}
	
	/* ---------------------------*/
	/* MAIN CONTENT AREA */
	
	#maincontent {
		background: 	url(../images/mainarea.png) no-repeat top center;
		float:			right;
		position: 		relative;
		top: 			-29.2em;
		left: 			-6.7em;
		width: 			558px;
		height: 		438px;
	}
		
		/* ---------------------------*/
		/* CONTENT AREAS */
		
		#outerhomecontent {
			background: 	url(../images/homearea.png) no-repeat top center;
			width: 558px;
			height: 438px;
		}
		
		#outerhomecontent h2 {
			background: 	url(../images/hometitle.gif) no-repeat top center;
			width: 			299px;
			height: 		37px;
			margin: 		0 auto;
			position:		relative;
			top: 			.65em;
			text-indent:	-9999px;/*Hide Text, keep for SEO*/
		}
		
			#homearea h3 {
				background: 	url(../images/tagline.gif) no-repeat top center;
				width: 			489px;
				height: 		29px;
				margin: 		0 auto;
				position:		relative;
				top: 			1.35em;
				text-indent:	-9999px;/*Hide Text, keep for SEO*/
			}
			
			#missionstatement {
				font-family: Tahoma, Geneva, sans-serif;
				font-size: 11px;
				width: 20em;
				height: 175px;
				position: relative;
				top: 3.3em;
				left: 3.7em;
				border: 1px solid #8cc5df;
				background-color: #c6dbe4;
				background-image:url(../images/bottom_gradient2.gif);
				background-repeat:repeat-x;	 
				background-position:bottom;
				padding: 1em 0em 0em 1em;
				float: left;
			}
			
			#services {
				font-family: Tahoma, Geneva, sans-serif;
				font-size: 11px;
				width: 18em;
				position: relative;
				top: 3.3em;
				left: -4em;
				border: 1px solid #78b2cd;
				background-color: #c6dbe4;
				background-image:url(../images/bottom_gradient2.gif);
				background-repeat:repeat-x;	 
				background-position:bottom;
				padding: 1em 0em 0em 1em;
				float: right;	
			}
			
				#missionstatement p, #services p {
					padding-left: .2em;
					font-size: 14px;
					font-weight:bold; 
					text-decoration:underline;
					margin-bottom: .4em;
					color: #3a6072;
				}
				
				#missionstatement ul li, #services ul li {
					padding-left: 2.35em;
					background: transparent url(../images/lightbulb.png) no-repeat center left;
					margin-bottom:1.3em;
					width: 16.5em;
					background-position: 0px 0px;
					line-height:1.4em;
				}
				
				#services ul li+li {
					padding-top: 5px;
					background-position: 0px 0px;
				}
				
				#services ul li {
					height: 3em;	
				}
				
				/* SECTION NAVIGATION */
				#socialmedianav {
					width:527px;
					height: 115px;
					margin-left:14px;
					margin-top:19px;
					float:left;
					position: relative;
					top: 56px;
					
				}
			
					#socialmediabtns {
						float:left;
						position:relative;
						width: 560px;
						height: 85px;
						left: .9em;
						
					}
						
						#socialmediabtns li{
							float:left;
							margin-right: 65px;
							margin-left: 45px;
							margin-top: 7px;
							
						}
					
						#linkedinbtn {
						}
							#linkedinbtn span {
								background: 	url(../images/linkedin2.gif) no-repeat top center;
								display: block;
								width: 62px;
								height: 62px;
								text-indent:	-9999px;/*Hide Text, keep for SEO*/
							}
								#linkedinbtn span:hover {
									background: 	url(../images/linkedin2_over.gif) no-repeat top center;
									cursor:			pointer;
								}
						
						#facebookbtn {
						}
							
							#facebookbtn span {
								background: 	url(../images/facebook.gif) no-repeat top center;
								display: block;
								width: 62px;
								height: 62px;
								text-indent:	-9999px;/*Hide Text, keep for SEO*/
							}
								#facebookbtn span:hover {
									background: 	url(../images/facebook_over.gif) no-repeat top center;
									cursor:			pointer;
								}
						
						#flickrbtn {
						}
							#flickrbtn span {
								background: 	url(../images/flickr.gif) no-repeat top center;
								display: block;
								width: 62px;
								height: 62px;
								text-indent:	-9999px;/*Hide Text, keep for SEO*/
							}
								#flickrbtn span:hover {
									background: 	url(../images/flickr_over.gif) no-repeat top center;
									cursor:			pointer;
								}
							
					#socialmedianavtext {
						width: 525px;
						margin-left: .2em;
						position:relative;
						top: -15px;
					}
						#socialmedianavtext li {
							float: left;
							margin-left: 60px;
							margin-right: 60px;
							font-family: Tahoma, Geneva, sans-serif;
							font-size: 11px;
							letter-spacing: .12em;
						}
							#socialmedianavtext li:first-child {
								margin-left: 63px;
								margin-right: 60px;
							}
							
							#socialmedianavtext li+li {
								margin-left: 60px;
								margin-right: 68px;
							}
	
	
		#rockarea, #instrarea, #deconarea {
			width: 527px;
			height: 271px;
			margin-left: 14px;
			margin-top: 15px;
		}
		
		
	
			#outerprintcontent h2 {
				background: 	url(../images/printtitle.png) no-repeat top center;
				position:		relative;
				top: 			18px;
				left:			.25em;
				width: 			120px;
				height: 		24px;
				margin: 		0 auto;
				text-indent:	-9999px;/*Hide Text, keep for SEO*/
			}
			
			#rockarea h3 {
				background: 	url(../images/rocktitle.gif) no-repeat top center;
				position:		relative;
				top: 			.9em;
				width: 			279px;
				height: 		29px;
				margin:			0 auto;
				margin-bottom:  .73em;
				text-indent:	-9999px;/*Hide Text, keep for SEO*/
			}
			
			#instrarea h3 {
				background: 	url(../images/instrtitle.gif) no-repeat top center;
				position:		relative;
				top: 			.9em;
				left:			-.1em;
				width: 			261px;
				height: 		29px;
				margin: 		0 auto;
				margin-bottom:  .73em;
				text-indent:	-9999px;/*Hide Text, keep for SEO*/
			}
			
			#deconarea h3 {
				background: 	url(../images/decontitle.gif) no-repeat top center;
				position:		relative;
				top: 			.9em;
				left:			-.1em;
				width: 			235px;
				height: 		29px;
				margin: 		0 auto;
				margin-bottom:  .73em;
				text-indent:	-9999px;/*Hide Text, keep for SEO*/
			}
	
			#rockslidearea {
				/*background: 	url(../images/rockslide.jpg) no-repeat top center;*/
				float: 			left;
				margin-left: 	.38em;
				width: 			341px;
				height: 		190px;
				
			}
			
			#instrslidearea {
				/*background: 	url(../images/instrslide.jpg) no-repeat top center;*/
				float: 			left;
				margin-left: 	.38em;
				width: 			341px;
				height: 		190px;
			}
			
			#deconslidearea {
				/*background: 	url(../images/deconslide.jpg) no-repeat top center;*/
				float: 			left;
				margin-left: 	.38em;
				width: 			341px;
				height: 		190px;
			}
			
			/* ---------------------------*/
			/* CONTENT AREAS DESCRIPTION */
			#rockdesc, #instrdesc, #decondesc {
				float: right;
				position:relative;
				top: 0em;
				left: 0em;
				margin-top: 1em;
				margin-right: .8em;
				line-height: 1.3em;
				font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 11px;
				width: 170px;
				font-weight: bold;
			}
				#rockdesc span:first-child, #instrdesc span:first-child, #decondesc span:first-child { /*This is the first sentence of #rockdesc*/
					/*position:relative;
					top: .4em;*/
					display: block;
					margin-bottom: .3em;
				}
				
				#rockdesc span + span, #instrdesc span + span, #rockdesc span + span { /*This is the second sentence of #rockdesc*/  /*I am using Adjacent Selectors to affect the correct span tag*/
					display: block;
					margin-bottom: .7em;
				}
				
				#rockdesc span + span + span, #instrdesc span + span + span, #decondesc span + span + span { /*This is the third sentence of #rockdesc*/  /*I am using Adjacent Selectors to affect the correct span tag*/
					font-weight: normal;
					text-decoration: underline;
					font-size: 10px;
					display: block;
					margin-bottom: .2em;
				}
				
				
				
				#rockdesc ul, #instrdesc ul, #decondesc ul { 
					text-indent: 2.1em;
					font-size: 		10px;
					font-weight:	bold;
					word-spacing: .01em;
					line-height: 2.4em;
					letter-spacing: .01em;
					padding-left: -5em;
					position: relative;
					left: .7em;
				}
					#rockdesc ul li, #instrdesc ul li, #decondesc ul li {
						padding-right: 4em;
						background: transparent url(../images/checkmark.gif) no-repeat center left;
					}
	
		/* ---------------------------*/
		/* SECTION NAVIGATION */
		#printsectnav {
			width:527px;
			height: 115px;
			margin-left:14px;
			margin-top:19px;
			float:left;
			position: relative;
			top: -25px;
			
		}
	
			#printsectbtns {
				float:left;
				position:relative;
				width: 525px;
				height: 85px;
				
			}
				
				#printsectbtns li{
					float:left;
					margin-right: 45px;
					margin-left: 45px;
					margin-top: 7px;
					
				}
			
				#rockbtn {
				}
					#rockbtn span {
						background: 	url(../images/rockbtn.jpg) no-repeat top center;
						display: block;
						width: 85px;
						height: 85px;
						text-indent:	-9999px;/*Hide Text, keep for SEO*/
					}
						#rockbtn span:hover {
							background: 	url(../images/rockbtn_over.jpg) no-repeat top center;
							cursor:			pointer;
						}
				
				#instrbtn {
				}
					
					#instrbtn span {
						background: 	url(../images/instrbtn.jpg) no-repeat top center;
						display: block;
						width: 85px;
						height: 85px;
						text-indent:	-9999px;/*Hide Text, keep for SEO*/
					}
						#instrbtn span:hover {
							background: 	url(../images/instrbtn_over.jpg) no-repeat top center;
							cursor:			pointer;
						}
				
				#deconbtn {
				}
					#deconbtn span {
						background: 	url(../images/deconbtn.jpg) no-repeat top center;
						display: block;
						width: 85px;
						height: 85px;
						text-indent:	-9999px;/*Hide Text, keep for SEO*/
					}
						#deconbtn span:hover {
							background: 	url(../images/deconbtn_over.jpg) no-repeat top center;
							cursor:			pointer;
						}
					
			#printsectnavtext {
				width: 525px;
			}
				#printsectnavtext li {
					float: left;
					margin-left: 53px;
					margin-top: 5px;
					font-family: Tahoma, Geneva, sans-serif;
					font-size: 11px;
					letter-spacing: .12em;
				}
					#printsectnavtext li:first-child {
						margin-left: 40px;
						margin-right: 15px;
					}
	
	
	/* ---------------------------*/
	/* SIDE CONTENT AREA */
	
	#sidecontent {
		background: 	url(../images/sidearea.png) no-repeat top center;
		float:			left;
		width: 			207px;
		height: 		345px;
		display: block;
		position: relative;
		top: -23.85em;
		left: 81px;
	}
	
		#sidecontainer {
		}
		
			#aboutarea {
				background: 	url(../images/aboutareatitle.gif) no-repeat;
				background-position: .47em .55em;
			}
	
				#aboutpic {
					margin-left: 46px;
					margin-top: 24px;
				}
				
				#aboutname {
					background: 	url(../images/aboutname.gif) no-repeat top center;
					width: 			109px;
					height: 		19px;
					margin: 		0 auto;
					position:relative;
					left: 11px;
					top: -7px;
					text-indent:	-9999px;/*Hide Text, keep for SEO*/
				}
				
				#abouttitle {
					background: 	url(../images/abouttitle.gif) no-repeat top center;
					width: 			138px;
					height: 		14px;
					margin: 		0 auto;
					position:relative;
					left: 12px;
					top: -4px;
					text-indent:	-9999px;/*Hide Text, keep for SEO*/
				}
				
				#resumetext {
					background: 	url(../images/resumetext.gif) no-repeat top center;
					width: 			122px;
					height: 		15px;
					margin: 		0 auto;
					position:		relative;
					left: 			8px;
					top: 			11px;
					text-indent:	-9999px;/*Hide Text, keep for SEO*/
				}
				
				#aboutarea > ul {
					position:relative;
					width: 114px;
					height: 90px;
					top: 20px;
					left: 55px;
				}
					#aboutarea ul li {
						float:left;
						
					}
						#pdfbtn span{
							background: 	url(../images/pdfbtn.gif) no-repeat top center;
							display: 		block;
							width: 			52px;
							height: 		84px;
							text-indent:	-9999px;/*Hide Text, keep for SEO*/
							margin-right: .45em;
						}
							
							#pdfbtn span:hover {
								background: 	url(../images/pdfbtn_over.gif) no-repeat top center;
								cursor:			pointer;
							}
						
						#wordbtn span{
							background: 	url(../images/wordbtn.gif) no-repeat top center;
							display: 		block;
							width: 			52px;
							height: 		84px;
							text-indent:	-9999px;/*Hide Text, keep for SEO*/
						}
							
							#wordbtn span:hover {
								background: 	url(../images/wordbtn_over.gif) no-repeat top center;
								cursor:			pointer;
							}
						
			#contactarea {
				background: 	url(../images/contactareatitle.gif) no-repeat;
				background-position: .5em 0em;
				position: relative;
				top: -15px;
				margin-bottom: -36px;
				
			}
			
				#formarea {
				font-size: 12px; 
				width: 11em; 
				font-weight: bold; 
				margin: 0 auto; 
				margin-top: 2em;
				padding-top: 8px;
				margin-bottom: -.1em; 
				position: relative; 
				left: 1.2em; 
				color: #374951;	
				}
				
					#contact_form{
						position:relative;
						top: -12px;
					}
					
					#nameErrorLine, #emailErrorLine, #subjectErrorLine, #mainmessageErrorLine {
						color:#164D70;
						float:right;
						left:-12px;
						margin-top:-11px;
						position:relative;
						top:-1px;
					}
					
					#emailErrorLine {
						position:relative;
						left: 10px;
					}
					
					#subjectErrorLine {
						position:relative;
						left: -3px;
					}
					
					#mainmessageErrorLine {
						position:relative;
						left: 4px;
					}
					
					
					
					#name, #subject, #email {
						margin-bottom: 0px;	
					}
					
					ol.forms { 
						list-style:none; 
					}
					
				
					#formarea p {
						font-size: 12px; 
						font-weight: normal; 
						color: #32444b;	
						margin-bottom: 1.3em;
					}
					
					#formarea form {
						font-size: 9px;	
					}
					
						#formarea form h3 {
							font-weight: bold; 
							margin-top: .3em;	
						}
						
						#formarea form input {
							font-family: Verdana; 
							font-size: 11px;
							background: #9dcad8;
							/*border: solid 1px #7eb3f6;*/
						}
						
						#formarea form input:hover, #formarea form textarea:hover {
							background: #e2ebef;
							/*border: solid 1px #7eb3f6;*/
						}
						
						#formarea form textarea {
							overflow: auto; 
							font-family: Verdana; 
							font-size: 11px;
							background: #9dcad8;
						}
						
						#submit {
							position:relative; 
							left: 0.8em;
							top: -4px;
							margin-top: .5em;
							background: url('../images/sendemailbtn.png');
							width: 112px;
							height: 32px;
							border: none;
						}
						
						#submit:hover {
							background: url('../images/sendemailbtn_over.png');	
							width: 112px;
							height: 32px;
							border: none;
							cursor: pointer;
						}
						
						#submit:focus {
							outline:none;	
						}
						
						
						#response {
							height: 223px;	
						}
		
		/* ---------------------------*/
		/* SIDE NAVIGATION */
		
		#sidenav {
			margin-left: 8px;
			margin-top: 7px;
			width: 190px;
			height: 47px;
			float:left;
			position:absolute;
		}
	
			#aboutbtn span{
				background: 	url(../images/aboutbtn.gif) no-repeat top center;
				width: 			90px;
				height: 		47px;
				display: block;
				float:left;
				/*position:		relative;
				left: 			8px;
				top: 			11px;*/
				text-indent:	-9999px;/*Hide Text, keep for SEO*/
			}
			
				#aboutbtn span:hover {
					background: 	url(../images/aboutbtn_over.gif) no-repeat top center;
					cursor:			pointer;
				}
			
			#contactbtn span{
				background: 	url(../images/contactbtn.gif) no-repeat top center;
				width: 			100px;
				height: 		47px;
				display: block;
				float:right;
				/*position:		relative;
				left: 			8px;
				top: 			11px;*/
				text-indent:	-9999px;/*Hide Text, keep for SEO*/
			}
				#contactbtn span:hover {
					background: 	url(../images/contactbtn_over.gif) no-repeat top center;
					cursor:			pointer;
				}
	
	/* ---------------------------*/
	/* FOOTER */
	#footer {
		width: 500px;
		height: 40px;
		font-family:Tahoma, Geneva, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #1d3f4e;
		margin: 0 auto;
		clear:both;
		position: relative;
		top: -47.85em;
		left: 135px;
	}
	
		#footer ul {
			width: 500px;
			
		}
			#footer ul li {
				float:left;
			}
	
		#footer p {
			clear:both;
			margin: 0 auto;
			font-weight: normal;
			color: #c2d2bf;
			position: relative;
			top: 0em;
			left: 10.5em;
			top: .35em;
		}



/* ----------------------------*/
/* CUSTOM CLASSES */
/* ----------------------------*/
.active {						  }
.clear { clear: 			both; }
.floatLeft { float: 		left; }
.floatRight { float: 		right; }
.textLeft { text-align: 	left; }
.textRight { text-align: 	right; }
.textCenter { text-align: 	center; }
.textJustify { text-align: 	justify; }
.largeMargins {	margin-left: .7em; margin-right: .7em; font-weight:normal;}
.websectbtn-hover {
		background: 	url(images/web_on.png) no-repeat top center;
		cursor:			pointer;
	}
	
	
	
	
a:focus {
	outline: none;	
}

.slides {
	width: 361px;
	height: 210px;
} 
 
.slides a img {  
    width: 341px;
    height: 190px;
	border-style: none;
}

.slides a {  
    width: 341px;
    height: 190px;
}

/*.slidebtns {
	width: 341px;
	height: 190px;
	float: left;
	position: absolute;
	z-index: 20;
	top: 83px;
	left: 20px;
}*/



.nextbtn, .prevbtn {
	height: 190px;
	width: 107px;
	display:block;
}

.nextbtn span, .prevbtn span{
	position: relative;
	left: -9999px; /*Hide Text, keep for SEO*/
}

.nextbtn {
	float: right;
	position: absolute;
	z-index: 20;
	top: 80px;
	left: 254px;
	text-indent: -9999px;
}

.prevbtn {
	float: left;
	position: absolute;
	z-index: 20;
	top: 80px;
	left: 19px;
	text-indent: -9999px;
}

.nextbtn:hover {
	background: url(../images/hover_next2.png) no-repeat;
	cursor: pointer;
	background-position: 38px 14px;
}

.prevbtn:hover {
	background: url(../images/hover_prev2.png) no-repeat;
	background-position: 13px 14px;
	cursor: pointer;
}

.launchbtn a {
	background: url(../images/launchbtn.gif) no-repeat;
	width: 112px;
	height: 32px;
	margin: 0 auto;
	position: relative;
	top: .2em;
	left: -.2em;
}

.launchbtn a:hover {
	background: url(../images/launchbtn_over.gif) no-repeat;	
}

.launchbtn span {
	text-indent: -9999px;	
}

.zenlaunchbtns {
	position: relative;
	left: 25px;
}

.zenlaunchbtns a {
	width: 26px;
	height: 32px;
	margin: 0 auto;
	position: relative;
	top: .2em;
	left: -.2em;
	float: left;
	margin-right: 1em;
}

.zenlaunchbtns a {
	background: url(../images/launchonebtn.gif) no-repeat;
}

.zenlaunchbtns a:hover {
	background: url(../images/launchonebtn_over.gif) no-repeat;	
}


.zenlaunchbtns a+a {
	background: url(../images/launchtwobtn.gif) no-repeat;
}

.zenlaunchbtns a+a:hover {
	background: url(../images/launchtwobtn_over.gif) no-repeat;	
}


.zenlaunchbtns a+a+a {
	background: url(../images/launchthreebtn.gif) no-repeat;
}

.zenlaunchbtns a+a+a:hover {
	background: url(../images/launchthreebtn_over.gif) no-repeat;	
}







.zenlaunchbtns span {
	text-indent: -9999px;	
}