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

/* Brennen McElhaney Art and Illustration */

/* -- Body -- */

body { 
	margin:0; 
	padding:0; 
	font:11px/16px Arial, Helvetica, sans-serif;
	background:#deded4;
	width:100%;
	text-align: center
	}

/* Text */

h1	{
		color:#000000;
		font-family:Arial, Helvetica, sans-serif;
		font-style:bold;
		font-size:18px;
		line-height:24px
		} 		

.basic 	{
		color:#4d4e45;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:20px
		}
		
.basicbold 	{
		color:#4d4e45;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		font-weight:bold;
		line-height:20px
		}
		
.basic_black_bold 	{
		color:#000000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		font-variant: caps;
		line-height:20px
		}
		
.basic_black_bold_14 	{
		color:#000000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		font-variant: caps;
		line-height:20px
		}
		
.basic_white_bold 	{
		color:#ffffff;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		font-variant: caps;
		line-height:20px
		}
		
.basic_white_bold a {
		color:#ffffff;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		font-variant: caps;
		line-height:20px
		}
		
.basic_red_bold 	{
		color:#990000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		font-variant: caps;
		line-height:20px
		}
		
.basic_16 	{
		color:#4d4e45;
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		letter-spacing: 0.05cm;
		line-height:20px
		}
		
.my_name {
		color:#2b2c25;
		font-family:Goudy, Times, New Times Roman, Palatino, serif;
		font-size:34px;
		letter-spacing: 0.15cm;
		font-variant: small-caps;
		line-height: 50px
		}
		
.sub_head {
		color:#2b2c25;
		font-family:Goudy, Times, New Times Roman, Palatino, serif;
		font-size: 22px;
		letter-spacing: 0.11cm
		}
		
.sidenav 	{
		color:#4d4e45;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align: right;
		line-height:22px
		}
		
.sideblack 	{
		color:#000000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align: right;
		line-height:20px;
		text-decoration:underline
		}
		
.headline 	{
		color:#660000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:22px;
		line-height:22px
		}
		
.headline a	{
		color:#660000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:22px;
		line-height:22px;
		text-decoration:none
		}
		
.headline a:hover 	{
		color:#000000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:22px;
		line-height:22px;
		text-decoration:underline
		}
		
.form-field 	{
		color:#4d4e45;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		text-align: left
		}			
		
.basicblack 	{
		color:black;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:16px
		}
		
.basic_sm 	{
		color:#4d4e45;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height:14px
		}
		
.basic_sm_ul	{
		color:#4d4e45;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height:14px;
		text-decoration:underline
		}
		
p.basic_sm_ul	{
		color:#4d4e45;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height:14px;
		text-decoration:underline
		}
		
font.basic_sm_ul	{
		color:#4d4e45;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height:14px;
		text-decoration:underline
		}
		
.basic_vsm 	{
		color:#4d4e45;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		line-height:12px
		}

		
.fine_print 	{
		color:#4d4e45;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height:20px
		}
		
.basic_sm_black {
		color:black;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		line-height:12px
		}
		
.ground  {
		background:#deded4
		}
		
.light  {
		background:#e7e7dc
		}

.light_with_border  {
		background:#e7e7dc;
		border: 1px solid #ffffff
		}
		
.even_lighter  {
		background:#f7f7f2
		}
		
.even_lighter_with_border  {
		background:#f7f7f2;
		border: 1px solid #999999
		}
		
.redbutton  {
		color:#000000; 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:11px; 
		background-color: #deded4; 
		border: 1px solid #333333
		}
		
.redbutton:hover  {
		color:#000000; 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:11px; 
		background-color: #c6c8b3; 
		border: 1px solid #000000
		}				
		
.shadow  {
		background:#cfd2c2
		}
		
.left-nav  {
		background:#cfd2c2
		}				
		
/* -- Links -- */
    
a {		
	color: #4d4e45;
	text-decoration: none;
	}
  
a:hover {
	color: #000000;
	text-decoration: none;
	}
	
/* -- Drop Down Menu -- */
	
	
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: 13px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 5px;
	width: 80px;
	background: #deded4;
	color: #4d4e45;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #c6c8b3;
	color: #000000}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #a2a391;
	border: 1px solid #c6c8b3}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #e9e9e1;
		color: #4d4e45;
		font: 13px arial}

	#sddm div a:hover
	{	background: #c6c8b3;
		color: #000000}	
		
/* -- Portfolio# Menu -- */
	
	
#pnm
{	margin: 0;
	padding: 0;
	z-index: 30;
	font: 13px arial
	}

#pnm li
{	display: block;
	margin: 0;
	padding: 2px 3px;
	background: #deded4;
	color: #4d4e45;
	text-align: center;
	text-decoration: none;
	list-style: none;
	float: left
	}

#pnm li a
{	width: 5px;
	}
	
#pnm li font
{	border: 1px solid #c6c8b3;
	color: #000000;
	}

#pnm li a:hover
{	background: #c6c8b3;
	color: #000000}


/* -- Images & Cells -- */

.paddedFrame {
	padding: 6px
	}
 
.blackborder {
	padding: 3px;
	border:1px solid black
	}
	
.border {
	border:1px solid black
	}
	
.grayborder {
	padding: 3px;
	border:1px solid #4d4e45
	}

.doubleFrame {
	padding: 3px;
	border: 1px solid #deded4
	}
	
.doubleFrame:hover {
	padding: 3px;
	border: 1px solid black
	}
	
.frame_white {
	border: 1px solid #ffffff
	}
	
.frame_white:hover {
	border: 1px solid #333333
	}
	
.mouse-over-border {
	padding: 1px;
	border: 1px solid #deded4
	}
	
.mouse-over-border:hover {
	padding: 1px;
	border: 1px solid #ffffff
	}
	
.mouse-over-border2 {
	background:#f4f4f2;
	padding:1px;
	border:1px solid #deded4
	}
	
.mouse-over-border2:hover {
	background: white;
	padding:1px;
	border:1px solid #acaca3
	}
	
.galleries {
	width:472px;
	padding:4px;
	}
	
.galleries li{
	list-style: none;
	padding: 12px 0 12px 50px;
	font-size: 13px;
	line-height: 18px;
	}

.galleries li img{
	float:left;
	padding: 0 20px 0 0;
	}
	
.galleries li:hover {	
	background: #c6c8b3;
	cursor: pointer;
	}
	
ul.sub_nav a{
  background:transparent url(images/enter-gallery-button.png) no-repeat scroll 0 0;
  color:#FFFFFF;
  display:block;
  height:31px;
  padding-top:12px;
  text-align:center;
  width:156px;
}

ul.sub_nav a.current, ul.sub_nav a:hover{
  color: #FFFFFF;
  text-decoration: none;
  background-position: 0 -43px;  
}

#dotted_ul {
	height:20px;
	text-align:center;
	background-color:#deded4;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #abab96;
	border-top-style: dotted;
	border-top-width: 1px;
	border-top-color: #abab96
	}
	
#portfolio_number {
	height:20px;
	text-align:center;
	background-color:#deded4;
	border: none
	}
	
	#menu a  {
		margin: 0;
		width: auto;
		white-space: nowrap;
		text-align: right;
		text-decoration: none;
		color: #4d4e45
		}
		
	#menu a:hover  {	
		text-decoration: underline;
		color: #000000
		}