html{
	height:100%
}

body {
	height:100%;
	margin: 0;
	padding: 0;
	color: #fff;
	font: 13px/15px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif
}

#spacer {
	height:200px;
}

#page {
	min-width:900px;
	min-height:100%;
	margin:0 auto;
	position: relative;
}

.index {
	background:url(../images/bkg.jpg) center top no-repeat #000;
	color:#fff;
}


.valve {
	background:url(../images/bkg_white.jpg) center top no-repeat #fff;
	color: #000;
}

.cases {
	background:url(../images/bkg.jpg) center top no-repeat #000;
	color: #fff;
}

.people {
	background:url(../images/bkg_people.jpg) center top no-repeat #ffe4fb;
	color: #000;
}
.careers {
	background:url(../images/bkg_careers.jpg) center top no-repeat #fff;
	color: #fff;
}

* html #page {
	height:100%;
}

#frontpage {
	font-size:11px;
	line-height:13px;
}



/* Headings */
h1, h2, h3, h4, h5, h6 {
	margin: 16px 0 6px 0;
	padding: 0;
	font-weight:bold;
	text-transform:uppercase;
}

h1 { 
	font-size: 22px; 
	line-height: 22px; 
}
h2 { 
	font-size: 17px; 
	line-height: 17px; 
}
h3 { 
	font-size: 14px; 
	line-height: 14px;
}
h4 { 
	font-size: 14px; 
	line-height: 14px;
}
h5 { 
	font-size: 14px; 
	line-height: 14px; 
}
h6 { 
	font-size: 12px; 
	line-height: 12px; 
}
.top {
	margin-top: 0;
}

/* Links */
a:link, a:visited, a:hover, a:active {
	color: #ff0000;
	text-decoration: none;
	text-transform:uppercase;
}
a:hover, a:active { 

}



.link_arrow {
	color:#FF0000;
}

/* General */
p {
	margin: 0 0 16px 0;
	padding: 0;
}
img { 
	border: none; 
} 
hr { 
	margin: 20px 0;
}

/* Lists */
ul, ol { 
	margin: 0 0 10px 25px;
	padding: 0;
}
ol { 
	margin-left: 25px;
}
li {
	margin: 0;
	padding: 0 0 4px 0;
}

/* Forms */
form {
}
label {
	color:#444;
	display:block;
	font-weight:bold;
	margin:5px 0;
}
.input {
	border:1px solid #eee;
	color:#777;
	font:90% Verdana;
	margin: 0 0 10px 0;
	padding:4px;
	width:300px;
}

textarea {
	border:1px solid #eee;
	color:#777;
	display:block;
	font:90% Verdana;
	height:200px;
	margin: 0 0 10px 0;
	padding:4px;
	width:400px;
}


/* Header */
#header {
	padding-top:6px;
	background-color: #000;
	height: 19px;
	font-size:12px;
	z-index: 10;
	position: relative;
	
}

#header a {
	background:url(../images/nav_seperator.gif) right 4px no-repeat;
	padding-right:20px;
	margin-right: 6px;
	text-decoration: none;
	
}

#header a:active, #header a:focus {
	outline:none;
}

#header a.fwd {
	background:url(../images/nav_seperator_fwd.gif) right 4px no-repeat;
	padding-right:40px;
}

#header a.active {
	color:#fff;
}

#header a.last_centered {
	background:none;
	padding-right:0;
}

#header a.first {
	margin-left:10px;
	float:left;
	background:none;
	padding-right:0;
}
#header a.last {
	margin-right:10px;
	float:right;
	background:none;
	padding-right:0;
}

.container {
	width:900px;
	margin:0 auto;
	position:relative;
	z-index: 2;
}

#logo {
	position:absolute;
	left:396px;
	top:45px;
}


#content {
	width: 900px;
	margin: 0 auto 0 auto;
	position:relative;
}

br.clear {
	clear:both;
}

.center {
	text-align:center;
}

