/* INFO
=========================================================================== *//*
***************************************************************************

Theme Name:  Liveable Lifestyles
Theme URI:  http://www.liveablelifestyles.com/
Description:  Interior decorators site... note the weird design...
Version:  1.1
Author:  Tyler Gillihan

***************************************************************************
=========================================================================== */
 
 
 
/* RESET CSS *
================================================ */ 

* {
	margin: 0;
	padding: 0px;
}

blockquote:before, blockquote:after, q:before, q:after {content: ""; }
blockquote, q {quotes: "" ""; }


/* BODY AND GLOBALS *
================================================ */ 

body {background-color: #000; font: 12px/18px "Lucida Grande" Helvetica, Geneva, Arial, sans-serif; color: #4b4b4b; margin-top: 70px; }

a:link, a:visited {color: #bb6227; font-weight: bold; text-decoration: none; }
:focus {outline: none; }
a:hover, a:focus, a:active {text-decoration: underline; }

#news-events li a, p.copyright a {color: #4b4b4b; text-decoration: none; font-weight: normal; }
#news-events li a:hover, p.copyright a:hover {text-decoration: underline; }

h1 {
	font-size: 20px;
	color: #829333;
	margin-bottom: 5px;
}

h2 {font-size: 15px; color: #444; margin-bottom: 8px; }

h3 {font-size: 15px; color: #bb6227; }
h1, h2, h3, h4, h5, h6 {
	font-family: 'Myriad' Helvetica, Geneva, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0.04em;}

p {text-align: justify;margin-bottom: 18px;}

code {font: 1em monospace; line-height: 1.5; margin: 1.5em 0; white-space: pre; }

abbr, acronym {border-bottom: 1px dotted #666; cursor: help; }

address {font-style: italic; margin-top: 1.5em; }

pre {margin: 1.5em 0; white-space: pre; }

strong {font-weight: bold; }

del {color: #666; text-decoration: line-through; }

cite, em, i {font-style: italic; }

.clear {clear: both; }

img {
	behavior: url(js/iepngfix.htc);
}
.imgleft {
	float: left;
	margin: 0px 15px 0 0;
	padding-bottom: 30px;
}
.imgright {
	float: right;
	padding-left: 30px;
	padding-bottom: 30px;
	padding-top: 0px;
}
.imgcenter {
	padding-left: 40px;
	padding-bottom: 20px;
}


/* LAYOUT STRUCTURE *
================================================ */

div#container {background-color: #ffffef; width: 820px; margin: 0 auto; padding: 8px; }

div#menubar {background-color: #4a1011; width: 820px; height: 60px; }
div#menubar h1 {position: absolute; top: 13px; margin-left: -50px; }

div#menubar a {font: 13px 'Myriad' Helvetica, Geneva, Arial, sans-serif; color: #ccc9ba; text-decoration: none; letter-spacing: 0.1em; }
div#menubar a:hover, div#menubar li a.current {color: #96a64d; }
div#menubar li a.current {cursor: default; }

div#header-img, #slideshow {width: 820px; height: 300px; z-index: 0; }

div#home-content {background-color: #e7e4d3; padding: 10px; }
div#content {
	background-color: #e7e4d3;
	padding: 20px 30px;
}

div#footer {height: 70px; width: 836px; margin: 0 auto; padding: 8px 0; }
p.address, p.copyright {
	font-size: 10px;
	color: #444;
	letter-spacing: 0.15em;
	line-height: 1.75em;
	float: left;
}
p.copyright {text-align: right; float: right; }

/**************  temporary dropdown - can't wait till its gone!  *******************/

.nav_container {float: right; padding: 21px 30px 0 0; }
.nav_container ul {list-style-type: none; }
.nav_container li {display: inline; padding-left: 30px; }

.subnav {
	position: absolute;
	z-index: 100;
	visibility: hidden;
	left: 506px;
	top: 264px;
	width: 228px;
}
.subnav ul {
	display: block;
	list-style-type: none;
	width: 18em;
	filter: alpha(opacity=95);
	-moz-opacity: 0.95;
	opacity: 0.95;
	background-color: #4a1011;
	padding: 0.5em;
	margin: 7px 0 0 1px;
}
.subnav li {margin: 0; padding: .5em 0; }

/************  temporary dropdown - end ****************/


/* HOME PAGE CONTENT *
================================================ */

div#additions, div#news-events {width: 362px; height: 310px; padding: 10px 15px; border: 1px solid #ccc9ba; background: #ffffef; float: left; }

/* ------ additions ------ */
div#additions h1, div#additions h2, div#additions p {margin-left: 100px; }

div#project1, div#project2 {position: relative; }
div#project1 {margin-bottom: 18px; border-bottom: 1px solid #ccc9ba; }
div#newsicon {
	height: 63px;
	width: 71px;
	background-image: url(images/homeshowSM1.jpg);
	float: left;
	background-repeat: no-repeat;
	margin-left: -6px;
	margin-top: -5px;
	margin-right: 6px;
}
div#newsicon2 {
	height: 80px;
	width: 80px;
	background-image: url(images/ff_logoSM1.jpg);
	float: left;
	background-repeat: no-repeat;
	margin-left: -6px;
	margin-top: -5px;
	margin-right: 6px;
}

div#project1 img {
	position: absolute;
	top: -12px;
	left: -77px;
	z-index: 100;
	width: 173px;
	height: 179px;
}
div#project2 img {
	position: absolute;
	top: -28px;
	left: -66px;
}

/* ------ news events ------ */
div#news-events {float: right; }

div#news-events h1 {float: left; margin-bottom: 7px; }
div#news-events a.morenews {float: right; margin-top: 2px; }
div#news-events ul {list-style-type: none; clear: both; }
div#news-events li {padding-bottom: 13px; }


/* INTERIOR PAGES *
================================================ */

#about {margin-bottom: 19px; padding-bottom: 10px; }
#abouttable1 {
	margin-bottom: 19px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc9ba;
	height: 145px;
	width: 759px;
}
#abouttable2 {
	margin-bottom: 0px;
	padding-bottom: 10px;
	height: 470px;
	width: 759px;
}


