/*

content width: 880px

purple a045ac
dk purple 88127f
green 71c700
orange/red f00
magenta ff007a
cyan 009ff5
yellow fff600
black 000

ltr cyan 53d0ff
lt cyan 00b7f7

"Helvetica Neue", Arial, Helvetica, sans-serif - p
Helvetica, "Helvetica Neue", Arial, sans-serif - t

*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: #000;
	margin: 36px;
	padding: 0;
	color: #fff;
	}

#wrap {
	margin: 0px auto !important;
	width: 880px;
	border: 1px solid #88127f;
	}

#head {
	background: #ff007a;
	}
	
#content, #foot, #indexcontent, #gcontent {
	background: #009ff5;
	width: 650px;
	}
	
#nav, #dh {
	background: #71c700;
	width: 230px;
	}
	
#foot {
	font-size: 11px;
	padding: 0;
	padding-top: 12px;
	}

#content, #nav {
	padding-top: 18px;
	}

#indexcontent {
	padding: 78px 90px;
	}
	
#gcontent {
	padding-top: 0;
	}
	
#foot, #dh {
	text-align: center;
	padding-bottom: 6px;
	}
	
#foot p {
	margin: 8px 6px;
	margin-bottom: 0;
	}

#content p, #gcontent p {
	margin: 16px;
	margin-top: 0;
	}





/*
///////////////////////

MARIE STUFF TO FIDDLE WITH

///////////////////////
*/

/* this is the paragraphs on the front page */

#indexcontent p { 

	font-size: 15px;
	/* specify this in pixels, it's easiest */
	
	line-height: 130%; 
	/* this can be pixels, percent, em or pts,
	usually I use pixels or percents (200% = double spaced, for example */
	
	margin: 12px 0 18px 0; 
	/* margin (and padding) specified: top right bottom left
	
	if something is just two numbers, that means that the top and right numbers
	also apply to bottom and left.
	
	if something is just one number, that means all four sides are that number.
	
	you can say 0 or 0px, but if you want something other than zero, put the px */

	}



/* this applies to table cells for your gallery/product pages. */

#gcontent td {

	padding: 18px 24px;
	/* same as margin descrip above; essentially controls spacing between cels */
	
	text-align: center;
	/* centers your text */
	
	font-size: 13px;
	/* specify in pixels */
	
	color: #fff;
	/* text color
	
	usually hex colors are six digits; in some cases this can be shortened,
	if the first two, second two and third two digits are identical
	example: #ff0000 --> f00 */
	
	}

/*
///////////////////////

END OF THINGS MARIE SHOULD FIDDLE WITH

///////////////////////
*/




#gcontent table {
	margin: 0 auto;
	margin-top: 18px;
	}
	
a {
	font-weight: bold;
	text-decoration: none;
	}

a:link {
	color: #a045ac;
	}
	
a:visited {
	color: #88127f;
	}

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

a.img {
	border: none !important;
	background: none !important;
	}

#foot a:link, #foot a:visited {
	color: #fff;
	}
	
#foot a:hover, #foot a:active {
	color: #a045ac;
	}
	
#nav a {
	background: url(images/blocks.png) left top no-repeat;
	display: block;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-weight: normal;
	font-size: 22px;
	margin: 0;
	padding: 4px 2px 4px 24px;
	text-decoration: none;
	}

#nav a:hover, #nav a:active {
	color: #88127f;
	}

#nav #last {
	border: none !important;
	}

#nav #home {
	margin-top: 48px;
	margin-left: 18px;
	}

#nav #gallery {
	margin-top: 30px;
	margin-left: 42px;
	}

#nav #contact {
	margin-top: 30px;
	margin-left: 66px;
	}

#subnav {
	margin: 0 auto;
	text-align: center;
	}
	
#subnav a {
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-weight: normal;
	font-size: 22px;
	text-decoration: none;
	text-transform: lowercase;
	color: #53d0ff;
	padding: 0 9px;
	}

#subnav a:hover, #subnav a:active {
	color: #fff;
	}
	
#subnav #thispage {
	color: #00b7f7;
	}

hr {
	margin: 0;
	padding: 0;
	border: none;
	clear: both;
	}
	
h1, h2 {
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	margin-top: 0;
	margin-left: 16px;
	}
	
h1 {
	margin-bottom: 0;
	font-size: 42px;
	}
	
h2 {
	font-size: 26px;
	margin-top: 6px;
	font-weight: normal;
	}

small {
	font-size: 11px;
	}
	
ul {
	margin-bottom: 16px;
	}
	
li {
	list-style-type: square;
	line-height: 160%;
	}

.padded {
	margin-left: 32px;
	}
	
.padded td {
	padding: 4px 8px;
	}