.cols2 {
	clear: both;
	position: relative;
	margin: 0;
	padding: 0;
	width: 900px;
	overflow: hidden;
	margin-bottom: 40px;
}

.cols2 .column-left {
	width: 443px;
	float:left;
}
.cols2 .column-right {
	width: 443px;
	float: right;
}

.right {
	text-align:right;
}

.left {
	text-align:left;
}

#contact_sheet {
	height:383px;
	background-color:#000;
	overflow:hidden;
	position:relative;
	color: #fff;
	font-size:12px;
}

#contact_flash_content {
	height:363px;
}


#white_logo {
	position:absolute;
	left:396px;
	top:45px;
	z-index: 20000;
}
#contact_sheet_control {
	padding-top:2px;
	height:18px;
	position:absolute;
	bottom:0px;
	background:#FF0000;
	width:100%;
	cursor:pointer;
	text-align: center;
}

#headings {
	position:absolute;
	top:55px;
	left:198px;
}

#contact_sheet .company {
	position:absolute;
	top:180px;
	left:351px;
	width:200px;
	text-align: center;
}

#contact_sheet .contacts {
	position:absolute;
	top:103px;
	left:572px;
	width:300px;
	text-align: left;
}

#contact_sheet .contacts p {
	background: url(../images/contact/paragraph_mark.gif) repeat-x left bottom;
	padding-bottom:10px;
	margin: 0 0 6px 0;
}


.grey {
	color:#ccc;
}


/**** FRONTPAGE *****/

#header_lifts {
}

#header_lifts a {
	color:inherit;
	text-transform:none;
}

#header_lifts div {
	color:#fff;
	position:absolute;
	width:150px;
	font-size:11px;
}

#lift1 {
	top:24px;
	left:90px;
	text-align:right;
}


#lift2 {
	top:24px;
	left:637px;
}

.companytext {
	margin-bottom:32px;
}

.right p {


}

h2#header_news a { background:url(../images/frontpage/headers.png) left -180px no-repeat; height:0; overflow:hidden; padding-top:45px; display:block; margin-right:0; width:279px; }
h2#header_news a:hover { background-position:left -225px; }

#news {
	margin: 10px 0 15px 0;
}

#news h3 {
	font-size:12px;
	line-height:12px;
	margin: 0px 0 0px 0;
	text-transform:uppercase;
}

#news h3.dashed {
	padding-bottom:9px;
	/* background:url(../images/frontpage/dotted_line.gif) no-repeat bottom left; */
	margin: 0px 0 5px 0;
}



#news h3 a {
	color:#FFF;
	text-decoration:none;
	color:#959595
}

#news h3 a span.time {
	color:#F00;
}

#news p {
	/* background:url(../images/frontpage/dotted_line.gif) no-repeat left bottom; */
	/* padding-bottom:13px; */
	margin: 4px 0 8px 0;
}

#news p.mtops {
	background:url(../images/frontpage/dotted_line.gif) no-repeat left bottom;
	padding-bottom:13px;
}

#employees {
	position:relative;
}

#employees h2 {
	margin:0;
	position:absolute;
	left:124px;
}

#employees h2 a { background:url(../images/frontpage/headers.png) left -116px no-repeat; height:0; overflow:hidden; padding-top:32px; display:block; margin-right:0; width:430px; }
#employees h2 a:hover { background-position:left -148px; }

#employees img {
	margin-right:6px;
}

.column-left h2.top a { background:url(../images/frontpage/headers.png) left 0 no-repeat; height:0; overflow:hidden; padding-top:58px; display:block; margin-right:0; width:430px; margin-left:13px; }
.column-left h2.top a:hover { background-position:left -58px; }

#showcase {
	padding-bottom:13px;
	background:url(../images/frontpage/dotted_line2.gif) no-repeat bottom right;
	margin-bottom:13px;
}

#showcase .info {
	text-align:left;
	padding: 10px;
	float: right;
	width: 220px;
	height: 87px;
	margin-left: 20px;
	background:url(../images/frontpage/lift_box.png) no-repeat;
}
* html #showcase .info {
	background:#000;
}
#showcase .info h4 {
	margin: 0px 0 8px 0;
}

