/* ----- digitalworx.biz v01.2006 ----- */
html *{margin:0; padding:0;}

body {margin: 0; padding: 0; 
  font:76% verdana, arial, "trebuchet ms", tahoma, sans-serif; 
  line-height:1.5em; text-align: center; color:#000; 
  background: maroon url("../gfx/leftfixed.jpg") fixed repeat-y;}
acronym, abbr {cursor: help;}
kbd, code, tt {font-weight: bold;}

/* ----- Links ----- */
a {color:#966; background:inherit; font-weight:bold; 
  text-decoration:none;}
a:visited {color: #800; background: inherit; text-decoration: none;}
a:hover {color:#2a5a8a; background:inherit; text-decoration:underline;}
a:active {color: #467aa7; background: inherit;}

/* ----- Container ----- */
#container{width:80%; margin:0 auto; padding:0;
  text-align:left; border:2px solid #000;
  color:#000; 
  background: #fff url("../gfx/container_bg.jpg") 70% 0% repeat-y;}

/* ----- Header ----- */
#header {width: 100%; height:300px; color: #fff; position: relative;
  background:#202020 url("../gfx/dwhome.jpg") top center no-repeat;}
  #contact #header {color: #fff;
    background: #202020 url("../gfx/dwcontact.jpg") center no-repeat;}
  #services #header {color: #fff;
    background: #202020 url("../gfx/dwservices.jpg") center no-repeat;}
  #portfolio #header {color: #fff;
    background: #202020 url("../gfx/dwportfolio.jpg") center no-repeat;}
  #newsarchive #header {color: #fff;
    background: #202020 url("../gfx/dwnews.jpg") center no-repeat;}
  #packages #header {color: #fff; 
    background: #202020 url("../gfx/dwpackages.jpg") center no-repeat;}
  #header h1 {font-size: 1.7em; font-weight: normal; text-indent: -999em;}
  
/* ----- Navigation ----- */
#nav {float: left; width: 100%; color: #69c; 
  background: #d6dee7 url("../gfx/nav_bg.jpg") repeat-x bottom;
	border-style: solid; border-color: #800; border-width: 1px 0;
	font-size: 1em; line-height: normal;}
  #nav ul{list-style-type: none; padding:10px 10px 0 0; margin: 0;}
  #nav ul li {float:left; margin:0; padding:0 0 0 9px; color: #69c; 
    background: #fff url("../gfx/tab_left.gif") top left no-repeat;}
  #nav ul li a {float:left; display: block; color: #69c; 
    background: #fff url("../gfx/tab_right.gif") top right no-repeat;
	  padding:5px 15px 4px 6px; text-decoration: none;}
  #nav ul li a:hover {text-decoration: underline;}
  #nav li.active {color: #69c; background: #fff url("../gfx/tab_left_on.gif");}
/*  #nav li.active a {background: #fff url("gfx/tab_right_on.gif");}
#nav a:hover:after, a:focus:after {content: " [" attr(accesskey) "] ";}*/

/* ----- Breadcrumbs -----*/
#crumbs {font-size: .9em; margin: 0; clear: both; line-height: 30px; 
  color: #000; 
  background: #fff url("../gfx/crumbs_bg.gif") bottom left repeat-x ;
  padding: 0em 2em; border-bottom: 1px solid #b55a4e;}
#textsizing {float: right; margin-top: -30px; padding: 0; }
  #textsizing ul {list-style-type: none;}
  #textsizing ul li {display: inline;}

/* ----- Main Content ----- */
#main {margin: 0; padding: 0; float:left; width:70%;}
  #portfolio #main, #contact #main {width: 100%;}
  #maincontent {font-size:.9em; line-height: 1.7em; margin: 0; 
    padding: 0 2em;}
  #maincontent h2 {font:bold 1.6em arial, verdana, sans-serif; 
    margin: 1em 0 .5em 0; padding: 0; color: #467aa7; 
    background: inherit;}
  #maincontent h3 {font: bold 1.4em arial, verdana, sans-serif; 
    margin:1em 0 0 0; padding: .5em 0 0 0; color:#930;
    background: inherit;}
  #maincontent h4 {font-size:1.2em; margin: 0; 
    color:#467aa7; background: inherit;}
    #maincontent .date {font-size: 1em; text-align: right;}
  #maincontent p {font-size: 1.2em; text-align: justify; margin-top: 10px;
    margin-bottom: 20px;}
    #maincontent p.author {font-weight: bold; font-size: 1em; 
      text-align: right;}
    #maincontent p.indent {margin-left: 1.5em;}
    #maincontent ul, #maincontent ol {font-size: 1.2em; text-align: justify; 
        margin-left: 15px;}
    #maincontent ul li, #maincontent ol li {margin: .4em 1em; padding: 0 1em;}
    #maincontent ul {list-style-type: square;}
    #maincontent .floatboxrt {float: right; border: 1px solid #ccc; 
      margin-left:2em; padding:.5em; width: 200px; color: #000;
      background:#fff url("../gfx/q_back.jpg") repeat-x;}
    #maincontent .floatboxrt ul {font-size: 1em; line-height: 1.2em;
      text-align: left;}

