/*** default styles ***/
* {
	line-height: 20px;
}
img { border: none; }
.clear { clear: both; }

/*** layouting styles ***/
body {
	margin:     0px;
	padding:    0px;
	background: #cccccc url('../img/bg-main.gif') repeat-x top left;
	text-align: center;
	font:       12px Arial,Verdana,sans-serif;
}
	
	/** center element ***/
	#wrapper {
		position:   relative;
		top:        16px;
		width:      814px;
		margin:     0px auto;
		text-align: left;
		z-index:    1;
	}
		
		/* logo with home link */
		#logo {
			position: absolute;
			top:      0px;
			right:    10px;
			z-index:  10;
		}
		
		/* page contents (main box) */
		#page-shadow-right {
			position:   relative;
			margin-top: 45px;
			float:      left;
			width:      100%;
			background: transparent url('../img/page-shadow-right.png') repeat-y top right;
			z-index:    5;
		}
			
			#page-shadow-right-top {
				position:   absolute;
				top:        0px;
				right:      2px;
				width:      12px;
				height:     24px;
				background: #fff url('../img/page-shadow-right-top.png') no-repeat bottom left;
				z-index:    50;
			}
			
			#page {
				width:      798px;
				border:     1px solid #000;
				background: #fff url('../img/page-main.jpg') no-repeat top left;
				z-index:    3;
			}
				
				#current-title {
					padding: 30px 0px 30px 30px;
				}
					
					#ctl {
						float:      left;
						width:      21px;
						height:     43px;
						background: transparent url('../img/current-title-left.gif') no-repeat top left;
						z-index:    4;
					}
					
					#ctt {
						float:      left;
						width:      587px;
						height:     43px;
						background: transparent url('../img/current-title-text.gif') repeat-x top left;
						z-index:    4;
					}
						
						#ctt h1 {
							display:  block;
							margin:   12px 0px 0px 0px;
							font:     bold 12px Arial,Verdana,sans-serif;
						}
						
					#ctr {
						float:      left;
						clear:      right;
						width:      143px;
						height:     43px;
						background: transparent url('../img/current-title-right.gif') repeat-x top left;
						z-index:    4;
					}
								
					#content {
						float:       left;
						width:       570px;
						min-height:  505px;
						margin-left: 42px;
						margin-top: 15px;
						text-align:justify;
					}
					
					#content a {
						color:           #000;
						text-decoration: underline;
					}
				
				#nav-box {
					position: relative;
					float: right;
					width: 171px;
				}
					
					#nav {
						margin:     0px 0px 0px 11px;
						background: transparent url('../img/navigation-bg.gif') repeat-y top left;
						z-index:    10;
					}
						
						#nav ul {
							margin:          0px 0px 0px 1px;
							padding:         0px 0px 0px 0px;
							list-style-type: none;
						}
						
						#nav ul a {
							display:         block;
							padding:         0px 0px 0px 20px;
							width:           110px;
							font:            12px Arial,Verdana,sans-serif;
							color:           #000;
							text-decoration: none;
							line-height:     24px;
							background:      transparent url('../img/nav-arrow-off.gif') no-repeat 10px 0px;
							border-top:      1px solid transparent;
							border-bottom:   1px solid transparent;
						}
						
						#nav li > a:hover {
							background:    #9cadc5 url('../img/nav-arrow-on.gif') no-repeat 10px 0px;
							font-weight:   bold;
							line-height:   24px;
							border-top:    1px solid #cccccc;
							border-bottom: 1px solid #cccccc;
						}
						
							#nav ul li ul a {
								padding:     0px 0px 0px 30px;
								line-height: 18px;
								background:  transparent;
							}
							
							#nav ul li ul a:hover {
								padding:     0px 0px 0px 30px;
								line-height: 20px;
								background:  transparent;
								border:      none;
								font-weight: bold;
							}
						
						#nav li.current-parent > a {
							background:    #9cadc5 url('../img/nav-arrow-on.gif') no-repeat 10px 0px;
							font-weight:   bold;
							line-height:   24px;
							border-top:    1px solid #cccccc;
							border-bottom: 1px solid #cccccc;
						}
						
						#nav li.current-child > a {
							font-weight:   bold;
						}
						
						#nav-bottom {
							width:      144px;
							height:     19px;
							background: transparent url('../img/navigation-bottom.gif') no-repeat top left;
						}
							
							#nav-bottom-notes {
								position:   absolute;
								bottom:     12px;
								right:      28px;
								width:      30px;
								height:     26px;
								background: transparent url('../img/notes.png') no-repeat top left;
								z-index:    6;
							}
	
	/** special offer **/
	#special {
		margin-left:   41px;
		margin-bottom: 5px;
		width:         576px;
		height:        31px;
		text-align:    center;
		color:         #666;
		font:          11px Verdana,Arial,sans-serif;
		background:    transparent url('../img/special.png') no-repeat top left;
	}
	
	#special span { line-height: 24px; }
	
	/** footer **/
	#footer {
		position:    relative;
		width:       100%;
		height:      19px;
		background:  transparent url('../img/footer-bg.gif') repeat-x top left;
		font:        11px Arial,Verdana,sans-serif;
		color:       #666;
		text-align:  right;
		z-index:     5;
	}
		
		#footer span { line-height: 19px; }
		#footer a { color: #666; line-height: 19px; }
	
	/** photo (julian with guitar **/
	#photo-bottom-right {
		position: absolute;
		bottom:   34px;
		right:    15px;
		z-index:  8;
	}
	
	/** shadow bottom **/
	#page-shadow-bottom {
		width:      100%;
		height:     20px;
		background: transparent url('../img/page-shadow-bottom.png') repeat-x top left;
	}
		
		#page-shadow-bottom-left {
			float:      left;
			width:      34px;
			height:     20px;
			background: #ccc url('../img/page-shadow-bottom-left.png') no-repeat top left;
		}
		
		#page-shadow-bottom-right {
			float:      right;
			width:      23px;
			height:     20px;
			background: #ccc url('../img/page-shadow-bottom-right.png') no-repeat top left;
		}
		
	/** photo in bottom left corner **/
	#corner-bottom-left {
		position: fixed;
		bottom:   -7px;
		left:     0px;
	}


.medfotos {
margin:20px 5px 0 0;
border:1px solid black;}