/* CSS Document */
html {margin: 0px; padding: 0px;}

body {position: relative; background: url(../images/bg.gif) fixed; margin: 20px auto 0px auto; padding: 0px; width: 754px;}
/*body {position: relative; background: #888; margin: 20px auto 0px auto; padding: 0px; width: 754px;}*/
#page {float: left; display: block; width: 754px; background: url(../images/leftcol.gif) 5px 5px repeat-y #fff; margin: 0px; padding: 0px;}

h3{}

#masthead { position: relative; display: block; width:744px; height: 83px; background: url(../images/masthead-gradient.gif) repeat-x; border-top: 5px solid #fff; border-left: 5px solid #fff; }
h1 {position: absolute; top: 23px; left: 20px; display: block; width:703px; height:38px; background:url(../images/logo.gif); margin: 0px; padding: 0px;}
h1 span {display: none;}
#masthead p {display: none;}
#main-flash {position: relative; float: left; border-left: 5px solid #fff; z-index:1;}
#rightcol-top {position: absolute; z-index:50; bottom: -1px; right: 0px; display: block; width: 558px; height: 20px; background:url(../images/rightcol-top.gif); margin: 0px; padding: 0px;}
#rightcol-top p {display: none;}
#rightcol {position: relative; z-index:80; float: right; width: 558px; border-right: 5px solid #fff;}
#leftcol {position: relative; z-index:80; float: left;  width: 186px; border-left: 5px solid #fff; margin: 0px; padding: 0px;}
#leftcol h3 {background: url(../images/leftcol-h4-02.gif) no-repeat bottom; margin: 0px 0px 5px 0px; padding: 4px 20px 3px 20px; width: 146px !important; width /**/:186px; text-transform:lowercase; font:1.5em "trebuchet MS", arial, helvetica, sans-serif; color: #fff;}


