/* 
Site design by Odessa Begay ©2009

eventually I will get around to cleaning everything up, I'm lazy!
*/

html{
margin:0px;
padding:0px;
}

body {
	height:100%;  	 
	overflow:hidden;
	font: normal 12px Tahoma, Impact, Trebuchet MS, Helvetica, sans-serif; 
	font-variant: x-small; 
	color: white;
	overflow:auto;

}

.style3 {
	font-size: 10px;
	color: #CC0000;
}


.style4 {
	font-size: 12px;
	color: #ee4036;	
}

.style5 {
	font-size: 10px;
	color: #000000;
}

.style6 {color: #FFFFFF}

a:link {color: #00FF00;}
a:visited {color: #00baff;}
a:active {color: #00FF00;}
a:hover {color: #B93B8F;}
a {text-decoration: none;}

#menu{
position: fixed;
right: 25px;
height: 779px;
background-image: url(bgB.png);
margin-right: 250px;
padding-left: 0px;
width: 200px; /*width of menu*/
border: 0px;
}

/*.menu div.logo {
position: relative;
margin-top: 150px;

}*/

#menu div.toolbar a{
background: white url(toolBar.gif) repeat-x center left;
opacity: 0.4;
font: normal 12px Tahoma, "Impact", "Trebuchet MS", Helvetica, sans-serif;
font-variant: small-caps;
text-align: left;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
cursor: crosshair;
}

#menu div.title a{
background: url(title.png) no-repeat;
height:128px;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
margin-top: 172px;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
cursor: crosshair;

}

#menu div.portfolio a{
background: white url(toolBar.gif) repeat-x center left;
opacity: 0.4;
font: normal 12px Tahoma, "Impact", "Trebuchet MS", Helvetica, sans-serif;
font-variant: small-caps;
text-align: left;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
cursor: crosshair;

}


#menu div.toolbar a:visited, .menu div.toolbar a:active{
color: white;
}


#menu div.selected a, .menu div.toolbar a:hover, .menu div.portfolio a:hover{
background-image: url(toolBarOver.gif);
color: white;
}

#menu div.submenu{ /*DIV that contains each sub menu*/
background: url(toolBarBg.png);
color: white;
text-margin: 5px;
vertical-align: middle;
text-align: center;
padding-left: 5px;
padding-right: 5px;
height: 150px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}




#thumbnails{
position: fixed;
right:500px; 
height:574px; 
width:400px; 
margin-right: 0px; 
margin-top: 150px;
border-style: solid;
border-color: white;
border:0px;
cursor: default;

}

#about{
position: fixed;
right:550px; 
height:574px; 
width:500px; 
margin-right: 0px; 
margin-top: 150px;
border-style: solid;
border-color: white;
border:0px;
cursor: default;
}

/*#textsW{
position:relative; 
height:100%; 
width:100%; 
top:0;
left:0; 
}*/

#texts{
position:absolute;
right:550px; 
width:600px; 
padding-top: 150px;
padding-bottom:200px;
border:0px;
cursor: default;
}

#texts img{
padding: 10px;
}


p{
margin-top:5px;
margin-left:0px auto;
margin-right:0px auto;
text-align:center;
}

#thumbnails img {padding: 10px 10px 10px 10px}