/***************** RESET ******************/

* { margin: 0px ; padding: 0px; border: 0px }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block; }
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/********************** CORE ********************/


div#pagecontainer { width: 100%; min-height: 800px; }
div#logo { background: url('images/logo.png') no-repeat; width: 241px; height: 41px; margin: 0 auto; padding-bottom: 50px; }
div#page { width: 980px; margin: 0 auto; padding: 30px 0px 30px 0px; position: relative; background: url('images/bg_content.png') no-repeat bottom; }
div#tagline { background: url('images/tagline.png') no-repeat; width: 703px; height: 77px; margin: 0 auto; padding-bottom: 60px; }
div#kindacool { background: url('images/prettycool.png') no-repeat; width: 153px; height: 38px; position: absolute; z-index: -3; left: 742px; top: 117px; }


/********************** PAGE TIP ********************/
div#tipContainer { width: 100%; padding-bottom: 15px; }
.tipShow { width:75%; clear: both;	padding: 7px 9px; background: #000; border: 1px dotted #cecece; font-size: 11px; color: #666; line-height: 14px; margin-bottom: 10px; position: relative; left: 112px; }
div#tipClose {	padding: 0 3px;	float: right; cursor: pointer; border: 1px solid #cecece; background: #000;	font-size: 11px; color: #666; }


/********************** WORK ********************/
.stripViewer .panelContainer .panel ul { text-align: left; }

/* This div isn't entirely necessary but good for getting the side arrows vertically centered */
.slider-wrap { margin:0 0 6px; position: relative; text-align: center; background:#CFE7F3 url(../images/gallery.jpg) no-repeat top left ; padding:12px 0 0 0;}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height:136px; background: transparent; overflow: hidden; float:left;  }
.csw .loading {margin: 0px 0 0px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	border: none; /* this is the border. should have the same value for the links */
	margin: auto;
	width: 840px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 142px;
	clear: both;
	background:#CFE7F3 ;
}

/* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
.stripViewer .panelContainer { position: relative; left: 0; top: 0;	width: 100%; list-style-type: none; background:#CFE7F3 ;
	/* -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. */
}

/* Each panel is arranged end-to-end */
.stripViewer .panelContainer .panel {background:#CFE7F3 ; float:left; height: 142px; position: relative; width: 930px;/* Also specified in  .stripViewer  above */ }

/* Wrapper to give some padding in the panels, without messing with existing panel width */
.stripViewer .panelContainer .panel .entry { padding: 0px; background:#CFE7F3 ;}

/* This is the div to hold your nav (the UL generated at run time) */
.stripNav { margin: auto; }

/* The auto-generated set of links */
.stripNav ul { list-style: none; padding: 0px; vertical-align: top; }

.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 */
}

/* The nav links */
.stripNav a { 
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	background: #c6e3ff;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 15px;
	outline:none;
}

.stripNav div a.current { background: #000; color: #fff; }

/* The left and right arrows */ 
.stripNavL { position: absolute; top: 53px; text-indent: -9000em; margin:0 0 0 12px; float:left; }

.stripNavR{ position: absolute; top: 53px; text-indent: -9000em; margin:0 12px 0 0px; }

.stripNavL a, .stripNavR a { display: block; height: 40px; width: 40px; outline:none; }
.stripNavL a:hover, .stripNavR a:hover { color: #666; }

.stripNavL { left: 0; }
.stripNavR { right: 0; }

.stripNavL { background:  transparent url('../images/arrow_left.png') no-repeat center; }
.stripNavR { background:transparent url('../images/arrow_right.png') no-repeat center; }

.entry .img { float: left; margin:0px 4px; background:#CFE7F3 ;}

/*
ul.thumbCont { margin: 0; padding: 0; list-style-type: none; clear: both; vertical-align: top; }
ul.thumbCont li { 
	display: inline-block; 
	display: inline; 
	padding: 0 10px; 
	margin: 0; 
	vertical-align: top;
}

ul.thumbCont li.last { padding-right: 0; }
*/

div#shell { position:relative; margin: 0 auto; margin-top: 40px; padding: 0px; width: 800px;}

h1 { font-size: 15pt; font-weight: lighter; color: #fff; }
h3 { font-size: 10pt; font-weight: lighter; color: #aaa; line-height: 15px; }
p { font-size: 11pt; color: #666; line-height: 15px; }

div#about { width: 70%; margin-bottom: 20px; position: relative; left: 10px; float: left; }
div#about h1 { margin-bottom: 5px; }

div#contact { margin-left: 20px; margin-bottom: 20px; position: relative; left: 70px; }
div#contact h1 { margin-bottom: 5px; }
div#contact a { font-size: 11pt; color: #666; text-decoration: underline; }
div#contact a:hover { font-size: 11pt; color: #FA7901; }

div#recommendations { width: 80%; margin-bottom: 5px; position: relative; left: 100px; }
div#recommendations h1 { margin-bottom: 5px; }
div#recommendations p { font-style: italic; margin-bottom: 10px;}
div#recommendations h3 { font-style: italic; margin-bottom: 15px;}

/*div#footer { background: url('images/foot_div.png') no-repeat; width: 879px; height: 26px; margin: 0 auto; padding-bottom: 10px; }
div#footerlogo { width: 153px; height: 52px; margin: 0 auto; padding-bottom: 30px; }
*/