/*GLOBAL*/
  body {  margin: 0 10px;  padding: 0;  text-align: center;  background: #aaa; }
  body {  text-align: left;  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 76%;
  line-height: 1em;  color: #333;  }

/*  GOOGLE FONTS */
  h3.tangerine {font-family: 'Tangerine';
 font-size: 350%;}

  div#page {  width: 1000px;  margin:  0px auto;  padding: 0;  text-align: center;  position: relative; }
  div {  font-size: 1em;  }
  img {  border: 0;  }
  p, li {color: #333;}
  .imageright {float: right; margin: 0 0 10px 10px;}

/* LINKS */
  a, a:link, a:active { text-decoration: underline; color: #666; ;background-color:transparent; }
  a:visited {  color: #444;  background-color: transparent;  }
  a:hover {  text-decoration: none;  color: #444;  background-color: transparent;  }
  
/* END LINKS */

/* HEADINGS */
    h1 {  margin: 0 0 0.5em 0;  padding: 0;  font-size: 2em;  line-height: 1em;  color: black;  }
    h2 {  margin: 0 0 0.6em 0;  padding: 0;  font-size: 1.5em;  line-height: 1em;  color: black;  }
    h3 {  margin: 0 0 0.6em 0;  padding:0;  font-size: 1.3em;  line-height: 1em;  color: black;  }
    h4 {  margin: 0 0 0.25em 0;  padding: 0;  font-size: 1.3em;  line-height: 1em;  color: black;  }
    h5 {  margin: 0 0 0.25em 0;  padding: 0;  font-size: 1.1em;  line-height: 1em;  color: black;  }  
    h6 {  margin: 0 0 0.25em 0;  padding: 0;  font-size: 1em;  line-height: 1em;  color: black;  }

/* TEXT */
    p, li, span, a { color: #333; margin: 0 0 1.5em 0;  padding: 0;  font-size: 1.2em;  line-height:1.6em;  }
/* END TEXT */
    
/* LISTS */
    ul    {  margin: 0 0 1.5em 0;  padding: 10px 0;  line-height:1.4em;  }
    ul li{  margin: 0 0 0.25em 30px;  padding: 0;  font-size: 1.2em; list-style: disc;  }
    ul li ul li {font-size: 1.0em;} 
    ol    {  margin: 0 0 1.5em 0;  padding: 0;  font-size: 1.0em;  line-height: 1.4em;  }
    ol li {  margin: 0 0 0.25em 30px;  padding: 0;  font-size: 1.0em; }
/* END LISTS */




/* HEADER */
  div#branding { width: ;  margin: 5px;  padding: 5px ;  text-align: left;  margin-left: -5px;}
  div#branding a img {margin-left: 0px;}
  div#branding img#tag {padding-right: 25px; margin: -40px 0 25px 100px; display: block;}
  div#search {  float: right;  ;  margin: 49px -10px 0 0px;  padding: 16px 20px 0 0;  text-align: right;  }

  #headertext h1, #headertext h2, #headertext h3 {color: white; background-color: transparent ;}
  #headertext h1 {font-size: 2.35em; line-height: 1.0; text-align: center; margin: 50px 0 0 -10px; padding: 0; text-transform: uppercase;}
  #headertext h2 {font-size: 2.05em;}
  #headertext h3 {font-size: 1.55em;} 
  #headertext {margin: -15px 0 10px; }
  #headertext p {color: #eee; font-weight: bold; font-size: 125%; line-height: 1.3; word-spacing: 2.5px;  margin: 10px 0 ;}
  #headertext p span {color: #eee; font-size: 135%; font-weight: normal; line-height: 1.1;}      
  #headertext p span#update {color: #666;}
  div#header {margin: 5px 0 0 0;  padding: 0px 55px 10px;  text-align: left; background-color: #9e9e9e;
              border-top: 4px solid #000; border-bottom: 2px solid #444; clear: both;}
  div#header {background:  #8A8A8A url(../../assets/sitegraphics/headerbackground3.png) repeat-x scroll 0 125px; }
  div#headertop {margin: -5px -55px 0; padding: 0 0 5px 0; background:  url(../../assets/sitegraphics/brandinggradient.png) repeat-x scroll 0 0px; } 

  #slideshow{float: right; margin: -15px 0 10px 30px;  }

  #header h4 {font-weight: bold; padding-left: 20px;}
  
  #slideshowtext {display: none; background-color: #8a8a8a; width: 400px; font-size: 110%; text-align: center;}
  #slideshowtext p {line-height: 1.2;  margin: 0 0; width: 400px; }  

h1#update {text-align: center; margin: 70px 0 20px 0; line-height: 1.2; }
p#update, h2#update {text-align: center; margin: 0px 0 20px 0; color: #eee;}  
  
  /* GRAY BUTTON */
  #buttons { margin-left: 30px; }
  h4.graybutton {background: url(../../assets/sitegraphics/gray-button60.png) no-repeat scroll top left; 
 padding: 16px 0 ; font-size: 155%; color: #fff; float: left;  clear: right; width: 190px; font-family: "Arial Narrow"; line-height: 1.2em;}
  h4.graybutton a {line-height: 1.2em; }
  #headertext h4.graybutton a.call:hover {color: #fff; cursor: default;}

  #header a, #header a:link, #header a:active { text-decoration: none; color: #fff;background-color:transparent; }
  #header a:visited {  color:;  background-color: transparent;  }
  #header a:hover {  text-decoration: none;  color: #FACF2E;  background-color: transparent;  }



  /* END HEADER */


/* MAIN */
  div#main { width: 600px; display: inline-block; }
  div#main.newko {width: 900px;}
  div#main { padding: 25px 10px 10px 10px; float: left;}
  div#main h1 { color: #fff; display: block; width: ; padding: 15px 0 15px 65px; margin: 0; font-size: 140%;}
  div#main h1 {background: url(../../assets/sitegraphics/Terry-Barth-Design-50.png) no-repeat scroll 0px -3px ; }
  div#main span.headingwrapper {background: url(../../assets/sitegraphics/h1gradient.png) repeat-y 
  scroll 0px 0; display: block;}
  
/* END MAIN */

/* CONTENT */
  div#content {  position: relative;  padding: 0 45px;  text-align: left;  width: 910px;  }
  div#content {background:  #ccc url(../../assets/sitegraphics/pagebackground.png) repeat-y scroll 0 0;
   }
  div.contentbox {background:#ccc; /*url(../../assets/sitegraphics/boxbackground.png) repeat-y  scroll 0px 0;  
  */display: block;}
  div.contentbox p, div.contentbox ul {padding: 5px 10px 5px 10px;}



/* CLIENT SUMMARY */

#clientsummary .cataloginfo, div.ditto_summaryPost {padding: 10px 10px 0px 260px;  }

#clientsummary, div.ditto_summaryPost  { margin: 0 0px 10px 0px;}
#clientsummary h3 { font-size: 100%; background: url(../../assets/sitegraphics/h1gradient.png) repeat-y 
  scroll 0px 0; display: block;  padding: 3px 10px;}
#clientsummary hr {display: none;}
#clientsummary a {color: #fff; font-size: 1.5em; }
#clientsummary div.ditto_item a img {float: left; margin: 10px 10px 10px 10px; padding: 0; 
}

#clientsummary div.clientbox {background-color: #bbb; margin: 10px;  border: 0px solid #666; padding: 0 0 0px 0;}

#clientsummary div.ditto_introText, 
#clientsummary div.ditto_introText span,
#clientsummary div.ditto_introText p { font-size: 1.1em; line-height: 1.3 }
#clientsummary div.ditto_introText span { font-weight: bold;}
#clientsummary div.readmore, div.ditto_link a {display: block; text-align: right; width: 90%; padding: 0 10px 10px 0;
 margin-top: -20px;}
#clientsummary div.readmore a, div.ditto_link a {font-size: 100%; padding-top: 5px; color: #000; text-decoration: underline;}
#clientsummary .ditto_item img {float: left; margin: 10px;}
/* CLIENT PAGE */

.ditto_item {padding: 0 0 1px 0;}
div#main div.clientinfo h1 {color: #000; background-image: none; padding: 0px 5px;}
div.client img {float: left; margin: 10px 10px 0 0;}
div.client ul {padding-left: 400px; margin-bottom: 0px;}
p.visit {float: right; clear: left; padding: 5px 0 0 0; margin:5px 0;}
p.visit a {color: #000; font-size: 110%; }
p.visit a:hover {color: #bbb; text-decoration: underline;}
.clientbox img {float: left; margin: 10px 10px 10px; 0;}
.clientbox .client p {padding: 0 0 5px 0;}
.clientinfo h3 {clear: right;}

/* ARTICLES */
#article img {margin: 0 5px; }
#article a {float: left;}
#article p {clear: left;}
div.ditto_summaryPost h3 a {color: #fff; font-size: 100%;  background: url(../../assets/sitegraphics/h1gradient.png) repeat-y scroll 0px 0; display: block;  padding: 10px; 10px;}
div.ditto_summaryPost p {clear: left;}
div.ditto_summaryPost p a {text-decoration: underline; float: left;}
div.ditto_summaryPost p a:hover {color: #666;}
span.date {display: block; width: 20%; text-align: right; margin: -45px 0px 25px 450px;  font-size: 90%;}
div.ditto_summaryPost {padding: 10px 10px 10px 10px; border: 0px solid #666; background-color: #bbb; }
#main .imageleft {float: left; padding: 5px 10px 10px 0;}
#main .imageright {float: right; padding: 5px 0px 10px 10px;}
div.articleimage {float: left;}
div#articlemenu {}
div#articlemenu h2, div#articlemenu li {color: #000; padding-left: 10px; margin:0; line-height: .8em; }
div#articlemenu ul li {list-style-type: none; padding: 10px 15px;}
div#articlemenu ul li a {color: #000; text-decoration: none; font-size: 110%}
div#articlemenu ul li a:hover {color: #666; text-decoration: underline;}


/*  FAQ  */

.accordianheading{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 5px;
border: 0px solid gray;
font-weight: bold;
font-size: 1.5 em;
margin-bottom: 10px;
}
div#faq {font-size: 1.1em;}
.accordianheading:hover {text-decoration: underline;}

.openpet{ /*class added to contents of 1st demo when they are open*/
/* background: yellow; */
}

.faqcontent {padding: 0px 20px;}


.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin: 10px 0;
}

/* Calendar */
center {display: none;}


/* BLOG */
form.jot-form label {float: none; text-align: left;}
div.jot-list li, div.subscribe li {list-style-type: none;}
div.jot-list li a, div.subscribe li a {font-weight: bold; font-size: 125%; color: #000}

/* PHOTO GALLERY */

div.thumbscontainer {float: none; margin: auto;}
#gallerytwo img{padding: 0; margin: 5px;}


/* SIDEBAR */
  #sidebar {float: right; display: inline; width: 260px; padding: 15px 10px 10px 10px;}
  #sidebar img {float: ;}
  #sidebar p {font-size: 120%; }
  #news p {font-size: 130%;  margin: 0; line-height: 1.3; }
  #news a {font-size: 100%;}
  .sidebarbox {border: #ccc Solid 10px; padding: 10px;}
  .tbdguybox {border: 0px;}
  .sidebarboxfeatures {font-weight: bold; margin-top: 0px;}
  .sidebarheading {background: url(../../assets/sitegraphics/pagebackground.png) repeat-y  scroll 0px 0; display: block; padding: 10px; color: #fff; margin-top: 10px; }
#sidebar a.highslide img {border: none; padding: 10px; margin-top: -50px;}
#vcard { text-align: center; padding: 5px; margin: 10px auto; width: 200px; font-size: 90%; border: 1px solid #666;}

/* CONTACT */
#contact {background-color: #FAD12E; padding: 10px 0 10px 10px; border: 3px #aaa solid; clear: right; margin-top: 10px;}
#address {float: right; margin: 10px 0px 0 30px; width: 200px;}
#contactbuttons {float: right; margin-left: 35px;}
#contactbuttons img {width: 175px; margin: 15px 0 -35px -15px; padding: auto;}
#contactbuttons a, #contactbuttons h4 {color: #fff; text-decoration: none;}
#contact label { float: left; width: 160px;  text-align: right; padding: 3px 5px; }
#EmailForm input,#callyou input, textarea{ width: 180px; margin-bottom: 5px; }
textarea { width: 380px; height: 150px; }
form#callyou input#when {width: 380px; }
form#callyou textarea {height: 65px;} 
#EmailForm .button, #callyou .button {padding: 5px; margin-top: 5px;}
form img{padding-left: 172px;}
#submitbutton{ margin-left: 120px; margin-top: 15px; width: 90px; }
#contact br{ clear: left; }

/* ORDER FORM */

#orderform label {}
#autoSumForm select, #orderform input {margin: 3px 3px 2px 0px;}
 
#orderform, #orderform span {font-size: 12px; line-height: 1em; }
#orderform span {margin:0 4px 0 0; }
#orderform .total, #orderform #txtTotal {font-weight: bold; margin: 8px 0; font-size: 115%;}
#formcategory {margin: 10px; padding: 10px;}

input.right { text-align: right; width: 75px;}


/********* e comerce ***********/
.ecomerce_item {}
.product-image img {float: right; padding: 5px; border: 1px solid #fff; margin: -30px 0px 10px 10px;}
.product-add, .treasure_cart{padding: 5px; float: right;}

.tcimage {float: left; padding: -10px 20px 0px 0px;}
.tcimage img {padding: 0px 10px 0px 0px;}
div.ecomerce_item a {padding-left: 0px;}
.detail {padding: 0px 0px 0px 0px;}
div.detail a.treasureChest {padding: 5px; background: #666; border: 1px solid #fff; text-decoration: none;  }
div.treasure_cart a {padding: 5px; color: #000; font-size: 1.1em;}
div.detail p.prodspec {line-height: 1.6em; padding: 0;}
a.treasureChest:hover {background:#999; color: #fff;}
a.treasureChest span {color: #fff;}
a.tc_view {padding: 5px; background: #666; border: 1px solid #666; text-decoration: none; }
a.tc_cart_empty {padding: 5px; background: #666; border: 1px solid #666; text-decoration: none; margin-left: 5px; }

a.tc_view:hover {background:#999;}
a.tc_cart_empty:hover {background:#999;}

/* EVENT CALENDAR */
#content .module {width: 260px; float: right;}
#content .module h3 {text-align: center;}


/* CHAT */

.chat {float: left; margin: -40px -60px 0 50px;}

/*  SHARE THIS */

#social {float: right; width: 125px;margin-top: 10px;}
#sharethis {float: right; margin: 2px 115px 0 15px; clear: none;}
#sharethis span#sharethis_0, #sharethis span.stbuttontext {line-height: 1.2em; margin: 0; font-size: 100%;}
#sharethis span#sharethis_0 a {padding: 0px 18px 10px;}
#facebook {}
div#nav #facebook a {margin: -1px 0 0 0; padding: 0;}
div#nav #facebook a:hover {background: transparent;}

/* SEARCH */
#search label {width: 95px;}
.ajaxSearch_result {margin: 10px 0; padding: 10px; border: 0px solid #444; background-color: #ccc;}

/* FACEBOOK */
#facebook, #linkedin {padding: 0px; text-align: center; }

/* TWITTER */

#twiterone {float: left; margin: 10px 10px 10px 0; width: 300px;}
.twtr-doc {margin: 0px;}
#twittertwo {float: left;}
#twitter_div { margin: 20px 0px 20px 280px; padding: 10px; border: 1px solid #666;}
#twitter_div ul li {list-style-type: none; margin: 5px 10px 5px 0px; padding-bottom: 5px; border-bottom: 1px solid #ccc;}

/***** Work Order Form *****/

#workordermenu {padding: 15px 0px;}
#workordermenu a {width: 165px; padding: 5px 5px; margin: 0 15px 0 0; border: 1px solid #fff; background: #8a8a8a; text-decoration: none; color: #fff; display: inline-block; text-align: center;}
#workordermenu a:hover {background: #bbb; color: #000; border: 1px solid #000;}

#workorder {}

#workorderform label {width: 205px; display: inline-block; text-align: right; vertical-align: top; padding: 5px 0 0 0; }
#workorderform input, #workorderform textarea, #workorderform select {margin: 3px;}
#workorderform textarea {margin-left: 5px; }
#workorderform fieldset {border: 0px solid #bbb; background-color: #bbb; margin: 10px 0; padding: 0 0 10px 0;}

input tvprojecttype{margin-left: 9em;}

.error, .errors {color: blue;}
.workorderlist {margin: 5px 0px; display: block;}

.workorderlist a {text-decoration: none; font-size: 95%; background-color: #bbb; border: 1px solid #666; display: block; margin: 0; line-height: 1.1em; padding: 5px; }
.workorderlist a:hover {background-color: #ededed; }
.workorderlist a span {color: #000; }



.projectinformation {border: 0px solid #bbb; background-color: #bbb; margin: 0 10px 10px 10px; padding: 0px 10px 10px;width: 600px; line-height: 1.3em; color: #000;}
.projectinformation p {margin: 10px 0;}
#workorder table {}
#workorder td {vertical-align: top; padding-top: 3px; font-size: 1.1em; }
#workorder td.lable {color: #000; width: 10em; display: inline-block; font-size: 1.1em;text-align: right;  }
#workorder td.data {color: #444; padding-left: 6px; font-size: 1.1em;}

.instructions {border: 0px solid #bbb; padding: 0 10px 10px 10px; margin: 0 10px 10px 10px; background-color: #bbb; width: 600px; font-size: 1.1em;}
.projectinformation td.lable label {float: none; color: #000;}
.estimate {width: 600px;}

.filesharing {border: 0px solid #000; padding: 0 10px 10px 10px; margin: 0 10px 10px 10px; background-color: #bbb; width: 600px;}
span.title {display: inline-block; width: 599px; background-color: #444; color: #fff; margin: 0px 0 0px -10px; padding: 2px 10px; border: 1px solid #bbb;}
#fdmForm span.title {margin: 0;}

#status {float: right; width: 255px; border: 0px solid #ffc700; text-align: center; padding: 0; font-size: 90%; margin-top: 0px; background-color: #bbb;}
#status span.title {width: 255px; padding: 3px 0; margin: 0;}
#status span.label { background-color: #666; text-align: center; width: 100%;  display: block;}
#status span.data {display: block; margin: 0 0 5px 0; padding: 0; color: #555; border-bottom: 1px solid #555;}

#statuscheck {text-align: left;  padding: 10px 0 10px 25px; margin: 10px; border-top: 0px solid #ffc700;}
#statuscheck span {margin:0; padding: 0 0px 0 0;}
#statuscheck span.check {margin-left: -15px; color: #000; width: 15px; text-align: center; display: inline-block;}
#statuscheck span.notdone {color: #777;} 

.wotitle {margin: 0 0 5px 0;}
#listofworkorders span.orderlistelement, #listofworkorders span.orderlistelement2, #listofworkorders span.orderlistelement3 {color: #000;}
span.orderlistelement, span.orderlistelement2, span.orderlistelement3 { padding: 1px 10px; display: inline-block; vertical-align: top; color: #000;  width: 20%; margin: 0; font-size: 95%;}
span.orderlistelement2 { width: 12%; text-align: center;}
span.orderlistelement3 { width: 5%; text-align: center;}

#paypal select {}
#paypal td.button {padding-top: 15px;}
#paypal td.button input {border: 1px solid #fcc700; padding-top: 5px;}
#paypal span {color: #fff;}

/****** File Sharing *******/
/** .filesharing {margin: -1em 0px; border: 1px solid #bbb;padding: 20px 10px 10px 0; background-color: #444; } **/
.instructions li {font-size: 80%; }
.instructions #filedownload {background-color: #000;}
 #filelist a {font-size: 100%; margin-left: -20px;}
 #filelist p {margin: 0;}
 #filelist td {padding: 0 20px 0 0;}
 #filelist th {padding: 0 20px 0 0} 
 #filelist table {margin: 10px 0 10px 0;}

/* SLIDER NAVIGATION */

#navslider .glidecontent {background-color: transparent; color: #000;}
#navslider .cataloginfo p, #navslider .cataloginfo a  {color: #000; font-size: 100%; font-weight: normal;}


#navslider .glidecontenttoggler {width: 100%; }
#navslider .glidecontentwrapper, #navslider .glidecontent {width: 100%; ;}
#navslider .glidecontenttoggler a.toc {border: 0px; background-color: #bbb;}
#navslider .glidecontenttoggler a.toc:hover {background-color: #ccc; color: #000;}
.glidecontent {
   background: #D3D2D3 url(../../assets/sitegraphics/gliderbackground.png) no-repeat }




/* END CONTENT */


/* FOOTER */
  div#footer { color: white; }
  
#footer ul li {list-style: none;}
#footer ul li a {text-decoration: none; color: #bbb; }
#footer ul li a:hover {color: #fff;}



  div#footer p {  margin: 0;  padding: 15px;  font-size: 0.8em;  }
  div#footer h3 {color: #bbb; text-align: left; padding: 10px 0 0 30px;}
  #footer ul li {list-style: none; text-align: left;  line-height: 1.0em; font-size: 1.1em; padding: 2px 0;}
  #footer ul li a {text-decoration: none; color: #bbb; line-height: 1.0em;}
  #footer ul li a:hover {color: #fff;}
  #footer #articles, #footer #clients, #footer #demonstrations {float: left; width: 200px; margin: 5px 25px;}
  div#footer { background: #666 url(../../assets/sitegraphics/tbdguy300.png) no-repeat 
  scroll bottom right; display: block;} 
  #footeraddress {clear: both; text-align: center; color: #bbb;}

/* END FOOTER */
/* END LAYOUT */

/*  404 */
#docnotfound li {list-style-type: none; }
#docnotfound ul ul, #docnotfound ul ul ul, #docnotfound ul ul ul ul  {margin: 0; padding: 0;}
#docnotfound ul li ul li{ font-size: 1em;}
#docnotfound ul li ul li ul li{ font-size: 1em; line-height: 1.1em;}


/* HORIZONTAL NAVIGATION */
    div#nav {  font-size: 0.8em;  }
    * html div#nav {  /* hide ie/mac \*/  height: 1%;  /* end hide */  }

    div#nav div.wrapper { position: absolute;  left: 0px;  top: 19px;  bottom: 0;  width: 1000px;  height: 
    44px;  border-top: 3px solid #9e9e9e; border-bottom: 3px solid #9e9e9e; padding: 0px; background-color: #ccc;}
/*    #nav div.wrapper {border-top: 3px solid #888; padding: 5px; background-color: #ccc;}  */

    div#nav {  position: absolute;  top: 95px;  left: 0;  width: 100%;  text-align: left;  }  
    div#nav ul {  width: 100%;  margin: 0;  padding: 0 0 0px 40px;  line-height: 1em;  list-style: none;  }
    div#nav li {  float: left;  display: inline;  margin: 0;  padding:0;  list-style: none;  line-height: 1em;  
    border-right: 1px solid #aaa;  }
    div#nav li.last {  border-right: none;  }
    div#nav a,
    div#nav a:link,
    div#nav a:active,
    div#nav a:visited { font-size: 130%; display: inline-block;  /* hide from ie/mac \*/  display: block;  /* end hide */  
    margin: 0px;  padding: 10px 18px 10px 18px;  font-weight: normal;  text-decoration: none;  color: black;  
    background: #;  }
    div#nav a:hover,  div#nav a:active {  background-color:#FDBE13; color: #fff; }
    
    div#nav strong {  display: inline-block;  /* hide from ie/mac \*/  display: block;  /* end hide */  
    color: white;  background: black;  }
    div#nav strong a,
    div#nav strong a:link,
    div#nav strong a:active,
    div#nav strong a:visited,
    div#nav strong a:hover {  color: white;  background-color: #FDBE13;  }
/* END NAV */

/* SUB 
   div#sub {  }
   END SUB */

/* UL.SUBNAV */

  div#sub {  display: none;  }
  ul.subnav {  margin: 0;  padding: 0;  font-size: 0.8em;  list-style: none;  }
  ul.subnav li {  margin: 0 0 1em 0;  padding: 0;  list-style: none;  }
  ul.subnav li a,
  ul.subnav li a:link,
  ul.subnav li a:visited,
  ul.subnav li a:active {  text-decoration: none;  font-weight: bold;  color: black;}
  ul.subnav li a:hover {  text-decoration: underline;  }
  ul.subnav li strong {  padding: 0 0 0 12px;  background: url("../i/subnav-highlight.gif") left top no-repeat     transparent;  }
  ul.subnav li strong a,
  ul.subnav li strong a:link,
  ul.subnav li strong a:visited,
  ul.subnav li strong a:active {  color: white;  background-color: black;  }
/* END UL.SUBNAV */

/* clearing */  
  .stretch,  .clear {  clear: both;  height: 1px;  margin: 0;  padding: 0;  font-size: 15px;  
  line-height: 1px;  }
  .clearfix:after {  clear: both;  height: 0;  display: block;  visibility: hidden;  content: ".";  }
  .clearfix {display:inline-block;}
  /* Hide from IE Mac \*/
  .clearfix {display:block;}
  /* End hide from IE Mac */
/* end clearing */

/* accessibility */
  span.accesskey {  text-decoration: none;  }
  .accessibility {  position: absolute;  top: -999em;  left: -999em;  }


/* TEST */
a.roundblack,
a.roundblack:link,
a.roundblack:visited {  background: 0 0 repeat-x url(../../assets/sitegraphics/gray-button60ctr.png);  vertical-align: top;  color: white;  text-decoration: none;  padding: 0px 10px ;height: 60px; display: inline-block; line-height: 55px; font-size: 155%; margin: 0;}
a.roundblack:hover {  color: green; }
.roundblackleft {  display: inline-block;  background: 0 0 no-repeat url(../../assets/sitegraphics/gray-button60l.png);  width: 14px;  height: 60px; }
.roundblackright {  display: inline-block;  background: 0 0 no-repeat url(../../assets/sitegraphics/gray-button60r.png);  width: 15px;  height: 60px; margin-top: -1px;}