/* 
	 define root styles
	 ---------------------------------------*/ 
	 body { 
	  background: #E2E2E2 url(./assets/i/bg_tile-white.gif) top center repeat-y;
	  font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
	  font-size: small;
	  margin: 0; 
	  text-align: center;
	  color: #444;
	  height: 100%;		
	}


	 /* 
	 define columns
	 ---------------------------------------*/ 
	#container {	
		width: 675px;
		margin: 0 auto;
	}
	
		#column-left {
			float: left;
			width: 150px;
			min-width: 150px;
			color: #E2E2E2;
		}
		
		#column-inner {
			float: left;
			width: 377px;
			text-align: left;
		}
		
		#column-right {
			float: left;
			width: 100px;
			color: #E2E2E2;
		}

	#container div p
	 {	
		text-align: left;
		padding: 0 15px;
	}
	
	 /* 
	 define navgation
	 ---------------------------------------*/ 
	ul#mainnav 	{
		margin: 0;
		padding: 0;
		position: relative;
		text-align: right;
		}
		
	ul#mainnav  li	{
		margin: 0;
		padding: 0;
		list-style: none;
		}
		
	ul#mainnav  li, ul#mainnav a	{
		height: 18px;
		display: block;
		}
	
	#mainnav ul li a	{
		text-decoration: none;
		}
			
	 /* 
	 define headers
	 ---------------------------------------*/ 
	 h1 {
	 	background: url(./assets/i/headers_tile.gif);
		width: 190px;
		height: 32px;
		margin:5px 10px;
		padding: 0;
		text-indent: -9999px; 
	}
	
	h2 {
		text-align: left;
		background: #EEE;
		border: 1px solid #D1D1D1;
		border-left: none;
		border-right: none;
		padding: 0 10px;
		margin: 0 1px;
		font-size: 100%;
	}
	
	
	h1#web-development {
	   background: transparent url(./assets/i/headers_tile.gif) 0 0 no-repeat;
	}
	
	h1#web-design {
	   background: transparent url(./assets/i/headers_tile.gif) 0 -35px no-repeat;
	}
	
	h1#photography {
	   background: transparent url(./assets/i/headers_tile.gif) 0 -72px no-repeat;
	}
	
	h1#resume {
	   background: transparent url(./assets/i/headers_tile.gif) 0 -107px no-repeat;
	}

			
	 /* 
	 define content style
	 ---------------------------------------*/ 
	 
	
	 /* 
	 lists
	 ---------------------------------------*/ 
	 
	  /* 
	 lists
	 ---------------------------------------*/ 
	dl {
		margin: 5px 11px;
		padding-bottom: 10px;
	}
	
	dt {
		margin: 0;
		padding: 0;
		width: 90px;
		float: left;
		font-weight: normal;
		color: #000;
		background: #FEFEFE;
	}
	
	dd {
		margin: 0 0 0 90px;
		padding: 0;
	}
	
	#column-inner dd em {
		display:block;
		font-style:normal;
		font-size: 85%;
		color: #999;
		margin-bottom: 4px;
	}
	
	
	#column-right ul {
		text-align: left;
		list-style: none;
		margin: 0;
		padding: 0 10px;
	}
	
	dl {
		margin: 3px 15px;
		padding-bottom: 20px;
		float:left;
	}
	
	dl.alt {
		/*background: #FCFCFC;*/
	}
	
	/** html dl {
		margin: 3px 8px;
	}*/
	
	#column-inner dt {
		font-weight:bold;
		width:200px;
		float:right;
	}
	
	#column-inner dd {
		margin:0 0 0 45px;
		padding:0;
	}
	
	#column-inner dl dd.img {
		margin:0;
	}
	
	#column-inner dd.img img {
		margin-right: 10px;
		padding: 6px;
		background: #EEEEEF url(./assets/i/bg-tile-diag.gif) top left repeat;
		border-right: 1px solid #CCC;
		float:left;
	}
	
	#column-inner dd em {
		display:block;
		font-style:normal;
		font-size: 85%;
		color: #999;
		margin-bottom: 4px;
	}
	
	 /* 
	 form elements
	 ---------------------------------------*/ 
	 .control {
	 	background: #EEEEEF;
		border:1px solid #CCC;
		text-decoration: none;
		font-size: 70%;
		padding: 1px 3px;
	 }