/****** Rustic Cedar Cabins of Texas - stylesheet ******/
/****** font stuff ********/
p 
{
margin : 10px 20px 5px 20px;
font-family : arial, helvetica, sans-serif;
line-height : 110%;
color : black;
font-style : normal;
text-align : left;
text-decoration : none;
background-color : transparent;
font-weight : normal;
font-size : 1.1em;
}
p.i 
{
visibility: hidden;
text-align:left;
font-size : .9em;
}
p.serv 
{
font-size : 1.2em;
text-align:left;
}
p.k 
{
text-align:right;
}
p a 
{
color : #666666;
font-weight : normal;
font-style : normal;
text-decoration : none;
}
p a:hover 
{
color : #000000;
font-weight : bold;
font-style : normal;
text-decoration : none;
}
p.g 
{
margin : 0 5px 5px 10px;
font-family : arial, helvetica, sans-serif;
line-height : 100%;
color : #666666;
font-style : normal;
text-align : left;
text-decoration : none;
background-color : transparent;
font-weight : normal;
font-size : .9em;
}
p.w 
{
margin : 0 5px 5px 10px;
font-family : arial, helvetica, sans-serif;
line-height : 100%;
color : #ffffff;
font-style : normal;
text-align : left;
text-decoration : none;
background-color : transparent;
font-weight : normal;
font-size : .9em;
}

p.wright 
{
margin : 0 5px 5px 10px;
font-family : arial, helvetica, sans-serif;
line-height : 100%;
color : #ffffff;
font-style : normal;
text-align : right;
text-decoration : none;
background-color : transparent;
font-weight : normal;
font-size : .9em;
}
h1 
{
border-style : none;
margin:10 0 0 0 ;
font-family : arial, helvetica, sans-serif;
font-size : 2.5em;
line-height : 100%;
color : black;
font-weight : bold;
font-style : normal;
text-align : center;
text-decoration : none;
background-color : transparent;
visibility : visible;
}
h2 
{
border-style : none;
font-family : arial, helvetica, sans-serif;
font-size : 2em;
line-height : 100%;
color : black;
font-weight : normal;
font-style : normal;
text-align : center;
text-decoration : none;
background-color : transparent;
visibility : visible;
}
h2.left 
{
border-style : none;
margin : 10px 20px 5px 20px;
font-family : arial, helvetica, sans-serif;
font-size : 2em;
line-height : 100%;
color : black;
font-weight : normal;
font-style : normal;
text-align : left;
text-decoration : none;
background-color : transparent;
visibility : visible;
}
h3 
{
border-style : none;
margin : 0 5px 5px 10px;
font-family : arial, helvetica, sans-serif;
font-size : 1.5em;
line-height : 100%;
color : black;
font-weight : bold;
font-style : normal;
text-align : center;
text-decoration : none;
background-color : transparent;
visibility : visible;
}
h3.r 
{
border-style : none;
margin : 10px 10px 5px 10px;
border-style : none;
font-family : arial, helvetica, sans-serif;
font-size : 1em;
line-height : 100%;
color : #993300;
font-weight : normal;
font-style : normal;
text-align : center;
text-decoration : none;
background-color : transparent;
visibility : hidden;
}
.h 
{
visibility : hidden;
overflow : hidden;
}
.w 
{
color : white;
}
.g
{
color : #666666;
}
.r 
{
color : #993300;
}
.box 
{
color : #cc9966;
font-weight : bold;
font-style : normal;
}
blockquote
{
margin : 40px 20px 20px 40px;
font-family : arial, helvetica, sans-serif;
line-height : 110%;
color : black;
font-style : normal;
text-align : right;
text-decoration : none;
background-color : transparent;
font-weight : bold;
font-size : 1.25em;
}
/**********page link style*********/
a:link 
{
color : #000000;
background-color : transparent;
font-weight : normal;
font-style : normal;
text-decoration : none;
}
a:visited 
{
color : #000000;
background-color : transparent;
font-weight : normal;
font-style : normal;
text-decoration : none;
}
a:active 
{
color : #000000;
background-color : transparent;
font-weight : normal;
font-style : normal;
text-decoration : none;
}
a:hover 
{
color : #000000;
background-color : transparent;
font-weight : bold;
font-style : normal;
text-decoration : none;
}
span.top  
{
float : right;
border : 0;
margin : 0;
padding : 0;
text-align: justify;
}

