/* begin Page */

body
{
  margin: 0 auto;
  padding: 0;
  background-color: black;
/*  background-image:url(../images/background-image.jpg);*/
  background-repeat:no-repeat;
  background-position:center top;
}

.Main
{
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}




.PageBackgroundSimpleGradient
{
  background-image: url('../images/Page-BgSimpleGradient.jpg');
  background-repeat: repeat-x;
  height: 250px;
}

.cleared
{
  float: none;
  clear: both;
  margin: 0;
  padding: 0;
  border: none;
  font-size:1px;
}

/* end Page */

/* begin Box, Sheet */
.Sheet
{
  overflow: visible;
  min-width:41px;
  min-height:41px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
  width: 800px;
}


.Sheet-body
{
  position: relative;
  z-index: 0;
  margin: 0px;
}

.Sheet-tl
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url('../images/Sheet-s.png');
}

.Sheet-tr
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
}

.Sheet-tr div
{
  position: absolute;
  z-index: -1;
  top: 0px;
  left: -20px;
  width: 40px;
  height: 40px;
  background-image: url('../images/Sheet-s.png');
}

.Sheet-bl
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 20px;
  height: 20px;
}

.Sheet-bl div
{
  position: absolute;
  z-index: -1;
  top: -20px;
  left: 0;
  width: 40px;
  height: 40px;
  background-image: url('../images/Sheet-s.png');
}

.Sheet-br
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 20px;
}

.Sheet-br div
{
  position: absolute;
  z-index: -1;
  top: -20px;
  left: -20px;
  width: 40px;
  height: 40px;
  background-image: url('../images/Sheet-s.png');
}

.Sheet-tc
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 0;
  left: 20px;
  right: 20px;
  height: 20px;
}

.Sheet-tc div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background-image: url('../images/Sheet-h.png');
}

.Sheet-bc
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  bottom: 0;
  left: 20px;
  right: 20px;
  height: 20px;
}

.Sheet-bc div
{
  position: absolute;
  z-index: -1;
  top: -20px;
  left: 0;
  width: 100%;
  height: 40px;
  background-image: url('../images/Sheet-h.png');
}

.Sheet-cl
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 0px;
  left: 0;
  width: 20px;
  bottom: 20px;
}

.Sheet-cl div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 40px;
  height: 100%;
  background-image: url('../images/Sheet-v.png');
}

.Sheet-cr
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 0px;
  right: 0;
  width: 20px;
  bottom: 20px;
}

.Sheet-cr div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: -20px;
  width: 40px;
  height: 100%;
  background-image: url('../images/Sheet-v.png');
}

.Sheet-cc
{
  position: absolute;
  overflow:hidden;
  z-index: -2;
  top: 0px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  background-image: url('../images/Sheet-c.png');
}


.Sheet
{
  margin-top: 50px !important;
}
/* end Box, Sheet */

/* begin Header */
div.Header
{
  margin: 0 auto;
  position: relative;
  z-index:0;
  left:-130px;
  width: 1060px;
  height: 190px;
  overflow:visible;
}

div.Header-png
{
  position: absolute;
  z-index:-2;
  top: 0;
  left: 0;
  width: 800px;
  height: 150px;
  background-image: url('../images/Header.png');
  background-repeat: no-repeat;
  background-position: left top;
}


div.Header-jpeg
{
  position: absolute;
  z-index:-1;
  top: 0;
  left: 0;
  width: 800px;
  height: 150px;
  background-image: url('../images/Header.jpg');
  background-repeat: no-repeat;
  background-position: center center;
}
/* end Header */

/* begin Logo */
.logo
{
  display : block;
  position: absolute;
  left: 140px;
  top: 52px;
  width: 780px;
  z-index:-1;
}

h1.logo-name
{
  display: block;
  text-align: left;
}

h1.logo-name, h1.logo-name a, h1.logo-name a:link, h1.logo-name a:visited, h1.logo-name a:hover
{
  font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
  font-size: 23px;
  text-decoration: none;
  padding:0;
  margin:0;
  color: #473400 !important;
}

