@charset "utf-8";

/* custom style for zias.com.au by ablaze graphic design.. nice isn't it! */

body {

	padding: 0;

	margin: 0;

	background-color: #000;

	background: #474c52 url("img/l/background.jpg") center center fixed;

	color: #000;

	text-align: center;

}

#ziasmenu {

	width:260px;

	float:right;

	position:relative;

	z-index:200;

}

/*menu*/

ul#menu, ul#menu ul {

	list-style-type:none;

	text-align:left;

	padding: 0;

	width: 260px;

	margin-left:0px;

	font:15px Arial, "Lucida Sans", "Lucida Grande", Verdana, Tahoma, sans-serif;

	font-weight: bold;

	margin-top:0;

}

ul#menu a {

	display: block;

	text-decoration: none;

	-moz-outline-style:none;

	outline:none;

}

ul#menu li {

	margin-top: 0px;

}

ul#menu li a {

	background: #fff;

	color: #717075;

	padding: 0.2em;

	border-bottom: 1px solid #ddd;

}

ul#menu li a:hover {

	background: #ddd;

	color: #6f6e73;

}

ul#menu li ul li a {

	background: #fafafa;

	color: #717075;

	border-left: 7px #f6f6f6 solid;

	padding-left: 8px;

}

ul#menu li ul li a:hover {

	background: #ddd;

	border-left: 7px #717075 solid;

	padding-left: 8px;

}

#contents {

	margin-top: 56px;

	margin-bottom: 10px;

	margin-right:auto;

	margin-left:auto;

	width: 950px;

	padding-top: 35px;

	background-color: #FFF;

	color: #000;

	text-align: left;

	background-image:url(img/l/sideprofile.jpg);

	background-repeat:no-repeat;

	background-position: 100% 200px;

}

#contents2 {

	margin-top: 56px;

	padding-top: 35px;

	margin-bottom: 10px;

	margin-right:auto;

	margin-left:auto;

	width: 950px;

	background-color: #FFF;

	color: #000;

	text-align: left;

	background-image:url(img/l/sidehome.jpg);

	background-repeat:no-repeat;

	background-position: 100% 200px;

}

#contentsnobg {

	margin-top: 56px;

	padding-top: 35px;

	margin-bottom: 10px;

	margin-right:auto;

	margin-left:auto;

	width: 950px;

	background-color: #FFF;

	color: #000;

	text-align: left;

}

.shadow {

	border:1px solid black;

	position:relative;

	display:inline;

	background:white;

	z-index:100

}

.shadow_inner {

	overflow:hidden;

	position:absolute;

	top: -1000px;

	filter:alpha(Opacity=10); /*modify to change the shade solidity/opacity, same as below*/

	opacity:0.1; /*firefox 1.5 opacity*/

	-moz-opacity:0.1; /*mozilla opacity*/

	-khtml-opacity:0.1; /*opacity*/

	z-index:10

}

#hpagetop {

	height:386px;

	width: 950px;

}

#hpagetop2 {

	height:186px;

	width: 950px;

}

#tl {

	float: left;

	width:660px;

	height:386px;

}

#tl2 {

	float: left;

	width:660px;

	height:175px;

}

#tr {

	margin-left:660px;

	text-align:right;

}

#htxt {

	width:526px;

	margin-left:115px;

}

#htxtprofile {

	width:589px;

	margin-left:20px;

	margin-right:15px;

	margin-top:7px;

	background-color:#f6f6f6;

	border: 1px solid #f5f5f5;

	padding:15px;

}

#htxtgal {

	width:920px;

	margin-left:10px;

	margin-top:7px;

	background-color:#f6f6f6;

	padding-left:10px;

	padding-top:10px;

	padding-bottom: 10px;

	padding-right: 0px;

}

#htxtgallery {

	width:660px;

	margin-left:10px;

	padding:0px;

}

#htxtgallerywide {

	width:940px;

	margin-left:10px;

	padding:0px;

}

#htxtcontact {

	width:726px;

	margin-left:10px;

	margin-right:15px;

}

#galleryitem {

	width:516px;

	margin-left:110px;

	margin-bottom:25px;

	padding-bottom:15px;

	border-bottom: 1px dashed #cccccc;

}

/* image wrap */

.ileft {

	float: left;

	margin-right: 10px;

	padding-bottom: 12px;

	margin-bottom: 12px;

}

.code {

	background-color: transparent;

	color:#6d6d6d;

	font:15px Arial, "Lucida Sans", "Lucida Grande", Verdana, Tahoma, sans-serif;

	line-height:1.2em;

	margin:0;

	padding-bottom:12px;

}

.code a {

	text-decoration: none;

	color: #6d6d6d;

	text-decoration: underline;

}

.code a:hover {

	text-decoration: none;

	color:#000;

}

