body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; font-family: Arial, Helvetica, Verdana, sans-serif; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

body {
  background: #131313;
  color: #131313;
  font: normal 12px "Lucida Grande", "Verdana", "Helvetica Neue", Arial, sans-serif;
  text-align: center;
  line-height: 1.6em;
}

/* links  */

a {
  color: #32599B;
  text-decoration:none;
  border-bottom:1px dotted #32599B;
}
a:visited, a:active {
  color: #32599B;
  border-color: #32599B;
}
a:hover {
  color:#131313;
  border-color:#131313;
  border-bottom-style:solid;
}

/* headings */

h1 {font-size:32px}  /* displayed at 24px */
h2 {font-size:24px}  /* displayed at 18px */
h3 {font-size:18px}  /* displayed at 15px */
h4 {font-size:1em}  /* displayed at 12px */

/* strong em */
strong { font-weight: bolder; }
em { font-style: italic; }

/* tables & forms */

/* Input, Textarea */ 
input, textarea, select {
	border: 1px solid #999999;   
	border-top-color: #CCCCCC;  
	border-left-color: #CCCCCC;   
	color: #333333; 
	-moz-border-radius: 3px; 
	margin: 5px;
	padding: 3px;
	}

/* classes */

.error { color: red; }
.clear { clear: both; }

/* page structure & layout */
.wrap {
	margin: 0 auto;
	text-align: left;
	width: 850px;
}
#page {
  text-align: left;
  background: White url(images/bg.gif) no-repeat 50% 0;
  padding-top: 33px;
}
#header {
	background: url(images/header.gif) no-repeat;
	height: 68px;
	padding: 6px;
}
#logo {
	float: left;
	margin: 0 16px 0 1px;
}
#nav {
}
#pageinfo {
	margin-bottom: 3ex;
	text-align: justify;
}
#breadcrumb {
  margin-bottom: 3ex;
  font-size: 8pt;
}
#content {
  line-height: 1.5em;
  padding: 2ex 1em 1em 1em;
}
.info {
	font-size: 8pt;
}
#holder {
	float: right;
	width: 200px;
}
#skininfo {
	margin-bottom: 5ex;
}
.button {
	padding: 1ex;
	margin-bottom: 1ex;
	line-height: 2.7em;
	}
#footbar {
  font-size: 1em;
  line-height: 1.4em;
  border-top: 3px solid #F7F7F7;
  margin-top: 1ex;
}
#footer {
  color: #D0D0D0;
  font-size: 11px;
  height: 60px;
  background: url(images/footer_bg.gif);
  padding-top: 3ex;
  line-height:1.4em;
}

/* header */

#header a{
	border-bottom:none;
}

/* navigation */

#nav ul {
  display: inline;
}
#nav li {
  display: block;
  float: left;
  list-style: none;
  margin: 15px 2px 2px 3px;
  }
#nav li a {
  background: url(images/nav.gif);
  color: #131313;
  display: block;
  margin: 0 1px 0 1px;
  line-height: 2.2em;
  text-align: center;
  text-decoration: none;
  width: 83px;
  height: 28px;
  font-size: 12px;
}
#nav li a:hover,
#nav li a.current { background: url(images/nav.gif) bottom left;  color: #385A96;  }

/* breadcrumb */

#breadcrumb a {
  color: gray;
  text-decoration: none;
  border-bottom: none;
}

/* info */

#info a {
  color: #E4EEF4;
}