.logo-text
{
  display: block;
  text-align: left;
}

.logo-text, .logo-text a
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  padding:0;
  margin:0;
  color: #473400 !important;
}

/* end Logo */

/* begin Menu */
/* menu structure */

.artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover
{
  text-align:left;
  text-decoration:none;
  outline:none;
  letter-spacing:normal;
  word-spacing:normal;
}

.artmenu, .artmenu ul
{
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  display: block;
}

.artmenu li
{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float:left;
  position: relative;
  z-index: 5;
  background:none;
}

.artmenu li:hover
{
  z-index: 10000;
  white-space: normal;
}

.artmenu li li
{
  float: none;
}

.artmenu ul
{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background:none;
}

.artmenu li:hover>ul
{
  visibility: visible;
  top: 100%;
}

.artmenu li li:hover>ul
{
  top: 0;
  left: 100%;
}

.artmenu:after, .artmenu ul:after
{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}
.artmenu, .artmenu ul
{
  min-height: 0;
}

.artmenu ul
{
  background-image: url(../images/spacer.gif);
  padding: 10px 30px 30px 30px;
  margin: -10px 0 0 -30px;
}

.artmenu ul ul
{
  padding: 30px 30px 30px 10px;
  margin: -30px 0 0 -10px;
}


/* menu structure */

.nav
{
  position: relative;
  margin: 0  auto;
  width: 800px;
  height: 24px;
  z-index: 100;
}

.artmenu
{
  padding: 0px 0px 0px 0px;
}


.nav .l, .nav .r, .nav .r div
{
  top: 0;
  position: absolute;
  z-index: -1;
  overflow: hidden;
  height: 24px;
}

.nav .l
{
  left: 0;
  right: 0px;
}


.nav .r
{
  right: 0;
  width: 0px;
}


.nav .r div
{
  width: 800px;
  right: 0;
}


.nav .l, .nav .r div
{
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url('../images/nav.png');
}

/* end Menu */

/* begin MenuItem */
.artmenu ul li
{
  clear: both;
}

.artmenu a , .artmenu a span
{
  height: 24px;
  display: block;
}


.artmenu a
{
  cursor: pointer;
  text-decoration: none;
  margin-right: 0px;
  margin-left: 0px;

}
.artmenu a span span
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  color: #D4D4D4;
  padding: 0 17px;
  margin: 0 0px;
  line-height: 24px;
  text-align: center;
  background-image: none;/*url('../images/item-center.png');*/
  background-position: left top;
  background-repeat: repeat-x;

}




.artmenu a:hover span span
{
  color: #F0F0F0;
  background-position: left -24px;
}

.artmenu li:hover a span span
{
  color: #F0F0F0;
  background-position: left -24px;
}


/* end MenuItem */

/* begin MenuSeparator */
.nav .separator
{
  display: block;
  width: 1px;
  height: 24px;
  background-image: url('../images/item-separator.png');
}

/* end MenuSeparator */

/* begin MenuSubItem */
.artmenu ul a
{
  display:block;
  text-align: center;
  white-space: nowrap;
  height: 20px;
  width: 170px;
  overflow:hidden;
  line-height: 20px;
  margin-right: auto;


  background-image: url('../images/subitem-bg.png');
  background-position: left top;
  background-repeat: repeat-x;

  border-width: 1px;
  border-style: solid;
  border-color: #595959;
}

.nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
  display: inline;
  float: none;
  margin: inherit;
  padding: inherit;
  background-image: none;
  text-align: inherit;
  text-decoration: inherit;
}

.artmenu ul a, .artmenu ul a:link, .artmenu ul a:visited, .artmenu ul a:hover, .artmenu ul a:active, .nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
  text-align: left;
  text-indent: 12px;
  text-decoration: none;
  line-height: 20px;
  color: #F5F5F5;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 10px;
}

.artmenu ul ul a
{
  margin-left: auto;
}

.artmenu ul li a:hover
{
  color: #F2F2F2;
  border-color: #595959;
  background-position: 0 -20px;
}

.artmenu ul li:hover>a
{
  color: #F2F2F2;
  border-color: #595959;
  background-position: 0 -20px;
}

