/* mac hide\*/
html, body {height:100%}
/* end hide */
html,body {
padding:0;
margin:0;
border: none;
font-size: 12px;
font-family: arial, "lucida console", sans-serif;
}

body {
background-color:#000000;
}

html>body #outer {
height:auto;
margin:50px auto 10px;
background:#CEBCA8;}
/*for mozilla as IE treats height as min-height anyway*/

.cb {clear:both; height:1px; line-height:1px;}

#outer{
height:auto;
width:700px;
margin:auto;
position:relative;
}

/*BEGIN - page layout*/

#headspacer{
margin:0;
padding:0;
}

#header{
margin:0;
padding:0;
height:100px;
background:url("img/tyler-logo.jpg");
background-position:20px 15px;
background-repeat:no-repeat;
}

#center_content{
margin:0;
padding:0;
width:100%;
}

#left_col{
float:left;
margin:0;
padding:0;
position:relative;/*ie needs this to show float */
width:25px;
}

#right_col{
float:right;
margin:0;
padding:0;
position:relative;/*ie needs this to show float */
width:25px;
}

#middle_col{
margin:0;
padding:0px 25px 25px 30px;
}

#middle_col p{
margin:0;
line-height:21px;
}

#homepage_r p{
margin-top:0;
margin-left:0px;
margin-right:0px;
}

#middle_col_l{
float:left;
margin:0;
padding:0;
position:relative;/*ie needs this to show float */
width:650px;
/*background-image:url("img/main.jpg");
background-repeat: no-repeat;*/
}

#middle_col_r{
float:right;
margin:0;
padding:0;
position:relative;/*ie needs this to show float */
width:210px;
height:275px;
background-image:url("img/text_bg.gif");
background-repeat: no-repeat;
}

.p_homepage a:link {color: #ffffff; text-decoration: underline; }
.p_homepage a:visited {color: #ffffff; text-decoration: underline; }
.p_homepage a:active {color: #ffffff; text-decoration: underline; }
.p_homepage a:hover {color: #000000; text-decoration: underline; }

#middle_col_c a:link {color: #544129; text-decoration: underline; }
#middle_col_c a:visited {color: #544129; font-weight:bold; text-decoration: underline; }
#middle_col_c a:active {color: #544129; text-decoration: underline; }
#middle_col_c a:hover {color: #000000; text-decoration: underline; }

#middle_col a {font-style: italic; color: #333333; text-decoration: underline;}
#middle_col a:hover {color: #fff;}

#middle_col_c{
/*margin-left:25px;*/
padding:0;
position:relative;/*ie needs this to show float */
}

#middle_col_text{
margin:0;
padding:0;
position:relative;/*ie needs this to show float */
}

#middle_col_c_inner{
float:left;
margin-left:5px;
padding:0;
position:relative;/*ie needs this to show float */
width:24%;
}

#middle_col_c_top{
margin:0;
padding-top:25px;
position:relative;/*ie needs this to show float */
}

#middle_col_c_inner img{
border:none;
margin:0;
padding:0;
}

#footer{
margin:0;
padding:0;
position:relative;
height:60px;
clear:both;
}

#footer p{
text-align:center;
margin:0;
padding-top:25px;
}

#footer a{font-family: Arial, Helvetica, sans-serif; color: #635B3D; text-decoration: none; font-size: 12px;}
#footer a:hover{font-family: Arial, Helvetica, sans-serif; color: #9A8E5F; text-decoration: underline; font-size: 12px;}

/*END - page layout*/

/*BEGIN - NAVIGATION CSS*/

#nav_menu{
float:right;
margin:0;
padding:22px 30px 0 0;
position:relative;/*ie needs this to show float */
text-align:right;
}

/*END - NAVIGATION*/

.h1 {
font-family: "Monotype Corsiva", Garamond, Verdana;
font-size: 18px;
font-weight: bold;
color: #735937;
margin-bottom: 5px;
}

.h2 {
font-family: "Monotype Corsiva", Garamond, Verdana;
font-size: 14px;
font-weight: bold;
color: #735937;
margin-bottom: 5px;
}

/*BEGIN - INDEX CSS*/

