@charset "UTF-8";
/* CSS Document */

/* Universal style rule */
*{
  /* Block all browser default margins and padding */
  	margin: 0;
 	padding: 0;
}

body{
	background-color: #4b306a;
	font-family: Geneva, Arial, Verdana, sans-serif;
	}

#wrapper{
	width: 1000px;
	background-color: #4b306a;
  /* Set right and left to auto for centering */
  	margin: 0px auto;
	/* Required for absolutely-positioned layout only */
  	position:relative;
}

a{outline: none;
}

h1{
	font-size: 24px;
}

#branding{
	height: 140px;
	position: relative;
	background-image: url(images/brandingimage1.jpg);
}

#branding img{
  	display:block;
}

#branding h1{
	font-size: 32px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	padding-right: 16px;
	padding-top: 1em;
	font-family: Palantino, Georgia, "Times New Roman", Times, serif;
	}
	
#branding a{
	color: #FFFFFF;
	text-decoration: none;
	position: absolute;
	margin-left: 904px;
}

/* Hover links in branding */
#branding a:hover{
	color:#4B306A;
  }

/* Active link in branding */
#branding a:active{
	color:#84BB82;
  }

#brushes{
	display:block;
	width:220px;
	position: absolute;
	
	height: 221px;
	background-image: url(images/brushes.gif);
	background-repeat: no-repeat;
	right: 8px;
	bottom:0em;
}

#leftcolumn{
	width: 176px;
	float: left;
	background-color: #8c6cd0;
	padding-top: 20px;
	height: 620px;
	text-align: center;
}


#leftcolumn img{
	/* sizes images in leftcolumn*/
	width:80%;
	margin-top: 380px;
}

.leftcollumn{
	color: #FFFFFF;
	font-size: 12px;
	padding-top: 12px;
	font-weight: lighter;
	font-style: normal;
}



#nav{
	/* Left/right margins must match left/right column widths */
   
	/* For absolutely positioned layout */
    position:absolute;
	top:9em;
	width:166px;
	background-color: #8c6cd0;
	text-align: left;
	font-weight: lighter;
	font-size: 16px;
	padding-left: 5px;
	letter-spacing: -0.5px;
	 *left:0px; /* Hack for IE 7 */
}

#nav li{
	float: left;
	width:100%;
	list-style-type: none;
}

#nav a{
	display:block; /* to increase clickable area as a's default to inline*/
	color:#FFF;
	text-decoration: none;
	padding:0 4px;
	line-height:2;
	border-bottom:1px dotted #4b306a;	
}

/* Hover links in navbar */
#nav a:hover{
	color:#4B306A;
  }

/* Active link in navbar */
#nav a:active{
	color:#84BB82;
  }	
#nav li.selected{
	color: #FFFFFF;
	background-color: #AEBBAA;
}


.title{
	padding-top: 40px;
}



#footer{

}

#content{
	background-color: #FFFFFF;
	width: 807px;
	position: absolute;
	margin-left: 192px;
	 *left:1px; /* Hack for IE 7 */
	background-image: url(images/contenttop.jpg);
	height: 640px;
	background-repeat: no-repeat;		
}


#content h1, #content h2, #content h3{
	color: #4B306A;
	padding-left: 25px;
	font-style: normal;
	font-weight: bolder;
	vertical-align: top;
	height: 1.5em;
	font-family:  Palantino, Georgia, "Times New Roman", Times, serif;
}

#content p{
	padding:0px 50px 0px 25px;
	*padding:0px 80px 0px 25px; /* Hack for IE 7 */
}

.img{
	padding-left: 25px;
	padding-top: 50px;
	padding-right: 20px;
	
}


.gallerycontainer li{
	list-style-type: none;
	padding-top: 0px;
	*padding:0px 0px 0px 0px; /* Hack for IE 7 */
	*margin: 0px 0px 0px 0px; /* Hack for IE 7 */
	
}



.gallerycontainer{
	position: relative;
	margin: 5px 0 0 25px;/*Add a height attribute and set to largest image's height to prevent overlaying*/
	*margin: 0px 0px 0px 0px; /* Hack for IE 7 */
	*padding:0px 0px 0px 25px; /* Hack for IE 7 */
	height:550px;
	overflow: hidden;
	z-index: 10;	
}

.thumbnail img{
	border: 1px dotted #ccc;
	margin: 0 4px 4px 1px;
	padding: 5px 5px 12px 5px;
		
}

.thumbnail:hover{
	background-color: transparent;
}

.thumbnail:hover img{
	border: 1px dotted #8C6CD0;
	
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #FFFFFF;
	left: -1000px;
	text-decoration: none;
	color: #4b306a;
}

.thumbnail span img{ /*CSS for enlarged image*/
	padding:1px;
	border-width: 0;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 0;
	left: 242px; /*position where enlarged image should offset horizontally */
	z-index: 50;
	
	
}