body {
	background: url(/2007/i/bg_main.jpg);
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	color: #666666;
	line-height: 1.3em;
	text-align: center;
}

img {
	border: 0;
}
 
.clear {
	clear: both;
}

a {
	color: #00528e;
	text-decoration: underline;
}

a:visited {
	color: #22394b;
}

a:hover {
	text-decoration: none;
}

#AllContent {
	width: 805px;
	margin: 0px auto;
	background: url(/2007/i/bg_watermark.png) no-repeat;
	text-align: left;
}

#Header {
	width: 805px;
}

#MainContent {
	width: 805px;
	margin: 15px 0px 15px;
}

#Footer {
	width: 805px;
	margin: 15px 0px 15px 0px;
	color: #818486;
	font-size: 11px;
}

#Footer .Text {
	float: left;
	line-height: 150%;
}

#Footer .Logos {
	float: right;
}

#Footer a {
	text-decoration: underline;
	color: #b8bcc0;
	padding: 0px 2px 0px 2px;
}

#Footer a:hover {
	text-decoration: none;
}

#MainContent .Middle {
	background: url(/2007/i/bg_middle_mid.png) repeat-y;
}

.Logo {
	width: 219px;
	height: 59px;
	position: relative;
	left: 0;
	top: 50px;
	z-index: 10;
}

.Login {
	width: 116px;
	height: 23px;
	position: relative;
	top: -8px;
	left: 692px;
	z-index: 100;
}

.Menu {
	position: relative;
	left: 285px;
	top: 3px;
	width: 521px;
}


.Menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.Menu li {
	float: left;
}

.Menu li a {
	display: block;
	background-position: top left;
	cursor: pointer;
}

.Menu li a:hover {
	background-position: bottom left;
}

.Menu .About {
	width: 90px;
	height: 18px;
	background: url(/2007/i/menu/menu_about.gif) no-repeat;
}

.Menu .Services {
	width: 82px;
	height: 18px;
	background: url(/2007/i/menu/menu_services.gif) no-repeat;
}

.Menu .Work {
	width: 100px;
	height: 18px;
	background: url(/2007/i/menu/menu_work.gif) no-repeat;
}

.Menu .Ventures {
	width: 92px;
	height: 18px;
	background: url(/2007/i/menu/menu_ventures.gif) no-repeat;
}

.Menu .Support {
	width: 83px;
	height: 18px;
	background: url(/2007/i/menu/menu_support.gif) no-repeat;
}

.Menu .Contact {
	width: 74px;
	height: 18px;
	background: url(/2007/i/menu/menu_contact.gif) no-repeat;
}

#MainContent .Content {
	width: 95%;
	margin: 0px auto;
}

.HeaderImage {
	margin: 5px 0px 0px 0px;
}

p {
	margin: 6px 0px 0px 0px;
}

.HomeLeft {
	float: left;
	width:  257px;
	margin-top: 10px;
}

.HomeTestimonials {
	width: 257px;
	height: 182px;
	background: url(/2007/i/bg_home_left_top.gif) no-repeat;
}

.HomeClients {
	width: 257px;
	height: 229px;
	background: url(/2007/i/bg_home_left_bottom.gif) no-repeat;
	margin-top: 10px;
}

.HomeRight {
	float: right;
	width: 543px;
	margin-top: 10px;
}

.HomeWelcome {
	width: 540px;
	height: 237px;
	background: url(/2007/i/bg_home_right_large.gif) no-repeat;
	margin-left: 3px;
}

.HomeJobs {
	width: 540px;
	height: 173px;
	background: url(/2007/i/bg_home_right_small.gif) no-repeat;
	margin-left: 3px;
	margin-top: 10px;
}

.HomeInside {
	padding: 10px;
	margin: 0px auto;
}

.JobLeft {
	float: left;
	width: 45%;
	font-size: 11px;
	margin: 5px 0px 0px 0px;
	padding-right: 3%;
	border-right: 1px solid #cccccc;
}

.JobLeft {
	float: left;
	width: 45%;
	font-size: 11px;
	margin: 5px 0px 0px 0px;
	padding-right: 4%;
	border-right: 1px solid #cccccc;
}

.JobRight {
	float: right;
	width: 45%;
	font-size: 11px;
	margin: 5px 5px 0px 0px;
	padding-right: 0%;
}

.JobLeft strong, .JobRight strong {
	color: #373737;
}

#testimonials {
	list-style: none;
	padding: 0;
}

.Divider {
	border-top: 1px solid #cccccc;
	margin: 20px 0px 0px 0px;
}


/* THE IMPORTANT STUFF STARTS HERE */
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			width: 100%;
			position: relative;
			margin: -10px 0px 0px 0px;
		}
		
		.slider-wrap h4 {
			font-size: 13px;
		}
		
		.slider-wrap h4 strong {
	color: #004d86;
	text-transform: uppercase;
}

		/* These 2 lines specify style applied while slider is loading */
		.svw {width: 50px; height: 20px; background: #fff; overflow: hidden;}
		.svw ul {position: relative; left: -999em;}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 0px solid #39c; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 530px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 375px;
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			-moz-user-select: none; /* Stops the panels from highlighting/selecting, which I found problematic in Firefox. Also stops the CSS from validating though. Oh well. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			width: 530px; /* Also specified in  .stripViewer  above */
			height: 100%;
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 0px 10px 0px 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
			display: none;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #000;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav a:hover {
			background: #9cf;
		}
		
		.stripNav a.current {
			background: #39c;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 150px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: -2px;
		}
		
		.stripNavR {
			right: -13px;
		}
		
		.stripNavL {
			background: url("/2007/i/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("/2007/i/arrow-right.gif") no-repeat center;
		}