@import "navi.css";
@import "gallery.css";

/* Main */

html {
	height: 100%;
}

body {
	background: #F3EBE1 url(../imgs/main_bg.jpg) left top no-repeat;
	padding: 0px;
	margin: 0px;
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size: 14px;
	color: #392b1d;
	height: 100%;
	}


#container {
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: absolute;
}

h2 {
	color: #990000;
	font-size: 15px;
	margin: 15px 0 12px 0px;
}

h3 {
	color: #CC3300;
	font-size: 14px;
	margin: 0 0 4px 0;
	padding: 0px;
}

h1#mainHeader {
	width: 503px;
	height: 133px;
	background: url(../imgs/header_bg.jpg) no-repeat top left;
	padding: 0px;
	margin: 0px;
	text-indent: -9999px;
}

#container #linkage ul {
	margin: 10px 0 0 10px;
	padding: 0px;
	list-style-type: none;
	}
	
#container #linkage ul li a {
	color: #555;
	text-decoration: underline;
}

#container #linkage ul li a:hover {
	color: #CC0000;
	text-decoration: underline;
}

h1#mainHeader a {
	display:block;
	width: 503px;
	height: 133px;
	background: url(../imgs/header_bg.jpg) no-repeat top left;
	padding: 0px;
	margin: 0px;
	text-indent: -9999px;
}

/* Standard Link */

a:link, a:active, a:visited {
	color: #FF6600;
	text-decoration: none;
}

a:hover {
	color: #CC6600;
	text-decoration: none;
}

/* Titles */ 

h1#welcomeTitle {
	width: 503px;
	height: 51px;
	background: url(../imgs/title_welcome.jpg) no-repeat top left;
	padding: 0px;
	margin: 0px;
	text-indent: -9999px;
}

h1#galleryTitle {
	width: 503px;
	height: 51px;
	background: url(../imgs/title_gallery.jpg) no-repeat top left;
	padding: 0px;
	margin: 0px;
	text-indent: -9999px;
}

h1#aboutTitle {
	width: 503px;
	height: 51px;
	background: url(../imgs/title_about.jpg) no-repeat top left;
	padding: 0px;
	margin: 0px;
	text-indent: -9999px;
}

h1#linkageTitle {
	width: 503px;
	height: 51px;
	background: url(../imgs/title_linkage.jpg) no-repeat top left;
	padding: 0px;
	margin: 0px;
	text-indent: -9999px;
}

h1#contactTitle {
	width: 503px;
	height: 51px;
	background: url(../imgs/title_contact.jpg) no-repeat top left;
	padding: 0px;
	margin: 0px;
	text-indent: -9999px;
}

/* Content */

#mainContent {
 float: left;
 width: 360px;
 margin: 8px 0 0 15px;
 padding: 0 ;
}

#leftBar {
	float: left;
	width: 135px;
}

#sideBar {
	float: left;
	width: 200px;
	margin: 8px 0 0 20px;
	color: #a14c13;
	}

#myPic {
	width: 127px;
	height: 112px;
	text-indent: -9999px;
	padding: 0px;
	margin: 0 7px 5px 0;
	float: left;
	background: url(../imgs/about_pic.jpg) top left no-repeat;
	border: 1px solid #999;
}

#latestImage {
	width: 100%;
	text-align: left;
	font-size: 12px;
	}
	
#latestImage img {
	margin: 0 0 7px 0;
}

/* Footer */

#footer {
	clear: both;
	width: 735px;
	height: 35px;
	padding: 0px;
	margin: 12px 0 0 0;
	}