a:link{
	background-attachment:scroll;
	color:#222222;
	text-decoration: none ;
}

a:visited{
	background-attachment:scroll;
	color:#222222;
	text-decoration: none ;
}

img {
	border-style: none;
}

body {
	background-image: url(img/sitebg.jpg);
	overflow-x:hidden;
}

.html {
	overflow-x:hidden;
}

/* Adjusting this can change how far below the navbar the categories will be.
#navigation:after {
	content: "."; 
	display: block; 
	line-height: 1px; 
	font-size: 1px;
	clear: both; 
}
*/

#navigation {
	list-style-type: none;
	margin-right: -9px;
	margin-left: -9px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px;
}

ul#navlist {
	padding: 0px;
	margin: 0px;
	list-style: none;
	font-size: 12px;
}

ul#navlistright {
	background-color: #404040;
	height: 48px; /* This defines the height of the bar */
	text-align: right;
}

ul#navlist li {
	display: inline;
	text-align: left;
	float: left; 
	height: 48px; /* This defines the height of the bar */
	border-left: 1px solid #CCC; 
	background-color: #404040;
}

.portfoliolink {
	z-index: auto;
	position: relative;
	height: auto;
	width: 128px;
}

.portfoliolink img {
	z-index: auto;
	padding-right: 49px;
	padding-left: 4px;
	padding-bottom: 22px;
	padding-top: 4px;
	margin: 0px;
}


.aboutlink {
	z-index: auto;
	position: relative;
	height: auto;
	width: 128px;
}

.aboutlink img {
	z-index: auto;
	padding-right: 40px;
	padding-left: 4px;
	padding-bottom: 21px;
	padding-top: 5px;
	margin: 0px;
}

.entrancelink {
	z-index: auto;
	position: relative;
	height: auto;
	width: 158px;
}

.entrancelink img {
	z-index: auto;
	padding-right: 40px;
	padding-left: 4px;
	padding-bottom: 21px;
	padding-top: 5px;
	margin: 0px;
}

.beforenav {
	z-index: auto;
	position: relative;
	height: auto;
	width: 46px;
}

.beforeentrancenav {
	z-index: auto;
	position: relative;
	height: auto;
	width: 233px;
}

.afternav {
	position: relative;
	z-index: auto;
	height: auto;
}

.afternav img {
	position: absolute;
	z-index: auto;
	padding-left: 4px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
}
/*
#entrancenav {
	width:500px;
	height:300px;
	margin: 150px auto 0 auto;
}
*/
ul#entrancenavlist {
	padding: 0px;
	margin: 0px;
	list-style: none;
	font-size: 12px;
}

ul#entrancenavlist li {
	border-right-style: solid;
	border-right-color: #cccccc;
	border-right-width: 1px;
	display: inline;
	text-align: left;
	float: left; 
	height: 48px; /* This defines the height of the bar */ 
	background-color: #404040;
}

#entrancenav {
	margin-top: 25px;
	height: 48px;
	text-align: left;
	margin-left: -9px;
	background-color: #404040;
	width: 100%;
	float: left;
}

#entrancetext {
	margin-top: 80px;
	position: relative;
}

#navbg {
	
	height: 48px;
	
	text-align: right;
	
	margin-left: -1000px;
	
	background-color: #404040;
	
	width: 100%;
	
	float: right;
	
}

.under {
	width: 100%;
	z-index: -1;
	position: absolute;
}

.portfoliolink a:hover {
	font-size: 80px;
	height: auto;
	width: auto;
	background-color: #333333;
}

.aboutlink a:hover {
	font-size: 80px;
	height: auto;
	width: auto;
	background-color: #333333;
}

.entrancelink a:hover {
	font-size: 80px;
	height: auto;
	width: 50px;
	background-color: #333333;
}

#menu {
	margin-left: 40px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 10px;
	height:auto ;
	width:80% ;
	background-image:none; ; 
}


#print_slide {
	padding: 10px;
}

#photography_slide {
	padding: 10px;
}

#typography_slide {
	padding: 10px;
}

#branding_slide {
	padding: 10px;
}


#sculpture_slide {
	padding: 10px;
}


#misc_slide {
	padding: 10px;
}


#aboutme_slide {
	padding: 10px;
}


#contact_slide {
	padding: 10px;
}


#more_slide {
	padding: 10px;
}


