
/*								BODY*/

body {
	background-color: #FFFFFF;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

a{
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration:none;
color: #666666;
display : block;
}


/*____________________________________________________________________________________________________________________________*/


/*								HOME*/

div#home {
position : absolute;
left : 10px;
top : 10px;
width : 120px;
height : 45px;
padding : 0;
margin : 0;
background : url(navigation/smu.gif) no-repeat; }

div#home h1 { z-index : 3;
position : absolute;
left : 0px;
top : 0px;
width : 120px;
height : 45px;
padding : 0;
margin : 0;
background : url(navigation/smu.gif) no-repeat; }

div#home h1 a { display : block;
position : absolute;
left : 0px;
top : 0px;
width : 120px;
height : 45px;
padding : 0;
margin : 0;
text-indent : -9999px; }



/*____________________________________________________________________________________________________________________________*/

/*								MENU*/

/*								MENU UNORDERED LIST*/
div#menu{
position : absolute;
left : 10px;
top : 55px;
}

div#menu ul {
position : absolute;
left : 0px;
top : 0px;
width : 120px;
height : 204px;
margin : 0;
padding : 0;
}

/*								MENU LIST ITEMS*/

li#threed, li#sketch, li#paint, li#hybrid, li#contact {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#000000;
text-align : left;
list-style-type: none;
width : 215px;
height : 20px;
margin : 0;
padding : 0;
text-indent: 0px;
}

/*
li#threed{
color:#000000;
}

li#sketch{
background : url(navigation/menu.gif) no-repeat 0 -51px;
}

li#paint{
background : url(navigation/menu.gif) no-repeat 0 -101px;
}

li#hybrid{
background : url(navigation/menu.gif) no-repeat 0 -151px;
}

li#contact{
background : url(navigation/menu.gif) no-repeat 0 -151px;
}
*/

/*								MENU LINX*/

li#threed a, li#sketch a, li#paint a, li#hybrid a, li#contact a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration:none;
color: #666666;
text-align : right;
display : block;
width : 120px;
height : 20px;
text-indent : 0px;
}

/*								MENU HOVER*/

li#threed :hover, li#sketch :hover, li#paint :hover, li#hybrid :hover, li#contact :hover {
background-color:#CCCCCC;
}
/*	
li#sketch :hover {
background : url(navigation/menu-over.gif) no-repeat 0 0;
}
li#sketch :hover {
background : url(navigation/menu-over.gif) no-repeat 0 -51px;
}
li#des :hover {
background : url(navigation/menu-over.gif) no-repeat 0 -101px;
}
li#stu :hover {
background : url(navigation/menu-over.gif) no-repeat 0 -151px;
}
*/


/*____________________________________________________________________________________________________________________________*/

/*								SUB-MENU*/

div#submenu{
position : absolute;
left : 15px;
top : 362px;
}
div#submenu ul {
position : absolute;
left : 0px;
top : 0px;
width : 215px;
height : 238px;
margin : 0;
padding : 0;
}

/*								SUB-MENU INDEX LIST*/

li#smusub{ list-style-type: none;
width : 215px;
height : 238px;
margin : 0;
padding : 0;
background : url(navigation/nosub.gif) no-repeat;
text-indent:-9999px;
}

/*								SUB-MENU DIGITZ LIST AND HOVER*/

li#sub4top, li#dig3d, li#digske, li#digpai, li#dighyb, li#sub4bot {
list-style-type: none;
width : 215px;
margin : 0;
padding : 0;
text-indent:-9999px;
}

li#sub4top{
height : 58px;
background : url(navigation/digsub.gif) no-repeat 0 0;
}

li#dig3d{
height : 29px;
background : url(navigation/digsub.gif) no-repeat 0 -58px;
}
li#dig3d :hover {
background : url(navigation/digsub-over.gif) no-repeat 0 -58px;
}

li#digske{
height : 31px;
background : url(navigation/digsub.gif) no-repeat 0 -87px;
}
li#digske :hover {
background : url(navigation/digsub-over.gif) no-repeat 0 -87px;
}

li#digpai{
height : 29px;
background : url(navigation/digsub.gif) no-repeat 0 -118px;
}
li#digpai :hover {
background : url(navigation/digsub-over.gif) no-repeat 0 -118px;
}

li#dighyb{
height : 30px;
background : url(navigation/digsub.gif) no-repeat 0 -147px;
}
li#dighyb :hover {
background : url(navigation/digsub-over.gif) no-repeat 0 -147px;
}


li#sub4bot{
height : 61px;
background : url(navigation/digsub.gif) no-repeat 0 -177px;
}

/*								SUB-MENU DIGITZ LINX*/

li#dig3d a, li#digske a, li#digpai a, li#dighyb a {
display : block;
width : 215px;
text-indent : -9999px;
}

li#dig3d a {
height : 29px;
}

li#digske a {
height : 31px;
}

li#digpai a {
height : 29px;
}

li#dighyb a {
height : 30px;
}

/*								SUB-MENU PHYSIX LIST AND HOVER*/

