/* Layout */
body {
  margin:0;
  padding:0;
  background-color: #f3f3f3;
  background:#81467e url(/images/bg-body.jpg) 0px 0px repeat-x;
  font-family: 'Verdana', sans-serif;
  font-size: 12px;
  color:#333;
}

h1, h2, h3, h4, h5 {
  color:#4a0f47;
}
h1 { font-size:150%; }
h2 { font-size:140%; }
h3 { font-size:130%; }
h4 { font-size:120%; }
h5 { font-size:110%; }

li h3 {
  margin: 2px 0px;
}



#wrapper-bg {
  position:absolute;
  background:transparent url(/images/bg-wrapper-left.png) 20px 0 repeat-y;
  margin-right:20px;
  min-width:1067px; /* min-width of wrapper + 40 * 2 for l & r margins */
  width:100%;
}

#inner-bg {
  position:relative;
  background:transparent url(/images/bg-wrapper-right.png) top right repeat-y; 
  margin-left:-20px;
  width:100%;
}

#wrapper {
  margin-left:60px;
  margin-right:20px;
  min-width:987px;
  background-color:#dce0e3;
}

#header-container {
  background:transparent url(/images/bg-header-container-repeat.gif) 0 0 repeat-x;
  height:315px;
}
#header-bg {
  background:transparent url(/images/bg-header.jpg) 0 0 no-repeat;
  height:315px;
}
#header-right {
  position:relative;
  left: 508px;
  top:-67px;
  margin-right:508px;
}

#headerflash { position:relative; width:385px; margin-right:-385px; }

#nav-container {
  float:left;
  background:transparent url(/images/bg-nav.gif) 0 0 repeat;
  border:1px solid #404040;
  border-width: 1px 1px 1px 0px;
  margin-bottom:-39px;
}
#nav {
  border-top:1px solid #a3a3a3;
  border-bottom:1px solid #333;
  border-left:1px solid #4f4f4d;
  height:39px;
}

#content-border-top {
  background:#fff url(/images/round-border-top.gif) 0 0 repeat-x;
  margin:0px 10px;
  clear:both;
}
/* #content-container { border-top:4px solid #677079; border-left:2px solid #879099; border-right:2px solid #879099; border-bottom:3px solid #879099; margin:10px; -moz-border-radius: 8px; padding:0; } */

#content-border-bottom { background:transparent url(/images/round-border-bottom.gif) 0 100% repeat-x; }
#content-border-left { background:transparent url(/images/round-border-left.gif) 0 0 repeat-y; }
#content-border-right { background:transparent url(/images/round-border-right.gif) 100% 0 repeat-y; }

#content-round-tr { background:transparent url('/images/round-corner-content-tr.gif') 100% 0 no-repeat; }
#content-round-tl { background:transparent url('/images/round-corner-content-tl.gif') 0 0 no-repeat; }
#content-round-br { background:transparent url('/images/round-corner-content-br.gif') 100% 100% no-repeat; }
#content-round-bl { background:transparent url('/images/round-corner-content-bl.gif') 0 100% no-repeat; }

#content {
  min-height:300px;
  padding: 20px 20px;
}

#footer {
  margin:0px auto;
  padding:0px 0px 10px 0px;
  text-align:center;
}
#footer ul.footer-links li {
  display:inline;
}
#footer ul.footer-links li:before {
  content: '| ';
}
#footer ul.footer-links li:first-child:before {
  content: none;
}

a:link, a:visited, a:active {
  color:#7a3f77;
}
a:hover {
  color:#4a0f47;
}

/* Navigation links */

.nav { background-position:0 0; background-repeat:no-repeat; min-width: 91px; text-align:center; }

.nav.home a { background-image:url(/images/nav/home.jpg); }
.nav.about a { background-image:url(/images/nav/about.jpg); }
.nav.services a { background-image:url(/images/nav/services.jpg); }
.nav.portfolio a { background-image:url(/images/nav/portfolio.jpg); }
.nav.contact a { background-image:url(/images/nav/contact.jpg); }

.nav.home a:hover { background-image:url(/images/nav/homeover.jpg); }
.nav.about a:hover { background-image:url(/images/nav/aboutover.jpg); }
.nav.services a:hover { background-image:url(/images/nav/servicesover.jpg); }
.nav.portfolio a:hover { background-image:url(/images/nav/portfolioover.jpg); }
.nav.contact a:hover { background-image:url(/images/nav/contactover.jpg); }


.nav.about ul li a { background-image:none; }
.nav.about ul li a:hover { background-image:none; }

.nav.services ul li a { background-image:none; }
.nav.services ul li a:hover { background-image:none; }

/* default styles */

strong {
  color:#4a0f47;
}

ul.vert-space li {
  margin-bottom: 1em;
}

#sponsors,
table.boxes {
  width:890px;
  margin:0 auto;
  border:none;
}

/* Home page boxes */

table.boxes thead {
  display:none;
}
table.boxes tr td {
  width:32%;
  border:none;
  padding: 10px 20px;
  font-size: 11px;
}
table.boxes td {
  vertical-align:top;
}

table.boxes tfoot td {
  background-repeat:no-repeat;
  background-position: 50% 0;
  text-align:center;
  color:white;
  font-weight:bold;
  font-size:14px;
  text-transform:uppercase;
  height:197px;
}
table.boxes tfoot td .icon-text {
  margin:0px auto;
  width:171px;
  text-align:center;
}

