/*GENERAL*/

body 
	{
    background-color:#ffffff;
    max-width:1000px;
    }

p
	{
	color:black;
	font-family:"Arial";
	font-size:13pt;
	font-weight:normal;
	margin-left:0px;
    padding-left:10px;
    padding-right:15px;
	text-align:left;
	}

td
	{
	color:black;
	font-family:"Arial";
	font-size:13pt;
	font-weight:normal;
	margin-left:0px;
    padding-left:10px;
    padding-right:15px;
	text-align:left;
	}

ul  
    {
	color:black;
	font-family:"Arial";
	font-size:13pt;
	font-weight:normal;
    margin-left:30px;
    padding-left:30px;
    }

img
    {
    border-color:black;
    }
li
    {
	font-family:"Arial";
	font-size:13.0pt;
    padding-left:5px;
    padding-bottom:3px;
	text-align:left;
    list-style-position:outside;
    list-style-type:none;
    list-style-image:url(imgbullety.gif);
    }

h1
	{
	color:black;
	font-family:"Arial";
	font-size:20pt;
	font-weight:bold;
	text-align:left;
	}

h2
	{
	color:black;
	font-family:"Arial";
	font-size:16pt;
	font-weight:bold;
	text-align:center;
	}

h3
	{
	color:red;
	font-family:"Arial";
	font-size:14pt;
	font-weight:normal;
	text-align:left;
	}

.center
	{
	color:black;
	font-family:"Arial";
	font-size:13pt;
	font-weight:normal;
	margin-left:0px;
    padding-left:10px;
    padding-right:15px;
	text-align:center;
	}

.centerhead 
{
text-align:center;
font-size:28pt;
}


.centerbold
	{
	color:black;
	font-family:"Arial";
	font-size:12pt;
	font-weight:bold;
	text-align:center;
	}

.centerlight
	{
	color:black;
	font-family:"Arial";
	font-size:11pt;
	font-weight:normal;
	text-align:center;
	}

.centerviolet
	{
	color:blueviolet;
	font-family:"Arial";
	font-size:12pt;
	font-weight:bold;
	text-align:center;
	}

.centergreen
	{
	color:green;
	font-family:"Arial";
	font-size:12pt;
	font-weight:bold;
	text-align:center;
	}

.rightlight
	{
	color:black;
	font-family:"Arial";
	font-size:11pt;
	font-weight:normal;
	text-align:right;
	}

.nb {white-space:nowrap;}
.floatright {float:right;}
.floatleft {float:left}
.shell-logo {width:318px; height:218px;}
.pixel {height:1px; width:1px;}

/*HYPERLINK STYLE*/

a:link 
    {
	font-family:"Arial";
	font-weight:normal;
    color:#8b8878; 
    text-decoration:none;
    }
 
a:visited 
    {
	font-family:"Arial";
	font-weight:normal;
    color:#8b8878; 
    text-decoration:none;
    }

a:hover
    {
	font-family:"Arial";
	font-weight:normal;
    color:red; 
    text-decoration:underline;
    }

.pb

	{
	color:purple;
	font-family:"Arial";
	font-size:13pt;
	font-weight:bold;
	text-align:left;
    padding-right:5px;
    padding-left:5px;
	}

.gb

	{
	color:green;
	font-family:"Arial";
	font-size:13pt;
	font-weight:bold;
	text-align:left;
    padding-right:5px;
    padding-left:5px;
	}
	
.pgenav

	{
	color:black;
	font-family:"Arial";
	font-size:30pt;
	font-weight:bold;
    padding-right:5px;
    padding-left:5px;
	}

.rb

	{
	color:red;
	font-family:"Arial";
	font-size:13pt;
	font-weight:bold;
	text-align:left;
    padding-right:5px;
    padding-left:5px;
	}

.tan

	{
	color:#999933;
	font-family:"Arial";
	font-size:13pt;
	font-weight:bold;
	text-align:left;
    padding-right:5px;
    padding-left:5px;
	}

