@charset "utf-8";
/* Website-specific definitions for wenex.com */

/* Tags */
/* This includes id and class defs that start with the tag as the selector */
/* So, something like td#foo .bar { } would be in here */

body {
	background: #FFF url(../graphics/bg_header.png) left top repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 95%;
}

h1 {
	text-indent: -9999px;
	height: 219px;
	margin-top: 20px;
}
h2 {
	background: #E8E8E8;
	width: 188px;
	text-align: center; 
	font-size: 200%;
	font-weight: bold;
	padding: 5px 0;
	color: #990000;
	float: right;
}
h3 {
	font-size: 110%;
	color: #333;
	padding-top: 3px;
}
h4 {
	font-size: 110%;
	font-weight: bold;
	color: #069;
	padding: 3px 0;
}
p {
	padding: 0 0 10px 4px;
}
strong {
	font-weight: bolder;
}
em {
	font-style: italic;
}
/* IDs 
   This includes tag and class defs that start with the ID as the selector   
   So, something like #foo .bar a { } would be in here
   will attempt to work in order of appearance down the page */
#mainheader {
	font-size: 75%;
	color: #FFF;
	margin: 0;
	padding: 0;
}
#headernav {
	padding: 2px 0;
	text-align: center;
}
#headernav li {
	display: inline;
	padding: 0 10px;
}
#headernav a {
	color: #FFF;
	text-decoration: none;
}
#headernav a:hover {
	text-decoration: underline;
}
#sitesearch {
	float: right;
	width: 250px;
	margin: 1px 50px;
}
#sitesearch input#searchtext {
	height: 15px;
	width: 150px;
	font-size: 12px;
}
#maincontent {
	margin: 0 auto;
	width: 800px;
}
#maintext {
	margin-right: 220px;
	padding-top: 15px;
}
#maintext a {
	color: #069;
}
#maintext a:hover {
	color: #C00;
}
#maintext ul {
}
#maintext li {
	padding: 3px 0 3px 14px;
	background: url(../graphics/bullet_round.png) left 50% no-repeat;
}

#mainnav {
	width: 188px;
	clear: both;
	float: right;
	background: url(../graphics/bg_mainnav_top.png) left top no-repeat;
	margin-top: 20px;
	padding: 5px 0 0 0;
}
#mainnav ul {
	padding: 10px 0 10px 3px;
	margin: 0;
	background: url(../graphics/bg_mainnav_bottom.png) left bottom no-repeat;
}
#mainnav li {
	display: inline;
	padding: 0;
	margin: 0;
	font-size: 90%;
}

#mainnav a {
	display: block;
	margin: 2px 5px;
	border: none;
	text-decoration: none;
	outline: none;
	color: #7F0000;
}
#mainnav a:hover {
	color: #FF0000;
}
#mainnav a.businesslink, #mainnav a.newslink {
	padding-bottom:10px;
}
#portfolio_feature_box {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 10px 0;
}	

#mainfooter {
	background: #FFF url(../graphics/mainfoot_bg.png) left top repeat-x;
	padding-top: 10px;
	margin-top: 10px;
	font-size: 80%;
	color: #666;
	text-align: center;
}
#mainfooter a {
	color: #666;
	text-decoration: none;
}
#mainfooter a:hover {
	color: #800000;
}
#mainfooter span {
	padding: 10px 20px;	
}
#footnav {
	display: block;
	height: 33px;
	padding: 10px 0;
	background: url(../graphics/mainfoot_details.png) center top no-repeat;
}
#footnav li {
	display: inline;
	padding: 5px 20px;
}

#contactform label {
	display: block;
	padding-top: 10px;
}
 #newsletterform label {
	display: block;
	line-height: 15px; 
}
#newsletterform h4, #newsletterform p {
	line-height:20px;
}
/* Classes 
   This includes id and class defs that start with the class as the selector 
   So, something like .foo #bar a { } would be in here
   will attempt to work in order of appearance down the page */

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.screencap {
	float: right;
	padding-left: 15px;
}
.clientslist li {
	font-size: 80%;
	float: left;
	width: 260px;
	padding-right: 15px;
}