@charset "utf-8";
/* CSS Document */

body { 
	background-image: url(http://www.lookhappydesign.com/themes/lookhappy/images/BG.jpg);
	background-repeat: repeat;
	background-color:#000000;
	font:Georgia, "Times New Roman", Times, serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-size:12px;
	color:#FFFFFF;
	line-height:17px;
}

.home {
	width:789px;
	height:auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 175px;
	float: left;
	color:#000000;
	text-align: center;
}

#slideshow {
	margin:0 auto;
	width:789px;
	height:322px;
	background:transparent url(http://www.lookhappydesign.com/themes/lookhappy/images/bg_slideshow.jpg) no-repeat;
	background-position:center;
	position:relative;
}
#slideshow #slidesContainer {
	margin:0 auto;
	width:665px;
	height:322px;
	overflow:auto; /* allow scrollbar */
	position:relative;
}
#slideshow #slidesContainer .slide {
	margin:0 auto;
	width:645px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
	height:322px;
}

.control {
	display:block;
	width:62px;
	height:322px;
	text-indent:-10000px;
	position:absolute;
	cursor: pointer;
}
#leftControl {
	top:0;
	left:0;
	background:transparent url(http://www.lookhappydesign.com/themes/lookhappy/images/control_left.jpg) no-repeat 0 0;
}
#rightControl {
	top:0;
	right:0;
	background:transparent url(http://www.lookhappydesign.com/themes/lookhappy/images/control_right.jpg) no-repeat 0 0;
}

.slide p {
	margin:10px 10px 10px 25px;
	text-align:left;
	font:normal 12px Verdana, Geneva, sans-serif;
	color:#ffffff;
	line-height:15px;
}

.slide img {
	float:right;
	margin:0 15px;
	border:none;
}

a.navmore {
	float:left;
	margin:30px 0px 0px 0px;
	bottom:0px;
	display:block;
	height:46px;
	width:237px;
	text-decoration: none;
	background-image:url("http://www.lookhappydesign.com/themes/lookhappy/images/more.jpg");
	background-position:top;
}

a.navclick {
	bottom:0px;
	display:block;
	height:209px;
	width:575px;
	text-decoration: none;
	background-image:url("http://www.lookhappydesign.com/themes/lookhappy/images/click.gif");
	background-position:top;
}

a:hover.hover {
	background-position:bottom;
}

.boxgrid { 
	width: 666px; 
	height: 216px; 
	margin: 10px 0px 10px 0px;
	background:#444444; 
	border: solid 2px #444444; 
	overflow: hidden; 
	position: relative; 
}

.boxgrid img { 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}

.boxgrid a {
	color:#eadcad;
	text-decoration:none;
}

.boxgrid a:hover {
	color:#eadcad;
	text-decoration:none;
	border-bottom: 1px #eadcad dashed;
}

.boxtext { 
	float: left; 
	position: absolute; 
	top:175px;
	background: #000; 
	color:#ffffff; 
	height: 100px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.textfull .boxtext {
	top: 260;
	left: 0;
}

.text .boxtext {
	top: 220;
	left: 0;
}

.folio_content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	width: 666px;
}
.folio_content a, .navigation a {
	text-decoration: none;
	color: #777;
}
.folio_content a:focus, .folio_content a:hover, .folio_content a:active {
	text-decoration: underline;
}
.folio_controls {
	margin-top: 5px;
	height: 23px;
}
.folio_controls a {
	padding: 5px;
}
.ss-controls {
	float: left;
}
.nav-controls {
	float: right;
}
.folio_container {
	position: relative;
	clear: both;
	width:670px;
	height: 570px; /* This should be set to be at least the height of the largest image in the slideshow */
	border:0px solid blue;
 }
