/* CSS Reset */


/*PAGE LAYOUT*/
a{
	color: #006600;
	text-decoration: none;
}
a:hover{
	color: #00CC00;
	text-decoration: none;
}

a img {
	border: 0px none;
	color: #000000;
	background-color: #000000;	
}


#body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*background-color: #041007;*/
	background-color: #060606;
}
#container {
height:600px;
	background-color: #000000;
	background-image: url(BackWithDesign-2.3kb.jpg);
	background-repeat: repeat-x;
	background-position: 0px 92px;
	margin: 0px;
	padding: 0px;
	border-bottom:#333 1px solid;
}

/* TOP AREA */

#top {
	height:93px;
	background-position: 86px 66px;
	position: relative;
	top: 1px;
	background-repeat: repeat-x;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	background-image: url(DesignTopRepeat-1000b.jpg);
	border-top-style: none;
	margin: 0px;
	padding: 0px;
	text-align: right;
}

#TopDesignLeft {
	background-image: url(TopLeftDesign2.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 950px;
	float: left;
	height: 93px;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#TopDesignRight {
	background-image: url(aotearoa-387b.gif);
	background-repeat: no-repeat;
	height: 93px;
	background-position: right top;
	margin-top: 50px;
	margin-bottom: 0px;
}

/* MAIN PAGE */

#windowMain {
	width:950px;
	height:495px;
	float: left;
}

#winLeft {
	float:left;
	width:660px;
	height:485px;
}

#winRight {
	float:right;
	width:auto;
	height:485px;
	margin-right: auto;
	margin-left: auto;
}

#winLeftTop {
	float:left;
	width:600px;
	height:300px;
}

#winBottom {
	width:950px;
	height:20px;
	float: left;
}
#winRightTop {
	float:right;
	width:300px;
	height:300px;
}
#winRightBottom {
	float:right;
	width:300px;
	height:200px;
}
#menuContainer {
	margin-top: 10px;
	margin-bottom: 0px;
}
/* CONTENT */

#menu {
	float:left;
	width:110px;
	height:485px;
	background-image: url(MenuDesign-2.67kb.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
#text {
	float:left;
	width:330px;
	height:485px;
}

#TextContainer {
	margin-top: 80px;
	width:320px;
	margin-bottom: 0px;
	padding-right: 10px;
	padding-left: 0px;
}

#quickView {
	float:left;
	width:220px;
	height:485px;
	background-image: url(QuickViewLine-43b.gif);
	background-repeat: repeat-y;
	background-position: right;
}

#QuickViewContainer {
	margin-top: 41px;
	width:220px;
	height:435px;
	margin-bottom: 10px;
}

#QuickViewPhotoFrame {
	margin-top: 6px;
	margin-bottom: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
}

#QuickViewTextContainer {
	width:220px;
	height: 20px;
}

#QvArrowR {
	width:14px;
	float:right;
	padding-right: 25px;
	padding-left: 0px;
}

#QvArrowL {
	width:14px;
	float:left;
	padding-left: 25px;
	padding-right: 0px;
}

#video {
	width:250px;
	height:190px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 75px;
	margin-bottom: 0px;
	text-align: center;
}
#linksMenu a{
	float:left;
	width:94px;
	height:17px;
	font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;

	text-align: left;
	margin-left: 10px;
	margin-right: 0px;
}
#linksMenu a:hover{
	font-size: 12px;
	font-weight: bold;
	color: #999999;
}

#linksMenu #active a{
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	background-image: url(BtnActive-844b.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/*BIOGRAPHY PAGE*/

#BioTopContent{
	height: 300px; 
	width: 730px;
	float: left;
	margin-left: 40px;
}

#BioTitle{
	height: 40px;
}

#BioContentLeft{
	height: 260px;
	width: 530px;
}

#BioRightImage{
	width: 180px;
	height: 240px;
	float: right;
	margin-top: 20px;
	margin-bottom: 0px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}

#BioName{
	width: 530px;
	height: 50px;
}

#BioText{
	width: 530px;
	height: 208px;
	overflow: auto;
	padding-top: 2px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
}

#BioGalleryBottom{
	width: 700px;
	height: 177px;
	float: left;
	padding-right: 0px;
	padding-left: 30px;
}