.tiny {font-size:8pt;}
.small {font-size:10pt;}
.an

	{
	color:yellow;
	font-family:"Arial";
	font-size:13pt;
	font-weight:bold;
    background-color:black;
    padding-right:3px;
    padding-left:3px;
	}

.bb
	{
	color:black;
	font-family:"Arial";
	font-size:5pt;
    background-color:white;
	}

.ib
	{
	color:black;
	font-family:"Arial";
	font-size:14pt;
	font-weight:bold;
	text-align:left;
    background-color:lightgrey;
	}

.dx {
    color:white;
	font-size:x-large;
    }

.indent

    {
    padding-left:20px;
    }

.large {font-size:large;}
.prominent {font-size:x-large;}

.bigblue
	{
	color:blue;
	font-family:"Arial";
	font-size:20pt;
	font-weight:bold;
    background-color:silver;
    padding-right:5px;
    padding-left:5px;
	}

a.redindex
    {
    font-size:x-large;
    color:white;
    }


.padded
    {
    padding-right:15px;
    padding-left:15px;
    }

.uline
    {
    font-style:normal;
    }

.italic
    {
    font-style:italic;
    }

.yellow {color:yellow;}

/*Dalung Catalogue-Gallery Pages*/

.dlogoarchive, .dlogosketchbook, .dlogobanner {width:90%;max-width:500px;}

.price
	{
	color:blue;
	font-family:"Times New Roman";
	font-size:20pt;
	font-weight:normal;
  	}

.size
	{
	color:gray;
	font-family:"Times New Roman";
	font-size:20pt;
	font-weight:normal;
  	}

.code
	{
	color:black;
	font-family:"Times New Roman";
	font-size:20pt;
	font-weight:normal;
  	}

.banner
    {
	color:red;
	font-family:"Arial";
	font-size:50pt;
	font-weight:normal;  
    margin-left:250px;    
    }

.dalungbanner {padding-left:200px;}

.dnote
	{
	color:brown;
	font-family:"Times New Roman";
	font-size:16pt;
	font-style:italic;
	font-weight:normal;
  	}

.advertblock
    {
    color:yellow;
    background-color:red;
    }

.thumb
    {
    height:150px;
    width:150px;
    border-width:1px;
    border-style:solid;
    border-color:black;
    }

.textbox
    {
    color:black;
    background-color:white;
    border-color:black;
    border-style:double;
    border-width:3px;
    }

.blackbox
    {
    color:white;
    background-color:black;
    border-color:black;
    border-style:double;
    border-width:3px;
    }
    
#sidebar,.sidebar 
    {
    position:fixed;
    left:5.0px; top:8.0px;  
    z-index:1;
    color:white;
	font-family:"Arial";
    background-color:black;
    width:160px;
    padding-left:10px;
    float:left;
    border-color:red;
    border-style:double;
    border-width:3px;
    margin-right:5px;
    }

.box600
{
-moz-border-radius: 60px 0px 60px 0px;
border-radius: 60px 0px 60px 0px;
background-color:red;
max-width:595px;
padding-top:40px;
padding-bottom:40px;
padding-left:5px;
}

.box200
{
display:inline-block;
vertical-align:middle; 
margin-left:5px; margin-bottom:5px;
-moz-border-radius: 00px 0px 30px 0px;
border-radius: 00px 0px 30px 0px;
background-color:yellow;
width:270px; min-height:200px;
border-color:black;
border-style:solid;
border-width:1px;
}

.roundbr
{
-moz-border-radius: 00px 0px 30px 0px;
border-radius: 00px 0px 30px 0px;
padding-bottom:10px;
}

.catlogostrip {width:592px; height:86px;}
.darchivelogo, dsketchlogo {width:100%;max-width:500px;}
.boximgvar {width:100%; max-width:270px;}

.rgcontainer 
{
margin-left:200px;
width:80%;
color:#ffd39b;
background-color:black;
}

.sidelinks
{
width:200px;
float:left;
}
 
a:hover.sidebar {background-color:green;}


/*BACKGROUNDS*/

