/* set defaults */
html, body{
	height:100%;
}
body {
	font-family: arial, helvetica, verdana, trebuchet, sans-serif;
	font-size: 62.5%;
	color: #000;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #ECE4D7 url(../images/bgs/body-bg.gif) center top repeat-y;
	z-index:0;
}

* { 
	font-size: 1em; 
	line-height: 1.5em;
}
div, form{
	margin:0;
	padding:0;
}

p, ul, ol, dl { 
	margin: 0 0 1em 0;  
} 
h1, h2, h3, h4, h5, h6{
	margin: 0 0 .1em 0;
}	
h1{
	font-size: 1.5em;
}
h2{
	font-size: 1.4em;
}
h3 {
	font-size: 1.3em;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1.2em;
}
p{
	font-size: 1.2em;
}

ul, ol, dl, li, dt, dd {
	list-style: none;
	padding:0;
}
li, dt, dd {
	margin:0;
	font-size: 1.2em;
}

a {
	color:#CC0000;
}
a:hover {
}

img, a img {
	border: none;
}		

input{
	margin:0;
	padding:0;
}
a.skiplink {
	font-size: 8px;
	font-weight:normal;
	color: #F6F2E7;
	text-decoration: none;
}
.skiplink:active, .skiplink:focus {
	color: #FF0000;
	text-decoration: underline;
}

/* boxes */
#wrapper{
	position: relative;	
	top:0; 
	width:770px;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin: 0px auto;
	text-align: left;
	background: #F2EAD9 url(../images/bgs/wrapper-bg.jpg) center bottom no-repeat;
}
#header{
	width:770px;
	height:350px;
	background: #F2EAD9 url(../images/bgs/header-bg.jpg) center top no-repeat;
	margin-bottom:-200px;
}
#columns {
	width:770px;
	background:  url(../images/bgs/menu-bg.gif) 184px 0px no-repeat;
	min-height:600px;
	height:auto !important;
	height:600px;
}
#content {
	margin-left:210px;
	padding-bottom:100px;
	width:365px;
}

#footer {
	position:absolute;  
	bottom:0px;
	left:65px;
	width:640px;
	height:85px;
	padding-top:8px;
	text-align:center;
	border-top:1px solid #CCCCCC;
}
#cart {
    position: absolute;
    top: 8px;
	left:235px;
	width:300px;
	text-align:center;
}



/* header stuff */
#header h1{
	padding:36px 0 0 25px;
}


/* menu stuff */
#menu {
	position:absolute;
	left:0;
	padding-bottom:95px;
	width:184px;
}
#menu ul {
	margin-left: 25px;
	width: 155px;
}
#menu li {
	background:  url(../images/bgs/menu-li-bg.gif) left bottom no-repeat;
	line-height:1.4em;
	padding:4px 0;
}
#menu ul ul{
	position:relative;
	margin: 0px;
}
#menu li li {
	background:  url(none) right bottom no-repeat;
	font-size:1em;
	padding:2px 0;
}
#menu a{
	color:#000;
	text-decoration:none;
}
#menu a:hover{
	color:#CC0000;
}
.index #menu .homeNav a,
.about #menu .aboutNav a,
.peter #menu .mygalleryNav a,
.other #menu .artistgalleryNav a,
.pastime #menu .pastimeNav a,
.model #menu .modelNav a,
.bali #menu .baliNav a,
.purchase #menu .purchaseNav a,
.commissions #menu .commissionsNav a,
.contact #menu .contactNav a,
.resources #menu .resourcesNav a{
	font-weight:bold;
	color:#CC0000;
}
#menu #nav li li a{
	font-weight:normal;
	padding-left:14px;
	background: url(../images/icons/arrows-black.gif) left center no-repeat;
}
#menu #nav li li a:hover{
	background: url(../images/icons/arrows-red.gif) left center no-repeat;
}
#menu #nav li li a.dgButtonLink{
	padding-left:0px;
	background: url(none);
}


/* userpanel stuff */
#userpanel p.greeting{
	margin: 25px 0 0 25px;
	color:#CC0000;
}
#userpanel li{
	font-size:1.1em;
}


/* footer stuff */
#footer ul li{
	display:inline;
	padding-left:6px;
	background: url(../images/icons/separator.gif) left center no-repeat;
}
#footer ul li.homeNav {
	padding:0;
	background: url(none);
}
#footer a{
	color:#000;
}
#footer .credit{
	font-size:1em;
}


/* cart stuff */
#cart .button{
	vertical-align:middle;
}


/* index content styles */
.sketch{
	position:absolute;
	left:473px;
	margin-top:-134px;
	z-index:0;
}


/* general content dropshadows */
#content .contentGraphic {
	float:left;
	margin-top:7px;
	margin-bottom:10px;
	background-color:#D9D2C3;
}
#content .contentGraphic img{
	position:relative;
	top:-7px;
	left:-3px;
	padding:5px;
	background-color:#fff;
	border:1px solid #999999;
}
#content .contentText{
	clear:left;
}



/* gallery content styles */
.gallery #content {
	width:560px;
}
.galleryList  {
	width:550px;
}
.galleryList ul li {
	position:relative;
	padding:0;
	height:235px;
	margin:0px 35px 45px 0px;
	background-color:#D9D2C3;
	text-align:right;
	font-size:1.4em;
}
.galleryList a.imageLink {
	position:relative;
	width: 233px !important;
	top:-7px;
	left:-3px;
	background-color:#fff;
	border:1px solid #999999;
	text-align:center;
}
.galleryList ul li ,
.galleryList a.imageLink {
	float:left;
	width: 235px;
}
.galleryList a.imageLink img{
	position:relative;
}
.galleryList a.nameLink{
	position:absolute;
	left:12px;
	top:235px;
	color:#333;
	font-weight:bold;
	text-decoration:none;
}


