html {}

body { 
	text-align:center;
	font-family:Trebuchet MS, Helvetica, sans-serif;
	font-size:10pt;
	letter-spacing:1px;
	height:100%;
	overflow-y:auto;
}

a:link, a:visited {color:#528b23; text-decoration:none}
a:hover, a:active {color:#a1c21a; text-decoration:none}

.preload {display:none;}

img {border:none;}



#sc6 { 
	width:552px;
	height:auto;
	background-color:#fff;
	margin:10px auto auto auto;
	padding:12px 0px 0px 20px;
	border:#528b23 1px dashed;
	color:#528b23;
	text-align:left;
}
input, textarea {border:1px dashed #528b23; padding:4px; color:#005a9d; margin-bottom:8px;}
input:hover, textarea:hover, input:active, textarea:active  {background:#e8f2d9;}
input {width:520px; height:25px;}
textarea {width:520px; height:100px;}

#submit {
	width:100px;
	margin-right:5px;
	color:#fff; 
	background:#528b23; 
	font-family:Trebuchet MS, Helvetica, sans-serif; 
	font-size:10pt; 
	letter-spacing:1px;
	padding:0px 0px 2px 0px;
}
#submit:hover {background:#fff; color:#528b23;}

#contacth {
	background:url(images/header-contact.png) no-repeat top left;
	width:651px; 
	height:430px;
	color:#528b23;
	text-align:left;
}

#left {width:228px; float:left; padding:49px 14px 0px 18px;}
#right {width:382px; float:left;}
.cinput, .ctextarea {border:1px dashed #528b23; padding:4px; color:#005a9d; margin-bottom:7px; background:#dfdfdf}
.cinput:hover, .ctextarea:hover, .cinput:active, .ctextarea:active  {background:#d7e7c0;}
.cinput {width:344px; height:25px;}
.ctextarea {width:344px; height:100px;}
#form {padding:0px 16px; margin-top:11px;}

#submitc {
	width:100px;
	margin-right:5px;
	color:#fff; 
	background:#528b23; 
	font-family:Trebuchet MS, Helvetica, sans-serif; 
	font-size:10pt; 
	letter-spacing:1px;
	padding:0px 0px 2px 0px;
}
#submitc:hover {background:#dfdfdf; color:#528b23;}

#navbar {
	padding:0px 19px 0px 0px;
	text-indent:0px;
	color:#fff;
	margin-top:0px;
	margin-bottom:0px;
}

#navbar li {
	display:inline;
	padding:0px 18px 0px 18px;
	font-size:11pt;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
}

#navbar a:link, #navbar a:visited {color:#fafff2; text-decoration:none;}
#navbar a:hover {color:#006bad; text-decoration:none;}
#navbar a:active {color:#033665; text-decoration:none;}

#qli a {text-transform:uppercase; font-size:11pt; font-weight:bold; letter-spacing:1px }

#qli a:link, #qli a:visited {color:#b1de8d; text-decoration:none;}
#qli a:hover {color:#006bad; text-decoration:none;}
#qli a:active {color:#033665; text-decoration:none;}

#services, #portfolio, #photography, #contact, .mainsep {margin-bottom:50px;}
#logo {margin-bottom:25px;}

#topnav, #portfolioh, #photos, #logomain, #logopreview, #servicesh, p, h1, .switchcontent, #photographyh, #portfoliohh, #recent, #contacth, img, #photocontainer, #current {margin:auto;}

#current {
	width:642px;
	border-top:#528b23 10px solid;
	border-bottom:#528b23 10px solid;
	margin-top:40px;
	padding:10px 0px;
	text-align:left;

	
}

#topnav {
	background:url(images/navi-bg-all-s.png) center top no-repeat; 
	width:100%;
	min-height:50px; 
	position:fixed; 
	overflow:auto; 
	top:0px;
}

#logomain {width:651px; background:url(images/logo-main.jpg) center no-repeat; margin-top:70px}
#logopreview {width:923px; height:283px; background:url(images/logo-preview.jpg) left center no-repeat; margin-top:70px}

#servicesh, #photographyh, #portfoliohh {width:642px; padding:0px 1px 0px 1px; text-align:justify; color:#005a9d;}

#portfolioh, #recent {width:895px;}

h1 {font-size:14pt;}
p {margin-top:0px;}
#small {font-size:8pt;}
#medium {font-size:9pt;}

.ser {margin-bottom:0px; margin-top:0px;}

