/*//////////////////////////////////////////////////////////////////////////////////////////////////
//
//	rufftech.css : cascading style sheets
//
//////////////////////////////////////////////////////////////////////////////////////////////////*/

/*//////////////////////////////////////////////////////////////////////////////////////////////////
//	container definitions
//////////////////////////////////////////////////////////////////////////////////////////////////*/

div#rufftechContainer {

	display: block;
	clear: both;
	width: 100%;
}

div#rufftechFlash {

	background: transparent url(../img/rufftech_flash.jpg) repeat-x;
	display: block;
	clear: both;
	width: 100%;
	height: 498px;
}

div#rufftechContact {

	background: transparent url(../img/rufftech_contact.jpg) repeat-x;
	display: block;
	clear: both;
	width: 100%;
	height: 65px;
}

div#rufftechContent {

	background: transparent url(../img/rufftech_content.jpg) no-repeat;
	position: relative;
	display: block;
	clear: both;
	width: 910px;
	height: 295px;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////
//	global definitions
//////////////////////////////////////////////////////////////////////////////////////////////////*/

body {

	background-color: white;
	margin: 0;
	padding: 0;
}

div#rufftechContainer a,
div#rufftechContainer p,
div#rufftechContainer h1,
div#rufftechContainer h2,
div#rufftechContainer h3,
div#rufftechContainer ul,
div#rufftechContainer li {

	font-family: "Trebuchet MS", Tahoma, Arial;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////
//	layout definitions
//////////////////////////////////////////////////////////////////////////////////////////////////*/

/* flash */

div#rufftechFlash div#rufftechWrap {

	display: block;
	clear: both;
	width: 520px;
	padding-left: 45px;
	padding-top: 65px;
}

div#rufftechFlash div.rufftechBlock {

	display: block;
	clear: none;
	float: left;
	padding-right: 20px;
}

/* contact */

div#rufftechContact div.rufftechBlock {

	display: block;
	clear: none;
	float: left;
	padding-left: 30px;
}

div#rufftechContact div.rufftechBlock img {

	padding-left: 15px;
}

/* content */

div#rufftechContent div#rufftechReference,
div#rufftechContent div#rufftechApplication,
div#rufftechContent div#rufftechPartner,
div#rufftechContent div#rufftechJob {

	position: absolute;
	display: block;
	clear: both;
}

div#rufftechContent div#rufftechReference {

	left: 60px;
	top: 65px;
}

div#rufftechContent div#rufftechApplication {

	left: 412px;
	top: 65px;
}

div#rufftechContent div#rufftechPartner {

	left: 588px;
	top: 65px;
}

div#rufftechContent div#rufftechJob {

	left: 764px;
	top: 65px;
}

div#rufftechContent div.rufftechBlock {

	display: block;
	clear: none;
	float: left;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////
//	type definitions
//////////////////////////////////////////////////////////////////////////////////////////////////*/

/* flash */

div#rufftechFlash h1 {

	font-weight: bold;
	font-size: 32px;
	color: white;
	padding-bottom: 10px;
}

div#rufftechFlash h2 {

	font-weight: bold;
	font-size: 24px;
	color: #69dc4b;
	padding-top: 40px;
	padding-bottom: 10px;
}

div#rufftechFlash p {

	font-size: 14px;
	color: white;
}

div#rufftechFlash ul {

	list-style-type: square;
	margin-left: 20px;
}

div#rufftechFlash li {

	font-size: 14px;
	color: #a1ebfe;
}

/* contact */

div#rufftechContact p {

	font-size: 11px;
	color: white;
	padding-top: 24px;
}

div#rufftechContact p big {

	font-weight: bold;
	font-size: 11px;
	color: #959899;
}

div#rufftechContact a {

	text-decoration: none;
	color: #91daf0;
}

div#rufftechContact a:hover {

	text-decoration: underline;
	color: #91daf0;
}

/* content */

div#rufftechContent ul {

	list-style: none;
}

div#rufftechContent li {

	font-size: 11px;
	line-height: 20px;
	color: white;
}

div#rufftechContent ul.rufftechSecond li {

	background: transparent url(../img/rufftech_arrow.gif) no-repeat 0 6px;
	margin-left: 20px;
	padding-left: 15px;
}

div#rufftechContent div#rufftechReference a,
div#rufftechContent div#rufftechApplication a,
div#rufftechContent div#rufftechPartner a,
div#rufftechContent div#rufftechJob a {

	text-decoration: none;
	color: white;
}

div#rufftechContent div#rufftechReference a:hover {

	color: #76e460;
}

div#rufftechContent div#rufftechApplication a:hover {

	color: #b5e7f7;
}

div#rufftechContent div#rufftechPartner a:hover {

	color: #d98acd;
}

div#rufftechContent div#rufftechJob a:hover {

	color: #eab280;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////
//
//	rufftech.css : cascading style sheets
//
//////////////////////////////////////////////////////////////////////////////////////////////////*/