li#sub3top, li#physke, li#phypai, li#phyhyb, li#sub3bot{
list-style-type: none;
width : 215px;
margin : 0;
padding : 0;
text-indent:-9999px;
}

li#sub3top{
height : 73px;
background : url(navigation/physub.gif) no-repeat 0 0;
}

li#physke{
height : 30px;
background : url(navigation/physub.gif) no-repeat 0 -73px;
}
li#physke :hover {
background : url(navigation/physke-over.gif) no-repeat;
}

li#phypai{
height : 30px;
background : url(navigation/physub.gif) no-repeat 0 -103px;
}
li#phypai :hover {
background : url(navigation/phypai-over.gif) no-repeat;
}

li#phyhyb{
height : 30px;
background : url(navigation/physub.gif) no-repeat 0 -133px;
}
li#phyhyb :hover {
background : url(navigation/phyhyb-over.gif) no-repeat;
}

li#sub3bot{
height : 75px;
background : url(navigation/physub.gif) no-repeat 0 -163px;
}

/*								SUB-MENU PHYSIX LINX*/

li#physke a, li#phypai a, li#phyhyb a{
display : block;
width : 215px;
text-indent : -9999px;
}

li#physke a {
height : 30px;
}

li#phypai a {
height : 30px;
}

li#phyhyb a {
height : 30px;
}

/*								SUB-MENU DESIGN LIST AND HOVER*/

li#sub1top, li#desfur, li#sub1bot{
list-style-type: none;
width : 215px;
margin : 0;
padding : 0;
text-indent:-9999px;
}

li#sub1top{
height : 103px;
background : url(navigation/dessub.gif) no-repeat 0 0;
}

li#desfur{
height : 30px;
background : url(navigation/dessub.gif) no-repeat 0 -103px;
}
li#desfur :hover {
background : url(navigation/dessub-over.gif) no-repeat 0 -103px;
}

li#sub1bot{
height : 105px;
background : url(navigation/dessub.gif) no-repeat 0 -133px;
}

/*								SUB-MENU DESIGN LINX*/
li#desfur a { display : block;
width : 215px;
height : 30px;
text-indent : -9999px; }

/*								SUB-MENU STUFF LIST AND HOVER*/

li#stunew, li#stucon, li#stublo {
list-style-type: none;
width : 215px;
margin : 0;
padding : 0;
text-indent:-9999px;
}

li#stunew{
height : 30px;
background : url(navigation/stusub.gif) no-repeat 0 -73px;
}
li#stunew :hover {
background : url(navigation/stusub-over.gif) no-repeat 0 -73px;
}

li#stucon{
height : 30px;
background : url(navigation/stusub.gif) no-repeat 0 -103px;
}
li#stucon :hover {
background : url(navigation/stusub-over.gif) no-repeat 0 -103px;
}

li#stublo{
height : 30px;
background : url(navigation/stusub.gif) no-repeat 0 -133px;
}
li#stublo :hover {
background : url(navigation/stusub-over.gif) no-repeat 0 -133px;
}

/*								SUB-MENU STUFF LINX*/

li#stunew a, li#stucon a, li#stublo a{
display : block;
width : 215px;
text-indent : -9999px;
}

li#stunew a {
height : 30px;
}

li#stucon a {
height : 30px;
}

li#stublo a {
height : 30px;
}


/*____________________________________________________________________________________________________________________________*/

/*								ART*/

/*								ART THUMBNAILS*/

div.show {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
text-align : center;
position : absolute;
left : 230px;
top : 15px;
width : 768px;
height : 580px;
background-color : #ffffff;
margin:0;
padding:0;
}
.thumbnail
{
float: left;
background-color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
text-indent:10px;
color:#666666;
width: 192px;
height: 145px;
margin: 0;
padding: 6px 0 0 0px;
}
.clearboth { clear: both; }


/*								ART TEH SHOW*/

div.art {
float: left;
background-color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
text-indent:0;
color:#666666;
width:614px;
height : 580px;
margin: 0;
padding: 0;
}

div.art a{
text-decoration:none;
}

/*								ART TEH SHOW NAVIGATION*/

div.pre {
float: left;
position : relative;
top : 261px;
background-color:#999;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
line-height:90px;
text-align:left;
text-decoration:none;
color:#666666;
width : 77px;
height : 58px;
margin: 0;
padding: 0;
background : url(navigation/pre.gif) no-repeat;
}
div.pre a { display : block;
text-decoration:none;
color:#999;
width : 77px;
height : 58px;
}
div.pre :hover {
background : url(navigation/pre-over.gif) no-repeat;
color:#666;
}

div.nex {
float: left;
position : relative;
top : 261px;
background-color:#999;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
line-height:90px;
text-align:right;
text-decoration:none;
color:#666666;
width : 77px;
height : 58px;
margin: 0;
padding: 0;
background : url(navigation/nex.gif) no-repeat;
}
div.nex a { display : block;
text-decoration:none;
color:#999;
width : 77px;
height : 58px;
}
div.nex :hover {
background : url(navigation/nex-over.gif) no-repeat;
color:#666;
}
