/*
Theme Name: TWM
Theme URI: http://www.spirotek.com/
Description: TWM
Version: 1.0
Author: Brian Hoying
*/

body{
	font-family: Verdana, sans-serif, arial;
	font-size: 10px;
	padding: 0px;
	background:#666666;
}

#thewrap{
	border:1px solid #cccccc;
	margin: 0 auto;
	height:693px;
	width: 979px;
	position:relative;
	padding:0px;
}

#sidebar{
	float: left;
	margin:0px 0px 0px 0px;
	position:absolute;
	height:693px;
	width: 165px;
	padding:0px;
}

.logoplace {
	float: left;
	position:absolute;
	margin:300px 0px 0px 20px;
	width:40px;
	padding:0px;
}

#searchdiv {
	float: left;
	font-family: arial, sans-serif;
	margin:20px 0px 0px 120px;
	padding:0px;
	width:165px;
	position:absolute;
}

#searchdiv input {
	background:#666666;
	font-family: arial, sans-serif;
	border:1px solid #cccccc;
	padding:0px;
}

.themenu {
  float: left;
  position:absolute;
  margin:100px 0px 0px 120px;
  padding:0px;
}

ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 165px;
}

ul.menu a {
  display: block;
  text-decoration: none;
}

ul.menu li {
  margin-top: 0px;
}

ul.menu li a {
	border-bottom: thin solid #cccccc;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	font-weight: normal;
	color: #cccccc;	
	padding-top:2px;
	padding-left:5px;
	text-transform:uppercase;
}

.menuabout{
	border-top: thin solid #cccccc;
}

.menuabout:hover{
	background:#7a2531;
  	color:#ffffff;
}

.menuservices{
	border-top: thin solid #cccccc;
}

.menuservices:hover{
	background:#5a7e92;
  	color:#ffffff;
}

.menuprojects:hover{
	background:#c99900;
  	color:#ffffff;
}

.menuclients{
	border-top: thin solid #cccccc;
}

.menuclients:hover{
	background:#855b27;
  	color:#ffffff;
}

.menucontact:hover{
	background:#91976c;
  	color:#ffffff;
}

ul.menu li ul li a {
	border-bottom: none;
	background: #555555;
	color: #cccccc;
 	padding-left: 20px;
 	text-transform:none;
 	padding-top:0px;
 	height: 18px;
}

ul.menu li ul li a:hover {
	background: #555555;
  	font-weight: bold;
	color:#ffffff;
}

ul.menu li ul li.current_page_item a{
	font-size: 11px;
	line-height:18px;
	font-weight: bold;
	color:#ffffff;
}

ul.menu li ul li.current_page_parent a{
	font-size: 11px;
	line-height:18px;
	font-weight: bold;
	color:#ffffff;
}

.thefoot {
	color:#cccccc;
	font-family: Verdana, sans-serif, arial;
	font-size:8px;
	position:absolute;
	margin:675px 0px 0px 20px;
	width:300px;
}

.thefoot a:link{
	color:#cccccc;
	font-family: Verdana, sans-serif, arial;
	font-size:9px;
	text-decoration:none;
}

.thefoot a:visited{
	color:#cccccc;
	font-family: Verdana, sans-serif, arial;
	font-size:9px;
	text-decoration:none;
}

#introhome{
	float: left;
	width: 654px;
	height: 693px;
	clear: right;
	margin:0px 0px 0px 325px;
	position: absolute;
	background:#666666;
}

#conthead{
	float: left;
	width: 659px;
	height: 292px;
	clear: right;
	margin:0px 0px 0px 320px;
	position: absolute;
	background:#9b9e8b;
}

#content{
	float: left;
	width: 659px;
	height: 401px;
	clear: right;
	margin:292px 0px 0px 320px;
	position: absolute;
	background:#9b9e8b;
}

#content p{
	padding:0px 20px 0px 40px;
	line-height:15px;
	color:#424242;
}

#content a:link{
	font-size: 11px;
	line-height:18px;
	font-weight: normal;
	color:#000000;
	text-decoration: none;
}

