/* ************************************************** */
@import url("global.css");

/* ************************************************** */
/* body */

body {
  font-family: Helvetica, Gill Sans, Verdana, arial, sans-serif;
  font-size: 95%;
  color: #333;
  line-height: 1.5em;
  margin: 20px;
  padding: 10 0;
  background: #fff;
  text-align: center;
}

#_body {
  font-family: Helvetica, Gill Sans, Verdana, arial, sans-serif;
  font-size: 95%;
  color: #333;
  line-height: 1.5em;
  margin: 20px;
  padding: 10 0;
  background: #fff;
  text-align: center;
}

/*a {
  text-decoration: none;
}*/
a:link { color: #f60; }
a:visited {color: #f60; }
a:hover { color: #09f; } 

small {font-size: .85em;}
.dim {color: #999;}

blockquote {
  padding-left: .75em;
  border-left: 4px solid #D0E7FA;
}

/* #Content headings */
#Content h1 { 
  margin: 0 0 .5em 0; 
  padding: .25em 0; 
  font-size: 1.65em; 
  color: #666;
  font-weight: normal;  
}
#Content h2, #Content h3, #Content h4, #Content h5 { 
  margin: 0 0 .5em 0; 
  font-weight: normal; 
  color: #666; 
  border-bottom: 1px solid #ddd;
}
#Content h2.indexlink {
  margin: 0 0 .25em 0; 
  font-size: 1.5em;
  font-weight: normal; 
}
#Content .toplink {
  float: right;
}
#Content .bigpic {
  height: 300px;
  margin: auto;
}
#Content .littlepic {
  border: 2px inset white;
  width: 90px;
  height: 90px;
  margin: 0 10px 0 10px;
}
#Content h2 { font-size: 1.4em; }
#Content h3 { font-size: 1.2em; }
#Content h4 { font-size: 1.1em; }
#Content h5 { font-size: 1em; }

/* #Title */
h1.pagetitle, h1.pagetitle a {
  color: #f60;
  font-size: 1.25em;
  font-weight: normal;
  text-decoration: none;
}
h1.pagetitle2, h1.pagetitle2 a {
  color: #f60;
  font-size: 1.25em;
  font-weight: normal;
  text-decoration: none;
}

/* Form headings */
#Content form legend {
  font-weight: normal;
  font-size: 1.25em;
  color: #666;
}

#HomePageContainer h3 {
  font-size: 1.2em;
} 

/* #GlobalMenu */
#GlobalMenu a { 
  font-size: 11px; 
  color: #333; 
  border: none; 
}
#GlobalMenu a.selected { color: #09f; }
#GlobalMenu a:hover { color: #f60; }

#GlobalMenu ul {
	margin: 0;
	padding: 0;
}
#GlobalMenu li {
  list-style: none;
  width: 114px;
  height: 21px;
  margin: 0 0 2px 0;
  padding: 0;
/*  
  background: url("/images/web/nav-butsq-right.gif") right top no-repeat;
*/
}
/* hide from Mac + give to WinIE \*/
* html #GlobalMenu li { width: 110px;}
/* end hide */ 
#GlobalMenu a {
  display: block;
  background: url("/images/web/nav-butsq-left.gif") left top no-repeat;
  height: 21px;
  margin: 0;
  padding: 0 0 0 24px;
}

/* #SiteHeader navigation see CSS Sliding Doors for tabs */
#SiteHeader a { font-size: 11px; color: #333; border: none; }
#SiteHeader a.selected { color: #09f; }
#SiteHeader a:hover { font-size: 11px; color: #f60; }

#SiteHeader img { border: none; }

#SiteHeader li {
  float: left;
  line-height: 1.5em;
}
#SiteHeader ul {
  margin: 0;
  padding: 0;
}
#SiteHeader li {
  list-style: none;
  height: 20px;
  margin: 0 2px 0 0;
  padding: 0;
  background: url("/images/web/nav-butsq-right.gif") right top no-repeat;
}
#SiteHeader #sh1, #SiteHeader #tape, #SiteHeader #dollar, #SiteHeader #server, #SiteHeader #wkstation, #SiteHeader #phone {
  float: left;
  display: block;
  background: url("/images/web/nav-butsq-left.gif") left top no-repeat;
  height: 20px;
  margin: 0;
  padding: 0;
}

/* hide rule from IE5-Mac \*/
  #header a {float:none;}
/* End IE5-Mac hack */

#SiteHeader img {
	vertical-align: middle;
}

#SiteHeader #sh1 a {
  display: block;
  float: left;
  margin: 0 2px 0 0;
  padding: 0 5px 0 5px;
}

#SiteHeader #sh1a, #SiteHeader #sh1b, #SiteHeader #sh1c {
  float: left;
  width: 10px;
  height: 10px;
  font-size: 1px;
}
#SiteHeader #sh1a {
  margin: 5px 2px 2px 1px;
  background: #9FC9EB;
}
#SiteHeader #sh1b {
  margin: 5px 2px 2px 0;
  background: #989898;
}
#SiteHeader #sh1c {
  margin: 5px 0 2px 0;
  background: #F8991D;
}