#BioImagePlacement{
	padding-top: 37px;

}
#BioImagePlacement img{
margin-left:-10px;
/*border-left:#333 solid 1px;*/
}
#MediaContentLeft{
	height: 420px;
	width: 530px;
	float:left;
	overflow: auto;
}
#MediaContentRight{
	height: 420px;
	width: 260px;
	float:left;
	margin-left:10px;
}
#MediaRightCon{
	width: 260px;
	height: 300px;
	float:right;
	margin-left:10px;
}
#MediaListCon{
	width: 510px;
	height: 135px;
	background-color: #010e04;
	margin-top: 2px;
	margin-bottom: 2px;
	border: 1px solid #125029;
}
#MediaLeft{
	float:left;
	height:130px;
	width:195px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 0px;
}
#MediaRight{
	float:right;
	width: 300px;
	height:130px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-right: 5px;
	padding-left: 5px;
}

#KaupapaContentLeft{
	height: 420px;
	width: 530px;
	float:left;
}
#KaupapaContentRight{
	height: 420px;
	width: 200px;
	float:left;
}
#KaupapaContent{
	height: 460px;
	width: 800px;
	float: left;
	margin-left: 40px;
}
#kaupapaText{
	width: 730px;
	height: 355px;
	overflow: auto;
	padding-top: 2px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003300;
}
#KaupapaPicCon{
	width: 125px;
	height: 138px;
}
#KaupapaPic{
	float:right;
	margin-top: 1px;
	margin-bottom: 1px;
}
#ArtworksImageFrame{
	width: 83px;
	height: 180px;
	float: left;
	margin-right: 9px;
	margin-left: 9px;
}

#ArtworksImage{
	width: 83px;
	height: 118px;
	background-color: #999999;
	margin-right: auto;
	margin-left: auto;
	margin-top: 18px;
	padding-top: 1px;
}

#ArtworksNextArrow{
	width: 30px;
	height: 177px;
	float: left;
}

#ArtworksTitleContainer{
	height: 23px;
	width: 85px;
	margin-left: -85px;
	float: left;
	padding-top: 10px;
	padding-bottom: 0px;

}

#ArtWorksArrowPlacement{
	margin-top: 109px;
	margin-bottom: 0px;
	text-align: right;
	height: 25px;

}

#ContactMain{
	width: 740px;
	height: 315px;
	float: left;
	margin-right: 0px;
	margin-left: 50px;
	margin-top: 20px;
	margin-bottom: 0px;
}

#ContactTopText{
	height: 40px;
}

#ContactForm{
	height: 271px;
	width: 475px;
	float: left;
	border: 1px solid #666666;
	background-color: #000000;
}

#ContactFormPlacement{
	margin-top: 20px;
}
#ContactPic{
	width: 250px;
	height: 270px;
	float: right;
}

#ContactBottomBar{
	width: 790px;
	height: 140px;
	float: left;
}

#ContactBottomLeft{
	width: 365px;
	height: 100px;
	float: left;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
	background-image: url(contact/ContactDetailsLine.gif);
	background-repeat: repeat-y;
	background-position: 120px;
}

#ContactDetailsRowLeft{
	width: 75px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	padding-right: 15px;
	padding-left: 0px;
}

#ContactDetailsRowRight{
	Float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	margin-right: auto;
	margin-left: auto;
	width: 200px;
}


#ContactBottomRight{
	width: 320px;
	height: 140px;
	float: right;
	padding-top: 20px;
	padding-bottom: 0px;
}


#ContactFormButton{
	float: left;
	text-align: left;
	margin-bottom: 0px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}



#ContactFormLine{
	width: 350px;
	text-align: left;
	float: left;
	margin-top: 1px;
	margin-bottom: 1px;
}

/*GALLERY*/
#GallMainConWin{
	width: 790px;
	height: 480px;
	float: left;
}

#GallConLeft{
	width: 150px;
	height: 480px;
	float: left;
}
#GallConMid{
	width: 490px;
	height: 480px;
	float: left;
}
#GallConRight{
	width: 150px;
	height: 480px;
	float: left;
}
#GallLeftTop{
	width: 150px;
	height: 375px;
}
#GallSubMenu{
	width: 135px;
	height: 150px;
	padding-top: 55px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 15px;
}
#GallSubMenuItem{
	height: 18px;
	background-color: #000901;
	border: 1px solid #162119;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-top: 2px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 4px;
}
#GallSubMenuItemActive{
	height: 18px;
	background-color: #00170a;
	border: 1px solid #0f2b1f;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-top: 2px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 4px;
}
#GallLeftBottom{
	width: 150px;
	height: 105px;
}
#GallRightTop{
	width: 150px;
	height: 375px;
}

