/* CSS Document - chris.mickschl@gmail.com /

/* global
--------------------------------------------------------------------*/	
body {
	background-image:url(images/top-bar.jpg);
	background-repeat:repeat-x;
	background-position:top;
	font-family:"Trebuchet MS", Arial, "Helvetica CY", Verdana;
	text-align:center;
	}
	
/* divs
--------------------------------------------------------------------*/	
#container {
	position:relative;
	width:760px;
	top:20px;
	text-align:left;
	}
#logo {
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	left:0;
	width:300px;
	height:48px;
	float:left;
	}
#nav {
	 height: 36px; width: 340px; right: 0; padding-top: 14px; position: absolute; visibility: visible;
	}
#banner {
	background-image:url(images/banner.jpg);
	background-repeat:no-repeat;
	width:760px;
	height:220px;
	position:absolute;
	top:50px;
	left:0px;
	}
#content-containter {
	position:relative;
	width:760px;
	top:275px;
	left:0px;
	}
#corner-flower {
	background-image: url(images/corner-flower.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:0;
	float:left;
	width:470px;
	height:144px;
	}
#line {
	background-image: url(images/line.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	right:0;
	width:290px;
	height:302px;
	}
#corners {
	background-image: url(images/corners.jpg);
	background-repeat:no-repeat;
	position:absolute;
	width:237px;
	height:66px;
	z-index:2;
	}
	

#page-heading {
	font-size:20px;
	color:#cfbcd2;
	border-bottom:1px dotted #CCCCCC;
	position:absolute;
	width:330px;
	}
#main-text {
	font-size:14px;
	line-height:20px;
	color:#4b4b4c;
	position:absolute;
	top:85px;
	left:60px;
	width:410px;
	}
#contact-us {
	font-size:20px;
	color:#cfbcd2;
	border-bottom:1px dotted #CCCCCC;
	position:absolute;
	width:225px;
	z-index:1;
	}
#side-text {
	font-size:14px;
	line-height:20px;
	color:#4b4b4c;
	position:absolute;
	width:225px;
	z-index:1;
	}
#footer {
	font-size:12px;
	line-height:14px;
	margin: 0 auto;
	width:700px;
	height:200px;
	border-top:1px dotted #CCCCCC;
	padding-top:10px;
	z-index: 2;
	}
#menu-titles {
	font-weight:bold;
	color:#8fc368;
	}
#gallery {
	position:absolute;
	top:110px;
	left:60px;
	width:410px;
	}
	
/* paragraphs 
--------------------------------------------------------------------*/	
p {
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:5px;
	}
	
h1 { font-size: 18px;}
	
/* links 
------------------------------------------------------------*/
a.nav-links:link, a.nav-links:visited {
	font-size:18px;
	color:#8fc368;
	padding-left:10px;
	text-decoration:none;
	}
a.nav-links:hover {
	color:#4b4b4c;
	}
#email a:link, #email a:visited {
	color:#8fc368;
	border-bottom: 1px dotted #cfbcd2;
	text-decoration:none;
	line-height:12px;
	font-size:12px;
	display:block;
	background-image:url(images/envelope.jpg);
	background-repeat:no-repeat;
	padding-left:20px;
	padding-bottom:2px;
	width:185px;
	}
#email a:hover {
	color:#cfbcd2;
	}
#footer a {
	color: #999999;
	padding-bottom:2px;
	text-decoration:none;
	border-bottom:1px dotted #8fc368;
	}
#footer a:hover {
	color:#4b4b4c;
	border-bottom:1px dotted #cfbcd2;
	}
a.index:link, a.index:visited {
	background-image:url(images/logo.jpg);
	background-repeat:no-repeat;
	display:block;
	width:341px;
	height:48px;
	}
a.index:hover {
	background-image:url(images/logo-over.jpg);
	background-repeat:no-repeat
	}
#menus a:link, #menus a:visited {
	color:#8fc368;
	border-bottom: 1px dotted #cfbcd2;
	text-decoration:none;
	line-height:12px;
	font-size:12px;
	display:block;
	padding-bottom:2px;
	}
#menus a:hover {
	color:#cfbcd2;
	}
	
/* images - multiple id selectors wont always work, changed to class selector
---------------------------------------------------------*/
.page-images {
	background: #fff;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 5px;
	margin-right:4px;
	margin-left:0px;
	margin-top:8px;
	vertical-align: top;
	width: 80px;
	height: 60px;
	float:left;
}
	
	
/* class
---------------------------------------------------------*/	
.hline {
	border-bottom:1px dotted #CCCCCC;
	width:330px;
}