/*******  baseline reset  *******/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*  end reset  */


body {
	background-color:#9F9E89;   /* grey green */   /* light grey green #aaa897 behind photos (photoshop, not in css); lighter grey green #b1ae9d for pull quotes (photoshop, not in css) */
	font-family:"Lucida Sans Unicode","Lucida Grande", "Lucida Sans", Lucida, sans-serif;
	font-size:.9em;
	font-weight:normal;
	line-height:1.8em;
	color:#4F4F40;  /* dk loden */
}

a {
	color:#4F4F40;  /* dk loden */
}

p {
	padding-top:1.2em;
	font-size:.9em;
	line-height:1.8em;
	color:#4F4F40;  /* dk loden */
}

div#container {
	width:955px;
	margin:0 auto;
	padding:5px 29px 29px 29px;
	overflow:hidden;
}

div#head {
	float:left;
	width:45%;
}

div#imageMenu {
	float:right;
	width:53%;
	background:#9F9E89;   /* grey green */   
}

div#head h1 {
	color:#99330b;  /* copper */
	font-size:.9em;
	font-weight:normal;
	text-align:right;
	margin:48px 20px 5px 0;
}

div#head h2 {
	font-size:.9em;
	font-weight:normal;
	line-height:2.4em;
	text-align:right;
	margin-right:20px;
}

.floatL {
	float:left;
}

p#crnotice {
	clear:both;
	font-size:80%;
	text-align:center;
	margin:1em;
}

a#goweb {
	text-decoration:none;
	border-bottom:1px dotted #4F4F40;  /* dk loden */
}

a#goweb:hover {
	font-weight:bold;
	color:#4F4F40;  /* dk loden */
}


/*******  index.html  *******/

body#home div#container {
	width:955px;
	margin:40px auto;
	padding:2em 160px 120px 60px;
}

body#home p.first {
	text-indent:5em;
}

body#home img#kitchenswoosh {
	margin:-28px -70px -180px -66px;     
	position:relative;
	z-index:-5;
}

body#home img#homesqt{
    margin:75px 50px -3.8em 4em;
	position:relative;
	z-index:0;
}

body#home p {
	position:relative;
	z-index:10;
}

body#home img#heavenqt{
	margin:0 0 0 40em;
}	

body#home p#copyright {
	padding-top:6em;
}

/*******  portfolio.html  *******/

body#portfolio div.landscape {
	background:url(images/landscape_bkgrnd.gif) 402px 149px no-repeat;
	padding-bottom:78px;
}

body#portfolio div.portrait {
	background:url(images/portrait_bkgrnd.gif) 402px 149px no-repeat;
	padding-bottom:78px;
}

img#placeholder {
	float:right;
	margin-left:5px;
}

img.landscape {
	margin:123px 53px -6px 0;
}

img.portrait {
	margin:52px 127px -136px 0;
}

body#portfolio p {
	clear:both;
	visibility:hidden;
}

body#portfolio a#previous {
	visibility:hidden;
	margin-left:44px;
	padding:14px;
	text-decoration:none;
	background:url(images/larrow.gif) left no-repeat;
}	

body#portfolio a#next {
	visibility:hidden;
	margin-left:208px;
	padding:14px 14px 14px 40px;
	text-decoration:none;
	background:url(images/rarrow.gif) right no-repeat;
}
	
body#portfolio a#next:hover {
	color:#B6B4A5;  /* lt grey green */
	background:url(images/rarrowhov.gif) right no-repeat;
}

body#portfolio a#previous:hover {
	color:#B6B4A5;  /* lt grey green */
	background:url(images/larrowhov.gif) left no-repeat;
}

body#portfolio h3 {
	color:#99330b;  /* copper */
	font-size:.9em;
	font-weight:normal;
	margin:8px 0 0 56px;
	line-height:1.4em;
}

body#portfolio #groupDesc3 {
	font-size:.7em;
	font-style:italic;
}	

body#portfolio p#crnotice {
	margin-top:5em;
	visibility:visible;
}

/*******  redesign.html  *******/

body#redesign div#container {
	padding:5px 100px 120px 120px;
	margin-bottom:-90px;
}

body#redesign p#h2h {
	padding-top:40px;
	clear:right;
	text-indent:180px;
}
	
body#redesign p.first {
	clear:right;
	text-indent:5em;
}

body#redesign div#main ul {
	list-style: disc;
	padding-left:250px;
	margin-left:250px;
	font-size:.9em;
	line-height:1.4em;
}

body#redesign div#main li {
	margin-top:.5em;
}

body#redesign img#redesignimg {
	margin:-46px -52px -150px -115px;
	position:relative;
	z-index:-5;
}

/*******  testimonials.html  *******/

body#testimonials div#container {
	padding:5px 70px 26em 166px;
}

body#testimonials p {
	position:relative;
	padding-top:0;
	z-index:10;
}

body#testimonials p.first {
	text-indent:5em;
}

