/**** GENERAL ****/


html, body {	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12px; }

body {	text-align: center;
	margin: 50px 0px;
	padding: 0px;
	background: url('/graphics/pink/pink_pattern.gif') bottom repeat-x #fff;
	background-attachment: fixed;  } 


a, a:visited { color: #999; text-decoration: none; font-weight: bold; }

a:hover, a:active { color: #306; text-decoration: underline;}

img{}

.float_rt { float: right; }
.float_lt {float: left; }
ul {}



/**** HEADER ****/
#header_container { width: 100%; 
		    text-align: center; }

#header {	background-color: #fcf; 
		border-top: 3px solid #c9c; 
		border-bottom: 3px solid #c9c;	}


#header_container div h1 { 
			   font-family: "Palatino", times, serif; 
			   font-size: 40pt; font-weight: normal; 
			   font-variant: small-caps; 
		           letter-spacing: 0.1em; margin: 0px; padding: 0px; color: #306;}


#navigation { margin-top: 5px; border-top: 1px solid #c9c; }

#navigation ul { padding: 0px; 
		 margin: 0px; 
		 background-color: #fff;
		 color: #999;
		 text-align: center;	
		 font-size: 1.1em;
		 width: 700px;
		 list-style-type: none;}

#navigation ul li { display: inline; 
		    padding: 2px 15px;}

#navigation ul li a { text-decoration: none; }
#navigation ul li a:hover, #navigation ul li #active { text-decoration: none; border-bottom: 4px solid #fcf; }
#navigation ul li #active { color: #333; }



/**** CONTENT ****/
#wrapper { 	
		width: 650px;
		height: auto;
		background-color: #fff;
		border: 1px dotted #aaa;
		margin: 50px auto;
		padding: 20px;
		text-align: left;  }



#content h1 { border-left: 25px solid #c9c; padding: 10px; margin-bottom: 1.2em; text-transform: lowercase; color: #999;}
#content h2 { border-left: 25px solid #c9c; padding: 10px; margin-top: 2em; margin-bottom: 1.2em; text-transform: lowercase; color: #999;}


#content p { line-height: 2em; color: #333; }

#content .right { float: right; margin-left: 10px; }



/***** PORTFOLIO *****/
#folio img { 
	border: 1px solid #666;
	margin: 30px 15px;
	}

#web { text-align: center; }

/***** FOOTER ****/
#footer { }


/**** MISC ****/
.spacer {	clear: both;
		width: 100%;
		height: 50px; }