html { 
	min-width:1000px;
	}
/* -- global rules -- */
body {
	text-align:center;
	margin:0;
	padding:0;
	border:0;
	font:11px/20px Helvetica, arial, Verdana, sans-serif;
	color:#333;
	background:#fff;
	}
img {
	border:0;
	}
/* -- start veo -- */
div#veo {
	width:1000px;
	margin:0 auto;
	padding:0;
	text-align:left;
	}

#preloadedImages {
    width:0px;
    height:0px;
    display:inline;
    background-image:url(../images/subnav.gif);
	display:none;
	} 

.main {
	float:left;
	width:1000px;
	padding:0;
	margin:0;
	}
/* -- header -- */	
.header {
	float:left;
	width:1000px;
	height:82px;
	}
.logo {
	float:left;
	margin:0;
	padding:25px 0 0 0;
	width:127px;
	height:42px;
	}
/* -- content -- */
.content {
	float:left;
	width:1000px;
	padding:0;
	margin:0 0 20px 0;
	}
.contentleft {
	float:left;
	width:445px;
	height:393px;
	padding:0;
	margin:0;
	}	
.contentright {
	float:left;
	width:555px;
	height:393px;
	padding:0;
	margin:0;
	}

/* -- bottomnav -- */	

ul.submenu {
	position:relative;	
	clear:both;
	margin:0 0 0 145px;
	padding:0;
	text-align:center;
	width:710px;
	height:94px;
	background:transparent url(../images/subnav.png) top left no-repeat;
	}

ul.submenu li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
	}
	
ul.submenu li, ul.submenu a {
	height:94px;
	display:block;
	}
	
ul.submenu li a {
	text-indent:-9999px;
	text-decoration:none;
	}
	
#hp {left:0px; width:110px;}
#in {left:120px; width:110px;}
#wk {left:240px; width:110px;}
#cs {left:360px; width:110px;}
#cu {left:480px; width:110px;}
#cl {left:600px; width:110px;}

/* infrastructure sub-navigation style modifications */

ul.submenu#infrastructure {
	margin:10px 0 1em 265px;
	padding:0;
	width:111px;
	height:92px;
	background:transparent url(../images/subnav_infrastructure.gif) top left no-repeat;
	}

ul.submenu#infrastructure li {
	left:0;
	}
	
ul.submenu#infrastructure li, ul.submenu#infrastructure a {
	height:34px;
	}

	
#in_vis {top:0px; width:111px;}
#in_exe {top:34px; width:111px;}
#in_op {top:68px; width:111px;}
	
#in_vis {background:url(../images/subnav_infrastructure.gif) no-repeat 0 0;}
#in_vis a:hover {background:url(../images/subnav_infrastructure.gif) no-repeat -111px 0;}
#in_exe {background:url(../images/subnav_infrastructure.gif) no-repeat 0 -34px;}
#in_exe a:hover {background:url(../images/subnav_infrastructure.gif) no-repeat -111px -34px;}	
#in_op {background:url(../images/subnav_infrastructure.gif) no-repeat 0px -68px;}	
#in_op a:hover {background:url(../images/subnav_infrastructure.gif) no-repeat -111px -68px;}	
	
/* infrastructure button navigation in right pane image - style modifications	*/
/* (on the Infrastructure page, the right pane image is a background to contentright */

ul.submenu#infrastructure_image,
ul.submenu#infrastructure_tier2 {
	position:relative;
	z-index:2;
	padding:0;
	width:514px;
	height:34px;
	}

	ul.submenu#infrastructure_image {
		margin:170px 0 0 20px;
		background:transparent url(../images/nav_infrastructure.gif) top left no-repeat;	
		}	
	
	ul.submenu#infrastructure_tier2 {	
		margin:58px 0 0 34px;
		background:transparent url(../images/nav_infrastructure_tier2.gif) top left no-repeat;	
		}
	
ul.submenu#infrastructure_image li,
ul.submenu#infrastructure_tier2 li {
	top:0
	}
	
ul.submenu#infrastructure_image li, ul.submenu#infrastructure_image a,
ul.submenu#infrastructure_tier2 li, ul.submenu#infrastructure_tier2 a {
	height:34px;
	}

	
