/* CSS Document */
body {
	margin:0;
	padding:0;
	background-color:#CDCCC8;
	background-image:url(../crone-images/common/wide-pattern.gif);
	background-repeat:no-repeat;
	font-family:"Helvetica Neue", Helvetica, Arial;
	}

#page-container {
	width:1000px;
	height:580px;
	z-index:1;
	position:absolute;
	top: 50%;
	left:50%;
	margin-top:-290px;
	margin-left:-500px;
	background-image:url(../crone-images/common/crone-pattern-logo.gif);
	background-repeat:no-repeat;
	background-color: #FFFFFF;
	}

#text-container {
	position:absolute;
	top:155px;
	left:740px;
	width:210px;
	z-index:60;
	}	
.more-info-header {
	color: #333333;
	margin:10px 0 2px 0;
	font-size:11px;
	}	
.more-info-p {
	line-height:14px;
	margin:0;
	padding:0;
	}	
.more-info-link {
	color:#666666;
	text-decoration:none;
	padding-left:12px;
	background-image:url(../crone-images/studio/more-info-nav-bullet.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	}
.more-info-link:hover { color:#00A7EE; }		
#office-tab-container {
	width:90px;
	position:absolute;
	left:0px;
	top:50px;
	float:left;
	}
#office-tab, #office-tab-active {
	float:left;
	padding:20px 0px 4px 6px;
	margin:0;
	width:70px;
	border-bottom:1px solid #FFFFFF;
	}	
#office-tab a, #office-tab-active a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:11px;
	font-family:inherit;
	}
	
#office-tab { background-color:#BBBBBB; }
#office-tab-active { background-color:#00A7EE; }

#office-text {
	position:absolute;
	left: 0px;
	top:100px;
	}
			
#page-nav {
	position:absolute;
	font-family:inherit;
	font-size:11px;
	color:#999999;
	top:500px;
	left:740px;
	width:210px;
	z-index:65;
	}	
#prevbutton {
	position: absolute;
	height:15px;
	width:80px;
	left:0px;
	top:0px;
	float:left;
	}	
#nextbutton {
	position: absolute;
	height:15px;
	width:80px;
	left:130px;
	top:0px;
	text-align:right;
	}
.page-button-light { color:#CCCCCC;}	
#prevbutton a, #nextbutton a {
	text-decoration:none;
	color:#999999;
	}
#prevbutton a:hover, #nextbutton a:hover { color:#00A7EE; }
		
#pagecount {
	position: absolute;
	top:0px;
	width:40px;
	left:85px;
	text-align:center;
	float:left;
	}
			
p {
	font-family: "Helvetica Neue", Helvetica, Arial;
	font-size:10px;
	line-height:14px;
	color: #767676;
	margin:5px 0px 0px 0px;
	padding:0;
	}	
.blue { color:#0099FF; font-size:11px; margin-top:7px; }	
h1 {
	color:#00A7EE;
	font-size:20px;
	font-weight:normal;
	margin:0px 0px 8px 0px;
	padding:0;
	}
h2 {
	color:#7f7f7f;
	text-transform:uppercase;
	font-size:10px;
	font-weight:normal;
	margin:0px 0px 12px 0px;
	padding:0;
	}	
h3 {
	color:#00A7EE;
	font-size:20px;
	text-transform:lowercase;
	font-weight:normal;
	margin:0px 0px 20px 0px;
	padding:0;
	}
a { text-decoration: none; color: #00A7EE; }
a:hover { color: #00A7EE; text-decoration: underline; }
.blue-text { color:#00A7EE; }	
#showhide-area {
	position:absolute;
	}	
#showhide-1, #showhide-2, #showhide-3, #showhide-4 {
	width:210px;
	position:absolute;
	top:0px;
	left:0px;
	}	
#text-tab-container {
	width:210px;
	height:14px;
	margin:0px 0px 17px 0px;
	padding:0;
	z-index:62;
	background-repeat:no-repeat;
	}
		
#text-tab-1, #text-tab-2 {
	height:10px;
	float:left;
	width:95px;
	margin:0;
	padding:4px 0px 0px 5px;
	border-right:1px solid #FFFFFF;
	/** switch bkgrnd image to the a def */
	background-image:url(../crone-images/projects/text-tab-transp.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
	z-index:50;
	}
#text-tab-1 { background-color:#00A7EE; }
#text-tab-2 { background-color:#BBBBBB; }
#text-tab-1:hover, #text-tab-2:hover { background-position:0px -20px; }

#text-tab-1 a, #text-tab-2 a {
	font-size:9px;
	margin:0;
	padding:0;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
	}
