/* ©2010 DB-Elements.com | All rights reserved. */
/* ------------ www.db-elements.com ----------- */

/*----------------------------*/
/* Browser default style reset*/
/*----------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}

/*-------------*/
/* Link styles */
/*-------------*/
a {font-size:100%; color:#009740;}
a:link {color:#009740; text-decoration:none;}
a:hover {color:#CC8466; text-decoration:none;}
a:active {color:#CC8466; text-decoration:none;}
a:visited {color:#009740; text-decoration:none;}
a:visited:hover {color:#CC8466; text-decoration:none;}

/*--------------------*/
/* DB-ELEMENTS styles */
/*--------------------*/
body {background-color:#000000; font-family:Verdana, Geneva, sans-serif; width:100%;}
h1 {font-size:110%; text-align:left; padding:6px 0px 0px 110px; color:#848F54; letter-spacing:1px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight:bold;}
h2 {font-size:110%; color:#4d8062; font-weight:bold; display:inline;}
h3 {font-size:80%; font-style:italic; text-align:center;}
h4 {font-size:110%; font-weight:bold; text-align:center; padding-bottom:5px; color:#993300;}
hr {width:75%; height:0.5px; border:0px; background-color:#009740; color:#009740;}
.hrC {width:530px; height:0.5px; border:0px; background-color:#009740; color:#009740; margin:0px 135px;}
.halfBreak {line-height:.5em;}
.halfBreak2 {line-height:.7em;}
.halfBreak3 {line-height:.4em;}
html {overflow-y:scroll;}
.bold {font-weight:bold;}
.boldRed {font-weight:bold; color:#900;}
.center {font-size:80%; text-align:center; background-image:url(img/design/div-back.gif);}
.codeblock {font-family: "Courier New", Courier, monospace; padding:5px 135px; font-size:80%;}
.hidden {display:none;}
.italic {font-style:italic;}
.norm {font-size:100%; padding: 0px 10px 0px 10px; background-image:url(images/design/div-back.gif);}
.norm a {font-size:100%;}
.norm2 {font-size:80%; padding: 0px 10px 0px 10px;}
.norm3 {font-size:100%;}
.normC {font-size:100%; padding: 0px 10px 0px 10px; text-align:center;}
.normC a {font-size:100%;}
.hdrSpan {font-size: 120%; color:#758a8a; font-weight:bold;}
.hdrSpan {font-size: 120%; color:#758a8a; font-weight:bold;}
.smaller {font-size:90%; padding: 0px 10px 0px 10px;}
.spacer1 {width:700px; height:220px; background-image:url(images/design/div-back.gif);}
.spacer2 {width:700px; height:170px; background-image:url(images/design/div-back.gif);}

/*----------------------*/
/* Universal styles NEW */
/*----------------------*/
#clientList {border:none; margin:0px 135px; width:530px; text-align:center; font-size:70%;}
#clientList td {width:50%; padding:0px 15px;}
#contact  {border:none; margin:0px 135px; width:530px; text-align:center; font-size:80%;}
.content {font-size:80%; padding:5px 135px;}
.contentC {font-size:80%; padding:5px 135px; text-align:center;}
.contentC img {border:1px solid #009740; margin-bottom:3px;}
#contentFrame {width:800px; height:auto; background-image:url(images/design/frame-fill.gif); float:left;}
#contentFrame p {font-size:80%; padding:5px 135px;}
#footerFill {width:800px; height:auto;}
#footer {width:800px; height:30px; text-align:center; background-image:url(images/design/footer.gif); background-repeat:no-repeat;}
#footer p {font-size:70%; color:#ffffff;}
#frameTop {width:800px; height:8px; float:left;}
#frameBottom {width:800px; height:8px; float:left;}
#header {width:800px; height:75px; float:left;}
.list1 {margin:0px 145px; width:510px; text-align:left; font-size:80%;}
#logo {width:333px; height:75px; float:left;}
#nav {width:407px; height:75px; text-align:right; float:left; padding:0px 5px 0px 0px;}
#nav li {display: inline; list-style-type: none; padding:5px 0px; font-size:70%;}
#navWrap {width:467px; height:75px; float:left; display:inline; background:url(images/design/hdr-fill.gif) no-repeat;}
#recentWork {border:none; margin:0px 135px; width:530px; text-align:center; font-size:70%;}
#recentWork img {border:1px solid #009740;}
#recentWork td {width:25%;}
.taR {text-align:left; vertical-align:top; width:60%; font-size:100%; padding:0px 15px 0px 0px;}
.taL {text-align:right; width:40%; font-size:100%; padding:0px 20px 0px 0px; vertical-align:middle;}
.webPortfolioL {float:left; margin:0px 0px 0px 135px; text-align:center; font-size:80%; width:130px; display:inline;}
.webPortfolioL img {border:1px solid #009740;}
.webPortfolioR {float:left; display:inline; padding-left:10px; font-size:80%; width:390px;}
.webPortfolioR h2 {font-size:130%; text-align:left; color:#848F54; letter-spacing:1px; font-family:"Times New Roman", Times, serif;}
.webPortfolioR p {padding:0 !important; font-size:100% !important;}
#wrapper {width:800px; height:auto; margin-left:auto; margin-right:auto;}

/*-----------------*/
/*-Thumnail Viewer-*/
/*-----------------*/
/*Outermost DIV for thumbnail viewer*/
#thumbBox {position:absolute; left:0; top:0; width:auto; padding:3px; padding-bottom:0; background:#4D8062; visibility:hidden; z-index:10; cursor:hand; cursor:pointer;}
/*Footer DIV of thumbbox that contains "close" link */
#thumbBox .footerbar {font:bold 16px Tahoma; letter-spacing:5px; line-height:1.1em; color:white; padding:5px 0; text-align:right; font-size:55%;}
/*DIV within thumbbox that holds the enlarged image */
#thumbBox #thumbImage {background-color:white; font-size:70%; text-align:center; padding-bottom:5px;}
/*DIV for showing "loading" status while thumbbox is being generated*/
#thumbLoading {position:absolute; visibility:hidden; border:1px solid black; background-color:#EFEFEF; padding:5px; z-index: 5;}

/*---------------*/
/* tinySlideshow */
/*---------------*/
#slideshow {list-style:none; color:#ffffff;}
#slideshow span {display:none}
#wrapperSS {width:506px; height:300px; margin:0px 148px; display:none}
#wrapperSS * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:80%; font-weight:bold;}
#information p {padding:0 8px 8px; font-size:70%; text-align:center;}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(tinySS/images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(tinySS/images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px;}
#slideleft {float:left; width:20px; height:81px; background:url(tinySS/images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(tinySS/images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}
#slideshow p {text-align:center; font-size:60%;}
.ssp {text-align:center; font-size:60%;}