body{	
        background-color: #5d5c5d;}

img {border: 1px solid #fff; margin: 1px;}

.imgPad {margin: 1px;}

.img_preload {
left: 0;
position: absolute;
top: 0;
visibility: hidden;}

/*bg-order*/
#topRight {background-color: #C3C3E3;}
#bottomLeft {background-color: #7E74BE;}
#bottomRight {background-color: #FF910E;}

.subtitle
{
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
font-weight: bold;
	font-size: 11px;
	line-height: 150%;
	text-align: left;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
color: #B20000;
}


#container {
	width: 835px;
	\width: 845px;
	w\idth: 845px;
	margin: auto;
   padding-top: 20px;}

#topLeft {
	position: absolute;
        background: url(http://auxiliaryworks.com/vidro/images/davidroLogo.gif);
	background-repeat: no-repeat;
	margin-left: 0px;
	padding-top: 0px;
        background-color: #000;
        background-position: 0px 0px;
	height: 100px;
	width: 215px;
border: 1px solid #fff;}

#navLeft-x {
        z-index: 50;
	position: absolute;
        top: 350px;
	left: 25px;
        opacity: .25
        padding-left: 20px;
        background-color: #ff910E;
        background-position: 0px 0px;
        height: 100px;
        width: 215px;}

/*thumbnail placement*/
#thumbLeft {
        z-index: 200;
	position: absolute;
        top: 33px;
	left: 32px;
        opacity: .25
        background-position: 0px 0px;
        width: 200px;}


#bottomLeft {
	z-index:  0;
        position: absolute;
	margin-left: 0px;
	margin-top: 90px;
        background-position: 0px 0px;
	height: 570px;
	width: 215px;
border: 1px solid #fff;}


#image-x {
        z-index: 150;
	position: absolute;
        height: 123px;
	width: 123px;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;}

#image-x {
 	background: url(http://auxiliaryworks.com/vidro/images/lil-david.jpg);
        background-position: 0px 0px;
        background-repeat: no-repeat;}

#imageNav {
        z-index: 180;
	position: absolute;
        top: 350px;
	left: 25px;
	background: url(http://auxiliaryworks.com/vidro/images/art0082100x.jpg);
	background-repeat: no-repeat;
        background-position: 0px 0px;
        height: 100px;
	width: 100px;}

/*text placement*/
#content-x {
        z-index: 250;
	position: absolute;
        top: 50px;
	left: 100px;
        background-position: 0px 0px;
        width: 400px;}

/*gallery image  placement*/
#BR-image {
        z-index: 250;
	position: absolute;
        top: 60px;
	left: 70px;
        background-position: 0px 0px;
        width: 500px;}

#head {
	text-align: center;
	height: 80px;}

#bottomRight {
        position: absolute;
	margin-left: 215px;
	margin-top: 90px;
        background-position: 0px 0px;
	height: 570px;
	width: 630px;
border: 1px solid #fff;}


#topRight {
position: absolute;
	margin-left: 215px;
	padding-top: 0px;
        background-position: 0px 200px;
	height: 100px;
	width: 630px;
border: 1px solid #fff;}

#topRight-bottom {
	z-index: 80;
        position: absolute;
        top: 64px;
        left: 0px;
        background-color: #FFF;
        background-position: 0px 0px;
	height: 25px;
	width: 630px;}


p  {
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
	font-size: 11px;
        color: #FFF;
        text-decoration: none;
	line-height: 150%;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;}

#pNav  {
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
	font-size: 12px;
	font-weight: bold;
	line-height: 130%;
	text-align: left;
	padding-left: 40px;
	padding-right: 0px;
        font-weight: bold
        font color: #FFFFFFF;}

#pNav a {
	border: 0px;
        text-decoration: none;
        color: #FFF;}

.pNav:hover {
        text-decoration: none;
	color: #CC0022;}

a {
	text-decoration: none;
color: #330066;
        border-bottom: 0px dashed #ccc;}
a:hover {color: #330066;}
a:visited {color: #330066;}

blockquote, li, h3 {
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
	font-size: 11px;
	line-height: 150%;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
        font color: #FFF;}

blockquote {
	margin-left: 20px;
	margin-right: 0px;}

#sidebar-2 p, #sidebar-1 p {
	line-height: 15px;
	font-size: 10px;}

#sidebar-1 p {
	text-align: left;}

#foot {
	clear: both;
	margin-top: 5px;
	text-align: center;}

#accessibility {
	position: absolute;
	top: -10000px;}



#sidebar-2 a, #sidebar-1 a{
	border: 0px;
	color: #C00;}

h1 {
	font-weight: normal;
	text-decoration:none;
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
	font-size: 3em;}

h2, h2 a {
	font-weight: bold;
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
	font-size: 12px;
        color: #FFF;}
h2, h2 a {padding-left: 5px;}
h2 a:hover {color: #FFF;}
h2 a:visited {color: #FFF;}

#thumbLeft h2  {
padding-left: 0px;}

#sidebar-2 a, #sidebar-1 a{
	border: 0px;
	color: #C00;}


h3 {
font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
   color: #FFF; font-weight: normal;}

h3 a {
	border: 0px;
   color: #FFF;
	font-weight: normal;
font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
	font-size: 12px; }

h1 a,  {
	border: 0px;}

.caps {
	letter-spacing: 0.1em;
	font-size: 10px;}

#content hr {
	color: #ccc;
	width: 66%;
	margin-top: 2em;
	margin-bottom: 2em;}

img.divider {
	align: center;
	margin-top: 2em;
	margin-bottom: 2em;}

/* CSS from tutorials of www.alsacreations.com/articles */
dt, dl, dd, ul, li {
list-style-type: none;
margin: 10px 7px 0 0;
padding: 0;
font: 10px verdana, arial, sans-serif;
}

#menu {
	z-index: 85;
position : absolute;
left: 305px;
top: 50px;
}

#menu dl {
float: left;
}
#menu li {
display: inline;
}

/* #menu a {text-decoration: none; font-color: #FFF; background: none;} */

#menu a:link#current, #menu a:visited#current, #menu a:hover
 {
border-bottom: 3px solid #FFF;
 padding-bottom: 6px;
 background: #transparent;   /*transparent*/
 color: #FFF;
 }


#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6 {
	z-index: 100;
position: absolute;
left: -130px;
font-size: 9px;
font-color: #FFF;
border-bottom: 0px dotted white;
width: 450px;
}