html {
overflow-y: scroll;
}

body {
background-color: #f3f5e1;
}

img {
border: 1px solid black;
}


#wrapper {
width: 800px;
margin: 0 auto;
text-align: center;
padding: 0;
}

#header {
height: 271px;
background: url("newbanner.gif") no-repeat;
border: 1px solid black;
}

#main {
text-align: center;
position: relative;
top: 5px;
left: 0;
width: 800px;
height: auto !important;
min-height: 500px;
height: 500px;
border: 1px solid black;
background-color: white;
}

#main h1, h2, h3, p {
text-align: left;
font-family: Verdana, "Trebuchet MS";
font-size: 15px;
margin-left: 10px;
margin-right: 10px;
}

#main h1 {
font-size: 25px;
}

#menu {
height: 76px;
position: relative;
top: 0;
left: 0;
}

#menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#menu li {
display: inline;
}

#menu li a {
height: 76px;
float: left;
background-position: 0 0;
}

#menu li a:hover {
background-position: 0 -76px;
}

#menu li a:active {
background-position: 0 -76px;
}

#about {
width: 87px;
background: url("nav_01.gif") 0 -76px no-repeat;
}

#order {
width: 70px;
background: url("nav_02.gif") 0 -76px no-repeat;
}

#tutorials {
width: 111px;
background: url("nav_03.gif") 0 -76px no-repeat;
}

#gallery {
width: 94px;
background: url("nav_04.gif") 0 -76px no-repeat;
}

#contact {
width: 117px;
background: url("nav_05.gif") 0 -76px no-repeat;
}

#extraneous {
width: 74px;
background: url("nav_06.gif") 0 -76px no-repeat;
}



/* Gallery */


#divtamer {
padding: 0;
margin: 0;
height: 550px
}


#divtamer li {
list-style: none;
display: inline;
float: left;
margin: 4px;
padding: 0;
}

#pagination {
width: 100%;
height: 60px;
}



#detailcontainer {
text-align: center;
height: 700px;
width: 160px;
margin: 0 10px 0 10px;
float:left;
}


#mainphotocenterer {
float: left;
margin: 0 auto;
width: 602px;
height: 700px;
}


/* If on a main photo page, stretch the div to contain the entire contents */
#mainstretcher {
display: block;
height: 725px;
}

#thumbnailcenterer {
margin: 0 auto;
width: 781px;
height: 490px;
}



.imagealigner {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 602px;
    height: 700px;
    border: 1px dashed green;
}
.imagealigner * {
    vertical-align: middle;
}
/*\*//*/
.imagealigner {
    display: block;
}
.imagealigner span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/


.wraptocenter {
display: table-cell;
text-align: center;
vertical-align: middle;
}

.wraptocenter {
width: 149px;
height: 149px;
float: left;
border: 1px solid black;
margin: 10px 2px 0 2px;
}

.wraptocenter img {
vertical-align: middle;
border: 1px solid black;
}

.wraptocenter a {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 149px;
height: 149px;
background-color: #F5F5F5;
}

.wraptocenter a:hover {
background-color:#43823B;
}

.wraptocenter * {
    vertical-align: middle;
}

/*\*//*/
.wraptocenter, .imagealigner {
    display: block;
}
.wraptocenter span, .imagealigner span {
    display: inline-block;
    height: 100%;
    width: 1px;
}

/**/



#description {
border: none;
padding: 5px 0px 5px 0px;
}

.errors, .success {
font-size: 16px;
font-weight: bold;
}
.errors {
color: red;
}
.success {
color: blue;
}