/* Style sheet for Mahmood Etemadi's ArtCoreUS site */
*{ margin: 0; padding: 0; border: none; }
body { 
	width: 100%;
	height: 100%;
	margin: 0; 
	padding: 0;
	color: #999999;
	background: #4e515a url( img/bodyBackground.jpg);
	/*
	border: thin solid red;
	*/
	}
#wrap { 
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -310px;
	margin-left: -425px;
	width: 850px;
	height: 610px;
	font: 11pt "Trebuchet MS", serif; 
	border: 1px solid #666666;
	color: #999999;
	background: #000 url( img/bg.gif); 
	}
#logo { 
	width: 100%;
	height: 25px;
	color: #5d5d5d;
	background: #5d5d5d url( img/title.jpg) center no-repeat;
	}
/* ------------------------------- Navigation ------------------------------- */
#nav {
	width: 100%; 
	height: 32px;
	color: #b8b8b8; 
	background: #333333;
	}
#nav ul { 
	margin: 0; 
	padding-top: 5px;
	text-align: center; 
	list-style: none; 
	}
#nav li { 
	display: inline;
	margin-top: 4px; 
	padding: 0; 
	}
#nav a { 
	padding: 4px 20px 0 20px; 
	font-size: 80%; 
	font-weight: bold; 
	text-decoration:none;
	color: #999999; 
	background: url( img/tab.gif) no-repeat right bottom;}
#nav a:hover { 
	color: #ffffcc; 
	background: url( img/tabhover.gif) no-repeat right bottom; 
	}
#selected a { color: #FEFFB8; }
/* --------------------------- Subwindow Layout ----------------------------------- */
#single{ padding: 1px 20px; }	
#left { 
	float: left; 
	width: 230px; 
	height: 460px;
	padding: 0 0 0 10px; 
	overflow: auto;
	}
	#left p{ margin: 5px; text-indent: 0;}
	#left .pad_top{ 	margin-top: 20px; }
	#left ul { margin: 5px 0 0 22px; padding: 0; }
	#left li { margin: 9px 0 0 0; padding: 0; }

#right { 
	float: right;
	width: 585px;
	height: 435px;
	padding: 5px; 
	}
	#right p{ margin: 5px; text-indent: 1em;}
#bigPic{
	margin-top: 10px;
	text-align: center;
	}
#highco{
	position: absolute;
	bottom: 10px;
	left: 280px;
	font-size: 80%; 
	}
	#highco p,#highco a{
		color: #999999; 
		background: transparent; 
		}
/* ----------------------------------- For galleries: art, design & murals ----------------------------------- */
#thumb_strip {
	position: absolute;
	top: 510px;
	left: 5px;
	width: 835px;
	text-align: center;
	}
	#thumb_strip img{ 
		height: 35px; 
		border: 2px solid #5d5d5d; 
		padding: 1px;
		}
	#thumb_strip img.pick{ border: 3px dotted #fff; }
#controlls{
	position: absolute;
	top: 460px;
	left: 15px;
	}
	#controlls p {
		font-size: 70%;
		text-align: center;
		}
	#controlls a{
		float: left;
		display: block;
		width: 35px; height: 15px;
		}
	#controlls a.first{ background: url( "img/pic-first.gif"); } #controlls a.first:hover { background-position: 0 -20px;}
	#controlls a.last{ background: url( "img/pic-last.gif"); } #controlls a.last:hover { background-position: 0 -20px;}
	#controlls a.prev{ background: url( "img/pic-prev.gif"); } #controlls a.prev:hover { background-position: 0 -20px;}
	#controlls a.next{ background: url( "img/pic-next.gif"); } #controlls a.next:hover { background-position: 0 -20px;}
/* --------------------------- Music ----------------------------------- */
.thumbs{ text-align: center; }
.thumbs img{ 
	height: 35px; 
	border: 2px solid #5d5d5d; 
	padding: 2px;
	}
/*-------------------------------------- common elements ----------------------------------------*/ 
.map{ margin-top: 50px; text-align: center; }
.map a{ text-decoration: none; }
p { margin: 0 0 5px 0; text-indent: 1em; }
p.mural{ margin: 10px 0 10px 0; text-indent: 0; }
a { color: #b8b8b8; background: inherit; text-decoration: underline; }
a:hover { text-decoration: none; }
.center{ text-align: center; }
.samples{ padding-top: 20px; text-align: center; }
.right{ float: right; }
.slides{ margin-left: -20px; }
img { border: none; }
h1 { 
	margin: 25px 0 10px 5px; 
	font-size: 22px; font-weight:bold; 
	color: #999999;
	background: inherit; 
	}
h2 {  
	margin: 5px 0; 
	font-size: 110%;
	color: #999999;
	background: inherit; 
	}
/*********************************  PRINTING ********************************/
@media print {#wrap { border:1px solid #000; }}