.h1_index {
font-family: "Monotype Corsiva", Garamond, Verdana;
font-size: 18px;
font-weight: bold;
color: #735937;
margin-bottom: 5px;
}

.p_index {
color: #544129;
font-family: Garamond, Verdana, Arial;
margin-bottom: 5px;
}

.p_bold {
color: #000000;
font-family: Garamond, Verdana, Arial;
padding-left: 25px;
margin-bottom: 5px;
}

/*END - INDEX CSS*/

/*BEGIN - 2011 HomeShow CSS*/

#video {margin-bottom:15px;}

/*END - 2011 HomeShow CSS*/

/*BEGIN - CONTACT CSS*/

.p_contact {
color: #544129;
font-family: Garamond, Verdana, Arial;
margin-bottom:0;
}

/*END - CONTACT CSS*/

/*BEGIN - PRODUCTS CSS*/

.p_products {
color: #544129;
font-family: Garamond, Verdana, Arial;
margin-bottom:0;
}

.p_products a {
color: #544129;
font-family: Garamond, Verdana, Arial;
margin-bottom:0;
}

#products_images{
margin:10px;
padding:25px;
}

/*END - PRODUCTS CSS*/

/*BEGIN - LISTINGS CSS*/

.style1 {
font-family: Garamond, Verdana, Arial;
}
.style2 {font-size: 14px}
.style3 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
.style4 {font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: bold;
}

#listings {
margin:0;
padding:0;
}

#listings a{
font-family: Arial, Helvetica, sans-serif;
color: #635B3D;
text-decoration: none;
font-size: 12px;
}

#listings a:hover{
font-family: Arial, Helvetica, sans-serif;
color: #9A8E5F;
text-decoration: underline;
font-size: 12px;
}

/*END - LISTINGS CSS*/

/*BEGIN - STYLES CSS*/

.h1_styles {
font-family: "Monotype Corsiva", Garamond, Verdana;
font-size: x-large;
font-weight: bold;
color: #735937;
margin-bottom: 5px;
text-decoration:underline;
}

.p_homepage {
color: #544129;
font-family: Arial, Helvetica, sans-serif;
padding:10px 0 0;
margin:0;
font-size: 12px;
}

.p_credits { color: #544129; font-family: Arial, Helvetica, sans-serif; padding:0; margin:6px 0 0; font-size: x-small; }
.p_credits a {color: #a17c4f; font-family: Arial, Helvetica, sans-serif; padding:0; margin:0; font-size: x-small; }

.description { 
text-align:left;
color: #544129;
font-family: Garamond,Verdana,Arial;
margin-bottom:0;
font-weight:bold;
}

#styles {
margin-bottom:25px;
padding:0;
}

#styles a{
font-family: Arial, Helvetica, sans-serif;
color: #635B3D;
text-decoration: none;
}

#styles a:hover{
font-family: Arial, Helvetica, sans-serif;
color: #9A8E5F;
text-decoration: underline;
}

.p_styles {
color: #544129;
font-family: Garamond, Verdana, Arial;
padding:0;
margin-bottom:0;
}

ul.no-bullets {padding:0;}
ul.no-bullets li {list-style:none; margin:0 0 10px; font-size:14px; color:#544129;}

/*END - STYLES CSS*/

.style_description {
text-align:right;
color: #544129;
font-family: Garamond,Verdana,Arial;
margin-bottom:0;
font-weight:bold;
}

.tabledataheader {
text-align:left;
color: #544129;
font-family: Garamond,Verdana,Arial;
margin-bottom:0;
font-weight:bold;
}

/*BEGIN - GALLERY CSS*/
#gallery_table{
margin-bottom:0;
padding:0;
}

#photos img{
margin-bottom:0;
padding:0;
border: 5px solid #FFF;
}
/*END - GALLERY CSS*/

/* FLIPBOOK */

#flipbook {width:85%; border:1px solid #544129; background:#C1BBB2; padding:8px;}
	.flipbook-text {float:left; font-size:18px; color:#544129;}
		#middle_col .flipbook-text a, #middle_col .flipbook-text a:visited {color:#544129; font-style:normal;}
		#middle_col .flipbook-text a:hover {color:#544129;}
	.flipbook-image {float:right; margin:0 0 0 20px;}
 */