/* peters add-ons */
#content div.servicebox {
	border:1px solid #474a51;
	padding:10px;
	margin:0px 0px 10px 0px;
	width:628px;
	float:none;
	}
#content div.servicebox p, #content div.servicebox h2 {
	margin:0px;
	}
		
#content #featured {background:#181b22 url(images/bgfeature.gif) no-repeat top left;width:402px;float:left;}
#content #featured ul {margin:0px auto;padding:0px;list-style-type: none;float:left;display:inline;}
#content #featured li {margin:0px 0px 1px 18px;padding:0px;list-style-type: none;float:left;display:inline;}
#content #featured li.first {margin:0px 0px 1px 0px;}
#content #featured img{border:none;}
#content #featured a:link, #content #featured a:visited, #content #featured a:hover{text-decoration:none;border:none;}
	
/* Structure + basics */
* {	margin:0px;	padding:0px;}

body {
	background:#121216 url(../tmg/images/bgbody.jpg) center top;
	margin: 20px auto;
	text-align:center;
	font-family:tahoma, verdana, arial, sans-serif;
	color:#f7f5f0;
	}
	
.left {float:left;}
.right {float:right;}
img.right, img.left { margin-bottom: 10px; }
.kill {clear:both;}

#wrapper {
	text-align: left;
	margin: 0 auto;
	width: 900px;
	}

#header {
	background: url(../tmg/images/bgheader.gif) no-repeat center bottom;
	text-align:left;
	}

#logo {
	margin:0px 0px 30px 33px;
	}

#menu {
	background:  url(../tmg/images/bgmenu.gif) repeat-x center center;
	float:right;
	margin:80px 20px 0px 0px;
	font-size: 15px !important;
}
.menu a {text-decoration:none;color:#ffcc00;font-weight:bold;font-size:14px;font-family:Arial, sans-serif;}
.credit a {text-decoration:none;color:#6c6c6f;font-weight:bold;font-size:12px;font-family:Arial, sans-serif;}
*html #menu {margin:80px 10px 0px 0px;}

#content-bg {
	background:  url(../tmg/images/bgcontent.gif) no-repeat center center;
	float:left;margin-left:10px;
	}
* html #content-bg {margin-left:0px;}
#left {
	float:left;
	margin-left:20px;}
*html #left {margin-left:10px;}
* html #content .frontpage {position: relative; left: 8px; }
#content {
	float:right;
	margin-right:20px;
	width:650px;}
*html #content {margin-right:10px;}

#footer {
	background:  url(../tmg/images/bgfooter.gif) repeat-x center top;
	margin: 0px auto;
	padding:27px 10px 10px 20px;
	text-align:center;
	height:60px;
	}

h1 {
	font-size:12px;
	font-weight:bold;
	color:#f7f5f0;
	margin: 0 0 10px 0;	
	display: block;
	text-transform: uppercase;
	border-bottom:1px solid #f7f5f0;
	padding-bottom:10px;

	}
h2 {
	font-size:12px;
	font-weight:bold;
	color:#f0f0f0;
	margin: 0 0 15px 0;	
	display: block;
	text-transform: uppercase;
	}
#content div { 
	float: right; 
	width: 405px; 
}
/* ENDOFF Structure */

#content p{
	font-size:11px;
	line-height:16px;
	margin:0px 0px 10px 0px;
	}
* html #content div { margin-right: 5px; width: 390px; }
* html #content.frontpage p { xwidth: 300px; }

#content img {
	border:2px solid #000;
	}
#content.imgcont img {
	float:right;
	margin-left:10px;
	}
#content a:link, #content a:visited {
	color:#6c6c6f;
	text-decoration:none;
	border-bottom:1px solid #fc0;
	}

#content a:hover {
	color:#ffcc00;
	}
#content ul { font-size: 11px; margin: 10px 30px; }
#content ul li { margin: 5px 0px; }
h2 a:link, h2 a:visited { color: #fc0 !important; text-decoration: none !important; border: none !important; }
h2 a:hover { color: #fff !important; }
#left ul {
	margin:0px;
	padding:0px;
	list-style:none;
	width:190px;
	border-top:1px solid #f7f5f0;
	font-size:11px;
	}
	
#left li {
	list-style:none;
	border-bottom:1px solid #6c6c6f;
	padding:5px 5px 5px 20px;
	background:transparent url(../tmg/images/arrow.gif) no-repeat center left;
	}

#left a:link, #left a:visited {
	color:#f7f5f0;
	text-decoration:none;
	display:block;
	}

#left a:hover {
	color:#ffcc00;
	}

#left h2 {
	margin-left:20px;
	}

.credit {
	color:#6c6c6f;
	text-decoration:none;
	line-height:normal;
	text-transform: uppercase;
	font-size:12px;
	}

li.page_item a:link, li.page_item a.visited {
	color:#ffcc00;
	text-decoration:none;
	line-height:normal;
	text-transform: uppercase;
	align:absmiddle;
	
	}

li.page_item a:hover {
	color:#f7f5f0;
	text-decoration:none;
	line-height:normal;
	text-transform: uppercase;
	}

#menu ul, #menu ul li {
	list-style: none;
	list-style-image: none;
	display: inline;
}
li.page_item {
	background: none url(../tmg/images/m-m.gif) no-repeat left top;
	position: relative;
	top: 2px !important;
	font-size: 10px !important;
}
li.home {
	background: none;
	padding-left: 10px;
	font-size: 10px !important;
}
#content h3 {
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
}
/* forms and shit */
/* Framework Forms CSS Document */
/* (c) Copyright Luke Williams 2007- */
form{
	font-size: 11px;
}
fieldset {
	margin: 0px 0px 20px 0px;
	background: #fff;
}
form label {
  display: block;
  vertical-align: top;
  width: 120px;
  float: left;
  padding: 5px 0 0 0;
  font-style:italic;
  font-size: inherit;
	}
form ol {
  margin: 0px;
  padding: 0;
  list-style: none;
  list-style-type: none;
}
form li {
  list-style: none;
  padding: 5px;
  margin: 0;
  list-style-type: none;
  float: left;
  display: block;
  width: 400px;
}
form li input, form li select, form li textarea  {
	background-color: #222731;
	border: 1px solid #343c49;
	padding: 5px;
	float: left;
}
legend {
	font-weight: bold;
	color:#747474;
}
select {
	width: 100px;
	font-size: 11px;
}
input, textarea {
	color: #f0f0f0;
}
input[type="submit"], input.submit {
	font-size: 11px;
	font-weight: bold;
	background: #343c49;
	border-top: 1px solid #676f7c;
	border-left: 1px solid #676f7c;
	border-right: 1px solid #010916;
	border-bottom: 1px solid #010916;
	color: #f0f0f0;
	padding: 5px;
	margin: 10px 0 0 0;
}
form li input:focus, form li select:focus, form li textarea:focus{
  	border-color: #676f7c;
}
textarea{
	width: 200px;
	height: 150px;
	margin: 15px 0;
	padding: 15px;
}