h3 {float: left; margin: 0px; padding: 4px 20px 3px 20px; width: 146px
!important; width /**/:186px; text-transform:lowercase; font:1.5em
"trebuchet MS", arial, helvetica, sans-serif; color: #000;}


h4{
	font:1.3em "trebuchet MS", arial, helvetica, sans-serif; color: #000;padding: 10px 0px 3px 0px;
}

#leftcol h3 span.w3digital {position: relative; top:3px; display: block; float: left; width:70px; height: 17px; background:url(../images/leftcol-h4-w3digital.gif) no-repeat; line-height:0px; margin: 0px; padding: 0px;}
#homecols-bkg {float: left; background:url(../images/homecols-bkg.gif) repeat-y; width: 558px;}
.homecols {width: 186px; float: left;}
.homecols h2 {text-transform:lowercase; font:1.5em "trebuchet MS", arial, helvetica, sans-serif; color: #000; margin: 0px 0px 10px 0px; padding: 4px 18px 3px 18px; width: 150px !important; width /**/:186px; background:url(../images/rightcol-header-corner-02.gif) top left no-repeat #F3AB1B;}
.homecols p {}
.homecols+.homecols h2 {background-color: #F38D1B; }
.homecols+.homecols+.homecols h2 {background-color: #F36F1B;}
.homecolspadding {padding: 0px 18px; width: 150px !important; width /**/:186px; }

.maincol h2 {font:1.5em "trebuchet MS", arial, helvetica, sans-serif; color: #000; margin: 0px 0px 10px 0px; padding: 4px 18px 3px 18px; width: 522px !important; width /**/:558px; background:url(../images/rightcol-h2.gif) top left no-repeat #F3AB1B;}
.maincol {width: 558px; float: left;}
.maincolpadding {padding: 0px 18px; width: 522px !important; width /**/:558px; text-align:justify;}


.maincol img {padding: 3px; border: 1px solid #bbb; float: right; margin: 5px 0px 0px 18px ;}
.maincol img.left {padding: 3px; border: 1px solid #bbb; float: left; margin: 5px 0px 0px 18px ;}
.homecols img {padding: 1px; border: 1px solid #bbb; float: right; margin: 5px 0px 0px 5px ;}

.casestudy {padding: 1px; border: 1px solid #bbb; float: left; margin: 5px 5px 0px 5px;}
table {float: left; margin: 20px 0px; padding: 0px; border-top: 1px solid #aaa; border-left: 1px solid #aaa; font:1em Verdana, Arial, Helvetica, sans-serif; text-align:left;}
tr {}
td {padding: 5px; border-bottom: 1px solid #aaa;  border-right: 1px solid #aaa;}

.hide {display: none;}

#footer {position: relative; float: left; display: block; width: 754px; height: 40px; margin: 25px 0px 20px 0px; padding: 0px;}
/*OLD FOOTER WITH TRANSPARENCY
#footer-bkg {position: absolute; top: 0px; left: 0px; display:block; width: 754px; height: 40px; background: url(../images/footer-bkg.gif); filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; margin: 0px; padding: 0px;}
*/
#footer-bkg {position: absolute; top: 0px; left: 0px; display:block;
width: 754px; height: 40px; background:
url(../images/footer-bkg-03.gif); margin: 0px; padding: 0px;}

#footer ul {position: absolute; top: 3px; left: 10px; display:block; width: 744px; list-style: none; margin: 0px; padding: 0px;}
#footer li {display: inline; margin: 0px; padding: 0px 10px; font:1em Verdana, Arial, Helvetica, sans-serif;}
#footer span {display: none;}
#footer img {position: relative; top: 6px; margin: 0px; padding: 0px; border: none; background: none;}

p {font:1em Verdana, Arial, Helvetica, sans-serif; line-height:1.4em;}
#leftcol p {color:#455660; padding: 0px 18px; width: 150px !important; width /**/:186px; clear: both;}
#leftcol a.readmore, #rightcol a.readmore { float: left;}
a.readmore:link, a.readmore:visited {text-decoration: none; font-weight:bold; color:#0000aa; text-decoration: underline; padding: 0px 0px 2px 0px; clear: both;}
a.readmore:hover {color:#000;}
a.readmore span {color:#F36F1B;}
a.readmore img {position: relative; top: -3px;}
a.readmore:hover img { border: 1px solid #000;}
.alert {color:#aa0000; font-weight:bold;}

#page-top {display: block; height: 5px; background: url(../images/page-top.gif) no-repeat; margin: 0px; padding: 0px; line-height:0px;}
#page-bottom {position: relative; display: block; top: 5px; float: left; height: 38px; width: 754px; background: url(../images/page-bottom2.gif) no-repeat; margin: 0px; padding: 0px;}
#page-top p {margin: 0px; padding: 0px; line-height:0px;}

#leftcol ul, #rightcol ul {margin: 0px 0px 0px 20px; padding: 0px; font:1em Verdana, Arial, Helvetica, sans-serif; line-height:1.4em; list-style: outside disc;}

#rightcol ol {margin: 0px 0px 0px 20px; padding: 0px; font:1em Verdana, Arial, Helvetica, sans-serif; line-height:1.4em; list-style: outside decimal;}

#leftcol ul ul, #rightcol ul ul { font-size:inherit; line-height:1.4em; margin: 0px 0px 0px 20px; list-style: outside circle;}

#contactform {width: 100%; margin: 0px; padding: 0px; float: left; font:bold 1em Verdana, Arial, Helvetica, sans-serif;}
#contactform dl {width: 100%; float: left; margin: 5px 0px; padding: 0px;}
#contactform dl dt {width: 29%; float: left; margin: 0px; padding: 0px;}
#contactform dl dd {width: 70%; float: right; margin: 0px; padding: 0px; text-indent:0px;}
#contactform dl dd.other {width: 40%;}
/*
#contactform input {width: 90%;}
#contactform textarea {width: 90%;background:#FFFFFF;}*/

#contactbuttons {width: 70%; float: right; margin-top:5px;}
#contactbuttons input {width: 49.9%; float: left;}

input {width: 90%;}
textarea {width: 90%;background:#FFFFFF;}
textarea:focus {background:#FFFF80;color:black;border:1px solid red;}
input:focus {background:#FFFF80;color:black;border:1px solid red;}

#navbar {position: relative; float: left; z-index:100;}

#nav {position: relative; display: block; float: left; margin:0px; padding: 0.7em 0px 0px 10px; width: 734px !important; width /**/:744px; background: #455660; border-left: 5px solid #fff; border-bottom: 1px solid #fff; color:#fff; list-style:none;}
#nav li { float: left;}
#nav ul {display: none;}
#nav li a {display: block; float: left; padding: 0em 10px 0em 10px;  margin: 0px; height:2em; font:1em  Verdana, Arial, Helvetica, sans-serif;}
#nav li a:link, #nav li a:visited {text-decoration: none; color: #fff;}
#nav li a:hover {text-decoration: none; color: #F36F1B;}
#nav li li a {padding:5px 10px 5px 10px; width: 140px !important; width /**/:150px; height:auto;}
#nav li li a:hover {text-decoration: none; background:#F36F1B; color:#000;}

#nav-options {position: absolute !important; right:10px; color:#fff; list-style:none; margin: 0px;}
#nav-options ul {display: none;}
#nav-options li a {display: block; padding: 0em 10px 0em 10px; margin: 0px; height:2em; font:1em  Verdana, Arial, Helvetica, sans-serif;}
#nav-options li a:link, #nav-options li a:visited {text-decoration: none; color: #fff;}
#nav-options li a:hover {text-decoration: none; color: #F36F1B;}
a.options-button { display: block; width: 131px; background:#455660; margin: 0px; padding: 0px; text-align:right;}


#page-01 #nav-01, 
#page-02 #nav-02, 
#page-03 #nav-03, 
#page-04 #nav-04, 
#page-05 #nav-05, 
#page-06 #nav-06, 
#page-07 #nav-07, 
#page-08 #nav-08,
#page-09 #nav-09, 
#page-10 #nav-10 {background: url(../images/nav-current.gif) no-repeat center bottom;}



/* nav controls */


#nav li {display: block; position: relative; float: left;}
#nav li ul {float:left; background:url(../images/dropdown-bkg.gif) repeat-x #455660; margin: 0px; padding: 5px 0px 0px 0px; border: 1px solid #fff;}
#nav li li {display: block; float: left; }
#nav li ul li a { float:left; display: block; width: 150px; color: #000; }
#nav li ul li a:hover {}
#nav li a {}
#nav>li a { display: block;}
#nav li a:hover {}

/* styles for all layers */
#nav ul  { list-style: none; width:160px; z-index:99; overflow:visible; position:absolute;  display:none;}
/* styles for first layer */
#nav li ul {top:2em !important; left:0em !important; border-top:none;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{display:none; float:left;}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{display:block;}

li>ul {top: auto; left: auto;}

/* Win IE only \*/
* html #nav li{float:left;} 
/* end holly hack */



/* add this if using multiple levels of menus 

#nav ul ul, #nav ul ul ul, #nav ul ul ul ul{
    display:none; 
    position:absolute; 
    margin-left:150px;
	margin-top: -1.4em;
}
*/


#nav-options:hover ul {display: block; float: none !important; top:2em !important; border-top:none; text-align:right;}
#nav-options>ul {top:2em !important; right:333px !important; border-top:none; float: right !important; text-align:right;}
#nav-options>ul li {text-align: right !important;}

sup{font-size: 0.7em;}
.testimonial{font-style: italic;  width: 518px; color:#000099;}
.testimonial-source{color:#000099;}