div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 10px;
}



#print_toggle {
	border-color: #7f7f7f;
	border-style: solid;
	border-width: 1px;
	background-color: #efdc8b;
	cursor: pointer;
	
}

#photography_toggle {
	border-color: #7f7f7f;
	border-style: solid;
	border-width: 1px;
	background-color: #d9a084;
	cursor: pointer;
}

#typography_toggle {
	border-color: #7f7f7f;
	border-style: solid;
	border-width: 1px;
	background-color: #77a6cd;
	cursor: pointer;
}

#branding_toggle {
	border-color: #7f7f7f;
	border-style: solid;
	border-width: 1px;
	background-color: #677fc3;
	cursor: pointer;
}

#sculpture_toggle {
	border-color: #7f7f7f;
	border-style: solid;
	border-width: 1px;
	background-color: #b1ba6b;
	cursor: pointer;
}

#misc_toggle {
	border-color: #7f7f7f;
	border-style: solid;
	border-width: 1px;
	background-color: #b3b3b3;
	cursor: pointer;
}

#aboutme_toggle {
	border-color: #7f7f7f;
	border-style: solid;
	border-width: 1px;
	background-color: white;
	cursor: pointer;

}

#contact_toggle {
	border-color: #7f7f7f;
	border-style: solid;
	border-width: 1px;
	background-color: white;
	cursor: pointer;
}



#more_toggle {
	border-color: #7f7f7f;
	border-style: solid;
	border-width: 1px;
	background-color: white;
	cursor: pointer;
}


#footer {
	margin-top: 100px;
	width: 80%;
	color: #333333;
	font-family:"Lucida Bright","Adobe Caslon Pro","Georgia","Garamond","Times",serif;
	text-align: center;
	font-size: 11px;
	white-space: pre;
}

#menu li {
	padding-bottom: .25em;
	padding-top: .25em;
	padding-left: 1em;
	margin-top: 2em;
	font-size: 20px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	list-style-type: none;
}


#menu li.dates {	
	padding-right: 60px;	
	font-family: Georgia, "Times New Roman", Times, serif;	
	text-transform: none;	
	font-style: italic;	
	display: inline;
	list-style-type: none;	
	margin: 0;
	font-size: 10px;
}

.contacttext{
	font-weight: normal;
	text-transform: none;
	font-style: normal;
	font-family:"Lucida Bright","Adobe Caslon Pro","Georgia","Garamond","Times",serif;
	color:#000000;
	font-size:10pt;
	text-decoration: none ;
	letter-spacing:1px;
	line-height:16px;

}

.contacttext a:link{
	text-transform: none;
	font-style: italic;
	font-family:"Lucida Bright","Adobe Caslon Pro","Georgia","Garamond","Times",serif;
	color:#000000;
	font-size:10pt;
	letter-spacing:1px;
	line-height:16px;

}
/* This doesn't seem to do anything...
.contacttext a:hover{
	text-transform: none;
	font-style: italic;
	font-family:"Lucida Bright","Adobe Caslon Pro","Georgia","Garamond","Times",serif;
	color:#111111;
	font-size:10pt;
	letter-spacing:1px;
	line-height:16px;

}
*/
.menu_item{
	font-weight: bold;
	font-style: italic;
}

.menu_item:hover{
	color: #cc3300;
	text-decoration: none ;
}

.descriptions{
	margin-left: 55px;
	margin-bottom: -10px;
	margin-top: -14px;
	color: #3f3f3f;
	word-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 16px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	
}

.descriptions img{
	margin-left: 0;
	margin-bottom: 1em;
	margin-right: 1em;
	margin-top: 0;
}

.tip {
	font-family:tahoma,arial;
	font-size: 10px;
	background:url(img/balloon.png) top left no-repeat;
	width:200px;
}

.tip-top {
	background:url(img/balloon.png) top left no-repeat;
	width:200px;
}

.tip-title {
	color: #aec2e9;
	font-weight:bold;
	margin:0;
	padding:1em;
}

.tip-text {
	color: white;
	font-style: italic;
	padding-left: 1em;
}

.tip-bottom {
	background:url(img/balloon.png) left bottom no-repeat;
	width:200px;
	height:10px;
}

.hidden {
	display: none;
}

#new_flag {
	margin-left: -48px;
	margin-top: -48px;
	float: left;
	text-align: right;
}