body  { 
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 0;  /*Will correctly center page on all browsers */
  width: 100%;
  background-color: #fdfdfd;
  font-family: arial, verdana, tahoma, "sans serif";
}

#maincontainer  {
  width: 720px; /*Width of main container*/
  margin: 0 auto; /*Center container on page*/
  text-align: left;
}

#header  {
  margin-top: 50px;
  background-image: url("../image/headerBg.jpg");
  background-repeat: no-repeat;
  background-position: top left;
}

#headertube  {
  padding-top: 20px;
  padding-bottom: 17px;
  font-family: arial, verdana, tahoma, "sans serif";
  font-size: 9pt;
  color: #838383;
}

#headerTable  {
  width: 100%;
  border-collapse: collapse;
}

#headerTable  td  {
  vertical-align: top;
}

#headerTable  td.header  {
  text-align: right;
}

a.header:link, a.header:visited  {
  color: #838383;
  text-decoration: none;
}

a.header:hover  {
  color: #749cbb;
  text-decoration: underline;
}

img.logo  {
  border: 0;
}

#topmenu  {
  margin-bottom: 23px;
}

#topmenutube  {
  padding: 0;
  background-color: #6b6b6c;
}

#topmenuTable  {
  width: 100%;
  border-collapse: collapse;
}

#topmenuTable  td  {
  text-align: center;
  width: 103px;
  background-image: url("../image/topmenuBg.gif");
  background-repeat: no-repeat;
  background-position: bottom right;
  padding: 0;
  border: 0;
  /*
  padding-top: 5px;
  padding-bottom: 4px;
  */
}

a.topmenu  {
  display: block;
  text-decoration: none;
  vertical-align: center;
  margin-right: 3px;
  padding-top: 5px;
  padding-bottom: 4px;
  font-size: 10pt;
  font-weight: bold;
}

a.topmenu:link, a.topmenu:visited  {
  color: #fdfdfd;
}

a.topmenu:hover  {
  /* color: #f3ef98;  */
  color: #fdfdfd;
  background-color: #3e3c3e;
}

a.topmenusub  {
  display: block;
  text-decoration: none;
  vertical-align: center;
  padding-top: 5px;
  padding-bottom: 4px;
  font-size: 10pt;
  font-weight: bold;
  border-top: 1px solid #c9cac9;
}

a.topmenusub:link, a.topmenusub:visited  {
  color: #fdfdfd;
}

a.topmenusub:hover  {
  /* color: #f3ef98;  */
  color: #fdfdfd;
  background-color: #3e3c3e;
}

#dropmenudiv  {
  position:absolute;
  z-index: 100;
}

#dropmenudiv a  {

}

#dropmenudiv a:hover{ 

}

#bottommenu {
  clear: both;
  border-top: 1px solid #a7a7a7;
  border-bottom: 1px solid #a7a7a7;
}

#bottommenutube  {
  padding: 1em 10px 0.5em 10px;
  font-family: arial, verdana, tahoma, "sans serif";
  font-size: 10pt;
}

#bottommenuTable  {
  width: 100%;
  border-collapse: collapse;
}

#bottommenuTable  td  {
  border-right: 1px dotted #828282;
  padding: 8px 15px;
  width: 210px;
  vertical-align: top;
}

#bottommenuTable  td.end  {
  border-right: 0;
}

img.bottommenu  {
  float: left;
  margin-right: 15px;
}

#footer  {
  clear: both;
  margin-bottom: 40px;
  background-image: url("/image/headerBg.jpg");
  background-repeat: no-repeat;
  background-position: bottom left;
}

#footertube  {
  text-align: center;
  padding: 24px 10px;
  font-family: arial, verdana, tahoma, "sans serif";
  font-size: 8pt;
  color: #4d4e47;
  padding-top: 12px;
}

a.footer:link, a.footer:visited  {
  color: #567b99;
  text-decoration: underline;
}

a.footer:hover  {
  color: #4d4e47;
  text-decoration: underline;
}

#twocolumnleftwrapper  {
  float: left;
  width: 100%;
}

#twocolumnleftcontent  {
  margin-left: 205px; /*Set left margin to LeftColumnWidth*/
  border-left: 1px solid #a7a7a7;
  margin-bottom: 10px;
}

#twocolumnleftcontenttube  {
  padding: 0 10px 1em 15px;
  font-family: arial, verdana, tahoma, "sans serif";
  font-size: 10pt;
  color: #727272;
}

#twocolumnleftcontenttube  b  {
  color: #333333;
}