/********* page layout********/
.indexwrapper {
position : absolute;
margin : 40px 50% auto;
top : 40px;
left : -431px;
width : 862px;
height : 643px;
}
.pagewrapper {
position : absolute;
margin : 40px 50% auto;
top : 40px;
left : -431px;
width : 862px;
height : 1600px;
}
html 
{
margin : 0;
padding : 0;
}
body 
{
background-color : #000000;
margin : 0;
padding : 0;
}
.text1 
{
position : relative;
top : -8px;
float : left;
height : 466px;
width : 611px;
font-family : Arial, Helvetica, sans-serif;
font-size : 14;
line-height : 110%;
background-color : #ffffff;
overflow : hidden;
z-index: 20;
}
.text2 
{
position : relative;
top : -8px;
float : left;
height : 466px;
width : 249px;
font-family : Arial, Helvetica, sans-serif;
font-size : 14;
line-height : 105%;
background-color : #cccccc;
overflow : hidden;
z-index: 25;
}
.texttop 
{
position : relative;
top : -8px;
float : left;
height : auto;
width : 862px;
font-family : Arial, Helvetica, sans-serif;
background : #fff;
overflow : hidden;
z-index: 20;
}
.formtop 
{
position : relative;
top : -8px;
float : left;
height : auto;
width : 862px;
font-family : Arial, Helvetica, sans-serif;
background : #fff;
overflow : hidden;
visibility: visible;
z-index: 20;
}
.thanx 
{
position : relative;
top : -8px;
float : left;
height : auto;
width : 862px;
font-family : Arial, Helvetica, sans-serif;
background : #fff;
overflow : hidden;
visibility: visible;
z-index: 20;
}
.contexttop 
{
position : relative;
top : -8px;
float : left;
height : auto;
width : 862px;
background: #ffffff;
font-family : Arial, Helvetica, sans-serif;
overflow : hidden;
z-index: 20;
}
.servicetop
{
position : relative;
top : -8px;
float : left;
height : auto;
width : 862px;
background: #ffffff;
font-family : Arial, Helvetica, sans-serif;
overflow : visible;
z-index: 20;
}
.textmid 
{
position : relative;
top : -8px;
float : left;
height : auto;
min-height: 485px;
width : 862px;
font-family : Arial, Helvetica, sans-serif;
background-color : #ffffff;
overflow : hidden;
z-index: 20;
}
.servicemid
{
position : relative;
top : -8px;
float : left;
height : auto;
width : 862px;
font-family : Arial, Helvetica, sans-serif;
background-color : #ffffff;
overflow : hidden;
z-index: 20;
}
#familymid
{
position : relative;
top : -8px;
float : left;
height : auto;
width : 862px;
font-family : Arial, Helvetica, sans-serif;
background-color : #ffffff;
overflow : hidden;
z-index: 20;
}
.textbottom 
{
position : relative;
display: block;
top : -8px;
float : left;
clear: both;
height : auto;
width : 862px;
font-family : Arial, Helvetica, sans-serif;
background-color : #ffffff;
overflow : hidden;
z-index: 20;
}
.gallerybottom 
{
position : relative;
display: block;
top : -8px;
float : left;
clear: both;
height : auto;
width : 862px;
font-family : Arial, Helvetica, sans-serif;
background-color : #ffffff;
overflow : hidden;
z-index: 20;
}
#familybottom
{
position : relative;
display: block;
top : -8px;
float : left;
clear: both;
height : auto;
width : 862px;
font-family : Arial, Helvetica, sans-serif;
background-color : #ffffff;
overflow : hidden;
z-index: 20;
}
.form 
{
position : relative;
margin : 0px;
top : -10px;
left : 0px;
float : left;
width : 862px;
height : auto;
background-color : #ffffff;
overflow : hidden;
visibility: visible;
}
#contact { font: 12px; }
#contact p, label, legend { font: 12px; }

#contact h1 { margin: 10px 0 10px; font-size: 24px; color: #333333; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

/* Form style */