.nav .artmenu ul li a:hover span, .nav .artmenu ul li a:hover span span
{
  color: #F2F2F2;
}

.nav .artmenu ul li:hover>a span, .nav .artmenu ul li:hover>a span span
{
  color: #F2F2F2;
}


/* end MenuSubItem */

/* begin ContentLayout */
.contentLayout
{
  margin-bottom: 5px;
  width: 800px;
  position: relative;
}
/* end ContentLayout */

/* begin Box, Block */
.Block
{
  /*overflow: hidden;*/
  min-width:35px;
  min-height:35px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
}


.Block-body
{
  position: relative;
  z-index: 0;
  margin: 4px;
  
}

.Block-navi
{
  overflow: hidden;
  min-width:35px;
  min-height:35px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
  float:left;
  cursor:pointer;
}

.Block-navi-content
{
  padding:8px;
}

.Block-tl
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  left: 0;
  width: 23px;
  height: 23px;
  background-image: url('../images/Block-s.png');
}

.Block-tr
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  right: 0;
  width: 23px;
  height: 23px;
}

.Block-tr div
{
  position: absolute;
  z-index: -1;
  top: 0px;
  left: -23px;
  width: 46px;
  height: 46px;
  background-image: url('../images/Block-s.png');
}

.Block-bl
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 23px;
  height: 23px;
}

.Block-bl div
{
  position: absolute;
  z-index: -1;
  top: -23px;
  left: 0;
  width: 46px;
  height: 46px;
  background-image: url('../images/Block-s.png');
}

.Block-br
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  right: 0;
  width: 23px;
  height: 23px;
}

.Block-br div
{
  position: absolute;
  z-index: -1;
  top: -23px;
  left: -23px;
  width: 46px;
  height: 46px;
  background-image: url('../images/Block-s.png');
}

.Block-tc
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 0;
  left: 23px;
  right: 23px;
  height: 23px;
}

.Block-tc div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 46px;
  background-image: url('../images/Block-h.png');
}

.Block-bc
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  bottom: 0;
  left: 23px;
  right: 23px;
  height: 23px;
}

.Block-bc div
{
  position: absolute;
  z-index: -1;
  top: -23px;
  left: 0;
  width: 100%;
  height: 46px;
  background-image: url('../images/Block-h.png');
}

.Block-cl
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 23px;
  left: 0;
  width: 23px;
  bottom: 23px;
}

.Block-cl div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 46px;
  height: 100%;
  background-image: url('../images/Block-v.png');
}

.Block-cr
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 23px;
  right: 0;
  width: 23px;
  bottom: 23px;
}

.Block-cr div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: -23px;
  width: 46px;
  height: 100%;
  background-image: url('../images/Block-v.png');
}

.Block-cc
{
  position: absolute;
  overflow:hidden;
  z-index: -2;
  top: 23px;
  left: 23px;
  right: 23px;
  bottom: 23px;
  background-image: url('../images/Block-c.png');
}


.Block
{
  margin: 7px;
}

/* end Box, Block */

/* begin BlockHeader */
.BlockHeader
{
  position: relative;
  overflow: hidden;
  height: 30px;
  z-index: 0;
  line-height: 30px;
  padding: 0 11px;
  margin-bottom: 0px;

}

.BlockHeader-text
{
  white-space : nowrap;
  color: #B5B5B5;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  line-height: 30px;
}


.BlockHeader .l, .BlockHeader .r, .BlockHeader .r div
{
  top: 0;
  position: absolute;
  z-index: -1;
  overflow: hidden;
  height: 30px;
}

.BlockHeader .l
{
  left: 0;
  right: 0px;
}


.BlockHeader .r
{
  right: 0;
  width: 0px;
}


.BlockHeader .r div
{
  width: 800px;
  right: 0;
}





.header-tag-icon
{
  display:inline-block;
  background-position:left top;
  background-image: url('../images/BlockHeaderIcon.png');
  padding:0 0 0 24px;
  background-repeat: no-repeat;
  min-height: 13px;
  margin: 0 0 0 5px;
}

