/*  BASIC  */
body {background:#e5e6db; color:#222; font: 16px/20px "Trebuchet MS", "Verdana", "Tahoma", "Arial", sans-serif;}

a,
a:visited {color:#060; /* only use this colour here. */}

p img.fleft  {margin-right:10px;}
p img.fright {margin-left:10px;}

#main p img {border:solid 4px #fff; margin-bottom:4px;}

/*  STRUCTURE   */
.grid_2 {width:160px;} /* 140 / rhs */
.grid_3 {width:200px;} /* 220 / lhs */


#heading {margin:40px 0; border-bottom:solid 1px #222;}
#heading h1 {margin:0   0 10px 10px; color:#030; font-weight:normal; letter-spacing:4px; text-align:center;}
#heading h2 {margin:4px 0  4px 10px; color:#444; font-size:18px; font-weight:normal; text-align:center;}
#heading h1 a {color:inherit; text-decoration:none;}

#lhs {margin:20px 10px 0 10px; background:#090 url(img/bg-menu-g.png) no-repeat;}

/* nav */
#sw_tree_1 {margin:0 10px; border-top:solid 1px #444; border-bottom:solid 0px #444; background:#f00;}
#sw_tree_1 li {border-bottom:1px solid #444;}

#sw_tree_1 li a,
#sw_tree_1 li a:visited {background:#090; display:block; padding:8px 0 8px 15px; color:#fff; font-weight:normal; letter-spacing:2px; text-decoration:none;}
#sw_tree_1 li a.current,
#sw_tree_1 li a:hover   {background:#070 url(img/menu-arrow.gif) 2px 50% no-repeat;}

#sw_tree_1 li ul li {border:0;}
#sw_tree_1 li ul li a,
#sw_tree_1 li ul li a:visited {padding:4px 0 4px 25px; border:none;}
#sw_tree_1 li ul li a:hover   {background-position:10px 50%;}

#sw_tree_1 li ul li ul li a,
#sw_tree_1 li ul li ul li a:visited {padding-left:35px;}

#sw_tree_1 li ul li ul li ul li a,
#sw_tree_1 li ul li ul li ul li a:visited {padding-left:45px;}

#menu_foot {height:40px; background:transparent url(img/bg-menu-foot-g.png) 0 0 no-repeat;}


#main {padding:0 0px;}
#main p {margin:10px;}
#main blockquote {margin:10px 30px; padding:10px; color:#050; background:#dfd url(img/bg-quoted.gif) 0 0 no-repeat; -moz-border-radius:6px;}
#main hr {height:1px; margin:20px 0; border:0; background:transparent url(img/bg-hr-g.png) 0 0 no-repeat;}

#main p.tags {margin:20px 0 0 0; padding:0 10px; border:dotted 1px #cfd1be; background:#ddc; text-align:right; font:normal small-caps 12px/14px sans-serif;}

ul.fpbull {margin-left:20px;}
ul.fpbull li {margin-left:20px; list-style-image:url(img/brush.gif);}

dl.links {margin:10px 0 20px 0;}
dl.links dt a {display:block; border:solid 1px transparent; padding-left:4px; text-decoration:none; letter-spacing:1px; font-weight:bold;}
dl.links dt a:hover {text-decoration:none; background:#ddc; border-color:#cfd1be;}
dl.links dd {margin-bottom:20px;}
dl.links dd a {float:left; margin:4px 10px 4px 0; border:solid 1px transparent; padding:2px;}
dl.links dd a:hover {border:solid 1px #080;}

#rhs h4 {margin:20px 0 4px 0; background:transparent url(img/bg-rhs-h4-g.png) 0 0 no-repeat; padding-left:0px; color:#030; text-align:center;}

#pagefoot {margin-left:auto; margin-right:auto; width:940px; padding-right:20px; text-align:right; background:transparent url(img/bg-footer-g.png) 0 0 no-repeat;}


/*  CLASSES  */
.testimonial {padding:4px; background:#dfd; color:#030; -moz-border-radius:6px;} /*#ceb #97d073 */
.testimonial .t_text   {display:block; background: url(img/bg-quoted.gif)   0%   0% no-repeat;}
.testimonial .t_person {display:block; background: url(img/bg-quoted.gif) 100% 100% no-repeat; font-style:italic; font-size:80%;}

.sw_thumb {position:relative; display:block; float:left; width:168px; height:148px; margin:0 10px 10px 0; padding:10px 0; text-align:center; border:solid 1px #aaa; text-decoration: none;}
.sw_thumb:hover {background:#fff;}
.sw_thumb span {position:absolute; bottom:4px; width:100%; display:block; color:#030; font:14px/14px sans-serif; text-align:center;}

.news_tags   a,
.news_latest a       {display:block; border:solid 1px transparent; text-decoration:none; -moz-border-radius:3px;}
.news_tags   a:hover,
.news_latest a:hover {border-color:#070; text-decoration:none; background:#fff; background:#ddc; border-color:#cfd1be;}

#gallery-mask {display:block; position:relative; /*width:160px;*/ height:125px; overflow:hidden;}
#gallery-show {position:absolute; width:160px; /*height:107px;*/}
#gallery-show img {display:block; position:absolute; border:1px solid #aaa; padding:1px;}

form li {margin:10px;}
form label {display:block; float:left; width:100px;}
form textarea {width:410px;}
form input    {width:200px;}

form textarea,
form input {border:solid 1px #cfd1be; -moz-border-radius:3px;}
form textarea:focus,
form input:focus {border-color:#070; background:#ffe;}
form input.submit {width:90px; border:solid 1px #444; -moz-border-radius:3px;}
form input.submit:hover {background:#090; color:#fff;}

span.req {color:#b00;}