/* ------------------------------
    Art in Form - Design by HeinSites
		http://www.heinsites.com/
		Copyright December 2009
	 ------------------------------ */

/* -------- GENERAL STYLES -------- */
body {
	margin: 0 auto; padding: 0;
	text-align: center; /* aligns body in IE6 */
	background: #000 url(../images/bodyBG02.jpg) top center no-repeat;
	color: #ccc;
}
body, table, input, textarea, select, li, button {
	font: 1em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.bizname {
	color: #f6971e; background: transparent;
	font-weight: bolder;
}

a {
	outline: none; /* removes dotted border in FF */
}

a:link {
	color: #68799d; /* light blue, was #face22 = yellow */
	background: transparent;
}

a:visited {
	color: #ba5a5d; /* soft red, was #992a41 = rosy red */
	background: transparent;
}

a:hover {
	text-decoration: none; /* hover deletes underline */
}

.snap {
	padding: 6px;
	border: 1px solid #fff;
	color: #000; background: #cfcdc9;
}

.imgcaption {
	display: block;
	text-align: center;
	font-size: 80%;
	font-style: italic;
	padding: 5px; margin-top: 3px;
	color: #333; background: #cfcdc9;
	border: 1px solid #fff;
}

dl#servicelist {
	margin: 20px 100px 20px 50px;
}

dl#servicelist dt {
	padding-left: 10px;
	font-variant: small-caps;
	font-size: larger;
}

dl#servicelist dd {
	padding-bottom: 15px;
}

h2.subpage {
	color: #f6971e;
	background: transparent;
}

.announce {
	color: #face22;
	padding: 10px;
	border: 2px dotted #f6971e;
	text-align: center;
}


/* -------- TOP CONTAINER AND HEADER STYLES -------- */
#container-top {
	margin: 0 auto; padding: 0;
	width: 860px; /* sets width of top of body content */
	text-align: left; /* sets alignment back to left for all modern browsers */
}

#header {
	margin: 30px 0 5px 0; padding: 0;
	height: 125px;
	color: #ccc;
	background: transparent url(../images/TitleBanner.png) bottom left no-repeat;
}


/* -------- NAVIGATION STYLES -------- */
#nav {
	margin: -20px 0 0 0; padding: 0;
	height: 45px;
	text-align: right;
	color: #000; background: transparent url(../images/navBG.png) top right no-repeat;
}

#nav ul {
	list-style-type: none;
	font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0; padding: 12px 0 0 0;
}

#nav ul li {
	display: inline;
}

#nav ul li a {
	padding: 0 12px 0 0; margin: 0 9px 0 0;
	text-decoration: none;
	font-weight: bold;
	color: #2a55af;  /* blue */
	background: transparent;
}

#nav ul li a:visited {
	color: #2a55af;  /* blue */
	background: transparent;
}

#nav ul li a:hover {
	color: #af3d26; /* orange-red */
	background: transparent;
}

#nav ul li a:active {
}

#nav ul li a.current {
	color: #449128;  /* bright green */
	background: transparent;
}


/* -------- MIDDLE CONTAINER STYLES -------- */
#container-mid {
	margin: 0; padding: 0;
	color: #ccc;
	background: #141414 url(../images/contentBG.gif) top repeat-x;
	border: 1px solid black;
	border-bottom-color: #344a1c;
}

#container-mid h2 {
	padding-top: 20px;
}

#container-mid h4 {
	padding: 8px 0 3px 0;
	font-weight: bolder;
	color: #83a81b; background: transparent;
}

#content {
	margin: 0 auto; padding: 0;
	text-align: left; /* sets alignment back to left for all modern browsers */
	width: 860px; /* sets content width */
	border: 0;
}


/* -------- BOTTOM CONTAINER STYLES -------- */
#container-btm {
	color: #fff;
	background: #000 url(../images/footerBG.jpg) center no-repeat;
	height: 80px;
}


/* -------- FRONT PAGE GALLERY STYLES -------- */
#fpgallery {
	width: 858px;
	margin: 10px auto; padding: 0;
	background: #141414; color: #ddd;
	height: 271px;
	border: 1px solid #5f5f5f;
}

#fpgallery ul {
	list-style-type: none;
}

#fpgallery ul li {
	margin: 0; padding: 20px;
}

#fpgallery ul li img {
	border: 1px solid #5f5f5f;
}


/* -------- MAIN GALLERY STYLES -------- */
#maingallery {
	color: #ccc;
	background: transparent;
	width: auto;
	margin: 0 0 0 10px; padding: 10px 0 0 0;
}

#maingallery h4 {
	margin-left: -10px;
	border: none;
}

#maingallery p {
	margin-left: -10px;
}

#maingallery img {
	border: 1px solid #999;
	margin-right: 10px;
	margin-bottom: 10px;
}

#maingallery table {
	text-align: center;
	border-collapse: collapse;
	border: none;
}

#maingallery table td {
	height: 50px;
	border: none;
	width: 33%;
	color: #2a55af; background: transparent url(../images/gallery-link-bg.jpg) center center no-repeat;
}

#maingallery a:link, #maingallery a:visited {
	text-decoration: none;
	font-size: smaller;
	font-weight: bolder;
	color: #2a55af; background: transparent;
}

#maingallery a:hover {
	text-decoration: underline;
	color: #af3d26; background: transparent;
}


/* -------- CONTACT FORM STYLES -------- */

div.lbgallery {
	margin-bottom: 20px;
}

div.lbgallery h3 {
	padding-bottom: 5px;
	border-bottom: 1px dotted #666;
}

div.lbgallery img {
	padding: 3px;
	margin: 10px 0 10px 10px;
	border: 1px solid #666;
}

.instruct {
	font-style: italic;
	font-size: smaller;
}

p.breadcrumbs {
	float: right;
}

/* -------- CONTACT FORM STYLES -------- */
form#contact em {
	font-size: smaller;
	font-style: italic;
	color: #992a41; background: transparent;
}



/* -------- FOOTER STYLES -------- */
#footer {
	margin: 0 auto; padding: 15px 0 0 0;
	width: 860px; /* sets footer width */
	font-size: 80%;
}

#footer p {
	margin: 0;
	text-align: left;
}

#footer a:link, #footer a:visited {
	color: #ccc; background: transparent;
}