#SiteHeader #home  a {
	display: block;
	background: transparent url("/images/web/icon-gnav-home.gif") center left no-repeat;
	width: 80px;
        margin-left: 8px;
	padding: 0 10px 0 14px;
}

#SiteHeader #server a {
  display: block;
  background: transparent url("/images/web/icon-gnav-server.gif") center left no-repeat;
  width: 80px;
  margin-left: 8px;
  padding: 0 10px 0 14px;
}

#SiteHeader #tape a {
  display: block;
  background: transparent url("/images/web/icon-gnav-tape.gif") center left no-repeat;
  width: 80px;
  margin-left: 8px;
  padding: 0 10px 0 14px;
}
	  
#SiteHeader #wkstation a {
  display: block;
  background: transparent url("/images/web/icon-gnav-wkstation.gif") center left no-repeat;
  width: 80px;
  margin-left: 8px;
  padding: 0 10px 0 14px;
}
	  
#SiteHeader #search a {
  display: block;
  background: transparent url("/images/web/icon-gnav-search.gif") center left no-repeat;
  width: 80px;
  margin-left: 8px;
  padding: 0 10px 0 14px;
}
#SiteHeader #pro a {
  display: block;
  background: transparent url("/images/web/icon-gnav-pro.gif") center left no-repeat;
  width: 80px;
  margin-left: 8px;
  padding: 0 10px 0 14px;
}
#SiteHeader #dollar a {
  display: block;
  background: transparent url("/images/web/icon-gnav-dollar.gif") center left no-repeat;
  width: 80px;
  margin-left: 8px;
  padding: 0 10px 0 14px;
}
#SiteHeader #phone a {
  display: block;
  background: transparent url("/images/web/icon-gnav-phone.gif") center left no-repeat;
  width: 80px;
  margin-left: 8px;
  padding: 0 10px 0 14px;
}
#SiteHeader .bling a {
  display: block;
  background: transparent url("/images/web/icon-gnav-bling.gif") center left no-repeat;
  width: 80px;
  margin-left: 8px;
  padding: 0 10px 0 14px;
}
#SiteHeader .blingbling a {
  display: block;
  background: transparent url("/images/web/icon-gnav-blingbling.gif") center left no-repeat;
  width: 80px;
  margin-left: 8px;
  padding: 0 10px 0 14px;
}

#BreadCrumbs {
  font-size: 11px;
}

#Content .Body {
  line-height: 1.75em;
}

#Content ul { 
  margin: 0 0 1em 1em;
  padding-left: 0; 
  list-style: none;
}
#Content li {
  margin: 0;
  padding: 0 0 0 .85em;
  background: url("/images/web/arr-gra.gif") 0 .2em no-repeat;
  list-style-type: none;
}

#Content #HomePageContainer ul, #Content #HomePageContainer li {
  margin: 0 0 0 0; 
}

#Sidebar {
  font-size: .85em;
}

#Sidebar #block-user-1 {
  text-transform: capitalize;
}

hr {size: 1px; height: 1px; color: #ddd;}
.hr {margin: 10px 0; border-top: 1px solid #ddd;}

img { 
  vertical-align: bottom;
}

.strike {text-decoration: line-through;}

/* ************************************************** */
/* layout */

#Page {
  margin: 0 auto 0 auto;
  padding: 0;
  width: 820px;
  text-align: left;
}

#BodyTop {
  background: url("/images/web/bg-top.gif") top center no-repeat;
  margin: 0;
  padding: 0;
  width: 820px;
  height: 21px;
  font-size: 1px;
}
#BodyBottom {
  background: url("/images/web/bg-bot.gif") top center no-repeat;
  margin: 0;
  padding: 0;
  width: 820px;
  height: 25px;
  font-size: 1px;
}
#Body {
  /* sets up margin for all divs on page */
  background: url("/images/web/bg-bod.gif") top center repeat-y;
  margin: 0;
  padding: 0;
  width: 820px;
  text-align: left;
}
#BodyPad {
  padding: 0;
}
#SiteHeader {
  height: 27px;
  background: url("/images/web/nblogo.gif") 675px 0px no-repeat;
}
#SiteHeader .pad {
  padding: 0 0 0 26px;
}
#SiteHeader h1, #SiteHeader span {
  display: none;
} 
#SiteHeader a {
  text-decoration: none;
  border: none;
}
#Navigation {
  /* needed for a clean break between nav and #Content 
     background image in section css */
  height: 164px;
  margin: 0;
  padding: 0;
}
#Body #MainMenu {
  margin: 0;
  padding: 0;
  text-align: left;
}
/* Left spacing of sub-nav buttons 
   are controlled via section 
   style sheets */
