body {
background:#575755;
font-family:"Tahoma", Arial, sans-serif;
font-size:100%;
margin:0 auto;
padding:0;
}

a:hover {
background:#F5EEC0;
border-bottom:1px solid #033;
}

a:link,a:visited {
color:#069;
text-decoration:none;
}

a .img,a:visited .img,a:link .img {
border:4px double #036;
}

a:hover .img {
border:4px double #069 !important;
}

h1 {
background:url( splatter.gif) no-repeat left;
text-indent:10px;
font-size:2.15em;
font-weight:500;
color:#1f3242;
line-height:40px;
margin:0 0 10px -10px;
padding:10px 0 0;
}

h2 {
font-size:1.40em;
font-weight:500;
color:#1f3242;
line-height:40px;
padding:0;
}

/*===================
=Header
===================*/

#header {
text-align:center;
margin:0 auto;
background: #1a1917 url(header.jpg) center no-repeat; height:96px;
}
#header h1#logo-text {
	text-align: left;
	position: absolute;
	margin: 0;
	padding: 0;
	color: #00FF00;
	text-transform: none;
	/* change the values of top and right to adjust the position of the logo*/
	top: 39px;
	right: 375px;
	width: 623px;
	height: 40px;
	font-family: 'Trebuchet MS', Arial, Sans-serif;
	font-size: 26px;
	font-weight: bolder;
}
#header a:hover {
background:none !important;
border-bottom:none !important;
border:none !important;
}

#header a:hover img {
border:none !important;
}

#HeaderImage {
width:818px;
height:144px;
border:0;
}

/*===================
=Body Content
===================*/

#content-outer {
background:#fff url( body.gif) repeat-x center top;
}

#front #content, #main #content,#gallery #content {
	text-align:left;
	clear:both;
	width:960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#images #content {
text-align:left;
clear:both;
width:800px;
margin:0 auto;
}

#crumb {
text-transform:capitalize;
}

#content p {
font-family:Georgia, serif;
}


#front #main-content {
	width:680px;
	clear:left;
	font-size:.915em;
	line-height:1.65em;
	background:url( splash2.jpg) no-repeat top right;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 19px;
}
#front #main-content h1 {display: none}
#main-content {
width:510px;
clear:left;
font-size:.915em;
line-height:1.65em;
background:url( column-splat.png) no-repeat top right;
padding:20px;
}

#main-content-gallery {
width:790px !important;
clear:left;
padding:20px 0 20px 20px;
}

/*===================
=Right Column
===================*/

#right-column-top {
background:url( right-column-top.jpg) no-repeat left top;
}

#right-column {
width:250px;
float:right;
clear:both;
text-align:left;
background:#1f2f3e;
font-size: 1.0em;
}


#right-column-bottom {
padding:0 0 140px;
}

#right-column a:hover {
border:0 none;
background:none;
}

a .ad {
/*border:1px solid #57d996;*/
border: 0;
margin:20px 0 0 11px;
}

a:hover .ad {
/*border:1px solid #D7FFFF !important;*/
background:url( green-bg.png);
}

.illustration a:hover img {
border:4px solid #D7FFFF !important;
}

#art-box {
	position:relative;
	width:225px;
	margin-top: 0;
	margin-right: 7px;
	margin-bottom: 0;
	margin-left: 7px;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#art-box h1 {
font-size: 1.25em;
background: none !important;
color:#d8f0f9;
text-indent:17px;
line-height:20px;
font-weight:400;
margin:0 0 10px -15px !important;
padding:0 !important;
}

#art-box a {
color:#DFF;
border-bottom:1px none;
}

#art-box a:hover {
color:#BFF;
border-bottom:1px dotted #BFF;
}

.illustration {
height:150px;
padding:4px 4px 60px 4px;
line-height: 1.1em;
}

.illustration ul {
margin-top:0;
}

.illustration ul li { 
list-style-type:disc;
list-style-position:outside;
margin:0 0 10px -30px;
font-size: .85em;
line-height: 1.5em;
}

.illustration a:hover span {
color:#D7FFFF;
}

.illustration-title {
font-size:1.0em;
font-weight:300;
color:#D7FFFF;
}

.illustration a img {
position:absolute;
border:4px double #57d996;
width:100px;
}

.illustration span,.art-item .illustration span {
margin-left:115px;
display:block;
}

.illustration-category,.illustration-description {
font-size:.7em;
color:#57d996;
}

.illustration a:link img,.illustration a:visited img {
border:4px double #57d996;
}

#main .illustration a:hover {
border-bottom:none;
}

/*===================
=Gallery Content
===================*/

#design-body p {
border-bottom:1px dotted #033;
margin:0 0 20px;
}

#design-body p strong {
font-weight:700;
color:#033;
display:block;
}

#design-body p span {
font-weight:400;
display:block;
font-size:.8em;
}

#design-body .head {
font-weight:700;
color:#064D64;
}

#design-body .h2 {
font-size:1em;
color:#033;
margin:0;
}

.art-item {
float:left;
clear:none;
width:235px;
background:#EBF8FE;
border:1px solid #C1E9F4;
margin:0 3px 6px;
padding:5px;
}

.art-item h1 {
background:none;
color:#066;
text-indent:5px;
letter-spacing:2px;
margin:0;
}

.art-item .illustration {
padding:4px;
}

.art-item .illustration a:hover span {
color:#63B0DA;
}

.art-item .illustration-title {
font-size:1em;
font-weight:700;
color:#065C79;
}

.art-item .illustration-category {
font-size:.8em;
color:#069;
}

.art-item .illustration-description {
font-size:.8em;
color:#066;
}

.art-item .illustration a img {
position:absolute;
border:4px double #065C79;
}

.art-item .illustration a:hover img {
border:4px double #63B0DA !important;
}

.art-item .illustration a:hover {
background:none !important;
border-bottom:0 none !important;
}

/*===================
=Footer
===================*/

#footer {
text-align:right;
font-size:.8em;
background:url( footerbg.jpg) no-repeat center top;
border-top:2px solid #57d996;
color:#b6f9e1;
height:75px;
padding:20px 4px;
}

#footer a:hover {
color:#321;
}

#footer div {
width:750px; text-align:center;
margin:0 auto;
}

#footer a {
color:#98DDF1;
}

/*===================
=Misc Classes
===================*/

.small {
width:200px;
font-size:.65em;
color:#FFF;
}

.clear {
clear:both;
}

#self-pic {
float:left;
width:154px;
height: 173px;
margin: 0 15px 0 0;
border: 0;
}



.orderbox {
border: 1px solid #72A545;
background: #FAFAFA;
	clear: both;
	text-align: center;
	padding: 4px 20px; 
	font: bold 16px "Trebuchet MS", sans-serif;
}

.orderbox #down {
	padding: 0 0 0 27px;
	background: url(download.gif) no-repeat center left;
}

.orderbox #buy {
	padding: 0 0 0 27px;
	background: url(buynow.gif) no-repeat center left;
}

.orderbox span {
	margin: 0 8px 0 8px;
	color: #AAAAAA;
}