#twocolumnleft  {
  float: left;
  width: 205px; /*Width of left column*/
  margin-left: -720px; /*Set left margin to -(MainContainerWidth)*/
}

#twocolumnlefttube  {
  padding: 0 15px 1em 10px;
  font-family: arial, verdana, tahoma, "sans serif";
  font-size: 10pt;
  color: #727272;
}

#twocolumnlefttube  b  {
  color: #333333;
}

#twocolumnrightwrapper  {
  float: left;
  width: 100%;
}

#twocolumnrightcontent  {
  margin-right: 205px; /*Set right margin to RightColumnWidth*/
  border-right: 1px solid #a7a7a7;
  margin-bottom: 10px;
}

#twocolumnrightcontenttube  {
  padding: 0 10px 1em 15px;
  font-family: arial, verdana, tahoma, "sans serif";
  font-size: 10pt;
  color: #727272;
}

#twocolumnrightcontenttube  b  {
  color: #333333;
}

#twocolumnright  {
  float: left;
  width: 205px; /*Width of right column*/
  margin-left: -205px; /*Set left margin to -(RightColumnWidth) */
}

#twocolumnrighttube  {
  padding: 0 10px 1em 15px;
  font-family: arial, verdana, tahoma, "sans serif";
  font-size: 10pt;
  color: #727272;
}

#twocolumnrighttube  b  {
  color: #333333;
}

#singlecolumnwrapper{
  clear: both;
}

#singlecolumnwrappertube  {
  font-size: 10pt;
  padding: 0 10px 30px 10px;
  color: #727272;
}

#singlecolumnwrappertube  b  {
  color: #333333;
}

#threecolumnwrapper  {
  float: left;
  width: 100%;
}

#threecolumncontent  {
  margin: 0 205px 0 205px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#threecolumncontenttube  {
  padding: 0 15px 30px 15px;
  font-family: arial, verdana, tahoma, "sans serif";
  font-size: 10pt;
  color: #727272;
  border-right: 1px solid #a7a7a7;
  border-left: 1px solid #a7a7a7;
}

#threecolumnleft  {
  float: left;
  width: 205px; /*Width of left column in pixel*/
  margin-left: -720px;; /*Set margin to that of -(MainContainerWidth)*/
}

#threecolumnlefttube  {
  padding: 0 15px 1em 10px;
  font-family: arial, verdana, tahoma, "sans serif";
  font-size: 10pt;
  color: #727272;
}

#threecolumnright  {
  float: left;
  width: 205px; /*Width of right column*/
  margin-left: -205px; /*Set left margin to -(RightColumnWidth)*/
}

#threecolumnrighttube  {
  padding: 0 10px 1em 15px;
  font-family: arial, verdana, tahoma, "sans serif";
  font-size: 10pt;
  color: #727272;
}

h1, h2, h3  {
  margin-top: 0;
  padding-top: 0;
  color: #434344;
  font-size: 13pt;
}

b  {
  color: #333333;
}

a:link, a:visited  {
  color: #41433f;
}

a:hover  {
  color: #749cbb;	
}

/* Form CSS Tags */

input, select.input, textarea.input  {
  font-family: tahoma, arial, verdana;
  font-size: 10pt;
  border: 1px solid #aeaeae;
  background-color: #ffffff;
  color: #404040;
}

input.button  {
  background-color: transparent;
  color: #333333;
  background-image: url("/image/anchor.gif");
  background-position: center right;
  background-repeat: no-repeat;
  padding-right: 10px;
  font-weight: bold;
  border: 0;
}

div.sidedivide  {
  border-top: 1px solid #a7a7a7;
  margin-top: 1.5em;
}

div.sidedividetube {
  padding-top: 1.5em;	
}

/* Status Messages CSS Tags */

span.failedAction  {
  display: block;
  padding: 1em 0;
  color: #cc0000;
}

span.approvedAction  {
  display: block;
  padding: 1em 0;
  color: #0066cc;
}

.error  {
  color: #cc0000;
}

/* Table List CSS Tags  */

table.list  {
  border-collapse: collapse;
  border: 0;
  padding: 0;
  width: 100%;
}

table.list  thead  {
  background-color: #d9d9d9;	
}

table.list  thead  th  {
  text-transform: uppercase;
}

table.list  td  {
  padding: 2px 0;
}

/*  Table Form CSS Tags */

table.form  {
  border-collapse: collapse;
  border: 0;
  padding: 0;
}

