body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

#body_home, 
#body_history, 
#body_stockists, 
#body_gallery, 
#body_events, 
#body_contact, 
#body_services, 
#body_tutorials, 
#body_shop  {
width: 800px ;
margin-left: auto ;
margin-right: auto ;
padding: 0;
color: #333;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 120%/1.4;
font-weight: 500;
text-align: center;
background: #fff;
}

#content {
width: 800px;
margin-left: auto;
margin-right: auto; 
}

h1 {
width: 400px;
height: 64px;
border: 0;
margin: 2% auto 0 auto;
}

h1 img {
border: 0;
}

ul {
list-style: none;
text-align: left;
}

a {
color: #333;
text-align: center;
}

a:link{
text-decoration: none;
color: #333;
}

a:visited{
text-decoration: none;
}

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

a:active {
text-decoration: none;
}

/*id on the ul for the nav bar*/
ul#nav {
width: 100%;
margin-left: auto;
margin-right: auto; 
padding: 0;
background: #999;
border: 0px solid black;
}

#nav li {
width: 84px;
margin: 0 auto;
padding: 0 2px;
float: left;
border: 0px solid black;
}

/*id's on the #nav li for the you are here cue*/
#body_home
#nav_home a,
#body_history
#nav_history a,
#body_gallery
#nav_gallery a,
#body_events
#nav_events a,
#body_stockists
#nav_stockists a,
#body_tutorials
#nav_tutorials a,
#body_shop
#nav_shop a,
#body_services
#nav_services a,
#body_contact
#nav_contact a {
background: #ddd;
color: #333;
font-weight: 600;
}

#nav  a {
float: left;
width: 100%; 
color: #333;
text-decoration: none;
line-height: 2;
border-right: 0px solid #fff;
padding: 0 2px;
}

/*removes unneccessary border from contact link on the nav bar 
#nav  #nav_contact a {
border: none;
}

*/

/*hover fx for main nav*/
#nav a:hover {
background: #ddd;
font-weight: 600;
}

p {
text-align: left;
padding-bottom: 15px;
}

#home_slideshow {
width: 600px;
margin-left: auto;
margin-right: auto;
}


/*caption for  homepage slideshow */
span.page_title_header {
padding-top: 5em;
padding-bottom: 3em;
font-weight: 500;
}

/*homepage fashissm credit*/ 

span.next_album_nav a{
font-size: .75em;
}

/*history page styles*/

p.history {
padding-bottom: 15px;
}

p#history_image01 {
float: right;
width: 350px;
height: 263px;
margin: 10px 0 5px 20px;
padding: 0;
border: 2px solid #000;
}

p#history_image02 {
float: left;
width: 350px;
height: 263px;
margin: 10px 20px 5px 0;
padding: 0;
border: 2px solid #000;
}

/*main albums directory page*/ 

p.next_album_nav a{
font-size: .75em;
}

/*thumbnail directory page*/

ul#thumbnails {
list-style-type: none;
float: left;
}

ul#thumbnails li{
display: inline;
}

/*nav at bottom of page*/

table#thumbs_gallery_nav {
width: 700px;
font-size: .75em;
font-weight: 500;
clear: both;
}

/*large image gallery*/

#mainimage {
font-size: .85em;
float: left;
width: 550px;
}

#mainimage img {
border: 2px solid black;
margin: 0 0 30px 0;
}


#subnavimages {
font-size: .75em;
margin-left: 550px;
}

p.page_title_header {
padding: 60px 0 30px 0;
font-weight: 600;
text-align: center;
}

/*stockist page style*/


td#stockist_table_caption {
font-weight: 500;
padding: 30px 0 15px 0;
}

tr.even {
background-color: #eee;
}

/*events page styles*/



blockquote {
width: 90%;
text-align: left;
font-size: .85em;
padding: 0 0 15px 10px;
}

blockquote span {
font-weight: 500;
}

blockquote.odd {
background-color: #eee;
}

/*contact page styles*/

div#center_table {
  width: 700px;
  margin-left: auto ;
  margin-right: auto ;
}

table#contact {
margin-left: auto ;
margin-right: auto ;
}

th.caption {
font-weight: 500;
padding: 30px 0 15px 0;
}

th {
font-weight: 600;
text-align: center;
}

/*services page styles*/

span.services  {
text-decoration: underline;
font-weight: 500;
line-height: 1.5em;
}

/*tutorials page style*/

ul#tutorials  li {
display: inline;
}

table {
width: 100%;
margin: 0 auto;
border: 0px solid black;
}

table p {
text-align: center;
}

/*customer service page*/

ul.products_services {
width: 55%;
text-align: left;
padding-bottom: 2%;
}

#tutorial_controls {
width: 800px;
margin: 0; 
padding: 0; 
list-style-type: none; 
text-align: center;
background-color: red;
}

li.control_button {
width: auto;
display: inline;
float: left;
background-color: blue;
 }

#menu-outer {
	height: auto;
	background-color: black;
}

.table {
	display: table;   /* Allow the centering to work */
	margin: 0 auto;
}

/*tutorial slideshow controls*/

p#tutorial_slideshow {
width: 400px;
float: left;
}

img#tutorial_slides {
border: 5px solid #cccccc;
}

form#slideShowControls {
position: relative;
width: 10em;
margin-left: 55%;
/*ztop: 40%;*/ 
line-height: 1.1em;
background-color: #fff;
width: 10em;
text-align: center;
}

fieldset {
color: #fff;
border: 0px solid black;
}

input {
height: 2em;
background-color: #fff;
width: 10em;
line-height: 1.1em;
border-top: 0px solid black;
border-bottom: 0px solid black;
font-size: .75em;
color: #333;
}


li input:hover {
background-color: #ddd;
color: #333;
}

li input:active {
background-color: #eee;
}

#tutorial_container {
border: 0px solid black;
width: 95%;
height: 25em;
padding: 0;
margin-left: 18%;
}