/****** ##LOG: 
Author:  Dan Urquhart
Version: 1.0

This template has been made to be as simple to use as possible. Everything does have a place! Make sure you put things where they need to be.

Some rules:

-try not make multiple references o single elements: keeping all the stlyes of an element in one place keeps it from getting over styled or overlooked. 
-try to comment on what does what

Created: March 2007
******/
	
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||			IMPORTANT BODY TAGS!!!!
||
||			***PUT THE BODY TAGS HERE AND NOT IN THE MAIN FILES!!***
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/

html {
		border: none; 
		margin: 0px; 
		padding: 0px;
		height: 100%; 
		width: 100%;
	}

	body {		
		text-align: left;
		margin: 0px;
		padding: 0px; 
		background: #D1D1CF url(http://www.gallery360.com.au/templates/Gallery360/images/template/background.jpg) right top no-repeat fixed;
		border: none; 
		height: 100%;
		width: 100%;
	}
	
	
	body,table, tr,td {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #ffffff;
		vertical-align: top;
	}
	
	p {
		margin: 0px; 
		padding: 0px; 
		margin-top: 0px; 
		
	}
	
	

/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||			Container Styles
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/
	
	/* Site Container */	
	#centerCon {
		text-align: left;		
		width: 100%;
		padding-top: 30px; 
		
	}
	
	
	
	/* Site Container */	
	#siteCon {
		position: relative;
		background: #ffffff;
    margin: 0px 0px 30px 30px;
		padding: 0px; 
		border-top: 2px solid #ffffff;
		width: 800px;
		
	}

	
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||			HEADERS
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/

	h1,h2,h3,h4,h5,h6, .highlight {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		padding: 0px; 
		margin: 0px;
		margin-bottom: 10px; 
		margin-top: 15px; 
		color: #ffffff;
		font-weight: bold; 
	}
	
	h1 {
		font-size: 16px; 
	}
	h2, .highlight {
		font-size: 14px; 
	}
	h3 {
		font-size: 12px; 
	}
	
	
	.highlight {
	
	}
	
	
	
/*		
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||			LINKS
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
* When adding links make sure you include all 4 link stages 
	(normal,hover,visited,visited:hover)
*/
	
	
/*		
	THE FOLLOWING STYLES ARE FOR ALL LINKS ON THE SITE!!!
*/

	a {
		text-decoration: none; 
		padding: 10px; 
		padding-top: 0px; 
		padding-bottom: 0px; 
		
	}
	
	a:link {
		color: #ffffff;		
	}
	
	a:visited {		
		color: #ffffff;
	}
	
	a:hover {		
		color: #880000;		
	}
	
	a:active {		
		color: #999999;
	}

	a:focus { outline: none; }
		

	a img, a {
			border: none;
			background: transparent; 
	}

 /*more link */
 
 	.moreLink, .moreLink:link, .moreLink:active {
 		color: #FFFFFF;		
 	}
	
	.moreLink:hover {
		color: #880000;
	}
 	




					
					