table.form  td  {
  padding-bottom: 10px;	
}

table.form  td.upload  {
  vertical-align: bottom;	
}

/* News CSS Tags */

#pscroller  {
  height: 150px;
}

.newsclass  {
  color: #727272;
}

.newsclass  b  {
  color: #333333;
}

span.newsdate  {
  font-size: .8em;
  font-weight: bold;
  color: #727272;
}

a.news:link, a.news:visited  {
  color: #333333;
  text-decoration: underline;
  font-weight: bold;
}

a.news:hover  {
  color: #333333;
  text-decoration: none;
  font-weight: bold;
}

a.more  {
  font-weight: bold;
  font-size: .9em;
  color: #333333;
  background-image: url("/image/anchor.gif");
  background-position: center right;
  background-repeat: no-repeat;
  padding-right: 10px;
  text-decoration: none;
}

img.news  {
  padding: 2px;
  border: 1px solid #acacac;
  margin-top: 10px;
}

div.caption  {
  padding: 2px;
  color: #727272;
  font-size: .8em;
}

div.newsImage  {
  padding: 3px;
  border: 1px solid #acacac;
  margin-top: 10px;
  color: #727272;
  font-size: .8em;
  text-align: center;
  margin-bottom: 15px;
}

hr.sidedivide  {
  border: 0;
  border-top: 1px solid #a7a7a7;
  margin: 1em 0;
}

div.news ul {
  list-style-image: url("/image/liNews.gif");
  list-style-position: center left;
}

div.news ul li  {
  margin-bottom: 0.5em;
}

/* Portfolio CSS Tags */

div.portfolio  {
  margin-bottom: 35px;	
}

span.designer  {
  font-weight: normal;
  margin-top: 2px;
  display: block;
}

span.designer  a:link, span.designer a:visited  {
  color: #41433f;
  text-decoration: none;
}

span.designer  a:hover  {
  color: #41433f;
  text-decoration: underline;
}

table.portfolio  {
  border-collapse: collapse;
  border: 0;
  padding: 0;
  margin: auto 0;
  width: 480px;
}

table.portfolio  td.preview  {
  padding-bottom: 6px;	
}

table.category  {
  border-collapse: collapse;
  border: 0;
  padding: 0;
  margin: auto 0;
  width: 100%;
}

table.category  th  {
  width: 80px;	
}

img.portfolio  {
  padding: 2px;
  border: 1px solid #acacac;
}

img.thumbnail  {
  padding: 2px;
  border: 1px solid #acacac;
}

table.page  {
  border-collapse: collapse;
  border: 0;
  padding: 0;
  margin: auto 0;
  /* width: 480px; */
  margin-top: 2em;
}

table.page  td.prev  {
  /* width: 100px; */
  text-align: left;
}

table.page  td.page  {
  /* width: 280px; */
  text-align: center;
  padding: 0 15px;
}

table.page  td.next  {
  /* width: 100px; */
  text-align: right;
}

ul.portfolio  {
  padding-left: 1em;
  list-style-image: url("/image/li.gif");
  list-style-position: center left;
}

ul.portfolio  li  {
  margin-bottom: 3px;
  color: #41433f;
}

a.portfolio:link, a.portfolio:visited  {
  color: #41433f;	
}

a.portfolio:hover  {
  color: #727272;
}

/* Get Quote CSS Tags */

input.quote  {
  width: 205px;	
}

/* Contact Us CSS Tags */

input.contact  {
  width: 270px;	
}

table.contact  {
  border-collapse: collapse;
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}

table.contact  td  {
  padding: 1px 0;	
}

/* Sitemap CSS Tags */

table.sitemap  {
  border-collapse: collapse;
  border: 0;
  padding: 0;
  margin: 0;
  width: 100%;
}

table.sitemap  td  {
  padding: 0 auto;
  vertical-align: top;
}

ul.sitemap  {
  padding-left: 1em;
  list-style-image: url("/image/li.gif");
  list-style-position: center left;
}

ul.sitemap  li  {
  margin-bottom: 15px;	
}

ul.sitemap li ul  {
  margin-top: 15px;	
}

a.sitemap:link, a.sitemap:visited  {
  color: #41433f;	
}

a.sitemap:hover  {
  color: #727272;
}

/* About CSS Tags */

div.services  {
  border-top: 1px solid #a7a7a7;
  border-bottom: 1px solid #a7a7a7;
}

table.services  {
  border-collapse: collapse;
  border: 0;
  width: 100%;
  margin-bottom: 10px;
}