#showcase h2 a { background-image:url(../images/frontpage/subheaders.png); background-repeat:no-repeat; height:0; overflow:hidden; padding-top:24px; display:block; margin-right:0; }
#showcase h2#subtitle_consumer a { background-position:right 0; width:306px; margin-left:137px; }
#showcase h2#subtitle_consumer a:hover { background-position:right -24px; }
#showcase h2#subtitle_corporate a { background-position:right -48px; width:250px; margin-left:192px; }
#showcase h2#subtitle_corporate a:hover { background-position:right -72px; }
#showcase h2#subtitle_campaign a { background-position:right -96px; width:306px; margin-left:137px; }
#showcase h2#subtitle_campaign a:hover { background-position:right -120px; }

#showcase ul {
	position:relative;
	height:40px;
}
#showcase li {
	display:block;
	float:right;
	margin-left:5px;
}
#showcase li img {
	margin-top:2px;
}
#showcase li.more {
	background:transparent;
	width:230px;
}



/*
#showcase {
	position:relative;
}

#showcase .info {
	text-align:left;
	padding: 10px;
	float: right;
	width: 220px;
	height: 87px;
	margin-left: 20px;
	background:url(../images/frontpage/lift_box.png) no-repeat;
}

* html #showcase .info {
	background:#000;
}


#showcase .info h4 {
	margin: 0px 0 8px 0;

}

#showcase p.thumbs {
	margin-top:0px;
	clear: both;
}

#showcase p.thumbs img {
	margin-left:4px;
	margin-top: 4px;
}
*/

.mtops {
	margin-top:8px;
}

.mtopb {
	margin-top:16px;
}

.mbots {
	margin-bottom:8px;
}

#flickr img { padding-right:6px; }

#twitter { margin-top:12px; margin-left:330px; }

/********** Valve page ********/

#flash_nav {
	width:380px;
	height:600px;
	float:right;
}

.valve h1, .valve h2, .valve h3, .valve h4, .valve h5, .valve h6 {
	background-color:#ff00ff;
	color:#fff;
	padding:2px;
}

#awards p {
	font-size:10px;
	line-height:13px;
	margin:0 0 0 0;
}

#awards strong {
	color:#ff00ff;
}


h2.img {
	background-color:transparent;
	padding:0;
}


p.dashed {
	padding-top:11px;
	background:url(../images/dotted_line_white.gif) repeat-x top left;
	margin: 8px 0 0 0;
}

.tooltip {
	background-color:#ffffff;
	border:1px solid #dddddd;
	padding:2px;
	color:#000;
	font-size:12px;
}


/********** People page ********/

#employee_filter {
	text-align:left;
	width:694px;
	margin:0 auto;
	height:85px;
}
#employee_filter h1 {
	float:left;
	width:337px;
	text-align:right;
	margin:3px 0 0;
	padding:0;
}
#employee_filter a {
	display:block;
	margin-left:357px;
	margin-bottom:3px;
	font-weight:bold;
}

#employee_html_listing {
	margin:0 auto;
	width: 814px;
	overflow: hidden;
	position:relative;
}

#employee_html_listing li {
	display:block;
	list-style-type:none;
	float:left;
	margin:0 7px 7px 0;
	padding:0;
	background-color: #fff;
}

a.employee {
	position:relative;
	padding:0;
	display:block;
	width:120px;
	height:157px;
	border:1px solid #ddd;
	text-align:left;
	background-position:2px 2px;
	background-repeat:no-repeat;
}

a.employee img {
	display:none;
	position:absolute;
	top:2px;
	left:2px;
}

a.employee h2 {
	font-size:10px;
	line-height:11px;
	margin:120px 2px 1px;
	color:red;
}

a.employee span {
	font-size:10px;
	line-height:11px;
	margin:0 2px;
	color:#000;
	text-transform:none;
	display:block;
}