.edit-details
{
  position:absolute;
  z-index:0;
  background-image: url('../images/wrench.png');
  background-repeat: no-repeat;
  border:none;
  height:19px;
  width:20px;
  right:2px;
  margin:0;
  padding:0;
  cursor:pointer;
}




/* end BlockHeader */

.members
{
	position:absolute;
	z-index:99999;
	text-align:right;
	vertical-align:bottom;
	width:100%;
	height:150px;
}

member-edit input
{
  width:100%;
}

/* begin Box, BlockContent */
.BlockContent
{
  overflow: hidden;
  min-width:1px;
  min-height:1px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
}


.BlockContent-body
{
  position: relative;
  z-index: 0;
  margin: 11px;
}


.BlockContent-body
{
  color:#B5B5B5;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 10px;
}

.BlockContent-body a:link, .edit:hover
{
  color: #FFD970;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
}

.BlockContent-body a:visited, .BlockContent-body a.visited
{
  color: #EBEBEB;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
}

.BlockContent-body a:hover, .BlockContent-body a.hover, .edit
{
  color: #FFE7A3;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
}


.BlockContent-body ul
{
  list-style-type: none;
  color: #B5B5B5;
  margin:0;
  padding:0;
}

.BlockContent-body li
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 10px;
  text-align:justify;
}

.BlockContent-body ul li
{
  padding:0px 0 0px 12px;
  background-image: url('../images/BlockContentBullets.png');
  background-repeat:no-repeat;
  margin:0.5em 0 0.5em 0;
  line-height:1.2em;
}

/* end Box, BlockContent */

/* begin Box, Post */
.Post
{
  overflow: hidden;
  min-width:1px;
  min-height:1px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
}


.Post-body
{
  position: relative;
  z-index: 0;
  margin: 15px;
}


.Post
{
  margin: 10px;
}


/* Start images */
a img
{
  border: 0;
}

.article img, img.article
{
  border-style: solid;
  border-width: 0px;
  border-color: #262626;
  margin: 1em;
}

.metadata-icons img
{
  border: none;
  vertical-align: middle;
  margin:2px;
}
/* Finish images */

/* Start tables */

.article table, table.article
{
  border-collapse: collapse;
  margin: 1px;
  width:auto;
}

.article table, table.article .article tr, .article th, .article td
{
  background-color:Transparent;
}

.article th, .article td
{
  padding: 2px;
  border: solid 1px #696969;
  vertical-align: top;
  text-align:left;
}

.article th
{
  text-align:center;
  vertical-align:middle;
  padding: 7px;
}



/* Finish tables */
/* end Box, Post */

/* begin PostHeaderIcon */
.PostHeaderIcon-wrapper
{
  text-decoration:none;
  margin: 0.2em 0;
  padding: 0;
  font-weight:normal;
  font-style:normal;
  letter-spacing:normal;
  word-spacing:normal;
  font-variant:normal;
  text-decoration:none;
  font-variant:normal;
  text-transform:none;
  text-align:left;
  text-indent:0;
  line-height:inherit;
  font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  color: #FFE8A8;
}

.PostHeaderIcon-wrapper, .PostHeaderIcon-wrapper a, .PostHeaderIcon-wrapper a:link, .PostHeaderIcon-wrapper a:visited, .PostHeaderIcon-wrapper a:hover
{
  font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  color: #FFE8A8;
}

.PostHeaderIcon-wrapper img
{
  border:none;
  vertical-align: middle;
  margin:0;
}
/* end PostHeaderIcon */

/* begin PostHeader */
.PostHeader a:link
{
  font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  text-align: left;
  color: #FFE18F;
}

.PostHeader a:visited, .PostHeader a.visited
{
  font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  text-align: left;
  color: #C7C7C7;
}

.PostHeader a:hover, .PostHeader a.hovered
{
  font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  text-align: left;
  color: #A8A8A8;
}
/* end PostHeader */

/* begin PostContent */
/* Content Text Font & Color (Default) */
body
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  color: #D4D4D4;
  text-align:justify;
}

