/*--------------------- body ---------------------*/

* {	margin: 0; padding: 0; }

body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; margin: 0 10px; }

/* to force scrollbar with centered layout */
html {
	min-height: 100%;
	margin-bottom: 1px;
}

/*----------------------- layout ----------------------------*/

#container { width: 100%; }

	#head { background-image:url(../img/head_back.jpg); background-repeat:no-repeat; background-position:left; height:79px; }
	
	#nav { height:23px; background-color:#522E90; width:100%; margin-top:1px; }
	
	#band { background-image:url(../img/back.jpg); background-repeat:no-repeat; background-position:left; height:45px; margin-top:1px;}
	
		
		
		#content { padding-left:10px; padding-top:20px; width:800px; }
		
		#text_left { width:440px; float:left; height:inherit;}
		#pic_right { width: 233px; float:left; padding-left:100px; height:inherit;}
		
		#portfolio { height:auto; padding-left:10px; padding-top:20px; width:790px;}
	
	
	#foot { background-color:#6C4DA1; height:241px; }
	
		#footlogo { background-color:#522E90; background-image:url(../img/footlogo.jpg); background-repeat:no-repeat; height:160px; }
		#footback { background-image:url(../img/foot_back.jpg); background-repeat:no-repeat; height:18px; }
		
		#copy { background-image:url(../img/foot_back2.jpg); background-repeat:no-repeat; height:63px;}


/*--------------------- paragraphs & headings ---------------------*/

h1 {  }

p {	margin: 0 0 1em; font-size: 12px; color:#8A8A8A;   }


/*--------------------- links ---------------------*/

a, a:visited {

}

a:active { 

}

a:hover {

}




/*--------------------- images ---------------------*/

a img {
	border: 0;
}

/*--------------------- forms ---------------------*/

form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 1.2em;
		border: 1px solid #666;
}


/* ---------------------- nav ----------------------*/

ul.level1 { list-style: none; }

ul.level1 li { float: left; }

ul.level1 a { display: block; 
	margin: 0 15px 0 0;
	text-decoration: none; }

ul.level1 a:hover {  }

ul.level1 a.on {  }

ul.level2 { list-style: none; }

ul.level2 li {  }

ul.level2 a { display: block; height: 1.5em;
	text-decoration: none; }

ul.level2 a:hover {  }

ul.level2 a.on {  }