#GallRightBottom{
	width: 150px;
	height: 105px;
}

#GallPicsTop{
	width: 490px;
	height: 190px;
}

#GallPicsBottom{
	width: 490px;
	height: 190px;
}
#GallMidBottomText{
	width: 490px;
	height: 45px;
}
#GallMidTopText{
	width: 490px;
	height: 55px;
}

#PictureCon  {
	width: 109px;
	height: 146px;
	background-color: #000a02;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	border: 1px solid #162218;
	padding-top: 7px;
	padding-bottom: 0px;
}
#PictureCon a img{border:#030 1px solid;}
#PictureCon a img:hover{border:#090 1px solid;}




#PicDetail{
	width: 94px;
	height: 138px;
}
#Pic{
	width: 94px;
	height: 31px;
	background-color: #00FFFF;
}
#GallLeftArrow{
	height: 25px;
}
#GallRightArrow{
	height: 25px;
}

#GallStockist{
	width: 490px;
	height: 372px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	border-bottom-color: #333333;
	overflow: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin-top: 1px;
	margin-bottom: 5px;
}
#GallStockistList{
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
/*TEXT STYLES*/
.MediaListTitle{
	font-size: 14px;
	color: #FFFFFF;
}
.MediaListTXT{
	font-size: 12px;
	color: #FFFFFF;
}
.MediaListDetails,.MediaListDetails a{
	font-size: 10px;
	color: #FFFFFF;
}
.MediaListDetails a:hover{
	font-size: 10px;
	color: #999999;
}
#MediaT{
	height:15px;
}
#MediaM{
	height:100px;
	overflow: auto;
}
#MediaB{
	height:20px;
}
.GallActiveTitle{
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}
.GallArrows{
	color: #FFFFFF;
	font-size: 10px;
}
.GallPicName, .GallPicName a{
	color: #FFFFFF;
	font-size: 10px;
}
.GallPicName a:hover{
	color: #999999;
	font-size: 10px;
}
.GallSizes{
	color: #FFFFFF;
	font-size: 9px;
}
.SubMenu, .SubMenu a{
	font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;
	text-align: left;
}
.SubMenu :hover{
	color: #999999;
}
.SubMenuAct, .SubMenuAct a{
	font-size: 12px;
	font-weight:bold;
	color: #999999;
	text-align: left;
}
.GallBottomText{
	font-size: 9px;
	color: #FFFFFF;
}

.BasicText, a{
	font-size: 12px;
	color: #CCCCCC;
}
.BasicText a:hover{
	font-size: 12px;
	color: #FFFFFF;
}
.BasicTextBold, a{
	font-size: 12px;
	color: #F5F5F5;
	font-weight:bold;
}
.BasicTextBold a:hover{
	font-size: 12px;
	color: #CCCCCC;
	font-weight:bold;
}
.BasicDarkText{
	font-size: 12px;
	color: #666666;
}


.ArtworksTitle{
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;

}
.ArtworksTitleSmall{
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}


.ArtworksLabel{
	color: #FFFFFF;
	
}

.ContactTextTop{
	font-size: 12px;
	color: #CCCCCC;
	padding-top: 10px;
	padding-bottom: 0px;
}

.ContactFormText{
	float: left;
	width: 100px;
	font-size: 12px;
	line-height: normal;
	margin-left: 5px;
	font-weight: bold;
	margin-top: 6px;
	color: #E8E8E8;
	margin-right: 0px;
	margin-bottom: 0px;
}

.ContactFormEntry{
	float: left;
	width: 210px;
	font-size: 18px;
	font-weight: bold;
	line-height: normal;
	margin-left: 10px;
	margin-right: auto;
}

.TitleText{
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 20px;

}

.NameText{
	font-size: 24px;
	color: #FFFFFF;
}
.Copyright{
	font-size: 10px;
	color: #666666;
	padding-right: 0px;
	padding-left: 20px;
}
.OccupationText{
	font-size: 14px;
	color: #FFFFFF;
	padding-left: 40px;
}

.MainWindowTextWhite, .MainWindowTextWhite a{
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
}
.MainWindowTextWhite a:hover{
	color: #999999;
}
.MainWindowTextWhiteBold{
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
}
.MainWindowText{
	font-size: 12px;
	color: #CCCCCC;
	text-align: left;
}



.QuickViewText{
	font-size: 12px;
	color: #CCCCCC;
	text-align: center;
	font-weight: bold;
	line-height: 16px;
}