.PostContent
{
  position:relative;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  color: #D4D4D4;
}

/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  color: #FFD152;
}

/* Adds special style to an unvisited link. */
a:link
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  color: #FFD152;
}

/* Adds special style to a visited link. */
a:visited, a.visited
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  color: #A8A8A8;
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  color: #A8A8A8;
}

/* Finish Content link style */

/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}


/* Start Content headings Fonts & Colors  */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 32px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #FFD152;
  margin-bottom:0;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
  font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
  font-size: 14px;
  text-align: left;
  color: #FFD152;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
  font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #FFDE85;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
  font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
  font-size: 13px;
  text-align: left;
  color: #D4D4D4;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
  font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  text-align: left;
  color: #D4D4D4;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
  font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
  font-size: 10px;
  text-align: left;
  color: #D4D4D4;
}
/* Finish Content headings Fonts & Colors  */

/* end PostContent */

/* begin PostBullets */
/* Start Content list */

.styled-bullet ul
{
  list-style-type: none;
  color: #B5B5B5;
  margin:0;
  padding:0;
}

li
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 10px;
}



.styled-bullet ul li
{
  padding:0px 0 0px 17px;
  background-image: url('../images/PostBullets.png');
  background-repeat:no-repeat;
  margin:0.5em 0 0.5em 0;
  line-height:1.2em;
}


/* Finish Content list */
/* end PostBullets */

/* begin PostQuote */
/* Start blockquote */

blockquote p
{
  color:#140F00;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-align: left;
}

blockquote
{
  border-color:#FFD86B;
  border-width: 0px;
  border-style: solid;

  margin:10px 10px 10px 50px;
  padding:5px 5px 5px 37px;

  background-color:#FFD86B;

  background-image:url('../images/PostQuote.png');
  background-position:left top;
  background-repeat:no-repeat;
}



/* Finish blockuote */
/* end PostQuote */

/* begin Button */
button.Button, a.Button
{
  position:relative;
  display:inline-block;
  width: auto;
  outline:none;
  border:none;
  background:none;
  line-height:26px;
  margin:0;
  padding:0;
  overflow: visible;
  cursor: default;
  text-decoration: none !important;
}


/*This HACK needed for ie7 (button position)*/
*:first-child+html button.Button, *:first-child+html a.Button
{
  display:list-item;
  list-style-type:none;
  float:left;
}


.Button .btn
{
  position: relative;
  overflow: hidden;
  display: block;
  width: auto;
  z-index: 0;
  height: 26px;
  color: #1C1C1C;
  white-space: nowrap;
  float: left;
}

.Button .t
{
  height:26px;
  white-space:pre;
  padding: 0 11px;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  line-height: 26px;
  text-decoration: none !important;
}

input, select
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
}

.Button .active
{
  color: #F2F2F2;
}

.Button .hover,  a.Button:hover
{
  color: #FFF7E0;
  text-decoration: none !important;
}

.Button .active .r
{
  top: -52px;
}

.Button .hover .r
{
  top: -26px;
}

.Button .r
{
  display: block;
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  right: 0;
  width: 15px;
  height: 78px;
}


.Button .r span
{
  display: block;
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  right: 0;
  width:419px;
  height: 78px;
}


.Button .active .l
{
  top: -52px;
}

.Button .hover .l
{
  top: -26px;
}

.Button .l
{
  display: block;
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  left: 0;
  right: 15px;
  height: 78px;
}


.Button .l, .Button .r span
{
  background-image: url('../images/Button.png');
}

/* end Button */

/* begin Footer */
.Footer
{
  position:relative;
  z-index:0;
  overflow:hidden;
  width: 800px;
  margin: 5px auto 0px auto;
}

.Footer .Footer-inner
{
  height:1%;
  position: relative;
  z-index: 0;
  padding: 15px;
  text-align: center;
}

.Footer .Footer-background
{
  position:absolute;
  z-index:-1;
  background-repeat:no-repeat;
  background-image: url('../images/Footer.png');
  width: 800px;
  height: 100px;
  bottom:0;
  left:0;
}