.galleryThumbs ul li {
	position:relative;
	padding:0;
	margin:0px 30px 60px 0px;
	background-color:#D9D2C3;
	text-align:right;
	font-size:1.4em;
}
.galleryThumbs a.imageLink {
	position:relative;
	top:-7px;
	left:-3px;
	padding:8px 8px 10px 8px;
	background-color:#fff;
	border:1px solid #999999;
}
.galleryThumbs ul li ,
.galleryThumbs a.imageLink {
	float:left;
}
.galleryThumbs ul li p.detail{
	position:absolute;
	right:2px;
	font-size:.85em;
	color:#333333;
}
.galleryThumbs p.detail .price,
.galleryThumbs p.detail .sold{
	display:block;
}
.galleryThumbs p.detail .price{
	padding:4px 5px 0 0;
	width:101px;
	height:29px;
	background: url(../images/bgs/price-bg.gif) right top no-repeat;
}
.galleryThumbs .price .buy img{
	vertical-align:middle;
}
.galleryThumbs p.detail .sold{
	padding:2px 5px 2px 10px;
	color:#CC0000;
	background: url(../images/icons/red-dot.gif) left center no-repeat;
}


.galleryThumbs p.numList{
	width:550px;
	clear:both;
	color:#669933;
	font-size:11px;
	padding-top:2px;
	margin-bottom:2em;
}
.galleryThumbs p.numList a.paginate{
	margin:1px 2px;
	padding: 1px 4px;
	color:#fff;
	background:#82A954;
	text-decoration:none;
}
.galleryThumbs p.numList a.paginate:hover{
	background:#669933;
}
.galleryThumbs p.numList .active{
	margin:1px 2px;
	padding: 0px 3px;
	border:1px solid #BAC996;
}
.galleryThumbs p.numList img{
	vertical-align:top;
}



/* shopping cart content styles */

.shop table.cart {
	width:380px;
	border-collapse:collapse;
	border-bottom:1px solid #999999;
	padding:0;
	font-weight:bold;
	font-size:1.1em;
	margin-bottom:15px;
}
.shop table.cart th,
.shop table.cart td{
	padding:5px;
	vertical-align:top;
}
.shop table.cart th{
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
}
.shop table.cart td{
	border:1px solid #999999;
}
.shop table.cart td.product,
.shop table.cart td.cartsubfoot{
	border-left:0px solid #999999;
}
.shop table.cart td.remove,
.shop table.cart td.cartsubresult{
	border-right:0px solid #999999;
}
.shop table.cart td.product{
	width:230px;
}
.shop table.cart td.price,
.shop table.cart td.remove{
	font-weight:normal;
}
.shop .paybutton{
	margin-left:150px;
}
.shop table.cart td.product span {
	position:relative;
	padding:0;
	background-color:#D9D2C3;
	margin:10px 0 10px 3px;
	display:block;float:left;text-align:right;
	font-size:1.4em;
}
.shop table.cart td.product span img {
	position:relative;
	top:-7px;
	left:-3px;
	padding:8px 8px 10px 8px;
	background-color:#fff;
	border:1px solid #999999;
	text-align:center;
}
.shop table.cart a{
	text-decoration:none;
}
.shop table.cart a span{
	text-decoration:underline;
}
.shop table.cart a img{
	vertical-align:middle;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}



/* IMPORTANT! sIFR import styles for screen & print media */

@media screen {
/* These are standard sIFR styles... do not modify */

	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
	}
	
	.sIFR-replaced {
		visibility: visible !important;
	}
	
	span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}


/* These "decoy" styles are used to hide the browser text before it is replaced... add and alter as necessary for individual site */
/* Letter spacing can be used to make the browser text metrics match up with the sIFR text metrics... settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

	.sIFR-hasFlash #topMenu li{
	}
}

@media print {
/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

	.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
		display: none !important;
		height: 0;
		width: 0;
		position: absolute;
		overflow: hidden;
	}
	
	span.sIFR-alternate {
		visibility: visible !important;
		display: block !important;
		position: static !important;
		left: auto !important;
		top: auto !important;
	}

}






/* dreamgirl CMS styles*/
.buttonContainer
{
		display: inline;
}

#dgInlineFeedback {
        width: 259px;
        height: 242px;
        color: #000;
        background: url(../dreamgirl/images/success.png) !important;
        background: url(../dreamgirl/images/success.gif);
        }


.dgInlineForm {
        width: 400px;
        border: 0px;
        margin: 0px;
        position: absolute;
        margin-left: -200px;
        z-index: 100;
        margin-top: 12px;
        visibility: visible;
        overflow: hidden;
		z-index:100;
        
}

iframe {
		position:absolute;
        width: 400px;
        border: 0px;
        padding: 0px;
        margin: 0px;
}

.dgInlineButton {
        border: 0px;
        background-color: transparent;
}

.dgInlineButtonActivated {
        background-color: #ccc;
        margin-right: 3px;
}

.dgActiveElement {
		border: 1px dashed #eebddc;
}

.dgInactiveElement {
        background-color: transparent;
}

.dgButtonLink {
        border: 0px;
        margin-right: 3px;
}