body#testimonials img#qtimg1 {
	margin:27px -30px -60px 30px;
	position:relative;
	z-index:0;
}

body#testimonials img#qtimg2 {
	margin:-33px 0 -60px 2em;
	position:relative;
	z-index:0;
}

body#testimonials img#qtimg3 {
	margin:-33px 0 -60px 2em;
	position:relative;
	z-index:0;
}

body#testimonials img#qtimg4 {
	margin:-106px -70px 0 0;
	float:right;
	position:relative;
	z-index:0;
}

body#testimonials img#testimg {
	margin:-46px -20px -92px -150px;
	position:relative;
	z-index:-5;
}

body#testimonials  p#crnotice {
	margin-top:-30em;
}

span.testname {
	font-size:.7em;
	text-transform:uppercase;
	color:#99330b;  /* copper */
}

span.hilite {
	color:#99330b;  /* copper */
}

/*** testimonial popups ***/

body#testimonials p:hover {
	z-index:100;
}

body#testimonials p span.fullcopy { 
	display: none
}

body#testimonials p:hover span.fullcopy {  
    display:block;
    position:absolute;
	top:2em; 
	right:2em; 
	width:32em;
    border:1px solid #797963;  /* lt loden */
    background:#aaa897;  /* lt grey green */
	padding:2em;
	color:#4F4F40;  /* dk loden */
}


/*******  contact.html  *******/

body#contact div#container {
	padding:5px 0 140px 80px;
}

body#contact div#main img {
	margin:-28px -70px -130px -66px;
	position:relative;
	z-index:-5;
}

body#contact div#main div {
	clear:right;
}

body#contact div#main div img {  /* swoosh logo */
	margin:40px 0 0 0;
}

body#contact p#copyright {
	padding-top:8em;
}

/*******  about.html  *******/

body#about div#container {
	padding:5px 100px 82px 120px;
}

body#about p.first {
	padding-top:60px;
	clear:right;
	text-indent:5em;
}

body#about div#main ul {
	list-style: disc;
	padding-left:250px;
	margin-left:250px;
	font-size:.9em;
	line-height:1.4em;
}

body#about div#main li {
	margin-top:.5em;
}

body#about img#faithqt {
	float:right;
	margin:12px -100px 0 0;
}

body#about img#teresa {
	margin:-46px -52px -150px -115px;
	position:relative;
	z-index:-5;
}

/*******  Image Menu v2.2  *******/

#imageMenu {
	position: relative;
	width: 500px;
	height: 200px;
	overflow: hidden;
}

#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 200px;
	width: 1000px;
}

#imageMenu ul li {
	float: left;
}

#imageMenu ul li a {
	text-indent: -1000px;
	background:#fff none repeat scroll 0%; /* white */
	border-right: 2px solid #fff; /* white */
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:98px;
	height: 200px;
}

#imageMenu ul li.home a {
	background: url(images/home.jpg) repeat scroll 0%;
}

#imageMenu ul li.portfolio a {
	background: url(images/portfolio.jpg) repeat scroll 0%;
}


#imageMenu ul li.redesign a {
	background: url(images/redesign.jpg) repeat scroll 0%;
}

#imageMenu ul li.testimonials a {
	background: url(images/testimonials.jpg) repeat scroll 0%;
}

#imageMenu ul li.contact a {
	background: url(images/contact.jpg) repeat scroll 0%;
}

#imageMenu ul li.about a {
	background: url(images/about.jpg) repeat scroll 0%;
	width: 310px;
}

.clear {
	clear: both;
}


/*******  Hoverbox  *******/


a:hover {
/*	background: #900;  */
	color: #FFF;
	text-decoration: none;
}

#imagegallery {
	width: 366px;
	list-style: none none;
	padding:30px 0 0 30px;
}

ul#imagegallery {  /* mine */
	float:left;
	margin:56px 0 0 20px;
}

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

#imagegallery li {
	list-style: none none;
	display: inline;
}

#imagegallery li a {
	margin: 6px;
	border: 1px solid #CCC; /* grey */
	padding: 4px;
	position: relative;
	float: left;
	display: block;
	width: 100px;
	height: 100px;
}

#imagegallery li a:hover {
	font-size: 100%;
	z-index: 2;
}

#imagegallery li a img {
	border: 0 none;
	position: absolute;
	width: 100px;
	height: 100px;
	background:none;
}

#imagegallery li a:hover img {
	width: 120px;
	height: 120px;
	left: -11px;
	top: -11px;
	z-index: 1;
	background-color:#9F9E89;   /* grey green */ 
	border:1px solid #ccc;  /* grey */
	padding:4px;
}

#imagegallery li a:active img, #imagegallery li a:focus img {
	width: 120px;
	height: 120px;
	left: -11px;
	top: -11px;
	z-index: 1;
	background-color:#9F9E89;   /* grey green */ 
	border:1px solid #99330b;  /* copper */
	padding:4px;
}