#contact label { display: inline-block; float: left; height: 16px; line-height: 16px; width: 155px; font-size: 12px;}
#contact input, textarea, select { width: 280px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:1 14px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;}   
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit { width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
#contact input.submit:hover { background:#444; }
#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset {width: 600px; margin: 0 auto; padding:20px;}

#contact span.required{font-size: 10px; color: #9999CC; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('../assets/success.gif') left no-repeat; padding-left:22px; }

acronym { border-bottom:1px dotted #ccc; }

.image1 
{
position : relative;
top : 0;
float : left;
height : 126px;
width : 609px;
border : 0;
z-index : 50;
}
.image2 
{
position : relative;
top : 0;
float : right;
height : 126px;
width : 253px;
float : right;
border : 0;
z-index : 20;
}
.image4 
{
position : relative;
top : -4px;
float : right;
height : 31px;
width : 253px;
border : 0;
z-index : 20;
}
.box 
{
position : relative;
top : 20px;
float : left;
height : 271px;
width : 567px;
margin: 10px;
background-image : url('images/box.jpg');
z-index:50;
}
.box2 
{
position : relative;
top :0px;
float : right;
height : 271px;
width : 567px;
margin: 20 0 0 0;
padding:0px;
background-image : url('images/box_02.jpg');
z-index:50;
}
.image5 
{
position : relative;
display: block;
top : -8px;
left: 0px;
clear: both;
height : 20px;
width : 862px;
border : 0;
}
#i5c
{
top: -10px;
}

.shadow 
{
position : relative;
top : -8px;
float : left;
height : 8px;
width : 862px;
background-image : url('images/topshadow.jpg');
margin : 0;
padding : 0;
overflow : hidden;
border : 0;
z-index: 5;
}
.fineprint
{
position : absolute;
margin : 0px 50% auto;
top : 740px;
left : -431px;;
display: block;
float : left;
clear: both;
height : 30px;
width : 862px;
font-family : Arial, Helvetica, sans-serif;
background-color : #transparent;
overflow : hidden;
z-index: 20;
}

fineprint.right a link vistited hover
{
font-family : Arial, Helvetica, sans-serif;
color: #ffffff;
background-color : #transparent;
overflow : hidden;
z-index: 20;
}

/******* menu bar ********/
.nav 
{
position : relative;
display : block;
top : -4px;
float : left;
height : 31px;
width : 609px;
background-image : url('images/index_03.jpg');
margin : 0;
padding : 0;
overflow : hidden;
text-align : center;
z-index : 5;
}
ul 
{
margin : 0;
padding : 0;
list-style-type : none;
}
ul li 
{
display : inline;
text-align : center;
}
.nav a 
{
margin : 0 0 5px 0;
font-family : arial, helvetica, sans-serif;
font-size : 14px;
font-weight : bold;
text-decoration : none;
text-align : center;
padding : 0;
color : #000000;
height : 31px;
line-height : 31px;
background-color : transparent;
border : 0;
}
.nav a:visited 
{
color : #000000;
background-color : transparent;
font-weight : bold;
text-decoration : none;
}
.nav a:hover 
{
color : #ffffff;
background-color : transparent;
font-weight : bold;
text-decoration : none;
}
.nav a:active 
{
color : #000000;
background-color : transparent;
font-weight : bold;
text-decoration : none;
}
.nav a.current 
{
color : #000000;
background-color : transparent;
font-weight : bold;
text-decoration : none;
}
.nav a.current:visited 
{
color : #000000;
background-color : transparent;
font-weight : bold;
text-decoration : none;
}
.nav a.current:hover 
{
color : #ffffff;
background-color : transparent;
font-weight : bold;
text-decoration : none;
}
.nav a.current:active 
{
color : #000000;
background-color : transparent;
font-weight : bold;
text-decoration : none;
}
#spacer1 
{
margin : 0 0 5px 0;
font-family : arial, helvetica, sans-serif;
font-size : 14px;
text-decoration : none;
text-align : center;
padding : 0;
color : #000000;
width : 1px;
height : 31px;
line-height : 31px;
background-color : transparent;
border : 0;
}
#spacer2 
{
margin : 0 0 5px 0;
font-family : arial, helvetica, sans-serif;
font-size : 14px;
text-decoration : none;
text-align : center;
padding : 0;
color : #000000;
width : 1px;
height : 31px;
line-height : 31px;
background-color : transparent;
border : 0;
}
#spacer3 
{
margin : 0 0 5px 0;
font-family : arial, helvetica, sans-serif;
font-size : 14px;
text-decoration : none;
text-align : center;
padding : 0;
color : #000000;
width : 1px;
height : 31px;
line-height : 31px;
background-color : transparent;
border : 0;
}
#spacer4 
{
margin : 0 0 5px 0;
font-family : arial, helvetica, sans-serif;
font-size : 14px;
text-decoration : none;
text-align : center;
padding : 0;
color : #000000;
width : 1px;
height : 31px;
line-height : 31px;
background-color : transparent;
border : 0;
}
#spacer5 
{
margin : 0 0 5px 0;
font-family : arial, helvetica, sans-serif;
font-size : 14px;
text-decoration : none;
text-align : center;
padding : 0;
color : #000000;
width : 1px;
height : 31px;
line-height : 31px;
background-color : transparent;
border : 0;
}
#indexhome
{
width:50px;
}
#indexconst
{
width: 120px;
}
#indexext
{
width: 85px;
}
#indexint
{
width: 85px;
}
#indexfamily
{
width: 70px;
}
#indexdes
{
width: 70px;
}
#indexcon
{
width: 75px;
}
#indexplan
{
width: 60px;
}

/****** end menu bar ********/
/****** front page links ********/
.links 
{
position : absolute;
margin : 40px 50% auto;
top : 725px;
left : -431px;
width : 862px;
border : 0;
text-align: center;
}

.links2 
{
position : absolute;
margin : 10px 50% auto;
padding: 0 auto;
top : 795px;
left : -431px;
width : 862px;
border : 0;
text-align: center;
}

.links img.right, .links2 img.right
{
float : right;
border : 0;
margin : 0;
padding : 5px;
}

.links img.left, .links2 img.left
{
float : left;
border : 0;
margin : 0;
padding : 5px;
}

/******* general image float *****/
img.right 
{
float : right;
border : 0;
margin : 0;
padding : 0;
}
img.left 
{
float : left;
border : 0;
margin : 0;
padding : 0;
}
#logo1
{
margin-top: 20px;
margin-right: 40px;
}

/************* float divs *************/

#right
{
float:right;
clear:both;
}

#left
{
float:left;
clear:both;
}

.clear
{
clear: both;
}