#Body #MainMenu #GlobalMenu {
  margin: 0;
  padding: 0;
}
#Body #MainMenu #GlobalMenu {
  margin: 0;
  padding: 0;
}
#Title {
  margin: 0;
  padding: 0;
}
#Title h1.pagetitle {
  margin: 0 26px 0 26px;
  padding: 1.15em 0 .35em 12px; 
  background: #333;
  border-bottom: 4px solid #f60; 
}
#Title h1.pagetitle2 {
  margin: 0 26px 0 26px;
  padding: 1.15em 0 .35em 12px; 
  background: #333;
  border-bottom: 4px solid #f60; 
}
#BreadCrumbs {
/* hide from IE mac \*/
  background: url("/images/web/bg-middle.gif") top center repeat-y;
  text-align: left;
  margin: 0;
  padding: 0;
/* end hide */ 
}
#BreadCrumbs .pad {
  margin: 0 0 0 27px;
  padding: 1em 0 1em 10px;
}
#Content {
/* hide from IE mac \*/
  background: url("/images/web/bg-middle.gif") top center repeat-y;
  text-align: left;
  margin: 0;
  padding: 0;
}
/* end hide */ 
#Content .pad {
  margin: 0;
  padding: 0;
}
#ContentPersonal {
  margin: 0 200px 0 0;
  padding: 20px 10px 0 40px;
}
#ContentProfessional, #ContentGeneric {
  margin: 0 27px 0 0;
  padding: 20px 10px 0 40px;
}
#ContentBottom {
/* hide from IE mac \*/
  background: 
    url("/images/web/bg-middle-bottom.gif") 
    bottom center 
    no-repeat;
  height: 19px;
  margin: 0;
  padding: 0;
/* end hide */ 
}
#Sidebar {
  float: right;
  text-align: left;
  width: 200px;
  margin: 20px 0 0 20px;
  padding: 0;
}
#Sidebar .pad {
  padding: 0 20px 0 20px;
  margin: 0;
}
#Footer {
  margin: 0;
  padding: 10px 0 10px 20px;
  text-align: center;
  font-size: .85em;
  color: #666;
}

#Sidebar #SidebarAdvert {
  margin: 0;
  padding: 0;
}
#Advert {
  margin: 20px 0;
  padding: 20px 0;
  text-align: left;
}


/* ************************************************** */
/* Override globals */

/* Drupal */
#Content .IndexMetaData, #Content .MetaData {
  padding: 0 0 20px 0;
  margin: 0 0 40px 0;
  background: url("/images/web/bug.gif") bottom left no-repeat;
}

/* floating boxes */
/* 2 col floating boxes*/
#HomePageContainer .TwoColBoxContainer {
  padding-bottom: 50px;
}
#HomePageContainer .TwoColB1, .TwoColB2 {
  margin: 0;
  padding: 0;
  float: left;
}
#HomePageContainer .TwoColB1 {
  width: 365px;
}
#HomePageContainer .TwoColB2 {
  width: 365px;
}
#HomePageContainer .TwoColB1 .pad {
  margin: 0;
  padding: 0 10px 0 0;
}
#HomePageContainer .TwoColB2 .pad {
  margin: 0;
  padding: 0;
}

/* google ads */
div.ads-leaderbox { 
  margin: 0 auto 0 auto; 
  padding: 10px 0 10px 0;
  text-align: left; 
  border-top: 1px dotted #ddd !important;
}


/* ************************************************** */
/* Minor layout */

#ContentContent #node-form {
  margin-right: 33%;
}
#ContentContent form input, #ContentContent form textarea {
  margin-right: 10px;
}
#ContentContent form fieldset {
  border: none;
}
#ContentContent form legend {
  margin: 0;
  padding: 1em 0 0 0;
  display: block;
  width: 100%;
  border-bottom: 1px dotted #999;
}

#Sidebar ul {
  margin: 0;
  padding: 0; 
  list-style: none;
}
#Sidebar li {
  margin: 0;
  padding: 0 0 0 .85em;
  background: url("/images/web/arr-gra.gif") 0 .2em no-repeat;
  list-style-type: none;
}

/* portfolio divs */
li.project {
	border-top: 1px dotted #999;
	padding: 10px 0px;
	clear: all;
}
.project {
	border-top: 1px dotted #999;
	padding: 10px 0px;
	clear: all;
}
.project_tn {
	display: block;
	padding: 0px 0px 0px 10px;
	float: right;
}
.project_tn img {
	margin: 0px 0px 10px 20px;
}

.project img, .project_tn img { border: 1px solid #000 !important; }

img.indextn {
	margin: 10px 10px 10px 0px;
}

#MyFlickr img {
  border: 1px solid #333;
  padding: 2px;
  margin: 0 5px 5px 0;
}

/* New for main page, added by Bill.
*/
.syslist {
        padding-left: 5ex;
	font-size: 9pt;
}

.pricetag {
	font-weight: bold;
	color: red;
	display: inline;
}

.syspic {
	height: 50px;
	width: 45px;
	margin-left: 38ex;
}