body
{
    scrollbar-base-color: #FFFFFF;
    scrollbar-arrow-color: #333333;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-face-color: #EAEAEA;
    scrollbar-track-color: #FFFFFF;
}
* { margin: 0; padding: 0; }
a img { border: 0; }
	
#container
{
    margin: 10px auto;
    border: solid 1px #000;
    width: 833px;
}
	
#header {
	height: 127px;
	border-bottom: 1px solid #000;
}

h1
{
    float: left;
    margin: 20px 0 0 20px;
    background: url('/images/logo.gif') no-repeat;
    width: 350px;
    height: 60px;
}
h1 a { display: block; width: 100%; height: 100%; }
h1 span, #mpa span, #home span { display: none; }
#mpa
{
    float: right;
    margin: 20px 20px 0 0;
    display: block;
    background: url('/images/mpa.gif') no-repeat;
    width: 142px;
    height: 69px;
}
#header ul 
{
    clear: both;
    float: right;
    text-align: right;
    margin: 13px 10px;
    list-style-type:  none;
    width: 420px;
}
#header ul li { display: inline; margin-right: 5px; }

#content { height: 306px; border-bottom: solid 1px #000;}
h2
{
    margin: 10px;
    font-size: 20px;
    font-weight: normal;
}
hr { margin: 10px; width: 80%; height: 1px; }

#home
{
    background: url(/images/main-image.jpg) 1px 0;
    width: 833px;
    height: 306px;
}
/*
    About, Album
*/
#about { background: url(/images/about-img.jpg) no-repeat 0 0; }
#album { background: url(/images/album-image.jpg) no-repeat 0 0; }
#about div, #album div
{
    margin-left: 290px;
    padding-right: 20px;
    height: 306px;
    width: 523px;
    overflow: auto;
}
#about div p, #album div p { margin-top: 15px; line-height : 1.5 }
/*
    Links
*/
#links { background: url("../images/links.jpg") no-repeat 0 0; }
#links div
{
    margin-left: 200px;
    padding-right: 20px;
    height: 306px;
    width: 613px;
    overflow: auto;
}
	
#links ul li.title
{
	font-weight: bold;
	text-indent: -10px;
	margin-left: 10px;
	list-style: none;
	margin-top: 1em;
}
#links ul li
{
	margin-left: 25px;
	text-indent: 0 !important;
	text-indent: -3px;
}
#links ul li a { text-decoration: underline; }
#links ul li a:hover { text-decoration: none; }
/*
    Contact
*/
#contact #address
{
    float: left;
    margin: 35px;
    white-space: pre;
}
#contact span { font-weight: bold; }
#contact form
{
    float: right;
    margin: 35px 0px;
    width: 350px;
}
#content form input, #content pre textarea { width: 300px; margin-bottom: 10px; }
#content form textarea { overflow: auto; width: 302px; height: 80px; }
#content form #submit { width: 100px; margin-left: 200px; }
#yourphotos  { padding-top:50px; background: transparent url(../images/login-image.jpg) no-repeat 0 0; height: 256px; }

#login { margin: 0 0 0 500px; width: 200px; }
#login .input { width: 160px; }
#login .submit { width: 100px; }

#portfolio
{
    height: 306px;
    width: 833px;    
}
#portfolio ul 
{
    float: left;
    width: 833px;
}
#portfolio li
{
    margin: 20px 22px 5px 22px;
    float: left;
    list-style-type: none;
    display: inline;
}
#portfolio div
{
    clear: both;
    margin: 5px 10px;
}
#portfolio div p { margin-top: 10px; line-height : 1.5 }

#photograph {
	text-align: center;
	height: 266px;
	}

#thumbnails { height: 160px; overflow: auto; text-align: center; width: 833px;}
#thumbnails div { padding-top: 6px; height: 134px; }
#thumbnails a { float: left; margin: 5px; }

#basket-frm {
	text-align: center;
	float: right;
	width: 200px;
	margin-top: -250px;
	}
	
#basket-frm pre { font-size: 1.2em; font-family: Helvetica, Arial, Tahoma; line-height: 3em; }
#basket-frm pre #quantity { width: 63px; margin-top: 5px; margin-bottom: 2px; }
#basket-frm pre select { width: 130px; margin-top: 5px; }
#basket-frm #add, #basket-frm #view { width: 130px; }

#privacy p { margin: 20px; }
#privacy ul { margin: 20px 40px; }
#privacy ul li { margin: 10px; }

#footer ul { float: left; clear: both; margin: 10px 0 0 0; height: 96px; }
#footer ul li
{
    float: left;
    list-style-type: none;    
	margin-left: 7px;
}
	
#footer ul li a
{
	display: block;
	height: 96px;
	background: transparent no-repeat 0 0;
}

#footer ul li#btm-about a { background-image: url(/images/about-btn.jpg); width: 200px; }
#footer ul li#btm-portfolio a { background-image: url(/images/portfolio-btn.jpg); width: 198px; }
#footer ul li#btm-contact a { background-image: url(/images/contact-btn.jpg); width: 198px; }
#footer ul li#btm-photos a { background-image: url(/images/your-photos-btn.jpg); width: 198px; }
#footer ul li a span { display: none; }
#footer ul li a:hover, #footer ul li.active a { background-position: 0 -96px; }

#order { overflow: auto; text-align: center; }
#order table { width: 812px; }

#order tr td { text-align: center;}

#order tr .image { width: 100px; }
	
#order tr .bandw, #order tr .colour, #order tr .glossy, #order tr .lustre, #order tr .quantity, #order tr .remove {width: 70px;}	

#order tr .size { text-align: right; padding-right: 20px; }

#order tr .remove .remove {	width: 30px; }
	
#remove-btn, #continue-btn {
	width: 100px; 
	display: block;
	margin-top: 7px;
	}
	
#continue-btn { float: right; }
#remove-btn { float: left; }

#order tr { height: 1.8em; }

#order tr.alt { background-color: #FDF2C6; }

#order-frm p { text-align: center; font-style: italic; }
#order-frm em {	padding-left: 5px; color: red; }
#order-frm p em { padding-left: 0; }
#order-frm { font-size: 0.8em; font-family: Helvetica, Arial, Tahoma; line-height: 1.1em; }
#order-frm form label { display: block; margin: 0 3px 3px 3px; }
#order-frm form { margin: 10px auto; width: 400px; }
#order-frm form input, #order-frm form select { width: 180px; margin-bottom: 10px;}
#order-frm form select { width: 184px;  }

.left { float: left; }
.right { float: right; }