body{ margin: 0; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #666; font-size: 63%;}
h1,h2,h3{ margin: 0; padding: 0; line-height: 1.4; }
p{ font-size: 10pt; line-height: 1.3; margin: 0; padding: 0; }
h2,h3{ color: #2b2b2b; }

#mainWrapper{ width: 725px; margin: 10px auto; }
#header{ margin-bottom: 8px; }

.clear{ clear: both; height: 1px; }
.hidden{ display: none; }

/* BEGIN HORIZONTAL ACCORDION STYLES */
.haccordion{ width:100%; }
ul.slider{ margin: 0; padding: 0; }
.handle{ float: left; margin-right: 1px; }
.description{background: #000;  color: #fff; padding: 5px; margin:107px 0 0px 0; position: relative; opacity: 0.70; -moz-opacity: 0.70; filter:alpha(opacity=70); display: none; min-height: 50px; }
.description h3{ color: #fff; font-weight: bold; font-size: 12pt; }
.description a{ color: #fdca2e; font-style: italic; text-decoration: none; } .description a:hover{ text-decoration: underline; color: #FFFF99; }
.sacred, .gov, .healthcare, .residential{ height: 217px; padding: 50px 0px 0 0; margin-right: 1px; }
.sacred{ background: url(../img/acc_ourlady.jpg) top left no-repeat;} 
.gov{ background: url(../img/acc_dakota.jpg) top left no-repeat; }
.residential{ background: url(../img/acc_sgi.jpg) top left no-repeat; }
.healthcare{ background: url(../img/acc_district1.jpg) top left no-repeat; }

/* EOF HORIZONTAL ACCORDION STYLES */

/**** SUBPAGE ****/
#subpage{  padding: 0; margin: 0;font-size: 10pt; background: #f0f0f0;}
#bottom a,#subpage a{ color: #156b92; text-decoration: none; } #bottom a:hover, #subpage a:hover{ text-decoration: underline; color: #999; }

/* SIDEBAR */

#sidebar{  padding: 15px 0 0 18px;  margin: 0; width: 30%; float: left; background: #f0f0f0;  min-height: 350px;}
*html #sidebar{ height: 350px; }
#sidebar h3{ font-size: 130%; }
#sidebar strong{ color: #2b2b2b; }
#sidebar p{ margin-bottom: 10px; }
#sidebar li{ margin-bottom: 2%; }

p.testimonial{ text-align: right; font-style: italic; margin: 0; padding: 0; }

/* SUBPAGE CONTENTS */

#works{ float: right; width: 65%; background: #fff; padding: 0 0 10px 0; border-left: 4px solid #d4d4d4; min-height: 420px;}
#works h2{ margin: 0 8px 8px 8px; }
*html .big img{ width: 460px; }
.big{ background: #eee; padding-bottom: 8px; width: 460px; min-height: 360px; }
.preview img{ height: 280px; width: 460px; overflow: hidden;}
.big h3{ margin: 5px 0 0 10px; }
.big p, #about-page{ padding: 0 10px; }
#about-page h2{ margin: 0; }

#scroller{ width: 100%; }
#scroller h2{ margin: 8px 0 8px 12px; line-height: 1.2; }
ul#thumbnails{ margin: 8px 0 0 12px; padding: 0; list-style: none; }
ul#thumbnails li{ float: left; text-align: center; margin: 10px 5px 10px 0; padding: 0; }
ul#thumbnails li img{ border: 3px solid #efefef; }

/* BOTTOM PART OF HOMEPAGE */

#bottom{ clear: both; margin: 10px 0; width: 685px;}
#bottom h2{ margin: 15px 0 -5px 0; padding: 0; font-size: 180%; }

#about{ width: 47%; float: left;}
#service{ width: 47%; float: right; }
#bottom .text{ padding: 12px;  min-height: 130px; font-size: 10pt; margin: 0; background: #f0f0f0;}
#bottom .text ul, #sidebar ul{ list-style: none; margin: 0 0 0 12px; padding: 0; }
#bottom li{ margin-bottom: 8px; }

/* FOOTER */

#footer{ clear: both; margin: 10px auto; }
#footer p{font-size: x-small; text-align: center; color: #636363;}

/********** TOOLTIP *******/
.qtip {font-size: 10pt; }
