/* Start of CMSMS style sheet 'Layout' */
#columns *{
margin:0;
padding:0;
border:0
}

body{
margin:22px 0;
color:#8a0000;
background:url(./images/granite/bgr.jpg) #dcc5ac repeat-x top;
font:11px verdana,arial,tahoma,geneva,sans-serif;
}

a{
color:#474238;
text-decoration:underline
}
a:hover{
color:#474238
}

li{
list-style:none;
}

#page{
border:4px solid #cfbaa3;
margin:0 auto;
width:784px;
background:#f0f4e8
}
/*--- HEADER ---*/
#header{
margin:12px auto 0 auto;
width:760px;
height:auto
}
#header img{
float:left
}
.logo{
margin:0 0 12px 0
}
/*--- COLUMN LAYOUT ---*/
#columns{
margin:0 auto;
width:760px;
clear:both;
}
/*--- LEFT column ---*/
#leftcol{
padding:15px 0 0;
width:168px;
float:left;
}
#leftcol ul{
padding:0 0 20px 0
}

#leftcol li{
padding:1px 0 2px 0;
color:#646567;
background:url(./images/granite/hl-dash2.gif) repeat-x bottom;
font-size:12px;
list-style:none;
}

#leftcol li a{
padding:0 0 0 10px;
display:block;
color:#646567;
text-decoration:none;
height:27px;
line-height:27px;
}

#leftcol ul{margin:0; padding:0;}
#leftcol li a:hover,#leftcol li.active a{
display:block;
background:#e7e8de;
}
#leftcol li h3{font-family:verdana,arial,tahoma,geneva,sans-serif;padding: 5px 0 5px 11px; font-size:12px;} /***********/
#leftcol li li{background:none; margin:0; padding: 1px 0 10px 0; font-size:90%;}
#leftcol li li a{ padding: 0 0 0 30px; margin:0; background: url(./images/granite/li_arrow.gif) 15px 4px no-repeat;line-height:17px;}
#leftcol li li a:hover{background: url(./images/granite/li_arrow.gif) #e7e8de 15px 4px no-repeat;}
#leftcol li li h3{padding: 5px 0 0 30px; background: url(./images/granite/li_arrow.gif) 15px 7px no-repeat;}

/*--- CENTER column ---*/
#centercol{
padding:20px 0;
margin:0 0 0 17px;
width:553px;
float:left;
}
#centercol h1 span{
display:none
}

#centercol h1.slogan2 span{
display:inline;
padding: 0 0 0 35px;
margin:0 0 15px 0;
background:url(./images/granite/ico-h1.gif) no-repeat left;
color:#a40000;
font:28px "times new roman",serif
}

#centercol h1.slogan3{
padding: 0 0 0 35px;
margin:0 0 20px 0;
background:url(./images/granite/ico-h1.gif) no-repeat top left;
color:#a40000;
font:28px "times new roman",serif
}

#centercol h1.slogan2{
margin:0 0 15px 0;
padding:0 0 15px 0;
background:url(./images/granite/hl-dash.gif) repeat-x bottom;
color:#a40000;
font:28px "times new roman",serif
}



#centercol h1.slogan{
padding:0 0 10px 0;
margin: 0 0 20px 0;
background:url(./images/granite/hl-dash.gif) repeat-x bottom
}

h2{
padding:0 0 5px 0;
color:#585145;
font:22px "times new roman",serif
}
h3{
padding:0 0 5px 0;
color:#6b6a69;
font:18px "times new roman",serif
}

#centercol h2{
padding:0 0 5px 0;
color:#585145;
font:22px "times new roman",serif
}
#centercol h3{
padding:6px 0 5px 0;
color:#6b6a69;
font:18px "times new roman",serif
}

#centercol p{
padding:0 0 20px 0;
line-height:18px;
}

#granite_miniatures p{
padding:0 0 20px 0;
line-height:18px;
}

p#granite_miniatures{
padding:0 0 20px 0;
line-height:18px;
}


/*- Box -*/
.box{
width:191px;
margin:0 0 25px 20px;
float:right
}
.box img{
border:5px solid #dad7cf;
margin:0 0 3px 0
}
#centercol .box p{
padding:5px 0;
color:#585145;
background:#dad7cf;
font:14px "times new roman",serif;
text-align:center
}
#centercol .box p a{
color:#585145;
text-decoration:none
}
#centercol .box p a:hover{
text-decoration:underline;
}

.box2{
width:240px;
margin:0 0 25px 20px;
float:right;
}
.box2 img{
border:5px solid #dad7cf;
margin:0 0 3px 0;
}

ul{
padding:0 0 15px 20px
}
/*li{
padding:0 0 0 15px;
margin:3px 0;
background:url(./images/granite/ico-list.gif) no-repeat top left;
list-style:disc;
}*/


#centercol ul{
padding:0 0 15px 20px;
}
#centercol li{
padding:0 0 0 15px;
margin:3px 0;
background:url(./images/granite/ico-list.gif) no-repeat top left;
line-height:18px;
list-style:none;
}


div.image_container{float:left;}

#centercol #granite_miniatures img{
border: 4px solid #dad7cf;
margin:2px 23px 3px 0;
}

#centercol #granite_miniatures .image_description {background:#dad7cf; width:158px; float:left; padding:5px 0 5px 0; text-align:center; margin:0 0 10px 0;} 

/*--- FOOTER ---*/
#footer{
padding:20px 0;
width:720px;
margin:0 auto;
color:#333333;
background:url(./images/granite/hl-dash.gif) repeat-x top
}
#footer a{
color:#333333;
text-decoration:none
}
#footer a:hover{
color:#a40000
}
#footer p{
padding:0 0 0 150px;
line-height:16px
}
#copy{
margin:0 auto;
width:720px
}
#copy p{
padding:20px 0 0 150px;
color:#600000;
font-size:10px
}
#copy p a{
color:#600000;
text-decoration:none
}
/*--- Misc. styles ---*/
.fix,.hl{
clear:both;
line-height:1px;
height:1px
}
.hl{
clear:none;
margin:7px 0;
background:url(./images/granite/hl-dash.gif) repeat-x center
}
.fl{
float:left
}
.fr{
float:right
}

legend{display:none;}

div.photos_homepage img{border:5px solid #dad7cf;}

.gallery_image1{margin: 0pt 50px 8px 0pt; float: left; width: 228px;}
.gallery_image2{margin: 0pt 0 8px 0pt; float: left; width: 228px;}
*html .gallery_image1{margin: 0pt 25px 8px 0pt; float: left; width: 228px;}

#page img{border:5px solid #dad7cf;margin:7px;}
#sloganimage {border:none;}
table{margin-bottom:10px;}


#columns .contactform fieldset {padding: 1em; background-color: #eee;}
#columns .contactform fieldset legend {font-weight: bold;}
#columns .contactform div {width: 100%; padding: 0.75em 0 0.75em 0;}
#columns .contactform div label {display: block; width: 120px; margin:0 0 5px 0;}

#columns .contactform div.dimension{float:left; width:120px;}
#columns .contactform div.dimension input{width:100px;}
#columns .contactform .message{clear:both}
textarea{width:250px}
/* End of 'Layout' */