@charset "UTF-8";
/* CSS Document */

/* General Layout */
/* width, heights, paddings, margins */

body {
	margin: 20px 0 20px 0; 
	padding: 0;
	text-align: center; 
}

* {
	border: none;
	margin: 0; 
	padding: 0;
}

#container {
	width: 800px;  
	margin: 0 auto; 
	text-align: left;
}

#header h1 {
	margin: 0; 
	padding: 0
}

#header h1 span {
	width: 800px;
	height: 280px;
	text-indent: -1000em;
	display:block;
	overflow: hidden;
}

#navi {
	width: 780px;
	margin-left: 10px;
}

#navi .left  {	
	padding: 11px 0 11px 5px;
}

#navi .left a {
	padding: 0 3px;
}

#navi .right  {	
	padding: 9px 5px 8px 0;
}

#navi .right a {	
	padding: 0 3px;
}

#subNavi {
	margin: 0 0 16px 0;
	width: 724px;
}

#subNavi .left  {	
	padding: 6px 0 8px 0px;
}

#subNavi .right  {	
	padding: 10px 0 8px 0;
}

#subNavi .right a {	
	padding: 0 5px;
}

#mainContent {
	padding: 0 0 36px 36px;
}

#mainBox {
	width: 724px;
}

#mainBox ul {
}

#mainBox ul li {
	margin: 0 0 0.5em 0;
}

#mainBox ul li.first {
	list-style: none;
	margin: 0 0 1em 0;
}

.twoColLeft {
	float:left;
	width: 350px;
}

.twoColRight {
	float:right;
	width: 350px;
}

.threeColLeft {
	float:left;
	width: 239px;
}

.threeColMid {
	float:left;
	width: 239px;
}

.threeColRight {
	float:left;
	width: 239px;
}

#recentProd {
	width: 728px;
	height: 240px;
}

#footer {
	width: 800px;  
	margin: 0 auto 0 auto;
	padding: 30px 0 20px 0; 
	text-align: center;
	color: #ccc;
	font-size: 0.7em;
	text-align: center;
	text-transform:uppercase;
	font-weight: bold;
}

#footer a {
	color: #ccc;
	padding: 0 2px;
}

#footer a:hover {
	color: #fff;
}

#footer span {
	font-weight:normal;
}

.newLocationsInfo {
	padding: 5px 0 16px 0;
	margin: 0;
}		

.locationElement {
	width: 145px;
	height: 165px;
	float: left;
	text-align: center;
}

.locationElement i {
	display: none;
}

.locationTitle {
	margin: 0 auto;
	padding: 6px 0 0 0;
	width: 130px;
	overflow:hidden;
}

.albumListItem {
	margin: 0 0 10px 0;
	padding: 0;
}

#albumView {
	width: 724px;
	padding: 8px 0 0 0;
}

#albumView .left {
	width: 244px;
}

#albumView .left .left {
	width: 150px;
}

#albumView .left .right {
	width: 84px;
}

.more {
	line-height: 2em;
	padding: 0 2px 5px 0;
	display: block;
}

#albumView .right {
	width: 480px;
}

.thumb {
	width: 26px;
	height: 26px;
	background-position: center center;
	margin: 0 2px 2px 0;
	float: left;
}

.allLocations {
	margin: 60px 0 20px 0;
	padding:10px 0 0 0;
	width: 724px;
}

#recentProd .left {
	width:198px;
	height: 240px;
}

#recentProd .left #SLIDESTEXT {
	padding: 205px 0 0 8px;
	padding: 0 0 0 8px;
}

#recentProd .left #SLIDESTEXT b {
	margin: 10px 0 0 0;
	display: block;
}

#recentProd .right {
	width:528px;
}







/* Colors, Borders and Fonts */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	background: #282f33; 
	color: #282f33;
}

#container {
	background: #f5eed4;
	background: url(../images/borderPat.jpg) repeat-y left top;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#header h1 {
	background: url(../images/header.jpg) no-repeat left top;
}

#tmtc #header h1 {
	background: url(../images/header_tmtc.jpg) no-repeat left top;
}

#tmtc_alt #header h1 {
	background: url(../images/header_tmtc_alt.jpg) no-repeat left top;
}


#navi {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

#navi .left {
	font-size:0.70em;		
}

#navi .left a {
	font-style:italic;
	font-weight:bold;
}

#navi .right {
	font-size:0.90em;		
	/*font-style:italic;*/
	font-weight:bold;
	
}
#navi .right a {
	
}

#subNavi {
	border-bottom: 1px dotted #282f33;
}

#subNavi .left {
	font-weight:bold;
	font-size:1.3em;	
}

#subNavi .right {	
	font-size:0.8em;		
}

#subNavi .right a {		
	font-style:italic;
	font-weight:bold;
}

#mainBox ul {
	list-style: inside disc;
}

#mainBox ul li {
	font-size: 0.8em;
}

#mainBox ul li.first {
	font-weight: bold;
	list-style: none;
}

#footer {
	background: url(../images/borderBottom.jpg) no-repeat left top;
}

.imageDesc {
	font-style: italic;
	margin: 4px 0 16px 0;
	font-size:0.7em;
}

.albumListItem {
	font-size: 0.8em;
}

.more {
	font-size: 0.8em;
}

.locationTitle {
	font-size: 0.8em;
}

.allLocations {
	border-top: 1px dotted #282f33;
}

#recentProd .left {
	background: #fff;
}

#recentProd .left #SLIDESTEXT {
	font-size: 0.7em;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}






/* general used classes + margins + colors */

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear:both;
	line-height:1px;
}
	
p {
	font-size: 0.8em; 
	line-height: 1.4em;
	margin: 0 0 16px 0;
}

h1 {
	margin: 16px 0 16px 0;
	padding: 0;
	font-size: 1.5em;
	line-height: 1.5em;
}

h2 {
	margin: 16px 0 16px 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.2em;
}

h3 {
	margin: 16px 0 16px 0;
	padding: 0;
	font-size: 1.1em;
	line-height: 1.1em;
}

h4 {
	margin: 0px 0 16px 0;
	padding: 0;
	font-size: 1.1em;
	line-height: 1.1em;
}

#contact h4 {
	margin: 16px 0 0 0;
}

h5 {
	margin: 0px 0 16px 0;
	padding: 0;
	font-size: 1em;
	line-height: 1em;
}

#contact .mail {
	margin: 0 0 48px 0;	
	font-style:italic;
}

.selected {
	color: #db8341;
}

a {
	border: none;
	text-decoration: none;
	color: #282f33;
}

a:hover {
	color: #db8341;
}