#content a:visited{
	font-size: 11px;
	line-height:18px;
	font-weight: normal;
	color:#000000;
	text-decoration: none;
}

#content a:hover{
	font-size: 11px;
	line-height:18px;
	color:#7a0901;
}

#casenav {
	margin-left:40px;
	color:#cccccc;
	font-family: Verdana, sans-serif, arial;
	font-size:9px;
}

#casenav a:link{
	font-size: 9px;
	line-height:18px;
	font-weight: normal;
	color:#cccccc;
	text-decoration: none;
}

#casenav a:visited{
	font-size: 9px;
	line-height:18px;
	font-weight: normal;
	color:#cccccc;
	text-decoration: none;
}

#casenav a:hover{
	font-size: 9px;
	line-height:18px;
	color:#ddb100;
}

#headless{
	float: left;
	width: 659px;
	height: 700px;
	clear: right;
	margin:0px 0px 0px 320px;
	position: relative;
	background:#9b9e8b;
}

#headless p{
	padding:0px 10px 0px 40px;
	line-height:20px;
	color:#ffffff;
	font-size: 16px;
}

#casecontent{
	float: left;
	width: 659px;
	height: 693px;
	clear: right;
	margin:0px 0px 0px 320px;
	position: absolute;
	background:#333333;
}

#casecontent p{
	padding:0px 20px 0px 40px;
	line-height:15px;
	color:#ffffff;
	font-family: Verdana, sans-serif, arial;
	font-size: 10px;
}

.casepost{
	float: left;
	width: 659px;
	height: 210px;
	margin:3px 0px 0px 0px;
	position: relative;
	background:#333333;
}

.caseimg{
	float: left;
	width: 659px;
	height: 480px;
	margin:0px 0px 0px 0px;
	position: relative;
	background:#333333;
}

.highlightit img{
padding:0px 0px 0px 0px;
border: medium solid #cccccc;
filter:alpha(opacity=50);
opacity: 0.5;
}

.highlightfirst img{
padding:0px 0px 0px 0px;
border: medium solid #cccccc;
filter:alpha(opacity=100);
opacity: 1.0;
}

/*EL HEADER AND MAIN POST CONTENT*/

#topStories{
	background:#666666;
	height: 30px;
	width: 795px;
	line-height: 30px;
	margin-top: 1em;
	margin-left: -15px;
	padding: 0 5px 0 15px;
	font-size: 11px;
	text-align: right;
}

#topStories strong{
	float: left;
}

#topStories img{
	margin-bottom: -3px;
}

#Scroller {
  position: relative;
  width: 650px;
  height: 400px;
  overflow: hidden;
}

.Scroller-Container {
  position: absolute;
  width: 630px;
}

.Scrollbar-Up {
  position: absolute;
  top: 28px;
  width: 8px;
  height: 10px;
  background-color: #7a0901;
  font-size: 0px;
}

.Scrollbar-Track {
  width: 8px;
  height: 342px;
  position: absolute;
  top: 38px;
  background-color: #aaaaaa;
}

.Scrollbar-Handle {
  position: absolute;
  width: 8px;
  height: 50px;
  background: url(http://www.spirotek.com/customers/twm/wp-content/themes/twm/images/scroller_bg.jpg) no-repeat center;
  background-color: #7a0901;
}

.Scrollbar-Down {
  position: absolute;
  top: 380px;
  width: 8px;
  height: 10px;
  background-color: #7a0901;
  font-size: 0px;
}

#Scrollbar-Container {
  position: absolute;
  top: 5px;
  left: 625px;
}

#thefoot {
	color:#cccccc;
	font-family: Verdana, sans-serif, arial;
	font-size:9px;
	position: relative;
	margin:0 auto;
	padding-top:-20px;
}

#thefoot a:link{
	color:#cccccc;
	font-family: Verdana, sans-serif, arial;
	font-size:9px;
	text-decoration:none;
}

#thefoot a:visited{
	color:#cccccc;
	font-family: Verdana, sans-serif, arial;
	font-size:9px;
	text-decoration:none;
}