ul.submenu#infrastructure_image li#in_vis {left:0px; width:167px;}
ul.submenu#infrastructure_image li#in_exe {left:174px; width:166px;}
ul.submenu#infrastructure_image li#in_op {left:347px; width:167px;}
	
ul.submenu#infrastructure_image li#in_vis {background:url(../images/nav_infrastructure.gif) no-repeat 0 0;}
ul.submenu#infrastructure_image li#in_vis a:hover {background:url(../images/nav_infrastructure.gif) no-repeat 0 -34px;}
ul.submenu#infrastructure_image li#in_exe {background:url(../images/nav_infrastructure.gif) no-repeat -174px 0;}
ul.submenu#infrastructure_image li#in_exe a:hover {background:url(../images/nav_infrastructure.gif) no-repeat -174px -34px;}	
ul.submenu#infrastructure_image li#in_op {background:url(../images/nav_infrastructure.gif) no-repeat -347px 0;}	
ul.submenu#infrastructure_image li#in_op a:hover {background:url(../images/nav_infrastructure.gif) no-repeat -347px -34px;}


ul.submenu#infrastructure_tier2 li#in_vis {left:0px; width:168px;}
ul.submenu#infrastructure_tier2 li#in_exe {left:173px; width:168px;}
ul.submenu#infrastructure_tier2 li#in_op {left:346px; width:168px;}
	
ul.submenu#infrastructure_tier2 li#in_vis {background:url(../images/nav_infrastructure_tier2.gif) no-repeat 0 0;}
ul.submenu#infrastructure_tier2 li#in_vis a:hover {background:url(../images/nav_infrastructure_tier2.gif) no-repeat 0 -34px;}
ul.submenu#infrastructure_tier2 li#in_exe {background:url(../images/nav_infrastructure_tier2.gif) no-repeat -173px 0;}
ul.submenu#infrastructure_tier2 li#in_exe a:hover {background:url(../images/nav_infrastructure_tier2.gif) no-repeat -173px -34px;}	
ul.submenu#infrastructure_tier2 li#in_op {background:url(../images/nav_infrastructure_tier2.gif) no-repeat -346px 0;}	
ul.submenu#infrastructure_tier2 li#in_op a:hover {background:url(../images/nav_infrastructure_tier2.gif) no-repeat -346px -34px;}




/* Navigation hover states */
#hp a:hover {background: transparent url(../images/subnav.png) 0px -94px no-repeat;}
#in a:hover {background: transparent url(../images/subnav.png) -120px -94px no-repeat;}
#wk a:hover {background: transparent url(../images/subnav.png) -240px -94px no-repeat;}
#cs a:hover {background: transparent url(../images/subnav.png) -360px -94px no-repeat;}
#cu a:hover {background: transparent url(../images/subnav.png) -480px -94px no-repeat;}
#cl a:hover {background: transparent url(../images/subnav.png) -600px -94px no-repeat;}
	
/* Navigation "on" states */
body#homepage #hp {background: transparent url(../images/subnav.png) 0px -94px no-repeat;}
body#infrastructure #in {background: transparent url(../images/subnav.png) -120px -94px no-repeat;}
	body#visualize #in {background: transparent url(../images/subnav.png) -120px -94px no-repeat;}
	body#execute #in {background: transparent url(../images/subnav.png) -120px -94px no-repeat;}
	body#optimize #in {background: transparent url(../images/subnav.png) -120px -94px no-repeat;}
body#work #wk {background: transparent url(../images/subnav_work.gif) -240px -24px no-repeat;} /* work gets a different image and position */
body#clients #cs {background: transparent url(../images/subnav.png) -360px -94px no-repeat;}
body#contactus #cu {background: transparent url(../images/subnav.png) -480px -94px no-repeat;}
body#clientlogin #cl {background: transparent url(../images/subnav.png) -600px -94px no-repeat;}


/* ##### Infrastructure styles ##### */
body#infrastructure div.contentright {
	background:url(../images/infrastructure_1.jpg);
	}

body#visualize div.content {
	background:url(../images/infrastructure_2.jpg);
	height:393px;
	}	
	