#sitemap a {text-decoration: underline;}
dl, dt, dd {font-size: 1.1em; padding: 5px;}
  dd {margin-left: 2em;}

/* ----- Contact Page ----- */
#mailaddress { margin: 2em 0em 2em; padding: 0 0em;}
  #mailaddress h3 {margin:0; padding: 0;} 

/* ----- Quotes ----- */
blockquote {color: #637394; 
  background: #fff url("../gfx/q_back.jpg") top left repeat-x;
  margin: 1em auto; width: 80%; border:1px solid #ddd;}
  blockquote p {padding: 0 2em; }
  div.topq {background: transparent url("../gfx/q_top.gif") left top no-repeat; 
    margin: 5px 5px -17px 5px;}
  div.btmq {margin: -30px 5px 5px 5px;
    background: transparent url("../gfx/q_btm.gif") right bottom no-repeat;}

/* ----- Sidecontent ----- */
#side {margin-left: 70%; padding: 0;}
  #sidecontent {margin: 1em .5em; text-align: center; padding:0; 
    line-height:1.4em; }
  #sidecontent h3 {margin:10px 0 0 15px; padding: 0; font-size:1.1em;
    color: #930; background: inherit; text-align: left;}
  #sidecontent h4 {font-size:.9em; margin:0 0 0px 15px; padding-right: 10px;
    text-align: left;}
  #sidecontent p {margin:0; padding: 5px 15px 15px 15px; font-size:.9em; 
    line-height: 1.4em; text-align: left;}
    #sidecontent p.banner {text-align: center;}
  #sidecontent img {border: none;}
  #sidecontent ul {list-style-type: none; text-align: left; margin: 0;
      padding: .5em 0 .5em 15px;}
    #sidecontent ul li {border-bottom: 1px dashed #930; padding-top: 1em;}
    #sidecontent ul#archivelist {font-size: .8em;}

.box {margin:1em 10px 20px; 
  color:#000; background:#fff url("../gfx/q_back.jpg") repeat-x;
  border:1px solid #ccc;}
/*.boxbtm {height: 65px; color:#000; padding: 0; margin: 0;
  background:#fff url("../gfx/news_btm.gif") 100% 0px no-repeat;}
  .boxbtm:hover {height: 65px;color:#000; 
    background:#fff url("../gfx/news_btm.gif") 100% -65px no-repeat;}*/

/* ----- Forms ----- */
form {margin: 0 0 2em 0; padding: 0;
  background: inherit; color: #000; width: 100%;}
  #contactform fieldset, #servinfo fieldset {border:none; }
  #contactform legend, #servinfo legend {font-weight: bold;}
  #contactform label, input, select, #submit{ font-size: 1em;}
  #contactform label {float: left; width: 6em; text-align: right; 
    margin-top: .5em; margin-right: .5em; display: block; clear: left;}
  #contactform input,#contactform textarea, #contactform select {
    text-align: left; width: 300px; background: #f7f7f9; 
    color: #000; border:1px solid #69c; margin-top: .5em;}
  #contactform textarea {height: 8em;}
  #contactform #submit {margin: .5em 0 .5em 6.5em; width:25%;
    text-align: center; clear: left;}
  #contactform #submit:hover {background: #960; color: #fff;}

/* ----- Footer ----- */
#footer {clear:both; width:100%; height: 115px; padding: 0; margin: 0; 
  font-size:0.9em; border-top: 1px solid #000; color:#000; 
  background: #bec7d6 url("../gfx/footer_bg.jpg") repeat-x;}
  #footer p {padding:.5em 0; margin:0; text-align:center;}
  #footer a {color:#000; background:inherit; text-decoration: underline;}
  #footer a:hover {color:#000; background:inherit; text-decoration: none;}
  #footer a img {border: none;}

/* ----- Miscellaneous classes ----- */
img.left, img.right {border:1px solid #a0a0a0; background: #eee;}
.left {float: left; margin: 0 10px 5px 0;padding: 4px;}
.right {float:right; margin: 0 0 5px 10px;padding: 4px;}
.center {text-align: center;}
.clear {clear:both;}
.hide {display:none;}
div.hr {background: transparent url(../gfx/hr.gif) center no-repeat; 
  height: 39px;}
div.hr hr {display: none;}
.banner {border: none;}
.clearfix:after {content: "."; display: block; height: 0; 
    clear: left; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
.top {float: right; clear: left;}
.top a {text-decoration: underline;}
.thumbnail {float: left; width:170px; margin-left: 15px; 
  text-align: center;}
  .thumbnail img {border: 1px solid #467aa7; padding:5px; background: #eee;}
  .thumbnail p, .thumbnail p a {font-size: .8em; line-height: 1.1em;
    text-align: left;}

p.accessibility {position: absolute; z-index: 100; top: 0; left: 0; 
width: 182px; height: 30px; text-indent: -9999px; overflow: hidden; }