#lifestyle, #design, #palette {padding-bottom: 35px; }
#lifestyle {position: relative; } /* position relative is for the design title image */

#design_tilt {position: absolute; left: 664px; top: 100px; }

#lifestyle ul, #value ul {list-style-type: square; margin-left: 16px; line-height: 2em; }

#design dl#row1, #design dl#row2 {text-align: center; padding-left: 25px; }
#design dl#row1 dt, #design dl#row1 dd, #design dl#row2 dt, #design dl#row2 dd {width: 8.3em; float: left; }

#design dl#row1 dd {margin: 20px 0 1.5em -8.3em; }
#design dl#row2 dd {margin: 87px 0 0 -8.3em; }

#palette dl {text-align: center; padding-left: 55px; }
#palette dt, #palette dd {width: 10.5em; float: left; }
#palette dd {margin: 210px 0 0 -10.5em; }

#value ul#left, .portprev {float: left; }
#value ul#right, .portnext {float: right; }

.testimonial {text-align: justify; text-align: left; margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid #ccc9ba; }
.testimonial p.name {font-style: italic; text-align: left; }

#news h1 {margin-bottom: 7px; }
#news h2 {margin-bottom: 4px; }
 
/* -------- PORTFOLIO TEMP -------- */
#horizon_style1, #horizon_style2 {
	position: relative;
	width: 760px;
}

#horizon_style1 h1, #horizon_style1 h2 {
	margin-left: 200px;
}
#horizon_style2 h1, #horizon_style2 h2 {margin-right: 200px; }

#horizon_style1 .tilt_img {position: absolute; top: -50px; left: -85px; }
#horizon_style1 .tilt_img2 {position: absolute;top: -50px;left: 500px;}
#horizon_style2 .tilt_img {position: absolute; top: -50px; right: -85px; }
#article {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
div#newsiconfox {
	height: 60px;
	width: 42px;
	background-image: url(images/Fox5ATLsm.jpg);
	float: left;
	background-repeat: no-repeat;
	margin-left: -6px;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 5px;
}
div#jezicon {
	height: 57px;
	width: 50px;
	background-image: url(images/jezsm.jpg);
	float: left;
	background-repeat: no-repeat;
	margin-left: -6px;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 5px;
}
div#jezicon03 {
	height: 57px;
	width: 50px;
	background-image: url(images/jezsm03-09.jpg);
	float: left;
	background-repeat: no-repeat;
	margin-left: -6px;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 5px;
}
div#photos{
	padding-top: 20px;
	position: relative;
	padding-right: 20px;
}

.photogroup {
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
}
#jez_style1, #jez_style2  {
	position: relative;
	width: 760px;
}
#jez_style1   h1   ,{
	margin-left: 200px;
}
#jez_style2 h1, #jez_style2 h2 {
	margin-right: 200px;
}
#jez_style1 h1, #jez_style1 h2 {
	margin-left: 200px;
}
#jez_style1 .tilt_img {
	position: absolute;
	top: -80px;
	left: -83px;
}
#jez_style1 .tilt_img2 {
	position: absolute;
	top: -14px;
	left: 482px;
	width: 275px;
	height: 105px;
}
#jez_style1 .tilt_img3 {
	position: absolute;
	top: -14px;
	left: 482px;
	width: 275px;
	height: 105px;
	z-index: 200;
}
#jez_style2 .tilt_img {
	position: absolute;
	top: -50px;
	right: -85px;
}
div#photos2 {
	padding-top: 20px;
	padding-left: 150px;
}
.imgrightjez {
	padding-left: 30px;
	float: right;
	padding-bottom: 30px;
}
#jez_paragraph {
	width: 760px;
}