table.boxes tfoot td.icon-seo {
  background-image:url(/images/boxes/search-engine-optimization.png);
}
table.boxes tfoot td.icon-web-design {
  background-image:url(/images/boxes/web-design.png);
}
table.boxes tfoot td.icon-web-development {
  background-image:url(/images/boxes/web-development.png);
}
table.boxes tfoot td a,
table.boxes tfoot td a:link,
table.boxes tfoot td a:visited,
table.boxes tfoot td a:active {
  color:white;
  text-decoration:none;
}
table.boxes tfoot td a:hover {
  color:white;
  text-decoration:underline;
}
/*
table.boxes tfoot td .textover {
  width:160px;
  position:relative;
  left:10px;
  top:-190px;
  z-index:999;
  text-align:center;
  color:white;
  font-weight:bold;
  font-size:14px;
  text-transform:uppercase;
}
*/
table.boxes a img {
  border:none;
}

/* Web Development Table */
table#development-terms tfoot tr td {
  border-top:1px solid #999;
  line-height: 1px;
  font-size:1px;
  margin:0px;
  padding:0px;
}
table#development-terms thead tr td {
  border-top:1px solid #999;
  border-bottom:1px solid #999;
}
table#development-terms tr td {
  padding:5px 10px 5px 10px;
}
table#development-terms tr td.even {
}
table#development-terms tr td.odd {
  background:#f3e6ff;
}
table#development-terms thead tr td {
  font-weight:bold;
  color:#4a0f47;
}
table#development-terms tr td {
  vertical-align:top;
  width:19%;
}
table#development-terms tr td ul li {
  margin-bottom: .25em;
  margin-top: .25em;
}

.sponsor-heading {
  background-color:#250826;
  color:white;
  padding:2px 0px 3px 0;
  font-weight:bold;
  text-align:center;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
}
.sponsor-body img {
  border:none;
}

/* Contact Form */

/* Form errors */
.errorlist,
label.error { color:red; }
.errorlist ul li {
  color:#666;
}

#contact-form {
  float:left;
  width:420px;
  width:47%;
}
#contact-form table {
  width:400px;
}
#contact-form form thead,
#contact-form form tfoot {
  display:none;
}
#contact-info {
  float:left;
  width:47%;
}

#contact-form tr td {
  vertical-align:top;
  padding-bottom:14px;
  padding-top:9px;
}
#contact-form tr td.fancy-label {
  background:transparent url(/images/forms/bg-elem.png) no-repeat 0 0;
  font:bold 14px 'Times New Roman', serif;
  color:#eee;
}
#contact-form tr td.fancy-input {
  background:transparent url(/images/forms/bg-input.png) no-repeat 100% 0;
  text-align:right;
  padding-right:20px;
}
#contact-form tr td.fancy-label img {
  margin-left:4px;
  margin-right:8px;
  margin-top:-4px;
  float:left;
}
#contact-form tr td.fancy-input input {
  margin-top:-2px;
  margin-bottom:4px;
  border-top:1px solid #666;
}
#contact-form tr td.fancy-textarea-label {
  background:transparent url(/images/forms/bg-textarea-label.png) no-repeat 0 0;
  font:bold 14px 'Times New Roman', serif;
  color:#eee;
  padding-left:10px;
}
#contact-form tr td.fancy-textarea {
  background:transparent url(/images/forms/bg-textarea.png) no-repeat 100% 0;
  text-align:right;
  padding-right:20px;
}
#contact-form tr td.fancy-textarea textarea {
  width:260px;
  height:120px;
  margin-top:4px;
  border:1px solid #333;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
}
#contact-form tr td.fancy-textarea div.message {
  width:260px;
  height:120px;
  margin-top:4px;
  border:1px solid #333;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  background-color:#fff;
  text-align:left;
  padding:2px;
}
#contact-form input.button {
  background:transparent url(/images/forms/bg-button.png) no-repeat 0 0;
  border:none;
  width:94px;
  height:39px;
  color:#eee;
  font:bold 14px 'Times New Roman', serif;
  padding:0px 0px 6px 0px;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* IE */
}
#contact-form input.button:hover {
  background:transparent url(/images/forms/bg-button-over.png) no-repeat 0 0;
}

/* Portfolio */
#portfolio-html {
  background:url(/images/bg-portfolio-html.png) no-repeat 0 0;
}
#portfolio-flash {
  background:url(/images/bg-portfolio-flash.png) no-repeat 0 0;
}
a.portfolio-choice {
  display:block;
  width:502px;
  height:55px;
  font-size:19px;
  font-weight:bold;
  text-align:center;
  padding:110px 1px 10px 1px;
  text-decoration:none;
}
a.portfolio-choice span,
a.portfolio-choice:link span,
a.portfolio-choice:visited span,
a.portfolio-choice:active span {
  width:499px;
  background:transparent url(/images/bg-white-op-75.png) repeat 0 0;
  display:block;
  color:#000;
  text-decoration:none;
  border-top:1px solid #000;
  border-bottom:1px solid #000;
}
a.portfolio-choice:hover span {
  color:#4a0f47;
  text-decoration:none;
  background:transparent url(/images/bg-white-op-95.png) repeat 0 0;
}

/* global resets */

* { padding:0px; margin:0px; }
ol,ul { padding-left:2em; margin-left:0; }
p:first-child { margin-top:0px; }
h1, h2, h3, h4, h5, h6, blockquote,
form, label, ul, ol, dl, fieldset, address { margin-top: .25em; margin-bottom:.5em; }
p { margin:1em 0; }

.clear { clear:both; }

/* For content images with border */
.border-min {
  border:1px solid #ccc;
}