.rss-tag-icon
{
  position: relative;
  display:block;
  float:left;
  background-image: url('../images/rssIcon.png');
  background-position: center right;
  background-repeat: no-repeat;
  margin: 0 5px 0 0;
  height: 16px;
  width: 16px;
}




.Footer .Footer-text p
{
  margin: 0;
}

.Footer .Footer-text
{
  display:inline-block;
  color:#BDBDBD;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  letter-spacing: 1px;
}

.Footer .Footer-text a:link
{
  text-decoration: none;
  color: #FFBE0A;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
}

.Footer .Footer-text a:visited
{
  text-decoration: none;
  color: #B8B8B8;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
}

.Footer .Footer-text a:hover
{
  text-decoration: none;
  color: #FFD970;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
}
/* end Footer */

/* begin PageFooter */
.page-footer, .page-footer a, .page-footer a:link, .page-footer a:visited, .page-footer a:hover
{
  font-family:Arial;
  font-size:10px;
  letter-spacing:normal;
  word-spacing:normal;
  font-style:normal;
  font-weight:normal;
  text-decoration:underline;
  color:#949494;
}

.page-footer
{
  margin:1em;
  text-align:center;
  text-decoration:none;
  color:#525252;
}
/* end PageFooter */

/* begin LayoutCell */
.contentLayout .content
{
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  float: left;
  overflow: hidden;
  width: 600px;
}

/* end LayoutCell */

/* begin LayoutCell */
.contentLayout .sidebar1
{
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  float: left;
  overflow: hidden;
  width: 199px;
}

/* end LayoutCell */

.down-arrow
{
	/*border:'border-width' 'border-style' 'color';
	border-width:1px;
	background-color:#b5b5b5;
	border-style:solid;*/
	width:20px !important;
	height:20px;
	background-image: url('../images/down.png');
	display:inline;
}

.members-list
{
	border-collapse: collapse;
  	margin: 1px;
  	width:auto;
  	background-color:Transparent;
	width:100%;
}

.point-on-hover:hover
{
	cursor:pointer;
}

/*
	mini-panes
*/
.mini-pane-cog
{
	position:absolute;
	/*background-image: url('../images/cog.png');*/
	background-repeat: no-repeat;
	background-position: center center;
}

.mini-pane-phone
{
	position:absolute;
	/*background-image: url('../images/phone.jpg');*/
	background-repeat: no-repeat;
	background-position: center center;
	height:200px;
}

/*
	special text
*/
.content-highlight
{
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	color: #FFD152;
	display:inline;
}

.content-bulk
{
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight:bold;
	  color: #FFE8A8;
	display:inline;
}

/*
	special seperator
*/

hr
{
  color: #222222;
  display:none;
  border:none;
  border-bottom-style:solid;
  border-bottom-width:1px;
}

div.hr
{
  color: #222222;
  border:none;
  border-bottom-style:solid;
  border-bottom-width:1px;
  margin-top:0;
  top:-20px;
}

/*
	features blocks
*/

.features-block
{
  position:relative;
  min-width:60px;
  min-height:110px;
  overflow:visible;
  color:#000000;
  margin-bottom:20px;
}

.feature-block-t
{
  position:absolute;
  background-image:url(../images/feature-block.png);
  width:550px;
  height:90px;
  z-index:-1111;
  left:0;
  top:0;
}

.feature-block-b
{
  position:absolute;
  width:550px;
  height:20px;
  z-index:-1111;
  left:0;
  bottom:0;
  overflow:hidden;
}

.feature-block-b div
{
  background-image:url(../images/feature-block.png);
  position:absolute;
  top:-91px;
  left:0;
  height:111px;
  width:550px;
}

.feature-block-c
{
  position:absolute;
  z-index:-1111;
  top:90px;
  bottom:20px;
  width:550px;
  overflow:hidden;
  background-image:url(../images/feature-block-vc.png);
  background-repeat:repeat-y;
  left:0;
}



.feature-block-tl
{
  position:absolute;
  background-image:url(../images/feature-block.png);
  width:20px;
  height:90px;
  z-index:-1111;
  left:0;
  top:0;
}