#details-table p { line-height:11px; }
#details-table p a { color:#767676; }
		
#brand-lines {
	position:absolute;
	left:25px;
	top:0px;
	width:69px;
	height:100%;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	z-index:97;
	}	

#vertical-logo {
	position:absolute;
	left:26px;
	top:288px;
	z-index: 98;
	}	

#main-menu {
	position:absolute;
	top:140px;
	left: 101px;
	width:300px;
	z-index:50;
	}
		
.menu-td {
	background-repeat:no-repeat;
	background-position:5px 12px;
	}
		
#menu-level {
	margin:10px 0px 0px 0px;
	width:290px;
	padding:0px 0px 0px 0px;
	}
	
#menu-level p {
	margin:0;
	padding:0 0 0 0px;
	/* line height was 13px */
	line-height:13px;
	font-size:10px;
	}
#menu-level p a {
	text-decoration:none;
	padding:0 0 0 67px;
	margin:0;
	color:#7f7f7f; 
	}

#menu-level p a:hover { color: #FFFFFF; background-color: #00A7EE; padding:0px 3px 0px 3px; margin: 0 0 0 64px; }
#menu-level p a.active { color: #FFFFFF; background-color: #00A7EE; padding:0px 3px 0px 3px; margin: 0 0 0 64px; }
#menu-level p a.been { color: #FFFFFF; background-color: #999999; padding:0px 3px 0px 3px; margin: 0 0 0 64px; }

#image-container {
	position:absolute;
	top:0px;
	left:385px;
	width:320px;
	height:100%;
	background-color:#BBBBBB;
	z-index:5;
	}
#image-area {
	position:relative;
	top:0px;
	left:0px;
	z-index:9;
	}
#pdf-link-container {
	height:55px; 
	border-bottom:1px solid #FFFFFF; 
	border-top:2px solid #FFFFFF;
	position:absolute;
	left:0px;		
	top:490px;
	width:320px;
	background-color:#00A7EE;
	z-index:10;
	}	
#image-nav {
	position:absolute;
	left:0px;		
	top:490px;
	height:30px;
	width:320px;
	background-color:#00A7EE;
	border-bottom:2px solid #FFFFFF;
	z-index:10;
	}
#nav-left, #nav-middle, #nav-right {
	position: absolute;
	top:8px;
	height:15px;
	margin:0;
	padding:0px;
	float:left;
	}
#nav-left { left:8px; width:90px; text-align:left; }	
#nav-middle { left:100px; width:120px; text-align: center; }	
#nav-right { left:222px; width:90px; text-align: right; }	
#nav-left a, #nav-middle a, #nav-middle, #nav-right a {
	font-size:11px;
	font-weight: normal;
	line-height:12px;
	text-decoration:none;
	color:#FFFFFF;
	}

.enlarge { margin-left:20px; }	
.blue-nav-light { color:#7BD5F5;}	
.grey-nav-light { color: #F5F5F5;}	

#project-nav {
	position:absolute;
	left:0px;		
	top:522px;
	height:27px;
	width:320px;
	border-bottom:1px solid #DDDDDD;
	z-index:10;
	}

#arrow-blue-left {
	position:absolute;
	top:490px;
	left: 375px;
	width:10px;
	height:28px;
	z-index:40;
	}
#arrow-blue-right {
	position:absolute;
	top:490px;
	left: 705px;
	width:10px;
	height:28px;
	z-index:40;
	}
#arrow-grey-left {
	position:absolute;
	top:522px;
	left: 375px;
	width:10px;
	height:28px;
	z-index:40;
	}
#arrow-grey-right {
	position:absolute;
	top:522px;
	left: 705px;
	width:10px;
	height:28px;
	z-index:40;
	}			

#page-admin-menu {
	position:absolute;
	top:10px;
	left: 715px;
	width:330px;
	height:580px;
	z-index:60;
	overflow:auto;
	}
#page-admin-menu a {
	font-size:11px;
	line-height:12px;
	text-transform:lowercase;
	text-decoration:none;
	margin-right:10px;
	color:#990000;
	}		
#page-admin-menu a:hover { text-decoration:underline; }