.switchcontent {
	width:606px;
	height:auto;
	background-color:#fff;
	padding:10px 16px;
	margin-right:2px;
	border:#64a8cd 1px dashed;
	color:#005a9d;
}

#lioartist, #lioweinhard, #lioolic, #liopcs, #lioyellow {width:895px; font-size:9pt; padding:0px 0px 24px 0px;}

#lioartist {
	background:url(images/portfolio-artist.jpg) no-repeat;
	height:355px;
	color:#b41a2a;
}

#lioartist a, #lioweinhard a, #lioolic a, #liopcs a, #lioyellow a {vertical-align:sub;}

#lioartist a:link, #lioartist a:visited {color:#b41a2a; text-decoration:none; font-size:18pt;}
#lioartist a:hover, #lioartist a:active {color:#2b292a; text-decoration:none; font-size:18pt;}

#lioweinhard {
	background:url(images/portfolio-weinhard.jpg) no-repeat;
	height:194px;
	color:#232124;
}
#lioweinhard a:link, #lioweinhard a:visited {color:#232124; text-decoration:none; font-size:18pt;}
#lioweinhard a:hover, #lioweinhard a:active {color:#d6cba5; text-decoration:none; font-size:18pt;}

#lioolic {
	background:url(images/portfolio-recent.jpg) no-repeat;
	height:355px;
	color:#87aa11;
}
#lioolic a:link, #lioolic a:visited {color:#87aa11; text-decoration:none; font-size:18pt;}
#lioolic a:hover, #lioolic a:active {color:#fa6316; text-decoration:none; font-size:18pt;}

#liopcs {
	background:url(images/portfolio-pcs.jpg) no-repeat;
	height:194px;
	color:#fdc215;
}
#liopcs a:link, #liopcs a:visited {color:#fdc215; text-decoration:none; font-size:18pt;}
#liopcs a:hover, #liopcs a:active {color:#024f84; text-decoration:none; font-size:18pt;}

#lioyellow {
	background:url(images/portfolio-yellow.jpg) no-repeat;
	height:355px;
	color:#000066;
}
#lioyellow a:link, #lioyellow a:visited {color:#000066; text-decoration:none; font-size:18pt;}
#lioyellow a:hover, #lioyellow a:active {color:#ffcc01; text-decoration:none; font-size:18pt;}

.pslidel {padding:348px 0px 0px 124px; text-align:left;}
.pslides {padding:187px 0px 0px 124px; text-align:left;}

#photocontainer {text-align:center; width:650px;}

#photos {
	background:url(images/photos-bg.png);
	width:650px;
	margin-top:-10px;

}

.photosul {
	padding:4px 6px 0px 4px;
	text-align:left;
	text-indent:0px;

}

.photosul li {
	display:inline;
	margin:0px -1px 0px 0px;
}

#photos a:link img, #photos a:visited img {border:#01619f solid 8px;}
#photos a:hover img, #photos a:active img {border:#469018 solid 8px;}

/*Lightbox*/

#lightbox{
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	color:#151410;
	}

#lightbox a, #lightbox a:hover {
	border-bottom:none;
	color:#151410;
	text-decoration:underline;
}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#loadingLink {
	display:block;
	margin:0 auto;
	padding:0;
	width:32px;
	height:32px;
	background:url("images/loading.gif") center center no-repeat;
	text-indent:-9999px;
}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLinkImg, #nextLinkImg{
	width: 49%;
	height: 100%;
	background: transparent url("images/blank.gif") no-repeat; /* Trick IE into showing hover */
	display: block;
	text-indent:-9999px;
	}
#prevLinkImg { left: 0; float: left;}
#nextLinkImg { right: 0; float: right;}
#prevLinkImg:hover, #prevLinkImg:visited:hover { background: url("images/prevlabel.gif") left 15% no-repeat; }
#nextLinkImg:hover, #nextLinkImg:visited:hover { background: url("images/nextlabel.gif") right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageDetails{ width: 70%; float: left; text-align: left; }	
#caption{ font-weight: bold;	}
#numberDisplay{ display: block; clear: left; }			
#detailsNav{ display: block; clear: left; padding:0 0 10px 0;	}	
#prevLinkDetails { margin:0 8px 0 0; }		
#nextLinkDetails { margin:0 8px 0 0; }		
#closeLink {
	display:block;
	margin:0;
	padding:0 0 10px 0;
	text-decoration:none;
	float:right;
	width:66px;
	height:28px;
	background:url("images/closelabel.gif") no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #151410;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}