.feature-block-tr
{
  position:absolute;
  width:20px;
  height:90px;
  z-index:-1111;
  right:0;
  top:0;
  overflow:hidden;
}

.feature-block-tr div
{
  background-image:url(../images/feature-block.png);
  position:absolute;
  top:0;
  right:0;
  height:255px;
  width:255px;
}

.feature-block-bl
{
  position:absolute;
  width:20px;
  height:20px;
  z-index:-1111;
  left:0;
  bottom:0;
  overflow:hidden;
}

.feature-block-bl div
{
  background-image:url(../images/feature-block.png);
  position:absolute;
  bottom:0;
  left:0;
  height:255px;
  width:255px;
}

.feature-block-br
{
  position:absolute;
  width:20px;
  height:20px;
  z-index:-1111;
  right:0;
  bottom:0;
  overflow:hidden;
}

.feature-block-br div
{
  background-image:url(../images/feature-block.png);
  position:absolute;
  bottom:0;
  right:0;
  height:255px;
  width:255px;
}

.feature-block-tc
{
  position:absolute;
  z-index:-1111;
  left:20px;
  right:20px;
  height:90px;
}

.feature-block-tc div
{
  width:100%;
  height:90px;
  background-image:url(../images/feature-block-vc.png);
  background-repeat:repeat-x;
}

.feature-block-bc
{
  position:absolute;
  z-index:-1111;
  left:20px;
  right:20px;
  bottom:0;
  height:20px;
  overflow:hidden;
}

.feature-block-bc div
{
  position:absolute;
  bottom:0;
  width:100%;
  height:255px;
  background-image:url(../images/feature-block-vc.png);
  background-repeat:repeat-x;
}

.feature-block-lc
{
  position:absolute;
  z-index:-1111;
  top:90px;
  left:0;
  bottom:20px;
  width:20px;
  overflow:hidden;
}

.feature-block-lc div
{
  position:absolute;
  left:0;
  width:255px;
  height:100%;
  background-image:url(../images/feature-block-hc.png);
  background-repeat:repeat-y;
}

.feature-block-rc
{
  position:absolute;
  z-index:-1111;
  top:90px;
  right:0;
  bottom:20px;
  width:20px;
  overflow:hidden;
}

.feature-block-rc div
{
  position:absolute;
  right:0;
  width:255px;
  height:100%;
  background-image:url(../images/feature-block-hc.png);
  background-repeat:repeat-y;
}

.feature-block-c
{
  position:absolute;
  z-index:-1111;
  top:90px;
  right:20px;
  bottom:20px;
  left:20px;
  overflow:hidden;
}

.feature-block-c div
{
  position:absolute;
  width:100%;
  height:100%;
  background-image:url(../images/feature-block-c.png);
  background-repeat:repeat;
}

.feature-block-content
{
  position:relative;
  padding:11px 11px 11px 11px;
  margin-bottom:4px;
  margin-right:11px;
  z-index: 0;
  color:#333333;
  overflow:hidden;
}

.feature-block-content h2
{
  color:#000000;
  padding:0;
  margin:0;
  font-weight:bold;
  margin-bottom:5px;
}

.feature-block-content li
{
  color:#333333;
  padding:0;
  margin:0;
  font-weight:bold;
  margin-bottom:5px;
}

.features-block img
{
  width:180px;
  height:180px;
  border:1px solid #000000;
  background-color:#dedbdb;
  padding:1px;
  margin:11px;
  float:right;
  overflow:visible;
  z-index:1;
}

.features-block a, features-block a:link, features-block a:visited, features-block a:hover
{
  color:#000033;
}

/* category */
.category-heading
{
  font-family: Trebuchet MS, Helvetica, sans-serif;
  font-size:24px;
  color:#CC9933;
  width:100%;
}

.category
{
  padding: 2px;
  border: solid 1px #696969;
  vertical-align: top;
  text-align:left;
  width:100%;
}

.category .item, .web-design-case img
{
  margin:15px 30px 15px 30px;
  float:left;
  width:200px;
}