.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 666px;
	height: 570px; /* This should be set to be at least the height of the largest image in the slideshow */
}
.folio {

}
.folio span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.folio a.advance-link {
	display: block;
	width: 673px;
	height: 570px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 570px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
.folio a.advance-link:hover, .folio a.advance-link:active, .folio a.advance-link:visited {
	text-decoration: none;
}
.folio img {
	vertical-align: middle;
	border: 1px solid #ccc;
}

.caption-container {
	position: relative;
	clear: left;
	height: 105px;
	text-align:left;
	width: 666px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 666px;
	top: 0;
	left: 0;
}
.caption {
	padding: 12px;
}
.image-title {
	font:italic 24px Georgia, "Times New Roman", Times, serif;
	color:#000000;
	margin:0px 0px 10px 0px;
}
.image-desc {
	font:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#000000;
	line-height:16px;
	margin:0px 0px 0px 0px;
}
.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
	width: 666px;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 7px 5px 7px;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
	width: 666px;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #d2b58c;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #4b3f2e;
	border-color: #4b3f2e;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}




#holder {
	margin: 0 auto;
	width:1145px;
	height:auto;
	min-height:500px;
	color: #FFFFFF;
	font: 16px/18px Georgia, "Times New Roman", Times, serif;
	padding:0px 0px 50px 0px;
}

#holder span.contact {
	font: italic bold 18px/18px Georgia, "Times New Roman", Times, serif;
}

#head {
	width:1145px;
	height:550px;
}

#head1 {
	width:1145px;
	height:32px;
	background-image:url(http://www.lookhappydesign.com/themes/lookhappy/images/head1.png);
}

#head2 {
	width:46px;
	height:464px;
	background-image:url(http://www.lookhappydesign.com/themes/lookhappy/images/head2.png);
	float:left;
}

#head3 {
	width:1052px;
	height:464px;
	background-image:url(http://www.lookhappydesign.com/themes/lookhappy/images/head3.jpg);
	float:left;
}

#head4 {
	width:46px;
	height:464px;
	background-image:url(http://www.lookhappydesign.com/themes/lookhappy/images/head4.png);
	float:left;
}

#head5 {
	width:1145px;
	height:54px;
	background-image:url(http://www.lookhappydesign.com/themes/lookhappy/images/head5.png);
	clear:both;
}

#menu {
	width:1145px;
	height:49px;
	background-image: url(http://www.lookhappydesign.com/themes/lookhappy/images/menu.png);
	background-position:center;
	background-repeat:no-repeat;
	text-transform:uppercase;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	padding:25px 0px 0px 0px;
}

#menu a {
	color: #FFFFFF;
	text-decoration:none;
}

#menu a:hover {
	color: #7f7f7f;
	text-decoration:none;
}

