body {
	margin-top:40px;
	padding: 0;
	background: #161616 url(/images/bg.jpg) repeat-x;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	scrollbar-face-color: #232323;
    scrollbar-shadow-color: #232323;
    scrollbar-highlight-color: #232323;
    scrollbar-3dlight-color: #232323;
    scrollbar-darkshadow-color: #282828;
    scrollbar-track-color: #282828;
    scrollbar-arrow-color: #00a3e6;
}


#bigdiv{
margin: auto;
background: #000000 url(/images/aa_03.jpg) no-repeat;
font: normal 11px  Arial, Helvetica, sans-serif;
width: 960px; 
height: 530px;
text-align: left;
position: relative;
	line-height: 14px;
}

#wrap{
margin: 40px 0 0 40px;
padding:0;
width: 880px;
height: 450px;
position: absolute;
}

#left{
margin: 80px 0 0 20px;
padding: 0;
width:180px;
height: 220px;
position: absolute;

}

#right{
margin: 20px 0 0 200px;
width: 660px;
height: 410px;
position: absolute;
}


#middle{
margin: 20px 0 0 60px;
width: 840px;
}


/****************************** H TAGS ********************************/

h1, h2, h3{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	
}

h1{
	text-transform: uppercase;
	font-size: 14px;
	padding:0 0 13px 0;
	margin:0;
	background: url(images/vital2_06.jpg) bottom repeat-x;
	color: #999999;
}




h2{
	text-transform: uppercase;
	font-size: 11px;
	color: #00a3e6;
	padding:0;
	margin:0;
}

h3 {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 11px;
}



p, blockquote, ul, ol  {
	padding:0;
	margin:0;
	}
	

	
li {
list-style-image: url(images/vital2_09.jpg);
padding: 0;

}

a {
text-decoration: none; 
	color: #fff;
}

a img{
border: none;
text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #00a3e6;
}



/*********************************  CLASS  *************************************/
.zworkrow, .zteachingrow, .zresearchrow, .zgalleryrow {
height: 410px;
float:left;
}

.zworkimage, .zteachingimage, .zresearchimage, .zgalleryimage{
float:left;
padding: 0;
height: 410px;
width: 480px;
}

.zworktitle, .zteachingtitle, .zresearchtitle, .zgallerytitle{
color:#00a3e6;
float: left;
width: 140px;
padding: 18px 0 0 20px;
}

.zworksubtitle, .zteachingsubtitle, .zresearchsubtitle, .zgallerysubtitle{
color:#00a3e6;
float: left;
width: 140px;
padding: 0 0 14px 20px;
}

.zhomedescription, .zaboutdescription, .zcontactdescription{
float: left;
width: 160px;
padding: 0 20px 10px 0;
}


.zworkdescription, .zteachingdescription, .zresearchdescription, .zgallerydescription{
float: left;
width: 140px;
padding: 0 20px 0 20px;
}

.zworklink, .zteachinglink, .zresearchlink, .zworklinktitle, .zresearchlinktitle,  .zgallerylinktitle, .zteachinglinktitle{
float: left;
width: 140px;
padding: 5px 0 0 20px;
position:absolute;
top: 250px;
left: 480px;
}


.zworklinktitle2, .zresearchlinktitle2, .zgallerylinktitle2, .zteachinglinktitle2{
float: left;
width: 140px;
padding: 5px 0 0 20px;
position:absolute;
top: 265px;
left: 480px;
}


.zworkwgallery div, .zteachingtgallery div, .zresearchpgallery div, .zgallerywgallery div, .zresearchwgallery div{
float:left;
margin: 7px 7px 0 0;
}

.zworkwgallery, .zteachingtgallery, .zresearchpgallery, .zgallerywgallery, .zresearchwgallery{
float:left;
position: absolute;
width: 160px;
padding: 0 0 0 10px;
bottom: 20px;
left: 490px;
}


/*********************************  NEWS  *************************************/

#news{
position:absolute;
width: 100px;
height: 30px;
top: 340px;
left: 120px;
}


.news #right{
width: 500px;
float:left;
padding: 20px 80px 0 80px;
background-color: #323232;
overflow:auto;
height:390px; 
}

.news #left{
width: 160px;
}

.znewsrow{
padding: 10px 0 10px 0;
clear: both;
position: relative;
border-top: 1px dotted #999;
min-height: 35px;

}

.znewstitle{
width:200px;
margin: 0 80px 0 0;
color: #00a3e6;
float:left;
}

.znewsdate{
position: absolute;
width: 200px;
color: #fff;
top: 24px}

.znewstype{
position: absolute;
width: 200px;
color: #00a3e6;
top: 38px;}

.znewsdescription{
width:200px;
float:right;
padding-bottom: 10px; 
font-style: italic;
}

.znewslinkname{
float:left;
margin: 0  0 10px 285px; 

}

.znewslinkname a{
color: #00a3e6;}


.znewslinkname a:hover{
color: #ffffff;}




/********************************* STORE *******************************************/


.store #right{
width: 660px;
float:left;
padding: 20px 0 0 0;
background-color: #323232;
overflow:auto;
height:390px; 
}

.store #left{
width: 160px;
}

.zstorerow{
padding:0 0 0 36px;
width: 166px;
height: 390px;
float: left;
position: relative;
}


.zstoresgallery{
clear: both;
margin-bottom:10px;
height: 200px;
width: 166px;
}


.zstorestitle, .zstoredescription{
float: left;
width: 166px;
}

.zstoredescription{
padding-bottom:5px;
}

.zstoretitle, .zstoreprice{
color: #00a3e6;
padding-bottom: 5px;
}


.zstoreprice{
bottom: 65px;
position: absolute;
}


.zstoreembed{
bottom: 15px;
position: absolute;
}

/********************************* MENU *******************************************/

#menu {
	position: absolute;
	width: 180px;
	height: 130px;
	margin: 0 0 20px 20px;
	bottom: 0;

	}

#menu ul {
	position: absolute;
	bottom: 0;
	margin: 0;
	padding: 0;
	list-style: none;	
	}
	
#menu li{
margin-top: 0px;
}
	
#menu a {
	display: block;
	text-transform: lowercase;
	text-decoration: none;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #ffffff;	
	vertical-align: bottom; 
}

#menu a:hover {
	color: #666;
}


h2 a:hover{
	color: #fff;
	}
	
.home a#homenav,
.news a#newsnav,
.about a#aboutnav,
.work a#worknav,
.store a#storenav,
.teaching a#teachingnav,
.research a#researchnav,
.contact a#contactnav
{
color: #00a3e6; 
}


	
span{
color:#00a3e6;}