/*global styles*/

body { color: #676767; margin: 10px 0; font-family: tahoma, Helvetica, arial, sans-serif; font-size: 0.7em;
background:#a5a591 url(../img/template/bg_tile.jpg) center top repeat-y;}
strong { color: #666; font-weight: 700; }
acronym { color: #e0b694; font-size: 10px; vertical-align: top; border-width: 0; cursor: help; }
h2 { color: #996; font-size: 2.4em; font-family: "lucida sans unicode", "trebuchet ms"; font-weight: 400; letter-spacing: 0.1em; }
h3 { color: #996; font-weight: bold; }
ul {list-style: disc; padding-left: 1em;}
.clear {clear: both;height: 0;}

/*form styles*/

form { float: left; margin: 0; }
form fieldset { display: inline; border: 0; float: left; margin: 6px 15px 0 0; }
form legend {display: none;}
form label {display: none;}
form input { color: #676767; font-size: 11px; font-family: tahoma, sans-serif; background-color: white; padding-left: 7px; border: solid 1px #ccc; }
form textarea { color: #676767; font-size: 11px; font-family: tahoma, sans-serif; background-color: white; width: 351px; height:79px; overflow: auto; padding-top: 3px; padding-left: 7px; border: solid 1px #ccc; }
form br {display:none;}
form .text { width: 150px; height: 15px; border: solid 1px #ccc; display:block; margin-bottom: 10px; padding-top: 3px; }
form .text2 { width: 150px; height: 15px; padding-top: 3px; border: solid 1px #ccc; display:block; }
form .button { margin: 6px 0 0; padding: 0; border-width: 0; }

/*site specific styles*/

.shadowTop{padding-top:10px; margin:0 auto; width:940px; background:url(../img/template/top-shadow.png) left top no-repeat;}
.shadowBot{padding-bottom:10px;  background:url(../img/template/bot-shadow.png) left bottom no-repeat;}
.shadowMid{background:url(../img/template/mid-shadow.png) repeat-y;}

#container {background: #fff; margin-left: auto; margin-right: auto; width: 900px; border: 10px solid #606060; text-align: left;}

#header { position: relative; width: 868px; height: 120px; margin: 15px 15px 8px; border: dashed 1px #bdbdbd; background: url(../img/template/bg.gif) repeat-x; }
#header span { position: absolute; width: 100%; height: 100%; background: url(../img/template/logo.gif) no-repeat; }
#header h1 { visibility: hidden; }
#header p { visibility: hidden; }
#body {margin: 0 15px;}
#services, #about { display: inline; width: 425px; float: left; margin: 8px 0; padding: 12px 0 19px; background: url(../img/template/bg.gif) repeat-x; height: 133px; border: dashed 1px #bdbdbd; }
#services { margin-right: 16px; }
#services h2 { margin: 0 20px; }
#services ul { line-height: 1.4em; margin: 6px 20px 0 25px; }
#about h2 { margin: 0 20px; }
#about p { line-height: 1.4em; float: left; width: 300px; margin-top: 6px; }
#about img { float: left; margin: 10px 12px 0 21px; border: solid 1px #bcbcbc; }
.off { display: none; }
.on { display: block; }

#featured {border: dashed 1px #bdbdbd; overflow: hidden;  }
#featured.pics { height: 160px; width: 868px; padding:0; overflow: hidden }
#featured.pics img { height: 160px; width: 868px; top:0; left:0 }

#portfolio {width: 868px;padding: 14px 0 20px;background: url(../img/template/bg.gif) repeat-x;border: dashed 1px #bdbdbd;overflow: auto;clear: both;margin-bottom:8px;}
#portfolio h2 { margin: 0 20px; }
#portfolio h2 a {color:#999966; font-size: 0.4em; font-weight: 400; letter-spacing: 0;  text-decoration:none; background:url(../img/icn-comments.gif) 0 0 no-repeat; padding-left:30px;}
#portfolio h2 a:hover{text-decoration:underline;}
#portfolio #pfolio_items a,
#portfolio #pfolio_items a:link { color: #969696; text-decoration: none;  display:block; margin-top:5px; }
#portfolio #pfolio_items a:visited { color: #9f9f9f; text-decoration: none; }
#portfolio #pfolio_items a:hover, #pfolio_items a:active { color: #996; text-decoration: none; }
.thumb { display: inline; float: left; margin-top: 16px; margin-right: 1px; margin-left: 20px; }

#web-links { display: inline; width: 600px; float: left; margin: 8px 0; padding: 12px 0 19px; background: url(../img/template/bg.gif) repeat-x; height: 133px; border: dashed 1px #bdbdbd; }

#pfolio_items{float:left; width:568px; padding-right:18px; background:url(../img/template/divide.gif) right 20px no-repeat;}
#pfolio_list{float:right; width:245px; margin-top:20px; padding-right:20px; position:relative;}

#portfolio #pfolio_list a{text-decoration:none; color:#b18633; font-weight:bold;}
#portfolio #pfolio_list a:visited{color:#897f6b; text-decoration:none;}
#portfolio #pfolio_list a:hover,
#portfolio #pfolio_list a:active{color: #ffa800; text-decoration:none;}

#portfolio dl.plist{margin-bottom:8px;}
#portfolio dl.plist dt{margin-bottom:2px;}
#portfolio dl.plist dd{margin-bottom:5px;}

#portfolio #butNav{padding:8px 2px 8px; border-top:1px dotted #cecece; border-bottom:1px dotted #cecece; overflow:hidden; width:241px;
position:absolute; top:514px; left:0; display:none;}
#portfolio a#nextButton{float:right; display:none;}
#portfolio a#prevButton{float:left; display:none;}

/* #portfolio div img {border: solid 1px #bdbdbd;} */

#contact { width: 868px; padding: 10px 0 21px; background: url(../img/template/bg.gif) repeat-x; border: dashed 1px #bdbdbd; clear:both; }
#contact h2 {margin: 0 20px;}
#contact p { line-height: 1.4em; display: inline; float: left; width:200px; margin: 8px 20px 0; }

#footer {clear: both; width: 868px; margin: 15px; overflow: auto;}
#footer a:link { color: #b18633; text-decoration: none; }
#footer a:visited { color: #897f6b; text-decoration: none; }
#footer a:hover, a:active { color: #ffa800; text-decoration: none; }
#footer p {width: 50%; float: left;}
#footer p.contact { text-align: right; }

/* highslide */

.highslide img { border: dashed 1px #bdbdbd; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; }
.highslide:hover img { border: 1px solid #999966; opacity:.7; filter: alpha(opacity=70); -moz-opacity: 0.7; }
.highslide-image {}
.highslide-image-blur {}
/* .highslide-caption { color: #737373; display: none; font-family: Tahoma, Verdana, sans-serif; font-size: 11px; padding: 10px 5px 5px; background-color: white; text-align: right; border-left: 1px solid white; border-bottom: 1px solid white; border-right: 1px solid white; border-top-style: none; border-top-width: medium; }
.highslide-caption a:link { color: #996; text-decoration: none; }
.highslide-caption a:visited { color: #996; text-decoration: none; }
.highslide-caption a:hover, a:active { color: #a4a39d; text-decoration: none; } */
.highslide-display-block {display: block;}
.highslide-display-none {display: none;}
.highslide-loading { background-image: url(../img/highslide/loader.gif); background-repeat: no-repeat; width: 28px; height: 28px; }
.highslide-dimming { background: #e9e9e9; position: absolute; visibility: hidden; }

/* site credits */
#site_credits{font-family:Georgia, "Times New Roman", Times, serif; color:#747474; font-size:13px; line-height:20px; padding:30px 30px 10px;}
#site_credits a{color:#b18633; text-decoration:none;}
#site_credits a:hover{color:#b18633; border-bottom:1px dotted #b18633;}

#site_credits blockquote{margin-bottom:0.8em; padding-left:40px; padding-right:40px; background:url(../img/quote-top.gif) 0 1px no-repeat;}
#site_credits cite{display:block; margin-bottom:1.5em; padding-right:40px; text-align:right; background:url(../img/quote-bot.gif) bottom right no-repeat;}