/*	-------------------------------------------------------------
	Holly Hagen - graphic design
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Created by: 	Holly Hagen
	Description:	Redesign of http://hollyhagen.com
	Filename:	base.css
	Date:		11.01.06
	-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	Base Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	html { font-size: 110%; /* IE hack */ }
	
	body {
		text-align:left;
		padding: 0;
		margin: 0;
		font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
		font-size: 62.5%;
		color: #666;
		}
	
	#frame {
		width:920px;
		padding: 0;
		margin: 0 auto;
		}
	
		
	#contentLeft {
		width:285px;
		padding:0px;
		float:left;
		margin: 20px 10px 0 10px;
		_margin: 20px 10px 0 5px;
		}
	
	#contentCenter {
		width:285px;
		padding:0px;
		float:left;
		margin:20px 10px 0 10px;
		}
	
	#contentRight {
		width:285px;
		padding:0px;
		float:left;
		margin:20px 10px 0 10px;	
		}
	
	#contentHeader {
		position: absolute;
		z-index: 2;
		padding-left: 11px;
		width: 900px;
		}
	
	#contentMain {
		position: relative;
		z-index: 0;
		}
		
	#contentWrapper {
		padding-top:130px;
	}
	
	#footer {
		margin-top: 75px;
		border-top: 1px dotted #e7dbca;
		padding: 15px 0 50px 35px;
	}

		
/*	-------------------------------------------------------------
	Header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/			
		
	#homeGraphic {
		width: 315px;
		margin: 5px 15px;
		padding: 0;
		float:left;
		}
	
	#nav {
		width:550px;
		margin-top: 10px;
		_margin-top: -25px;
		float: right;
		}
		
	#featureImage {
		height: 400px;
		border-bottom: 1px solid #e7dbca;
		border-right: 1px solid #e7dbca;
		border-left: 1px solid #e7dbca;
		padding: 0 10px 10px 10px;
		}
		
	#banner {
		position: relative;
		z-index: 2; 
		background: #fff url(../images/bg.gif) repeat;
		height: 100px;
		opacity: 0.85;
		filter: alpha(opacity=85);
		z-index:1;
	}
	#navWrapper {
		position: absolute;
		z-index: 5;
		margin-top: -50px;
	}
	
	#navcontainer{
		margin: 0;
		padding: 0;
		height: 20px;
		float: right;
		}

	#navcontainer ul{
		border: 0;
		margin: 0;
		padding: 0;
		list-style-type: none;
		text-align: center;
		}

	#navcontainer ul li{
		display: block;
		float: left;
		text-align: center;
		padding: 0;
		margin: 0;
		}

	#navcontainer ul li a, #navcontainer ul li a:visited{
		width: 55px;
		height: 20px;
		padding: 0;
		margin: 0 0 0 30px;
		color: #530752;
		text-decoration: none !important;
		display: block;
		text-align: center;
		font-size: 1.2em;
		border-bottom: 2px solid none;
		}

	#navcontainer ul li a:hover{
		border-bottom: 2px solid #530752;
		}
		
/*	-------------------------------------------------------------
	Index Page Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/			
	#recentProjects {
		width:578px;
		float:left;
		margin: 20px 10px 0 1px;
		background: #fff url(../images/bg.gif) repeat;
		border: 1px solid #E7DBCA;
		padding: 15px 12px;
	}
	
	#recentProjects p {
		font-size: 1.1em;
		padding: 5px 0 0 0;
		margin: 0;
	}
	
	#recentProjects #left {
		float: left;
		width: 284px;
		padding: 3px 0;
	}
	
	#recentProjects #right {
		float: right;
		width: 284px;
		padding: 3px 0;
	}
	
	#recentProjects a, #recentProjects a:visited, .bucket a, .bucket a:visited { 
		display:block;

		border: 1px solid #E7DBCA;
		padding: 5px;
		background-color: #fff;
		text-decoration: none;
		}
	
	#recentProjects a:hover, .bucket a:hover { 
		border: 1px solid #fff;
		padding: 5px;
		background-color: #E7DBCA;
		}
	
	.bucket {
		margin-bottom: 35px;
	}

/*	-------------------------------------------------------------
	Left Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#contentTxt {
		width:545px;
		float:left;
		margin: 20px 10px 0 10px;
		padding: 0 20px;
	}
	
	#contentTxt p {
		font-size: 1.2em;
		line-height: 1.5em;
		padding: 8px 0 5px 0;
		margin: 0;
	}
	
	#bullet {
		height: 20px;
		width: 27px;
		position: absolute;
		background-image: url(../images/bullet_projectDescription.gif);
		background-repeat: no-repeat;
		margin: -10px 0 0 250px;
		_margin-left: 180px;
		}

	#projectDescription {
		background-color: #f0e8dd;
		padding: 20px;
	}
		
	#projectDescription p{
		font-size: 1.1em;
		line-height: 1.3em;
		padding: 5px 0 0 0;
		margin: 0;
	}
		
	.contentWork{
		width:900px;
		margin: 0;
		border-bottom: 1px solid #e7dbca;
		border-right: 1px solid #e7dbca;
		border-left: 1px solid #e7dbca;
		padding: 100px 10px 10px 10px;
	}
	
	.slideshow {
		padding: 30px 0 0 0;
		margin: 0 0 0 140px;
	}

	.description {
		background-color: #fff;
		margin: 10px 140px 50px 140px;
		padding: 10px 0 0 0;
		width: 600px;
	}
	
	
	
/*	-------------------------------------------------------------
	Center Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#recentProjects02 {
		background: #fff url(../images/bg.gif) repeat;
		border: 1px solid #E7DBCA;
		padding: 15px;
		
	}
	
	.project_th {
		padding: 5px;
		background-color: #E7DBCA;
		height: 75px;
		margin-top: 10px;
	}
	
	.rproject {
		background-color: #ccc;
		height: 75px;
		width: auto;
	}
	
/*	-------------------------------------------------------------
	Right Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#contactInfo {
		
	}
	

/*	-------------------------------------------------------------
	Typography Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	h1 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.2em;
		color: #530752;
		margin: 0;
		padding: 0;
		display: inline;
	}
	
	#contentTxt h1, #contentRight h1{
		font-size: 1.5em;
		font-weight: normal;
	}
	
	h2 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.0em;
		color: #530752;
		margin: 0 0 5px 0;
		padding: 0;
		display: inline;
		font-weight: normal;
		font-style:italic;
	}
	
	a, a:visited {
		color: #c4a47b;
		text-decoration: underline;
	}
	
	a:hover {
		color: #530752;
	}

	#contentRight p {
		font-size: 1.2em;
		line-height: 1.5em;
		padding: 5px 0 0 0;
		margin: 0;
	}
	
	.description p {
		font-size: 1.2em;
		line-height: 1.5em;
		padding: 5px 0 0 0;
		margin: 0;
	}