/*end*/

	

	
	
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||			Header
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/

		/* if unable to resolve, make IE display inline, and other display block */
		#headerCon {
			display: block; 	
			
			text-align: left;
			background: #ffffff; 
			overflow: hidden; 
		}	
		
			#headerCon img, #headerCon a img, #headerCon a {
				border: none; 
				background: transparent; 
				margin: 0px; 
				padding: 0px; 
				
			}
				
		
			#logoCon {				 
				width: 306px; 
				height: 112px; 
				float: left;
				text-align: center;				
				background: #ffffff;
				border: none; 
				
			}
				
				#logoCon a img, #logoCon a, #logoCon a:link, #logoCon a:active, #logoCon a:visited {
					margin: 0px; 
					padding: 0px; 
					padding-top: 12px; 					
				}
			
			
			.headerBox {
				width: 162px; 
				height: 112px; 
				float: left;
				border-left: 2px solid #ffffff;				
				background: #aaaaaa;
				color: #ffffff;
				overflow: hidden;
				padding: 0px; 
				margin: 0px; 
			}
			
				.headerBox strong {
					display: block; 
					background: #880000;
					height: 26px; 
					line-height: 26px;					
					color: #ffffff; 
					font-size: 12px; 
					margin: 0px; 
					padding: 0px;					
				}
					.headerBox a strong {
						padding-left: 10px; 
					}
				
				.headerBox p {
					padding: 10px; 					
				}
				
				.headerBox a, .headerBox a img, .headerBox img {
					border: 0px; 
					padding: 0px; 
					margin: 0px; 					
				}
		
		
		
	
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||			Menus
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/		
		
		
	/* Top Menu */
	
				
				
	/* Side Menu */			
	
		#menuCon {		
			position: relative;			
			height: 297px;			
			text-align: left;
			background: #ffffff;
			font-size: 1.2em;
			width: 800px; 
		}	
		
		
			#menuCon h1 {
				margin: 0px; 				
				padding: 0px; 
				color: #ffffff;
				 
			}
			
			
			.menuBox {
				float: left; 
				height: 273px; 				
				padding: 10px 10px 15px 10px; 
				background: #aaaaaa;				
				border: 2px solid #ffffff;						
				overflow: auto; 
			}
				.menuBox h2 {
					display: block; 
					padding: 0px; 
					margin: 0px; 
					margin-bottom: 10px;					
					font-size: 12px;				
				}
			
				#menuBox1 {
					width: 131px; 
					border-right: none;		
					
				}					
				
					#menuBox1 a {
						font-size: 11px;	
						padding: 0px; 	
					}
					
				#menuBox2 {
					width: 131px; 					
					border-right: none;		
					overflow: hidden;	
				}
				
				
				  #menuBox2 h2 {
  				  margin-left: 12px;
				  }
					
					
					#menuBox2 a, #menuBox2 a:link, #menuBox2 a:hover, #menuBox2 a:visited, #menuBox2 a:active {
						display: block; 
						font-size: 11px;	
						padding-left: 12px; 					
					}
				
					#menuBox2 a:hover {										
						background: url(http://www.gallery360.com.au/templates/Gallery360/images/template/redarrow.gif) left center no-repeat;
					}
					
				
				#menuBox3 {				 				
					width: 306px; 			 
					overflow: hidden; 
				}
				
          #menuBox3 a {
						font-size: 11px;	
					}

										
					#menuBox3 div {							 							
							float: left;							 
																		
						}
						
					#artistGalleryTitle {						
						height: 20px; 
						width: 100px; 
						overflow: hidden; 
					}
						
					#artists {
						width: 180px; 
						
						height: 270px; 											
						padding-left: 10px;						  
						text-align: left; 	
						overflow: auto; 
					}	
					
					.scrollButtons {					
						width: 14px; 						
						padding-top: 245px;	
						font-size: 1px; 					     	
					}					
						
						/* scroll arrows */
						
						.arrow, .arrow:link, .arrow:active, .arrow:visited {
								display: block; 
								width: 12px; 
								height: 7px; 
								padding: 0px; 
								margin: 0px; 
								border: none; 
								line-height: 7px;	
								font-size: 1px;
								cursor: pointer;
						}
						
						
						#upArrow, #upArrow:link, #upArrow:active, #upArrow:visited {							
							background: url(http://www.gallery360.com.au/templates/Gallery360/images/template/uparrow.gif) top left no-repeat; 
							padding-bottom: 5px; 
						}
						#upArrow:hover {
							background-image: url(http://www.gallery360.com.au/templates/Gallery360/images/template/uparrow_hover.gif);		
						}
						
						#downArrow, #downArrow:link, #downArrow:active, #downArrow:visited {							
							background: url(http://www.gallery360.com.au/templates/Gallery360/images/template/downarrow.gif) top left no-repeat; 
						}
						#downArrow:hover {
							background-image: url(http://www.gallery360.com.au/templates/Gallery360/images/template/downarrow_hover.gif);	
						}
						
						
						
					
					#artists a, #artists a:link, #artists a:hover, #artists a:visited, #artists a:active {
						display: block; 	
						padding-left: 12px; 					
					}
				
					#artists a:hover {										
						background: url(http://www.gallery360.com.au/templates/Gallery360/images/template/redarrow.gif) left center no-repeat;
					}
										
				
				#menuBox4 {
					width: 142px;					
					border-left: none;	
				}
				#menuBox4  ul.latestnews {
          margin: 0px;
          text-indent: 0px;
				}
				
					#menuBox4 a, #menuBox4 p {					
						padding: 0px;  	
						font-size: 11px;
					}
					
					#menu {
						padding-left: 0px; 
					}
					