table.services  td  {
  vertical-align: top;
  padding: 0;
}

/* Production CSS Tags */

table.production  {
  border-collapse: collapse;
  border: 0;
  width: 100%;
  padding: 0;
  margin: 0;
}

table.sample  {
  border-collapse: collapse;
  border: 0;
  width: 100%;
  padding: 0;
  margin: 0;
}

table.sample  td  {
  vertical-align: top;	
}

table.sample  td.text  {
  width: 75px;
  padding-top: 15px;
}

/* Webdesign CSS Tags */

ul.pros  {
  padding-left: 1em;
  list-style-image: url("/image/pro_li.gif");
  list-style-position: center left;
}

ul.pros  li  {
  margin-bottom: 3px;	
}

ul.cons  {
  padding-left: 1em;
  list-style-image: url("/image/con_li.gif");
  list-style-position: center left;
}

ul.cons  li  {
  margin-bottom: 3px;	
}

div.offer  {
  background-image: url("/image/offer.jpg");
  background-repeat: no-repeat;
  width: 180px;
  height: 180px;
  margin-bottom: 15px;
}

div.offertube  {
  padding: 10px;
  text-align: right;
  font-size: .9em;	
}

span.price  {
  font-size: 2.5em;
  font-weight: bold;
  color: #000000;
}

a.order  {
  font-weight: bold;
  background-image: url("/image/anchor.gif");
  background-position: center right;
  background-repeat: no-repeat;
  padding-right: 10px;
  text-decoration: none;
}

ol  {
  padding-left: 1.5em;
}

ol  li  {
  margin-bottom: 3px;	
}

p.offer  {
  font-size: 1.2em;	
}

table.offer  {
  border-collapse: collapse;
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}

table.offer  td  {
  vertical-align: top;
  width: 10%;
}

table.package  {
  border-collapse: collapse;
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  margin-top: 5px;
}

table.package  td  {
  vertical-align: top;
}

table.package  td.tag  {
  font-size: 1.1em;
  width: 70%;
  padding-top: 13px;
  padding-right: 5px;
}

table.package  td.pros  {
  border-left: 1px solid #acacac;
  padding-left: 5px;
}

table.howorder  {
  border-collapse: collapse;
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  margin-top: 5px;
}

table.howorder  td  {
  vertical-align: top;
}

table.howorder  td.order  {
  width: 55%;
  padding-right: 5px;
}

table.howorder  td.include  {
  padding-left: 5px;
}

img.affiliate  {
  border: 0;
  margin-bottom: 25px;
}

div.designmore  {
  text-align: right;
  margin-top: -8px;
}

/* Home Page CSS Tags */

table.home  {
  border-collapse: collapse;
  width: 100%;
  border: 0;
  margin-top: 1em;
}

table.home  td  {
  vertical-align: top;	
}

table.home  td.option  {
  width: 135px;
  padding-top: 38px;
}

table.home  td.detail  {
  padding-left: 20px;
  height: 310px;
}

a.option  {
  text-decoration: none;
  display: block;
  border-bottom: 1px solid #a7a7a7;
  font-size: 1.1em;
  font-weight: bold;
  padding: 8px 0;
}

a.option:link, a.option:visited  {
  /* color: #727272; */
  color: #a7a7a7;
}

a.option:hover  {
  color: #41433f;
  background-image: url("/image/anchorHome.gif");
  background-position: center right;
  background-repeat: no-repeat;
}

a.optionover  {
  text-decoration: none;
  display: block;
  border-bottom: 1px solid #a7a7a7;
  font-size: 1.1em;
  font-weight: bold;
  padding: 8px 0;
  background-image: url("/image/anchorHome_over.gif");
  background-position: center right;
  background-repeat: no-repeat;
  color: #41433f;
}

table.homeservice  {
  border-collapse: collapse;
  border: 0;
  width: 100%;
}

table.homeservice  td  {
  vertical-align: top;
  width: 50%;
}

table.slide  {
  border-collapse: collapse;
  border: 0;
  width: 100%;
  margin-top: 10px;
}

table.slide  td.left  {
  text-align: left;
}

table.slide  td.mid  {
  text-align: center;	
}

table.slide  td.right  {
  text-align: right;	
}

img.slide  {
  border: 0;	
}

/* Hide CSS Tags  */

div.hide  {
  display: none;
  visibility: hidden;
}

span.hide  {
  display: none;
  visibility: hidden;
}

td.hide  {
  font-size: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
}