blockquote {

	font-size: 14px;

}

/*footer*/

#footer {

	margin-top:40px;

	width: 100%;

	height:62px;

}

#fl {

	float: left;

	width:28%;

	border-top: 1px solid #ccc;

	padding-left: 0px;

	padding-top:0px;

	cursor:pointer;

}

#fr {

	margin-left:32%;

	text-align:right;

	padding-top:20px;

}

/* Listen */



ul#portfolio li img {

	border: 0px;

	padding: 0px;

}

ul#portfolio {

	list-style:none;

	padding: 0px;

	margin:0;

}

.fade {

	margin-bottom: 2em;

}

.fade p {

	margin-bottom: 2em;

	text-align: center;

	width: 100%;

	background: #fff;

}

/*contact*/

input, textarea, select {

	padding: 3px;

	font-family: Veranda, sans-serif;

	font-size:14px;

	color: #666;

	background:#ffffff url(img/inputBg.gif) top left no-repeat;

	border: 1px solid #999;

	margin:2px;

}

input:focus, textarea:focus, select:focus {

	color: #333;

	background: #fff url(img/grad.png) repeat-x;

	border: 1px solid #999;

}

input.button {

	color: #555;

	background: #FFF;

	border-width: 1px;

	border-style: solid;

	border-color: #FFF #00DFFF #00DFFF #FFF;

}

/* 

 * Livevalidation Style 

 */

.LV_validation_message {

	font-weight:bold;

	margin:0 0 0 5px;

	font-family: Veranda, sans-serif;

	font-size:12px;

}

.LV_valid {

	color:green;

}

.LV_invalid {

	color:#CC0000;

}

.LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active {

	border: 1px solid green;

}

.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active {

	border: 1px solid #CC0000;

}

.submit {

	padding: 3px;

	font-family: Veranda, sans-serif;

	font-size:14px;

	color: #666;

	background:#ffffff url(img/grad.png) top left no-repeat;

	border: 1px solid #999;

	margin:2px;

	cursor: pointer;

}

.formtext {

	padding-top: 5px;

	padding-bottom: 0px;

	margin: 0px;

	font-family:Arial, Helvetica, sans-serif;

	color: #5d5e5d;

	text-align: right;

}

.formtext2 {

	padding-top: 0px;

	padding-bottom: 0px;

	margin: 0px;

	font-family:Arial, Helvetica, sans-serif;

	color: #5d5e5d;

	text-align: left;

}

.formtext {

	color: #5d5e5d;

	color:#6d6d6d;

	font:14px Arial, "Lucida Sans", "Lucida Grande", Verdana, Tahoma, sans-serif;

	margin: 0px;

	padding-bottom: 0px;

	padding-top: 5px;

	text-align: right;

}

/* accordion styles */

	ul {

	list-style:none;

}

/* Expand / Collapse */

	ul.expand li.trigger.top {

	margin-top:0;

}

ul.expand li.trigger {

	background:url(img/l/clickbg.jpg) repeat-x;

	cursor:pointer;

	padding-left:25px;

	padding-top:6px;

	padding-bottom:4px;

	margin-bottom:5px;

	font:16px "Helvetica Neue", Helvetica, Arial, sans-serif;

	color: #717075;

	background-color:#fafafa;

}

ul.expand li.trigger.open {

	background-position:0 -997px;

	background:url(img/l/on.jpg) 6px 10px no-repeat;

	background-color: #c0c0c0;

	color:#717075;

}

ul.expand ul {

	list-style:disc inside;

	line-height:18px;

	padding:4px 0 6px 10px;

	font:12px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;

	border-bottom:1px solid #fafafa;

	background-color: #fafafa;

}

#hidenload{display:none;}




#bigPic{
	width:640px;
	height:386px;
	padding:0px;
	border:0px solid #CCC;
	background-color:#FFF;
	margin-bottom:0px;
}
#bigPic img{
	position:absolute;
	display:none;
}
ul#thumbs li.active{
	border:0px solid #717075;	
	background:#fff;
	padding:2px;
	opacity: 1.0;
}
ul#thumbs, ul#thumbs li{
	margin-left:4px;
	padding:0;
	list-style:none;
}
	
ul#thumbs li{
	float:left;
	margin-right:0px;
	margin-bottom:5px;
	border:0px solid #fff;	
	padding:3px;
	cursor:pointer;
	opacity: 0.5;
}
ul#thumbs img{
	float:left;
	width:53px;
	height:32px;
	line-height:32px;
	overflow:hidden;
	position:relative;
	z-index:1;		
	-moz-box-shadow: 3px 3px 2px #cacaca;-webkit-box-shadow: 3px 3px 2px #cacaca;box-shadow: 3px 3px 2px #cacaca;
}