.mainlink {
  cursor: pointer;
}
					
					
			
		
			
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||			Body
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/	

		
	
		#centerBodyCon {			
			width: 796px;								
			border: 2px solid #ffffff;
			border-top: none; 
			border-bottom: none; 
			clear: both; 
			background: #434343;			
		}	

					
			#bodyCon {				
				text-align: left;
				padding: 10px; 
				width: 776px; 	
				font-size: 12px;		
			}
			
			#bodyCon .contentpaneopen div.detailBox, #bodyCon .contentpaneopen div.moreDetailsCon {
  			font-size: 12px; 

			}
			
			
			
			#bodyCon a {
  			padding: 0px !important;
			}			
			#bodyCon a, #footerCon a {
  			text-decoration: none;
  			color: #BDAE3B;
			}
			
			#bodyCon a:hover, #footerCon a:hover {
  			text-decoration: none;
  			color: #FFFFFF;
			}
			
			#bodyCon b, #bodyCon strong {
  			color: #FFFFFF;
  			font-size: 120%;
			}
			
				.leftContent {
					width: 290px;
					/*overflow: hidden;*/
				}
				
				.leftContent img {
					width: 290px; 	
				}
				
				.rightContent {
					width: 470px; 	
					padding-left: 10px; 
					
				}
				
					.detailBox {
						border-top: 1px dotted #aaaaaa; 					
						height: 20px; 
						line-height: 20px; 	
						
						
					}
				
					.moreDetailsCon {
						border-top: 1px dotted #aaaaaa; 	
						padding-top: 20px; 	
					}
				
					.moreDetailsCon img, .moreDetailsCon a img {
						float: left; 
						margin: 4px; 
					}
					
					
					
				#target {					
					/*background:url(http://www.gallery360.com.au/images/stories/loading.gif) left center;*/
				}
				
				
				
			.savRev_thumb {
				margin: 0px 3px 5px 0px; padding: 0px;
				
			}
			
			.savRev_thumbCon {
				
				display: block; 
				float: left; 
			}
			
			.savRev_preview {
				display: block; 
				float: left; 
				height: auto; 
			}
			
		
			
			.clearBoth {
				clear: both; 
			}
			
			
			.cursor { cursor: pointer; }
			
		form {
			margin: 0px; 
			padding: 0px; 			
		}
		
		input, textarea {
			border-left: 1px solid #550000;
			border-top:  1px solid #550000;
			border-right: 1px solid #ffaaaa;
			border-bottom: 1px solid #ffaaaa;
			background: #dddddd;
			
		}
	
		
		.submit {
			background: #ffffff;
			border-left: 1px solid #ffaaaa;
			border-top:  1px solid #ffaaaa;
			border-right: 1px solid #550000;
			border-bottom: 1px solid #550000;
			
		}
		
		
		
		.rightContent strong {
			display: block; 
			clear: both; 
		}
		
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||			Footer
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/	
		
		#footerCon {
			
			width: 796px;	
			height: 20px;
			line-height: 20px; 
			clear: both;
			color: #cccccc;
			background: #434343;
			text-align: center;
			border: 2px solid #ffffff;
		
			
			
		}	

		

		
		
		
		
	

		
/*
If you are putting somthing into this sytle sheet page then it more than
likely has a home. 
				
don't simple include it at the bottom of the page.
				
Have a look at the page and look for the proper place for the variable that 
you are including.
				
If you can not find a place that looks right for the variable you are including
then create a spot for it somewhere that seems to fit and remember to include a 
header for your new section as well as remembering to comment what your variable 
is used for.	
*/
 
 
.back_button, .modifydate, .article_seperator, span.small, .createdate, .pagenav_next, .pagenav_prev { display: none; }

.contentheading { 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.6em;
		padding: 0px; 
		margin: 0px;
		margin-bottom: 10px; 
		margin-top: 15px; 
		color: #ffffff;
		font-weight: bold;
}

.contentheading b { 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.6em;
		padding: 0px; 
		margin: 0px;
		margin-bottom: 10px; 
		margin-top: 15px; 
		color: #ffffff;
		font-weight: bold;
}

#menuBox4 h2 {
  margin: 0px;
}
#menuBox4 ul.latestnews {
  display: block; 
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  text-indent: 0px;
}


#menuBox4 li.latestnews {
  display: block; 
  list-style: none;
  margin: 0px;
  padding: 0px;
  text-indent: 0px;
}

.contentpaneopen p {
	font-size: 12px;
  color: #DDDDDD;
  margin: 0px 0px 10px 0px;
}

.contentpaneopen li {
	font-size: 12px;
  color: #DDDDDD;
}

.artistblock 	{ width: 776px; margin: 10px 0px 0px 0px; }
 .imageblock 	{ float: left; width: 290px; margin: 0px 10px 0px 0px; }
 .textblock 	{ float: left; width: 476px; height: 180px; margin: 0px; border-top: 1px dotted white;  } 
 .testblock   { width: 766px; margin: 0px 0px 10px 0px; padding: 10px 0px 0px 0px; border-top: 1px dotted white; }
 .clearblock	{ clear: both; }
 
#textSizeChangeCon { text-align: right; }
#textSizeChangeCon { font-size: 115%; }

.row        { margin: 0px 0px 10px 0px; }
.row  label { display: block; }

.proftogal {   margin: -30px 0px 20px 0px; position: relative; top: 60px; text-align: right; padding: 0px 20px 0px 0px; clear: both; }
.proftogalBottom { 
	clear: both; 
	top: 0px; 
}

#bodyCon td h1 { top: 0px; margin: 20px 0px; }

td.form { font-size: 12px; }

#banner {
  height: 580px;
}


.buttonheading {
  width: 36px; text-align: left;
}
.buttonheading img {
  margin: 0px 10px 0px 0px; 
}