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;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* 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: "" "";
}
		/* I've used a hard CSS reset above, but you should consider a more sophisticated reset, such as this one: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
		
		p { 
		text-align: left; 
		margin:0 0 15px 0; 
		font-family:Arial;
		font-size:8pt;
		line-height:10pt;
		color:#444;
		}
		
		p, ul { font-size: 13px; line-height: 1.4em } 
		
		p a, li a { color: #999; text-decoration: none }
		
		p.intro { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width: 100% }
		
		p#cross-links { text-align: center }
		
		p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }
		
		noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }
		
		a:focus { outline:none; }
		a:hover{ color:#ffbe62;	}
		img { border: 0 }
		
		h3 { border-bottom: 1px solid silver; margin:0 0 5px 0; padding-bottom: 3px; color:#74b6e4; text-align: left }
		
		body {
			font-family: Verdana, Arial;
			color: #000;
			width: 800px;
			margin: auto;
			text-align: center;
			padding-bottom: 20px;
		}
		#wrapper{
		width:984px;
		min-height:612px;
		background-image:url("images/newdesignbg2.jpg");
		background-repeat:no-repeat;
		margin:0 auto;
		margin-left:-90px;
		position: relative
		}
		#loader{
		background-color:#fff;
		background-image:url("images/ajax-loader.gif");
		background-repeat:no-repeat;
		background-position:center;
		position:absolute;
		margin:-66px 0 0 35px;
		height:424px;
		width:568px;
		top:200px;
		left:300px;
		text-align:center
		}
		#loadingh3 h3{
		padding:185px 0 0 180px;
		font-weight:900;
		text-decoration:none;
		border:0;
		}
		.wrapper{
		
		}
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			position: absolute;
			width: 100%;
			top:133px;
			left:127px;
			padding:0;
			margin:0;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {display:none; width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border-top: 1px solid #64bcff; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 568px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 424px;
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 424px;
			position: relative;
			width: 568px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 9pt;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #64bcff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav li.tab1 a { background: #555 }
		.stripNav li.tab2 a { background: #555 }
		.stripNav li.tab3 a { background: #555 }
		.stripNav li.tab4 a { background: #555 }
		.stripNav li.tab5 a { background: #555 }
		
		.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
			background: #000;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height:62px;
			width:50px;
		}
		
		.stripNavL {
			left:157px;
			top:8px;
		}
		
		.stripNavR {
			right:157px;
			top:8px;
		}
		
		.stripNavL:hover {
			background-image:url("images/prev.jpg");
		}
		
		.stripNavR:hover {
			background-image:url("images/next.jpg");
		}
	#newNav{
	position:absolute;
	top:-75px;
	left:345px;
	width:550px;
	height:200px;
	}
		#newNav a{
		font-family:Arial;
		text-decoration:none;
		font-weight:500;
		color:#64bcff
		}
		#newNav a:hover{
		color:#ffc063
		}
		#navLeft{
		float:left;
		margin-top:185px;
		}
		#navRight{
		float:right;
		margin:75px 0 0 0;
		position:relative;
		text-align:right
		}
		#label{
		position:absolute;
		top:0px;
		left:-120px;
		width:110px;
		height:134px;
		border-right:1px solid #64bbfe;
		}
		#label h2{
		color:#979797;
		text-align: right;
		padding-right:3px;
		font-size:14pt;
		line-height:18pt;
		font-weight:800;
		}
		#navRight11{
		width:13px;
		height:133px;
		background-image:url("images/nav11.jpg");
		float:left
		}
			#navRight11r{
			width:13px;
			height:133px;
			}
				#navRight11r:hover{
				background-image:url("images/nav11r.jpg");
				cursor:pointer;
				}
		#navRight12{
		width:13px;
		height:133px;
		background-image:url("images/nav12.jpg");
		float:left
		}
			#navRight12r{
			width:13px;
			height:133px;
			}
				#navRight12r:hover{
				background-image:url("images/nav12r.jpg");
				cursor:pointer;
				}
		#navRight1{
		width:13px;
		height:133px;
		background-image:url("images/nav1.jpg");
		float:left
		}
			#navRight1r{
			width:13px;
			height:133px;
			}
				#navRight1r:hover{
				background-image:url("images/nav1r.jpg");
				cursor:pointer;
				}
		#navRight2{
		width:13px;
		height:133px;
		background-image:url("images/nav2.jpg");
		background-repeat:no-repeat;
		margin-right:4px;
		float:left
		}
			#navRight2r{
			width:13px;
			height:133px;
			}
				#navRight2r:hover{
				background-image:url("images/nav2r.jpg");
				background-repeat:no-repeat;
				cursor:pointer;
				}
		#navRight3{
		width:13px;
		height:133px;
		background-image:url("images/nav3.jpg");
		background-repeat:no-repeat;
		margin-right:4px;
		float:left
		}
			#navRight3r{
			width:13px;
			height:133px;
			}
				#navRight3r:hover{
				background-image:url("images/nav3r.jpg");
				background-repeat:no-repeat;
				cursor:pointer;
				}
		#navRight4{
		width:13px;
		height:133px;
		background-image:url("images/nav4.jpg");
		background-repeat:no-repeat;
		margin-right:4px;
		float:left
		}
			#navRight4r{
			width:13px;
			height:133px;
			}
				#navRight4r:hover{
				background-image:url("images/nav4r.jpg");
				background-repeat:no-repeat;
				cursor:pointer;
				}
		#navRight5{
		width:13px;
		height:133px;
		background-image:url("images/nav5.jpg");
		background-repeat:no-repeat;
		margin-right:4px;
		float:left
		}
			#navRight5r{
			width:13px;
			height:133px;
			}
				#navRight5r:hover{
				background-image:url("images/nav5r.jpg");
				background-repeat:no-repeat;
				cursor:pointer;
				}
		#navRight6{
		width:13px;
		height:133px;
		background-image:url("images/nav6.jpg");
		background-repeat:no-repeat;
		margin-right:4px;
		float:left
		}
			#navRight6r{
			width:13px;
			height:133px;
			}
				#navRight6r:hover{
				background-image:url("images/nav6r.jpg");
				background-repeat:no-repeat;
				cursor:pointer;
				}
		#navRight7{
		width:13px;
		height:133px;
		background-image:url("images/nav7.jpg");
		background-repeat:no-repeat;
		margin-right:4px;
		float:left
		}
			#navRight7r{
			width:13px;
			height:133px;
			}
				#navRight7r:hover{
				background-image:url("images/nav7r.jpg");
				background-repeat:no-repeat;
				cursor:pointer;
				}
		#navRight8{
		width:13px;
		height:133px;
		background-image:url("images/nav8.jpg");
		background-repeat:no-repeat;
		margin-right:4px;
		float:left
		}
			#navRight8r{
			width:13px;
			height:133px;
			}
				#navRight8r:hover{
				background-image:url("images/nav8r.jpg");
				background-repeat:no-repeat;
				cursor:pointer;
				}
p.wide-tracking { 
letter-spacing: 0.1em;
float:left;
padding-right:10px;
cursor:pointer
}
	.stripNav{
	display:none;
	}
#footer{
position:absolute;
top:575px;
right:40px;
width:914px
}
	#tristanDressler{
	float:left;
	font-size:18pt;
	margin-top:-5px;
	color:#ffa126;
	font-weight:900
	}
	#valid{
	float:left;
	padding:8px 0 0 200px;
	font-size:8pt;
	color:#999;
	letter-spacing: 0.2em;
	}
	#designerDeveloper{
	float:right;
	font-size:16pt;
	margin-top:-3px;
	color:#909090;
	font-weight:600
	}
.form1{
font-family:Arial;
font-size:9pt;
color:#333
}
	.numberBrackets{
	font-size:18px;
	}
	#noScriptWrapper{
	position:absolute;
	width:100%;
	height:1000px;
	background-color:#fff;
	text-align:left
	}
	textarea{
	font-family:Arial;
	font-size:9pt;
	color:#333;
	width:285px;
	height:100px;
	margin:-10px 0 0 0;
	}
	#name{
	position:absolute;
	top:98px;
	left:62px;
	width:233px;
	}
	#email{
	position:absolute;
	top:130px;
	left:62px;
	width:233px;
	}
	.subbtn{
	float:left;
	}
	#phoneNumber{
	margin:0 0 0 -2px
	}
	#stalkMe{
	width:230px;
	height:300px;
	position:absolute;
	top:50px;
	left:328px
	}
#noScript{
float:left;
width:700px
}
.RESULTWRAPPER{
border:1px solid #979797;
margin:80px auto;
width:315px;
}
	.RESULT{
	width:295px;
	padding:10px
	}
.helloUL *{
margin:0;
padding:0;
font-family:Arial;
font-size:10pt;
line-height:14pt;
color:#444;
}
	.arrowthingers{
	color:#fdc065;
	padding-right:5px
	}
#web{
height:330px;
width:255px;
position:absolute;
top:40px;
left:20px
}
	#web h3{
	border:0;
	text-decoration:none;
	font-size:12pt;
	font-weight:300;
	color:#979797;
	}
	#web .arrowthingers{
	color:#979797;
	padding-right:5px
	}
#uncommon{
width:255px;
height:330px;
position:absolute;
top:40px;
left:280px
}
	#uncommon h3{
	border:0;
	text-decoration:none;
	font-size:12pt;
	font-weight:300;
	color:#fdc065
	}
	#uncommon .arrowthingers{
	color:#fdc065;
	padding-right:5px
	}
.bigImage{
width:568px;
height:425px;
position:absolute;
top:0px;
left:0px;
}
.crossLinks2{
width:568px;
height:25px;
position:absolute;
top:400px;
background-image:url("images/linksbg.png");
z-index:11;
padding:3px 0 0 5px;
left:0px
}
a{
border:0
}
#miniGallery img{
float:left;
padding:5px;
}
#miniGallery img:hover{
float:left;
padding:4px;
border:1px solid #979797;
}
#goodguys p{
color:#64bcff;
}