/* content */
#content h1 {
	margin-bottom: 1ex;
	border-bottom: 3px solid #F7F7F7;
	padding: 0 0 1ex 0;
}
#content h1 a {
  text-decoration: none;
}
#content h2 {
  font-weight: normal;
  letter-spacing: -1px;
  border-bottom: 1px solid #131313;
  padding: 0 0 0.5ex 0;
  margin-bottom: 2ex;
}
#content h2 a {
  text-decoration: none;
}
#content h3 {
	padding: 0 0 0.5ex 0;
	letter-spacing: -1px;
}
#content h4 {
  background: none;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 5px;
}
#content p {
  line-height: 1.5em;
  margin: 0 0 5px 0;
}
#content img, #content a img {
	border: 1px solid #E0E0E0;
}
#content a:hover img {
	border: 1px solid #131313;
}
#content ol {
  line-height: 1.8em;
  margin: 0 30px 20px 50px;
}
#content ul {
  line-height: 1.8em;
  margin: 0 30px 0 30px;
}
#content ul li {
  line-height: 1.8em;
  list-style: square;
  padding-left: 2px;
}
#skininfo h2 {
	border-bottom: none;
}
#skininfo h3 {
	margin: 2ex 0 1ex;
	border-bottom: 1px solid #131313;
	padding-bottom: 1ex;
}
.download {
	color: green;
	background: #F0FAF1;
	border: 1px solid #95E18D;
}
.download:hover {
	background: green;
	color: white;
}
.preview {
	color: #D54E21;
	background: #fdf5f3;
	border: 1px solid #e3714b;
}
.preview:hover {
	background: #D54E21;
	color: white;
}
.skins p {
	text-align: center;
}
.skins a {
	border: none;
}
.skins {
	width: 25%;
	float: left;
	margin-bottom: 1ex;
}
.skins .right{
	padding-right: 1ex;
}

/* secondary content */

#footbar h4 {
  color: #444;
  text-transform: uppercase;
  font-weight: bold;
  margin: 7px 0 7px 0;
}
#footbar p { margin: 0; }
#footbar ul li {
  list-style: none;
}
.footbox {
	float: left;
	text-align: justify;
	margin: 0 5ex 2ex 0;
}

/* footer */

#footer img {
	float: left;
	margin: 5px 0 0 3ex;
}
#footer p {
	line-height: 1.5em;
}
#footer a {
  color: #D0D0D0;
}

/* misc */

a img { border: none; }
acronym { cursor: help; }
blockquote {
  background: url(quote.gif) no-repeat 10px 0;
  color: #76aac9;
  border-left: 2px solid #76aac9;
  line-height: 1.5em;
  margin: 0 10px 20px 10px;	
  padding: 0 10px 0 10px;
}
hr, .hide { display: none; }
.show { display: inline; }

pre, code { font-size: 1.1em; line-height: normal; background: #eee; color: #444; }

/* classes */

.right, .left {
  float: left;
}
.right {
  float: right;
}
.left {
  float: left;
}

/* comments */

#disqus_thread {
	margin-top: 2ex;
}
#disqus_thread img, #disqus_thread a img, #disqus_thread a:hover img, #dsq-comments img, #dsq-comments a img, #dsq-comments a:hover img {
	border: none;
}
#comments {
	border-top: 5px solid #F7F7F7;
	padding: 2ex;
}
.comment-form-body {
  width: 450px;
}
#headerDiv, #contentDiv {
float: left;
width: 100%;
}
#titleText {
float: left;
 padding: 0.5ex;
}
#headerDiv {
background-color: #F7F7F7;
color: #4A4844;
 margin-top: 3ex;
}
#contentDiv {
 margin-bottom: 3ex;
}
#myContent {
	padding: 1ex;
}
#headerDiv span {
float: right;
padding: 0.5ex;
}

/* contact form */

.tbContactform .antispam {
	 display:  none;
	 visibility: hidden;
}

.tbContactform label {
	 width:  95px;
	 display:  inline-block;
	 vertical-align: top;
	 clear: both;
}

.tbContactform input.text,
.tbContactform textarea {
	 width:  225px;
	 padding: 2px;
}

.tbContactform textarea {
	 height:  115px;
}

.tbContactform input.submit
{
	display: block;
	margin-left: 200px;
	width:  auto;
}

.tbContactform .tbErrors p
{
	color: #FF0000;
}