a.employee.hover {
	border:1px solid #ff1bff;
}

/********** Person page ********/

.vcard {
	position:relative;
	color:#606060;
	background-color:#000;
	width:481px;
	clear: both;
	font-size:16px;
	line-height:16px;
	text-align:left;
	height:330px;
	margin:0 auto;
}

.vcard h1 { margin-left:30px; font-size:16px; padding-top:5px; }
.vcard h1, .vcard .title { text-transform:uppercase; color:#f0f;  }
.vcard img { margin:0 0 10px 0; }
.vcard .org, .vcard .adr, .vcard .tel .type { display:none; }
.vcard ul { margin-left:30px; list-style-type:none; padding:0; font-size:14px; }
.vcard .title { color:#f0f; }
.vcard a { text-transform:none; }
.vcard .skype {
	position:absolute;
	bottom:10px;
	left:30px;
}

#personfeed {
	list-style-type:none;
	width:481px;
	clear: both;
	font-size:14px;
	line-height:14px;
	text-align:left;
	min-height:330px;
	margin:0 auto;
	margin-bottom:30px;
}
#personfeed li {
	background-image: url(../images/employees/light_bkg.png);
	padding:10px 30px;
	margin-top:20px;
}

/**** Careers *****/

#page.careers p, #page.careers ul {
	width:350px;
}

#page.careers p.top {
	margin-top:-10px;
}



#page.careers h3, #page.careers h4  {
	background-color:#fff;
	width:350px;
	color:#b81c8c;
	padding:2px;
}

.careerheadmargin {
	margin-bottom:23px;
}


/******** Frontpage *******/

.videoplayer {
	width:443px;
	height:250px;
	background: url(../images/flash_video.gif) no-repeat center center #000;
}

.videoplayer.small {
	width:166px;
	height:107px;
	float: right;
}

input {
	height:13px;
	font-size:11px;
	border:1px solid #666666;
}

input.error {
	background-color:#FF9900;
	border-color: #ff0000;
}

#internet_agency {
	margin-bottom:40px;
}

#front_lift {
	margin-bottom:18px;
	text-align:right;
	margin-left:68px;
	width:375px;
}

#front_lift h3 {
	font-size:12px;
	line-height:12px;
}

#flash_nav ul {
	margin-top:5px;
	font-size:28px;
	line-height:28px;
	color:#555;
	list-style:none;
	padding:0;
}

#flash_nav ul a {
	color:inherit;
}


#flash_nav ul.alternate {
	color:#BEE34C;
}


#flash_nav ul li {
	margin: 0 0 18px 0;
	cursor:pointer;
}

#flash_nav ul li span {
	font-size:12px;
	line-height:12px;
	color:#fff;
	font-style:italic;
	display:block;
}

#flash_nav ul li a.active {
	color:#ff00ff;
}



#flash_nav ul.alternate li a.active {
	color:#ffff00;
}

#flash_nav ul li.line {
	padding-bottom:25px;
	background:url(../images/nav_seperator_line.gif) no-repeat right bottom;
}


ul {
	list-style:disc;
}

ul li ul {
	margin-top:4px;
	font-size:11px;
}

.nojavascript {
	padding:8px;
	font-size:14px;
	color:#000;
	background:url(../images/notification_bar_bkg.gif);
}


/* Sales.html */

form#sales input {
	width:300px;
	height:16px;
}

form#sales input.submit {
	height:auto;
	font-size:12px;
	font-weight: bold;
	border:none;
	width:auto;
	padding:5px 20px;
	color: #fff;
	background: #FF00FF;
	margin-top:16px;
	text-transform: uppercase;
}

form#sales .submitButton {
	
	font-size:12px;
	font-weight: bold;
	padding:5px 20px;
	color: #fff;
	background: #FF00FF;
	text-transform: uppercase;
}



.tooltip {
	border:1px solid #ddd;
	background-color: #fff;
	padding:2px;
	color:#000;
}

.submitHolder {
	margin-top:16px;
}

.careers label {
	color:#FFF;
}