.whitebg {background-color:white;}
.pinkbg {background-color:#ffe4c4;}
.graybg {background-color:#ebece4;}
.fawnbg {background-color:#ffd39b;}
.lbluebg {background-color:#98f5ff;}
.khakibg {background-color:#f0e68c;}
.mauvebg {background-color:#ffe1ff;}
.wheatbg {background-color:#ffe7ba;}
.blackbg {background-color:black;}



/*dalung art gallery*/

#artg, .artg
	{
    color:yellow;
    background-color:#992244;
    height:auto;
    padding-right:50px;
    padding-left:180px;    
	}

.pa
    {
    color:white;
    padding-left:20px;
    }

.picfit {width:80%;}

.picframe
    {
    width:100%; height:auto; max-width:500px;
    margin-right:10px;
    float:left;
    }

.hi-B {height:1500px;}
.hi-X {height:1100px;}
.hi-9 {height:900px;}
.hi-8 {height:800px;}
.hi-7 {height:700px;}
.hi-6 {height:600px;}
.hi-5 {height:500px;}
.hi-4 {height:400px;}
.hi-3 {height:300px;}
.hi-2 {height:200px;}

.bottomspace500 {margin-bottom:500px;}
.bottomspace450 {margin-bottom:450px;}
.bottomspace400 {margin-bottom:400px;}
.bottomspace350 {margin-bottom:350px;}
.bottomspace300 {margin-bottom:300px;}
.bottomspace200 {margin-bottom:200px;}
.bottomspace150 {margin-bottom:150px;}
.bottomspace100 {margin-bottom:100px;}
.bottomspace50 {margin-bottom:50px;}

.atitle
    {
    color:yellow;
    font-size:x-large;
    }

.dartleft
{
height:500px;
width:48%;
}

.dartright
{
height:500px;
width:48%;
float:right;
}

#more {float:right;}

.floatright {float:right; border-color:gray; border-style:solid; padding-bottom:5px;}

/*font overrides*/

.bold {font-weight:bold;}
.white {color:white;}
.black {color:black;}
.yellow {color:yellow;}
.shiftleft,.moveleft {text-align:left;}

/*********************************WIDTH 4*********************************/
@media (max-width:1100px)
{
.shell-logo {width:212px; height:145px;}
.catlogostrip {width:300px; height:60px;}
.picfit {width:100%;}
.picframe {float:none;margin-right:1px;}
.picpos {padding-left:4px; margin-left:0px;}
.bottomspace50,.bottomspace100,.bottomspace150 {margin-bottom:0px;}
.bottomspace200,.bottomspace250,.bottomspace300 {margin-bottom:0px;}
.bottomspace350,.bottomspace400,.bottomspace500 {margin-bottom:0px;}
.hi-2,.hi-3,.hi-4,.hi-5,.hi-6,.hi-7,.hi-8,.hi-9,.hi-B,.hi-X {height:auto;}
.pa {max-width:700px;}
.dalungbanner {padding-left:0px;}
footer {padding-left:0px;}

}

/*********************************WIDTH 3*********************************/
@media (max-width:1200px)
{
#sidebar,.sidebar {display:none;}
#artg,.artg	{padding-right:0px;padding-left:2px;}
}

/*********************************WIDTH 2*********************************/
@media (max-width:600px)
{
.catlogostrip {width:260px; height:50px;}
.box200 {width:220px;}
}

/*********************************WIDTH 1*********************************/
@media (max-width:480px)
{
body {padding-left:4px;}
p {padding-left:1px; padding-right:1px;}
li {padding-bottom:20px;}
.pa {padding-left:2px;}
.dx {font-size:large;}
.atitle {font-size:large;font-weight:bold;}
.catlogostrip {width:200px; height:40px;}
.dlogosketchbook, .dlogoarchive, dlogobanner {width:100%; height:80px;}
.floatleft {float:none;}
.floatright {float:none;}
.sidelinks {float:none;}
.banner {font-size:20pt; margin-left:0px;}
.rgcontainer {margin-left:0px;width:100%;}
.box200 {width:200px;}
.thumbnails {}

}