/*--R.Dennistoun website  - AlbyBarberDesign  --*/

.red {
	color: red;
	font-weight: bold;
	font-style: italic;
	font-size: 1.1em;
}

.small-grey {
	font-size: 0.7em;
	color: gray;
}

/* navr bar*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/*------------------------body------------------------*/
body {margin: 0px;background-color:000;padding: 0px;font-family:Helvetica;font-size: 12px;line-height: 17px;text-align: center}
body{font-size:x-small;voice-family:"\"}\"";voice-family:inherit;font-size:small;}
html>body{font-size:small;}

/*------------------------wrapper------------------------*/
#wrapper {margin: 0px auto;width: 750px;padding-left: 0px;border-left-style: none;text-align:center;}

/*------------------------main Cascade------------------------*/
h1 {font-size:13.5px;margin-left:11px;}
h4 {font-size:12px;}

p,#ex-right img {font-size: 85%;line-height:1.5em;margin: 0 0 0 11px; padding-bottom: 0.5em;}



strong {font-size:12.5px;}
ul, li {margin: 0;padding: 0;list-style-type: none;}

/*-----------------Links---------------------------*/
a {color: #047FFE;text-decoration:none;}
a:hover {text-decoration: underline;}
a.links {margin-left:15px;color: #FF9900;display:block;font-size: 12px;}
a img {
	color: #ffffff;text-decoration:none;border: none;
}

/*------------------------Seperator------------------------*/
.separatorInvisible{clear:both;padding:0;margin:0;}
.separator {clear: both;margin: 0 10px;padding: 0;border-bottom: 1pt solid #FF9900;}


/*------------------------Masthead------------------------*/
#masthead {float:left;margin: 80px 0;height: 200px;width: 749px;display:block;}
#banner {background:url(../images/tigerbaner.gif) no-repeat left top;width: 749px;height: 300px;}

/*------------------------Navigation------------------------*/

#nav, #nav ul{margin:0;padding:3px 0 0 0;list-style-type:none;list-style-position:outside;position:relative;line-height:1.5em;}
 
#nav a:link, #nav a:active, #nav a:visited{ display:block; padding:0px 5px; color:#fff; text-decoration:none; background-color:#047FFE;}
#nav a:hover{ background-color:#047FFE; color:#000;}
#nav li ul a{ width:6em; float:left;height:20px;}

#nav li{ float:left; position:relative;margin: 0 10px;opacity:0.99;}
#nav ul { position:absolute; width:12em; top:1.5em; display:none;}

#nav ul ul{top:auto;}
#nav li ul li {margin:0;text-align:left;}
#nav li ul ul { left:12em; margin:0px 0 0 10px; }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ display:none;font-color:#FCE395; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{ display:block; }

#nav li a.yah{color: #000;}
#nav li a.yah:hover{color: #FFF;}

#navigation {z-index:100;background:url(../images/navbar.png) no-repeat left top;float:left;width:749px;height:30px;}

/*-----------------NewsColumn------------------------*/
#newsColumn {z-index:1;width: 288px;background-color: #FFFFFF;margin: 10px 0 0 15px;text-align: left;float: left;padding-top: 0px;height: auto;}
#newsColumn h2 {color: #000000;}
#newsColumn img {margin:5px 0px 0 24px}
#newsColumn .bioimg {margin-left:10px; }

#news {width: auto;height: auto;margin:15px 45px 0 45px;}
#news img {padding:10px;border:none;}

#one {float:left;}
#one p, #one a { margin:0; color:#000000; font-size:13.5px;}
#one a:hover {color:#047FFE;}

.venwidth {display: inline-block; width: 106px;}

/*-----------------Notebook------------------------*/
#notepadnews {z-index:1;width: 350px;background-color: #FFFFFF;margin: 10px 0 0 15px;text-align: left;float: left;padding-top: 0px;height: auto;}
#accordion {
	margin-top: 1em;
}
h3.toggler {
	cursor: pointer;}
#notepadnews h3 {
font-size:14.5px;
margin:0 11px 0 0;
text-align:center;
border-bottom:11px solid white;
border-top:1px dotted #047FFE;}
#notepadnews img {margin:15px 15px 0 15px;}

#notebook img{border:none;padding: 0;float:left;margin:10px 0 0 30px;}

/*------------------------Colums------------------------*/

#gallerynotes{z-index:1;width: 230px;background-color: #FFFFFF;margin: 10px 0 0 15px;text-align: left;float: left;padding-top: 0px;height:auto;}

#gallery {float: right;padding: 0;background: url(../images/415x415.png) no-repeat;margin: 10px 15px 0 0;text-align: left;background: #FFFFFF;width:485px;}

#gallerypets {float: right;padding: 0;background: url(../images/415x415.png) no-repeat;margin: 10px 15px 0 0;text-align: left;background: #FFFFFF;width:400px;}

#gallery4-Legged {float: right;padding: 0;background: url(../images/415x415.png) no-repeat;margin: 23px 15px 0 0;text-align: left;background: #FFFFFF;width:485px;}

#CANVASES {margin-bottom:172px;}

#pets2 {margin-top:47%;}
#pets3 {margin-top:26%;}
#pets4 {margin-top:55%;}
#pets5 {margin-top:53%;}

#portfolioColumn {float: right;padding: 0;margin: 12px 15px 0 0;text-align: left;background: #FFFFFF;width:415px;}

#BioColumn {float: right;padding: 0;margin: 55px 15px 0 0;background: #FFFFFF;width:415px;text-align:left;}

#portfolioColumn ul li{margin: 0px;padding: 0px;}
#portfolioColumn img {margin:10px;}
#portfolioColumn p, #portfolioColumn h4, #portfolioColumn h1{text-align:center}

#contactColumnform {float: left;padding: 0;margin: 5px 0 0 125px;background: #FFFFFF;width:300px;text-align:left;}
#contactColumnform form{margin-left:20px;}
 
#contactColumnright{margin: 42px 0 0 0;float:left;}
#contactColumnright img{height:307px;vertical-align:bottom; float:left;}

/*-----------------------LargeImage-----------------------*/
#imgPhoto {margin: 5px 0 5px 6px;padding: 0;}

/*-------------------Thumbnails--------------------------*/
#thumbnails {width: 100%;margin: 0;padding: 2px 2px 2px 10px;}
#thumbnails img {margin:2px 3px;}
#thumbnails a  img{border: none;}
#thumbnails a:hover img{border:none;}

/* ------- FormMail structure ------- */
#newsColumn #thisForm {margin-left: 10px;width: 200px;margin-top: 0px;margin-bottom: 0px;}
#newsColumn #thisForm input{border:1px solid #000000;}
#newsColumn #thisForm textarea{border:1px solid #000000;}

#thisForm dt {margin: 5px 0 0 0;padding: 0;font-size: 85%;}
#thisForm dd {margin: 0;padding: 0;margin-top: 2px;}

/*--------exibit--------- */
#exibit {
	margin-top: 1em;
}

#ex-left{
	float:left;
	width:50%;
}

#ex-left strong {
	font-style: italic;
}

.textleft{
	float: left;
	margin: 20px 0 0 35px;
}

.imgleft{
}


#ex-right{
	margin: 10px 30px 0 0;
	float:right;
	padding: 0;
	width: 415px;
}

#ex-right p{
	line-height: 1em;
}

#ex-right strong {
	font-weight: bold;
}

.gbusters {
	padding-top: 28px !important;
}

.homepagelink{
	margin: 0 0 3px 11px;
	display:block;
	color:#000;
}

/* ------- Footer ------- */
#footer{text-align:left;margin:10px;display: block;background-color: #047FFE;padding: 0px;padding-top: 5px;height: 1.5em;}
#footer p{float: left;color: #FFF;}
#footer a{font-size: 85%;line-height:1.5em;float: right;color: #FFF;padding-right: 11px;}
#footer a:hover{ color:#000; text-decoration:none;}