/* reset */
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,b,u,i,center,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-size: 100%;vertical-align: baseline;background: transparent;}
ol,ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

/* typography */
body { font-size: 100%; line-height: 1.25em;}
html>body { font-size: 16px; }
p { margin: 1.25em 0; }
h1 { font-size: 2em; margin: 0.625em 0; text-align: center; }
h2 { font-size: 1.75em; margin: 0.75em 0; }
h3 { font-size: 1.5em; margin: 0.875em 0; }
h4 { font-size: 1.25em; margin: 1.05em 0; }
h5 { margin: 1.25em 0; }
h6 { font-size: 0.857em; margin: 1.75em 0; }

/* structure */
.clear
{
	clear: both;
}

/* global */
h1,h2,h3,h4,h5,h6 {color: #013473; font-family: times new roman, serif;}
p { text-align: justify; }
body
{
	background: top left repeat url(../images/stripe.png);
	color: #444;
	font-family: helvetica, gill sans, arial, sans-serif;
}
#header
{
	width: 960px;
	margin: 0 auto;
	background-color: #fff;
	border-left: 1px solid #444;
	border-right: 1px solid #444;
}
#container
{
	width: 920px;
	margin: 0 auto;
	background-color: #fff;
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	border-bottom: 1px solid #444;
	padding: 0.25em 20px 1em 20px;
}

/* lists */
ul.steps
{
	list-style: disc inside;
	display: block;
	margin: 1em 30px;
}

/* non-gallery images */

img.right
{
    float: right;
    margin: 0 20px;
}
img.left
{
	float: left;
	margin: 0 20px;
}

/* gallery */
ul#gallery
{
    width: 840px;
    margin: 1em auto;
    display: block;
}
#gallery li
{
    float: left;
    width: 206px;
    margin: 2px;
    text-align: center;
}
#gallery div.thumbnail
{
    width: 200px;
    height: 200px;
    line-height: 200px;
    padding: 2px;
    border: 1px solid blue;
    margin-bottom: 0.5em;
}
#gallery a
{
    display: block;
}
#gallery img
{
    vertical-align: middle;
}

/* templates, sizes */
ul#templates, ul#sizes
{
    width: 832px;
    margin: 1em auto;
}
#templates li, #sizes li
{
	float: left;
	margin: 5px;
	padding: 2px;
	border: 1px solid black;
}
#templates li h4, #sizes li h4
{
	text-align: center;
}