* {
    margin: 0;
    padding: 0
}

html
{
	background: black;
}

body {
    padding: 20px;
    background: white;
    text-align: center;
    background: black;
    color: #bba; /* covers heading */
    font: 80% / 140% georgia, serif;
}

h1, h2 {
    font: bold 80% 'helvetica neue', sans-serif;
    letter-spacing: 3px;
    text-transform: uppercase;
}
/*specialise this to just titles and not images*/
a {
    /*color: #348; default*/
    color: #6A7DC8;
    /*color:green;*/
    text-decoration: none;
    outline: none;
}

a:hover, a:active {
    color: #67a;
}

ul.gallery_demo_unstyled a div.pf a, #portfolio li a, div.pf ul li a, div.pf li, div.pf a > img {
    border: none;
}

.caption {
    font-style: italic;
    color: #887;
}

.demo {
    position: relative;
    margin-top: 2em;
    /*border: 1px solid magenta;*/
    /* jd */
    border: none;
}
/*Galleria Image Gallery for each category*/
.gallery_demo {
    width: 702px;
    margin: 0 auto;
    /* jd */
    border: none;
}

.gallery_demo li {
    width: 68px;
    height: 50px;
    border: 3px double #111;
    margin: 0 2px;
    background: #000;
    /*jd*/
    border: none;
}

.gallery_demo li div {
    left: 240px
}

.gallery_demo li div .caption {
    font: italic 0.7em / 1.4 georgia, serif;
}

#main_image {
    margin: 0 auto 60px auto;
    /* height: 438px;*/
    /*    width: 700px;*/
    background: black;
    /* jd */
    border: none;
}

#main_image img {
    margin-bottom: 10px;
    /* jd */
    border: none;
}

.nav {
    padding-top: 15px;
    clear: both;
    font: 80% 'helvetica neue', sans-serif;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.info {
    text-align: left;
    width: 700px;
    margin: 30px auto;
    border-top: 1px dotted #221;
    padding-top: 30px;
    /*jd*/
    border: none;
}

.info p {
    margin-top: 1.6em;
}

table {
    vertical-align: top;
}
/*Navigation Menu*/
ul.categorylisting li {
    list-style-type: none;
    display: inline;
    padding: 5px;
}

div.categorylisting {
    /*float:left;*/
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
}
/*ImageRotator (InnerFade)*/
/*========================*/
div.pf {
    /* margin-left:auto;
     margin-right:auto;*/
    /*text-align: center; */
    /*    width:100%;*/
}

ul#portfolio {
    /*white-space: nowrap;*/
    /* margin-left:auto;
     margin-right:auto;*/
    /*width:100%;*/
    /*    border:1px solid orange;	*/
    /*text-align: center; */
    padding: 0px;
    padding-top: 20px;
    list-style: none;
    list-style-type: none;
    list-style-image: none;
    list-style-position: inside;
    margin: 0;
}

ul#portfolio li {
    /*note: see browser dependent css in index.php*/
    /*white-space:nowrap;*/
    list-style: none;
    margin: 0;
    /*text-align: center; */
    /*   border:1px dotted cyan;*/
}

ul#portfolio li a, ul#portfolio li a img {
    border: none;
    color: black;
}

ul#portfolio img {
    /*margin: 0 auto; */
}

ul#portfolio li img {
    margin-left: auto;
    margin-right: auto;
}
/*****************************************************************************************/
table#credits { /*width:600px;*/
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 20px;
}

table#credits td {
    text-align: left;
    margin: 0;
    padding: 5px;
    font-size: .9em;
}

h4 {
    padding-top: 30px;
    padding-bottom: 20px;
    color: orange;
}

p.footer {
    font-size: .8em;
    margin-top: 20px;
}

div.blurb {
    text-align: left;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}

div.blurb ul {
    margin-left: 10px;
    list-style: disc;
    list-style-type: disc;;
    list-style-image: none;
    list-style-position: outside;
}

div.blurb li {
    margin-left: 10px;
    padding-left: 10px;
}

div.blurb p {
    margin-top: 10px;
}

form.contact textarea {
    width: 400px;
    height: 300px;
}

form.contact input {
    width: 400px;
}

form * {
    vertical-align: top;
    font: 100% / 160% georgia, serif;
}

p.alert {
    font-weight: bold;
    color: red;
}
a.mode
{
	/*float:right;*/
	color:orange;
}
a:hover, a:active
{
	text-decoration:underline;
	
}