/* basic */
body { 
	font: 12px georgia, sans-serif; 
	color: #808183;
	margin: 0px; 
	background-color: #fff;
	padding: 0px;
	background: url(bg.gif) repeat; 
}
	
p { 
	line-height: 180%;

}

p.b { 
	font-weight: bold;

}

p.pink { 
	font-weight: bold;
	color: #ec008c;
}

p.large { 
	line-height: 140%;
	font: 18px georgia, sans-serif;
	color: #60062b;
	margin-bottom: -10px;  
}

p.small { 
	line-height: 140%;
	font: 10px georgia, sans-serif;
	color: #60062b;  
}


a  { 
	color: #ec008c; 
	text-decoration: none;
}

a:hover, a:active { 
	text-decoration: underline; 

}


h1 { 
	font-size: 28px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #60062b; 
	text-align: left;
	margin: 30px 0px 20px 0px; 
	}
	
h2 { 
	font-size: 20px; 
	font-family: georgia, Helvetica, sans-serif;
	font-weight: bold;
	color: #ec008c; 
	text-align: left;
	margin: 10px 0px 0px 0px; 
	}
	
ul {
	line-height: 180%;
	margin-left: -15px;
	list-style-type: square; 
}
	

/* text areas */
#work { 
	color: #808183;
	font: 12px georgia, sans-serif;
 }

#work em { 
	color: #60062b;
	font-style: italic;
	font-weight: bold;
}

#line {
	color: #808183;
    margin-top: 2em;
    padding-top: 1em;
    border-top: thin dotted; 
    }

	
	
	
	
/* specific main divs */
#container { 
	margin: auto;
	width: 900px;
	position: relative;
	background-color: #fff;
/*
	box-shadow: 5px 5px #808183;
	-webkit-box-shadow: 5px 5px #808183;
	-moz-box-shadow: 5px 5px #808183;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, 	positive=true);
*/

	}
	
#logo_section { 
	background: url(logo_section.gif) no-repeat top left;
	width: 900px;
	height: 125px;
	font: 10px georgia, sans-serif; 
	color: #ec008c; 
	text-indent: 50px;
	padding-top: 6px;
}

#middle { 
	margin: 0px 25px 0px 25px;
	}
	
#contact { 
	float: right;
	font: 11px georgia, sans-serif; 
	margin: -3px 20px 0px 0px;
	}
	
#contact em { 
	color: #ec008c;
	font-style: normal; 
	}
	
	
#left { 
	width: 570px;
	margin-top: 10px;
	height: 100%;
	float: left;
	padding-bottom: 30px;

	}
	
#right { 
	margin-top: 30px;
	margin-left: 620px;
	height: 100%;
	}	
	
	
#col_left { 
	width: 265px;
	height: 100%;
	float: left;
	padding-bottom: 30px;
}	

#col_right { 
	width: 265px;
	height: 100%;
	float: right;
	padding-bottom: 30px;
}
	
	
#footer { 
	font-size: 10px; 
	color: #fff; 
	text-align: left;
	background-color: #60062b;
	padding: 8px 0px 0px 25px;
	height: 20px;
	clear: both ;
	margin-top: 20px;

	}







/* menu */
#menu_section { 
	background: url(menu_bg.gif) no-repeat top left; 
	width: 850px;
	height: 35px;
	font-family: 10px georgia, sans-serif; 
	font-weight: bold;
	padding-right: 25px;
}


#menubar {  
	float: left; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 13px;
	text-decoration: none; 
	}
		
#menubar ul { 
	margin: 0; 
	padding: 6px 0 0 0; 
	float: left; 
	}
		
#menu li { 
	display: inline; 
	list-style-type: none; 
	padding-left: 18px;
	}
		
#menu li a { 
	padding-top: 11px;  
	text-decoration: none;
		}
		
#menu li a:hover { 
	background: url(menu_line.gif) no-repeat; 
	color: #60062b; 
	}
	
#menu li a.selected { 
	background: url(menu_line.gif) no-repeat; 
	color: #60062b;
	}






/* boxes */
#homepage_work_box { 
	background: url(header_available.gif) no-repeat top left; 
	background-color: #f1ebdc;
	width: 190px;
	padding: 40px 20px 5px 20px;	
	margin-top: -55px;
	color: #60062b; 
	}
	

#news_box { 
	background: url(header_news.gif) no-repeat top left; 
	background-color: #f1ebdc;
	width: 190px;
	padding: 40px 20px 5px 20px;
	margin-top: 20px;
	color: #60062b; 
	}

#homepage_info_box { 
	background-color: #fff;
	width: 550px;
	margin-top: -30px;
	float: left;
	font: 20px georgia, sans-serif;
	color: #60062b;
	}

#portfolio_box { 
	background: url(header_portfolio.gif) no-repeat top left; 
	background-color: #f1ebdc;
	width: 190px;
	padding: 40px 20px 5px 20px;
	margin-bottom: 25px;
	color: #60062b; 
	}
	
#startup_packages_box { 
	background: url(header_startup_packages.gif) no-repeat top left; 
	background-color: #f1ebdc;
	width: 190px;
	padding: 40px 20px 5px 20px;
	margin-bottom: 25px;
	color: #60062b; 
	}
	
#cv_box { 
	background: url(header_cv.gif) no-repeat top left; 
	background-color: #f1ebdc;
	width: 190px;
	padding: 40px 15px 5px 15px;
	margin-bottom: 25px;
	color: #60062b; 
	font-size: 11px;
	}
	

/* portfolio menu */	
#portfolio a { 
	text-decoration: none;
	}
	
#portfolio a:hover  { 
	color: #808183; 
	}
	
#portfolio ul { 
	float: left; 
	}
		
#portfolio li { 
	list-style: none;
	margin: auto;
	padding: 0px;
	border: none;
	line-height: 180%;
		margin-left: -15px;
	}
	
	
	
/* Form */

form { 
	background-color: #fff;
	padding: 20px;
	}	
		
label,input {
	width: 200px;
	float: left;
	margin-bottom: 5px;
}

label {
	text-align: right;
	width: 200px;
	padding-right: 15px;
	padding-top: 5px;
}

textarea {
	font: 12px arial, sans-serif; 
	width: 200px;
	height: 70px;
	margin-bottom: 5px;
}

.submit {
	height: 29px;
	margin-left: 280px;
	width: 80px;
	color: #fff;
	background-color: #60062b;
	border: 0;	
}	

	
	
	
/* Pictures */
#work_images { 
	width: 570px;
	margin-top: 35px;
	height: 100%;
}

#quote_mug { 
	background: url(quote_mug.jpg) no-repeat top left; 
	width: 351px;
	margin-top: 15px;
	height: 298px;
	margin-left: 510px;
}

#catherine_pic { 
	background: url(catherine_pic.jpg) no-repeat top left; 
	width: 275px;
	height: 321px;
	float: left;
}

#awards_pic { 
	background: url(COAA_runnerup.gif) no-repeat top left; 
	width: 130px;
	height: 124px;
	float: right;
}