@charset "UTF-8";

/*-----------------------------------------------------

@author:    DesignRoyale
@version:   1.0
@copyright: 2009, designRoyale.com.au
@since:     2009.08.03

-------------------------------------------------------*/


/*-------------------------------------------------------
       layout
-------------------------------------------------------*/

div#wrapper {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

div#container {
    margin: 0px;
    padding: 0px;
    width: 100%;
}



/*---------------------------------
  common in col1 / col2 / col3
-----------------------------------*/
div#col1 {
    width: 234px;
    margin-right: 10px;
    float: left;
}

div#col2 {
    width: 466px;
    margin-right: 10px;
    float: left;
}

div#col3 {
    width: 232px;
    margin: 166px 0px 0px 0px;
    float: left;
}

div#col1 h2, div#col2 h2, div#col3 h2 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

div.colFooter {
	margin-top: 28px;
	padding: 8px 0px 0px 40px;
	color: #ff0000;
	font-weight: bold;
	width: 100%;
	height: 24px;
	background-image: url(../images/colFooterImage.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

* html div.colFooter {
    margin-top: 28px;
	padding: 8px 0px 0px 40px;
	color: #ff0000;
	font-weight: bold;
	width: 100%;
	height: 30px;
	background-image: url(../images/colFooterImage.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

div.colFooter a {
	color: #ff0000;
	text-decoration: none;
}

div.colFooter a:hover {
	color: #da1010;
	text-decoration: none;
}

div#dragon {
    width: 234px;
    height: 323px;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 30px 0px;
    border-bottom: 5px solid #c4bebf;
}

div#catchImage {
	width: 465px;
    height: 323px;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 30px 0px;
    border-bottom: 5px solid #c4bebf;
}

    div#catchImage div#catchImageInside {
        width: 465px;
        height: 261px;
    }

div#downloadsContainer, div#productsContainer, div#artistContainer {
	width: 100%;
	height: 300px;
	border-bottom: 5px solid #c4bebf;
	margin: 0px 0px 15px 0px;
    padding: 0px 0px 30px 0px;
}

div#downloads, div#products, div#artist {
	width: 100%;
	height: 300px;
	background-color: #e0dfdf;
}


/*---------------------------------
  col1
-----------------------------------*/
div#downloads div#downloadImage
{
	margin: 0px;
	padding: 0px;
	height: 149px;
}

div#downloads p.description {
	margin: 0px;
	padding: 10px;
	height: 73px;
}

div#col1 ul {
	margin: 15px 0px 0px 0px;
	padding: 0px;
	height: 78px;
}

div#col1 li {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 10px 0px;
	font-weight: normal;
	list-style-type: none;
	/*list-style-image: url(../images/col1LiImage.gif);*/
	/*text-transform: capitalize;*/
}

div#col1 li a {
	color: #000;
	text-decoration: none;
}

div#col1 li a:hover {
	color: #666;
	text-decoration: none;
}


/*---------------------------------
  col2
-----------------------------------*/
div#col2 div#catchImage {
/*
	background-image: url(../images/col2CatchImage.png);
	background-repeat: no-repeat;
	background-position: left top;
*/
}

div#products div#productsImage {
	margin: 0px;
	padding: 0px;
	height: 149px;
}

div#products p.description {
	margin: 0px;
	padding: 10px;
	height: 73px;
}



/*---------------------------------
  col3
-----------------------------------*/
div#col3 div#navigation {
	width: 100%;
    height: 157px;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 30px 0px;
    border-bottom: 5px solid #c4bebf;
}

div#navigation ul {
    margin: 0px;
    padding: 0px;
}

div#navigation li.nav {
	list-style-type: none;
	margin: 0px 0px 1px 0px;
	padding: 0px;
	height: 30px;
}

* html div#navigation ul {
    margin: 0px;
    padding: 0px;
}

* html div#navigation li.nav {
	list-style-type: none;
	margin: -2px 0px 0px 0px;
	padding: 0px;
	height: 30px;
}

div#artist div#artistImage {
	margin: 0px;
	padding: 0px;
	height: 149px;
}

div#artist p.description {
	margin: 0px;
	padding: 10px;
	height: 73px;
}