.content1 {
	width:1145px;
	height:124px;
	background-image: url(http://www.lookhappydesign.com/themes/lookhappy/images/content1.png);
	background-repeat:repeat-y;
	background-color:transparent;
}

.content {
	width:1145px;
	height:auto;
	padding-bottom:25px;
	margin-bottom:-30px;
	background-image: url(http://www.lookhappydesign.com/themes/lookhappy/images/contentBG.png);
	background-repeat:repeat-y;
	background-color:transparent;
}

.content3 {
	width:1145px;
	height:142px;
	background-image: url(http://www.lookhappydesign.com/themes/lookhappy/images/content3.png);
	background-repeat:no-repeat;
	background-color:transparent;
	clear:both;
}

.left {
	width: 550px;
	height:auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 170px;
	float: left;
	color:#000000;
	text-align: left;
	font-size:12px;
	line-spacing:13px;
}

.left a {
	color:#485c77;
	text-decoration:none;
}

.left a:hover {
	color:#6c809c;
	border-bottom:1px dashed;
}

.left img.about {
	margin:0px 20px 20px 0px;
}

.posted {
	width: 540px;
	height:auto;
	padding:5px 10px 7px 10px;
	margin:0px 0px 60px 0px;
	font-size: 11px;
	color:#97824b;
	background-color:#dbc786;
	text-align: left;
}

.posted a {
	color:#746130;
	text-decoration:none;
}

.posted a:hover {
	color:#97824b;
	border-bottom:1px dashed;
}

.posted2 {
	width: 540px;
	height:auto;
	padding:5px 10px 7px 10px;
	margin:0px 0px 20px -40px;
	font-size: 11px;
	color:#97824b;
	background-color:#dbc786;
	text-align: left;
}

.posted2 a {
	color:#746130;
	text-decoration:none;
}

.posted2 a:hover {
	color:#97824b;
	border-bottom:1px dashed;
}

.right {
	width: 410px;
	height:auto;
	float: right;
	font-size: 11px;
	text-align:left;
	padding:0px 0px 0px 0px;
}

.righthead {
	padding:45px 0px 0px 50px;
	margin:0px 0px 0px 0px;
	height:62px;
	width: 340px;
	Position:relative;
	background-image:url(http://www.lookhappydesign.com/themes/lookhappy/images/rightHEADER.png);
	background-repeat:no-repeat;
	z-index;100;
}

.rightcontent {
	width: 195px;
	height:auto;
	background-image:url(http://www.lookhappydesign.com/themes/lookhappy/images/rightBG.jpg);
	background-repeat:repeat-y;
	padding:40px 10px 0px 10px;
	margin:-40px 0px 0px 20px;
	z-index:1;
}

.rightcontent a {
	color:#ffffff;
	text-decoration:none;
}

.rightcontent a:hover {
	color:#d6e0ef;
	border-bottom:1px dashed;
}

.rightcontent ul {
	list-style: none;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.rightcontent li {
	display:block;
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.rightfoot {
	width: 214px;
	height:12px;
	background-image:url(http://www.lookhappydesign.com/themes/lookhappy/images/right3.jpg);
	background-repeat:no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px 0px 40px 20px;
}

h1 {
	padding:0px 0px 0px 0px;
	margin:10px 0px 10px 0px;
	color:#4d6984;
	font:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	text-transform:uppercase;
	text-align:left;
}

.left h2 {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#334e68;
	font:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	text-transform:uppercase;
	text-align:left;
}

.left h3 {
	padding:0px 0px 0px 0px;
	margin:10px 0px 10px 0px;
	color:#4d6984;
	font:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	text-transform:uppercase;
	text-align:left;
}

h3.date {
	padding:0px 0px 0px 0px;
	margin:10px 0px 10px 0px;
	color:#4d6984;
	font:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	text-transform:lowercase;
	text-align:left;
}

h6 {
	font:italic 24px Georgia, "Times New Roman", Times, serif;
	color:#ffffff;
	letter-spacing:0px;
	text-align:center;
	margin:5px 10px 20px 10px;
}

.clearfooter {
	width:1145px;
	height:auto;
	clear:both;
}

#foot1 {
	width:1145px;
	height:10px;
	background-image: url(http://www.lookhappydesign.com/themes/lookhappy/images/foot1.png);
	background-repeat:repeat-y;
	background-color:transparent;
}

#foot {
	width:985px;
	height:auto;
	background-image: url(http://www.lookhappydesign.com/themes/lookhappy/images/footBG.png);
	background-repeat:repeat-y;
	background-color:transparent;
	padding:0px 70px 0px 90px;
	margin:0px 0px 0px 0px;
	font:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#000000;
}

#foot  ul {
	list-style: none;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#foot  li {
	display:block;
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


#foot h3 {
	padding:0px 0px 0px 0px;
	margin:0px 0px 5px 0px;
	color:#4d6984;
	font:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	text-transform:uppercase;
}

#foot a {
	color:#000000;
	text-decoration:none;
}

#foot a:hover {
	color:#9f7446;
	border-bottom:1px dashed;
}

a img,  a img:hover {
	border:0px;
}

.footercolumn {
	text-align:left;
	width: 270px;
	height:200px;
	border-right:2px solid #cba275;
	float: left;
	margin:10px 25px 0px 30px;
	display: inline;
}

.footercolumn2 {
	text-align:left;
	width: 265px;
	height:200px;
	float: right;
	display: inline;
	margin:10px 35px 0px 0px;
}

.links {
	float: left;
	display: inline;
	text-align:left;
	width:600px;
	margin:10px 0px 0px 20px;
	padding:0px 0px 0px 0px;
}

.copyright {
	float: right;
	display: inline;
	width:200px;
	margin:10px 20px 0px 0px;
}

#foot3 {
	width:1145px;
	height:10px;
	background-image: url(http://www.lookhappydesign.com/themes/lookhappy/images/foot3.png);
	background-repeat:repeat-y;
	background-color:transparent;
}