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

/* RESET */
noscript p { color: #a00; font-size: 125%; border: 2px solid #a00; }

h3 { margin: 0 20px 5px 0px; color: #00aeef; text-align: left; border-bottom: 1px dotted #00aeef; padding-bottom: 3px; }

h3#welcome { background: url(../images/headers/welcome.gif) no-repeat; text-indent: -9999px; }
h3#design { background: url(../images/headers/design.gif) no-repeat; text-indent: -9999px; }
h3#order { background: url(../images/headers/order.gif) no-repeat; text-indent: -9999px; }
h3#contact { background: url(../images/headers/contact.gif) no-repeat; text-indent: -9999px; }

#welcome_left { float: left; width: 410px; padding: 0 410px 0 0; }
#welcome_right { float: right; width: 410px; margin: 0 20px 0 -410px; padding: 0 0 10px 0; }

#design_left { float: left; padding: 0 420px 0 0; }
#design_right { float: right; width: 380px; margin: 5px 20px 0 -420px; padding: 10px; }

#order_left { float: left; padding: 0 420px 0 0; }
#order_right { float: right; width: 380px; margin: 5px 20px 0 -420px; padding: 10px; }

#contact_left { float: left; width: 410px; padding: 0 10px 0 0; }
#left_b { float: left; width: 180px; }
#contact_right { float: right; width: 400px; margin: 5px 10px 0 -420px; padding: 10px; }

#portfolio { width: 800px; max-height: 325px; margin: 1px 20px 1px 20px; padding: 5px 10px 10px 35px; }


.bold { font-weight: bold; }

/* SLIDER CSS */
.stripViewer .panelContainer .panel ul { text-align: left; margin: 0 10px 0 5px; }

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */ margin: 20px 0; position: relative; width: 100%; }

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

.stripViewer { /* This is the viewing window */
	position: relative; overflow: hidden; background-color: #faf9f7; margin: auto; width: 860px; /* Also specified in  .stripViewer .panelContainer .panel  below */ clear: both; }

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

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float: left;
	height: 100%;
	position: relative;
	width: 860px;
	/* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 3px 5px;
}

.stripNav { display: none; }

.stripNav ul { list-style: none; }/* The auto-generated set of links */

.stripNav ul li {
	float: left;
	margin-right: 2px; } /* If you change this, adjust the initial value of navWidth in coda-slider.1.1.1.js */

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

.stripNav li.tab1 a { background: #fff }
.stripNav li.tab2 a { background: #fff }
.stripNav li.tab3 a { background: #fff }
.stripNav li.tab4 a { background: #fff }
.stripNav li.tab5 a { background: #fff }

.stripNav li a:hover { background: #333; }

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

/* The left and right arrows */
.stripNavL, .stripNavR { position: absolute; top: 300px; text-indent: -9000em; display: none; }

.stripNavL a, .stripNavR a { display: block; height: 28px; width: 18px; }

.stripNavL { left: 27px; background: url(../images/arrow-left.gif) no-repeat center; }

.stripNavR { right: 37px;  background: url(../images/arrow-right.gif) no-repeat center;  }

li { list-style-type: none; font-size: 80%; margin: 0 0 10px 0; }