body#execute div.content {
	background:url(../images/infrastructure_3.jpg);
	height:393px;
	}	
	
body#optimize div.content {
	background:url(../images/infrastructure_4.jpg);
	height:393px;
	}			
	
/* ##### Work (portfolio page) styles ##### */

/* Work page - global style modifications */
body#work div.contentright {
	position:relative;
	}

/* Work page - right pane navigation arrows for cross-fades */
body#work div.contentright a#previous,
body#work div.contentright a#next {
	position:absolute;
	display:none;
	top:171px;
	width:18px;
	height:53px;
	z-index:2;
	}

	body#work div.contentright a#previous {
		left:28px;	
		background:url(../images/portfolio/button_left.gif) no-repeat 0 0;
		overflow:hidden;
		}
	
		body#work div.contentright a#previous:hover {
			background-position:-18px 0;
			}

	body#work div.contentright a#next {
		left:507px;	
		background:url(../images/portfolio/button_right.gif) no-repeat 18px 0;
		width:18px;
		overflow:hidden;
		}	

		body#work div.contentright a#next:hover {
			background-position:0 0;
			}

/* Work page - dynamic portfolio navigation DHTML styles */	
body#work .bottomnavbox {
	position:relative;
	clear:both;
	margin:0;
	padding:0;
	width:1000px;
	height:56px;	
	text-align:center;
	}	

body#work .arrow {
	position:absolute;
	z-index:3;
	top:15px;
	}	

	body#work .arrow#portfolioLeft {
		left:0;	
		visibility:hidden;
		}

	body#work .arrow#portfolioRight {
		left:981px;
		}
		
	
body#work div#portfolioNav {
	position:absolute;
	left:19px;
	width:962px;
	height:56px;
	overflow:hidden;
	}


	body#work div#portfolioNav div#icons {
		position:absolute;
		left:0px;
		width:1924px;
		text-align:center;
		}

		body#work div#portfolioNav div#icons div {
			width:962px;
			float:left;
			clear:none;		
			}
		
			body#work div#portfolioNav div#icons div a {
				padding:0;
				margin:0 9px 0 9px;
				color:#fff;
				}

			body#work div#portfolioNav div#icons div a:hover img {
				border:1px solid #FF8B00;
				}				
				
			body#work div#portfolioNav div#icons div img {
					border:1px solid #ffffff;
					vertical-align:middle;
				}
	
body#work div#subnav {
	border:0;
	float:left;
	position:relative;
	}

	
/* navigation styles on work page */

body#work ul.submenu {
	margin-left:145px;
	margin-top:14px;
	height:24px;
	background:transparent url(../images/subnav_work.gif) top left no-repeat;
	}

	
body#work ul.submenu li, body#work ul.submenu a {
	height:24px;
	}

body#work #hp a:hover {background: transparent url(../images/subnav_work.gif) 0px -24px no-repeat;}
body#work #in a:hover {background: transparent url(../images/subnav_work.gif) -120px -24px no-repeat;}
body#work #wk a:hover {background: transparent url(../images/subnav_work.gif) -240px -24px no-repeat;}
body#work #cs a:hover {background: transparent url(../images/subnav_work.gif) -360px -24px no-repeat;}
body#work #cu a:hover {background: transparent url(../images/subnav_work.gif) -480px -24px no-repeat;}
body#work #cl a:hover {background: transparent url(../images/subnav_work.gif) -600px -24px no-repeat;}
	


/* ##### Client Login page ##### */

body#clientlogin form {
	position:absolute;
	width:472px;
	height:420px;
	z-index:2;
	}

body#clientlogin form input#username,
body#clientlogin form input#password {
	position:absolute;
	left:36px;
	border:0;
	width:370px;
	font-size:25px;
	}	

	body#clientlogin form input#username {
		top:154px;
		}

	body#clientlogin form input#password {
		top:220px;
		}	
	
	body#clientlogin form input#help {
		position:absolute;
		top:262px;
		left:36px;
		width:107px;
		height:17px;
		}

	body#clientlogin form input#enter {
		position:absolute;
		top:298px;
		left:272px;		
		width:102px;
		height:36px;
		}