.category img, .web-design-case img
{
  width:200px;
  height:200px;
  padding:15px;
  /*border:2px dotted #CC9933;
  background-color:#CCCCCC;*/
  background-image:url(http://design.netforge.co.za/webdesign/images/item.png);
}

.web-design-case img
{
  margin-left:10px;
  margin-right:15px;
}

.category .button
{
  width:200px;
  height:50px;
  background-image:url(http://design.netforge.co.za/webdesign/images/view.png);
  margin:15px;
  text-align:center;
}

/* SERVICES SECTION */
.services
{
  font-family: MgOpen Modata, Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
}

.services .item
{
  width:49%;
  margin-right:6px;
  float:left;
  position:relative;
}

.services .item h4 {
  border-top:1px solid #473400;
  border-bottom:1px solid #473400;
  background-color:#404040;
  margin-top:15px;
  padding-top:15px;
  padding-bottom:15px;
  padding-left:10px;
  font-size:15px;
}

.services .item .description {
  margin:8px;
}

.services .item .design, .services .item .email, .services .item .identity, .services .item .cms, .services .item .ecommerce, .services .item .outsourcing, .services .item .search, .services .item .email-newsletters
{
  width:128px;
  height:128px;
  background-image:url(../images/web-design.png);
  float:right;
  position:relative;
  top:-88px;
  margin:4px;
  margin-bottom:-100px;
}

.services .item .email {
  background-image:url(../images/email.png);

  margin-right:-4px;
  top:-100px;
}

.services .item .identity {
  background-image:url(../images/identity.png);
}

.services .item .cms {
  background-image:url(../images/content-management.png);
  top:-110px;
  margin-bottom:-108px;
}

.services .item .ecommerce {
  background-image:url(../images/ecommerce.png);
  top:-110px;
  margin-bottom:-110px;
}

.services .item .outsourcing {
  background-image:url(../images/outsourcing.png);
  top:-100px;
}

.services .item .search {
  background-image:url(../images/search.png);
  top:-100px;
}
.services .item .email-newsletters {
  background-image:url(../images/email-newsletters.png);
  top:-100px;
}

/* MgOpen Moderna - http://www.zvr.gr/typo/mgopen/index */
@font-face { font-family: 'MgOpen Modata'; src: url('/fonts/MgOpenModataRegular.eot'); src: local('MgOpen Modata Regular'), url('/fonts/MgOpenModataRegular.ttf') format('truetype'), url('/fonts/MgOpenModataRegular.svg#MgOpenModata') format('svg'); }

/* ****************************************************** MgOpen Modata Font MgOpenModataRegular.ttf MGOPENM1.eot Copyright © 2004 by MAGENTA Ltd. All Rights Reserved. Permission is hereby granted, free of charge, to any person  obtaining a copy of the fonts accompanying this license ("Fonts")  and associated documentation files (the "Font Software"), to  reproduce and distribute the Font Software, including without  limitation the rights to use, copy, merge, publish, distribute,  and/or sell copies of the Font Software, and to permit persons  to whom the Font Software is furnished to do so, subject to the  following conditions: The above copyright and this permission notice shall be included  in all copies of one or more of the Font Software typefaces. The Font Software may be modified, altered, or added to, and in  particular the designs of glyphs or characters in the Fonts may  be modified and additional glyphs or characters may be added to  the Fonts, only if the fonts are renamed to names not containing  the word "MgOpen", or if the modifications are accepted for  inclusion in the Font Software itself by the each appointed  Administrator. This License becomes null and void to the extent applicable to  Fonts or Font Software that has been modified and is distributed  under the "MgOpen" name. The Font Software may be sold as part of a larger software  package but no copy of one or more of the Font Software  typefaces may be sold by itself. THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY  KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY  WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE  AND NONINFRINGEMENT OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER  RIGHT. IN NO EVENT SHALL MAGENTA OR PERSONS OR BODIES IN  CHARGE OF ADMINISTRATION AND MAINTENANCE OF THE FONT SOFTWARE  BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING  ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL  DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,  ARISING FROM, OUT OF THE USE OR INABILITY TO USE THE FONT  SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE. */