/* CSS style sheet for Little Details, by David Janik-Jones, http://www.729design.com */ 
/* css released under Creative Commons- License - http://creativecommons.org/licenses/by-nc-sa/1.0/ */ 
/* All web site content copyright 2006-2010, Tracey Kestle and Little Details */ 
/* Started: February 9, 2006 */ 

/* This design is not a template. You may not reproduce it elsewhere without the designer's or owner's written permission. 
However, feel free to study the CSS and use whatever techniques you learn from it elsewhere. Daddy says hi to Cal and Luke */ 

/* basic elements */ 

body { 
	background-image: url(images/bkgnd_homebanner_7.jpg); background-color: #FFFFF; 
	margin: 0; padding: 0;
	
} 
p { 
	font: 13px/18px Georgia, serif; color: #422F1B; margin: 0; padding: 0;
	text-align: left; padding-bottom: 18px; padding-right: 8px;
} 
h2 { 
	font: 18px Georgia, serif; color: #422F1B; margin: 0; padding: 0;
	text-align: left; padding-bottom: 9px; font-weight: bold;
}
a, a:link, a:visited {
	font-weight: normal; text-decoration: none; color: #422F1B; 
}
a:hover, a:active {
	text-decoration: underline; color: #422F1B;
}
ul {
	font: 13px/18px Georgia, serif; color: #422F1B; margin: 0; padding-left: 18px;
	text-align: left; padding-top: 0px; padding-bottom: 18px;
}
input, textarea {
	margin: 0px 0px 15px 0px; padding: 2px; font: 13px/18px Georgia, serif; color: #422F1B; border: 1px solid #9A141E;
}
select {
	margin-bottom: 15px; font: 13px/18px Georgia, serif; color: #422F1B;
}
form { 
	font: 13px/18px Georgia, serif; color: #422F1B; margin: 0; padding: 0; text-align: left;
}

/* main containers */
#banner {
	position:relative;
	width: 800px; height: 150px; margin: auto auto; margin-top: 43px; background: url(images/bkgnd_banner_2.jpg) top left no-repeat;
}
	#banner-button {z-index:100; position:absolute; top:28px; right:14px; width:184px; height:96px; overflow: hidden;}
	#banner-button a {border: none; outline: none; display: block; width:184px; height: 96px;}
#navigation {
	width: 755px; height: 27px; margin: auto auto; background: url(images/bkgnd_navigation.jpg) top left no-repeat;
	font: 13px Georgia, serif; color: #FFFFFF; text-align: left; padding: 11px 0px 0px 45px;
}
#shadow {
	width: 800px; margin: auto auto; background: url(images/bkgnd_shadow.jpg) top left repeat-y;
}
#moreinfo {
	width: 600px; margin: auto auto; padding: 12px 0px; text-align: center; clear: left;
	border-top: 1px solid #422F1B;
}
#footer {
	width: 800px; height: 50px; margin: auto auto; background: url(images/bkgnd_footer.jpg) top left no-repeat;
	font: 10px Georgia, serif; color: #422F1B; text-align: center; padding-top: 39px;
}

/* homepage containers */
#threeimages {
	width: 205px; margin: auto auto; padding: 17px 0px;
	border-top: 1px solid #FFFFFF;
}
#spacer25 {height: 25px;}
#spacer8 {height: 8px;}
#homebanner {
	position:relative;
	width: 600px; margin: auto auto; position: relative; height: 400px;
	background: url(images/bkgnd_homebanner_5.jpg) top left no-repeat; overflow: hidden;
}
#hometext {
	position: absolute; top: 5px; left: 360px; width: 375px; height:800px; overflow: hidden;
}
#column1 {width: 205px; float: left; font: 11px/15px Georgia, serif; color: #422F1B; text-align: center;}
#column2 {width: 255px; float: left; font: 11px/15px Georgia, serif; color: #422F1B; text-align: center;}
#column3 {width: 204px; float: left; font: 11px/15px Georgia, serif; color: #422F1B; text-align: center;}

}
#hometable {
	position: absolute; top: 35px; left: 400px; width: 375px; height: 500px; overflow: hidden;
}


/* content page containers */
#shadowcontent {
	width: 710px; margin: auto auto; background: url(images/bkgnd_shadow.jpg) top left repeat-y;
	padding: 20px 45px;
}
#content {
	width: 710px; float: left;
}
/* added a special content div style for the client review pages */
#reviewcontent {
	width: 710px; float: left; text-align:center;
}
#reviewcontent p {text-align:center; padding-top: 9px; padding-bottom: 22px;}
#leftcontent {
	width: 444px; float: left; padding-right: 18px;
	border-right: 1px solid #FFFFFF; padding-top: 12px;
}
#rightcontent {
	width: 220px; float: right; font: 12px/15px Georgia, serif; color: #422F1B; margin: 0; padding: 0;
	text-align: center; padding-bottom: 15px; padding-top: 16px;
}
.rightpicture {
	width: 200px; height: 200px; overflow: hidden; border: 10px solid #422F1B; margin-bottom: 15px;
}
.thumbnail {display:inline;}
.thumbnail img { /* portfolio */
  margin:3px; padding:0; border:2px solid #FFFFFF;
}
/* this div forces the columns to wrap correctly by clearing the table div that floats left */
#clear {
	clear: left; height: 0; margin: 0; padding: 0; overflow: hidden;
}


/* typography and links */
.red {
	color: #9A141E;
}
#navigation a:link, #navigation a:visited {
	font-weight: normal; text-decoration: none; color: #FFF; padding-right: 8px;
}
#navigation a:hover, #navigation a:active {
	text-decoration: underline; color: #FFF; padding-right: 8px;
}
#hometext p {
	font: 13px/18px Georgia, serif; color: #422F1B;
}
#column1 p {
	padding: 7px 17px; font: 11px/15px Georgia, serif; color: #422F1B; text-align: center;
}
#column2 p {
	padding: 7px 42px; font: 11px/15px Georgia, serif; color: #422F1B; text-align: center;
}
#column3 p {
	padding: 7px 20px; font: 11px/15px Georgia, serif; color: #422F1B; text-align: center;
}
#spacer25 {height: 25px;}
#spacer8 {height: 8px;}
#detailsbanner {
	width: 664px; margin: auto auto; position: relative; height: 400px;
	background: url(images/BusinesstoBusiness-Image.jpg) top left no-repeat; overflow: hidden;
}
#detailstext {
	position: absolute; top: 5px; left: 375px; width: 300px; height:800px; overflow: hidden;
}
#column1 {width: 205px; float: left; font: 11px/15px Georgia, serif; color: #422F1B; text-align: center;}
#column2 {width: 255px; float: left; font: 11px/15px Georgia, serif; color: #422F1B; text-align: center;}
#column3 {width: 204px; float: left; font: 11px/15px Georgia, serif; color: #422F1B; text-align: center;}

}