/*
Highlite Text of Active Pages
*/
* {font-family: 'Ruda', sans-serif !important;}
body {font-family: 'Ruda', sans-serif; color:#777; !important}

a {text-decoration:none; color:#444; z-index:7; position:relative; padding-left:2px; padding-right:2px }
.headlink {padding:0px 30px 1px 10px}
a:hover {text-decoration:underline; color:#444; z-index:7; position:relative}
.headlink:hover {text-decoration:none}

body#index a#index,
body#projects a#projects,
body#techniques a#techniques,
body#data a#data,
body#resources a#resources,
body#about a#about {
zoom: 1;
	filter: alpha(opacity=70);
	opacity: 0.7;
background: #fff;
}

ul {list-style:none;}

.partingplaneblue {color:#254059;}
.partingplanered  {color:#772527;}
/*Make Navi Thinner
Vertical Align Bottom
 */

#header {width:100% !important; position:fixed; top:0px; z-index:8; height:40px; border-left:30px solid #666; left:-15px;  }

#navigation {position:absolute; top:-15px; z-index: 8 !important; width:900px;}

#navigation li {list-style:none; display:inline-block; padding-left:20px; padding-right:0px; height:20px; border-right:1px solid 
#999; font-size:20px; color:#999; vertical-align:bottom; padding-top:20px; z-index:8; margin-top:-5px;}


/*Styling for the image box */

#imgBox {width:870px; border:15px solid white; border-top:30px solid white; border-bottom:130px solid white; height:400px; position:relative; top:55px; margin-bottom:50px; left:50%; margin-left:-40%;}
#imgBoxInfo {position:relative; z-index:2; height:100px; margin-top:405px; margin-left:-40px}
#bgCaption {width:160px; height:100px; background:white; position:fixed; right:0px;}

#cycleCaption {font-size:9px; vertical-align:top; margin-top:15px; text-align:right;}



/*Styling for Revised Image Box*/
#imgBox2 {width:870px; border:15px solid white; border-top:30px solid white; border-bottom:0px; height:400px; position:relative; top:55px; left:50%; margin-left:-40%;}
#infoBox2 {width:870px; background:white; border-left:15px solid white; border-right:15px solid white; height:auto; position:relative; left:50%; margin-left:-40%; margin-bottom:-30px;}
#infoBox2 li {display:inline-block; vertical-align:top; padding:5px}
#infoBox2 .L {width:520px; margin-left:-40px;}
#infoBox2 .R {width:250px; border-left:1px solid #9f9f9f; margin-top:5px; margin-bottom:5px} 
#infoBox2 .R .techniqueLabel {text-align:left; line-height:10%; font-weight:normal; font-size:12px;}
  



/*styling for techniques page image box */
#imgBoxSmall {width:870px;border:15px solid white; border-top:30px solid white; border-bottom:none; height:200px; position:relative; top:55px; left:50%; margin-left:-40%;}
#infoBoxSmall {width:870px; border-left:15px solid white; border-right:15px solid white; height:auto; background:white; position:relative; left:50%; margin-left:-40%; margin-bottom:80px; top:55px; margin-top:-16px; padding-bottom:10px; padding-top:5px}
#infoBoxInfo {position:relative; margin-left:-40px }

/*
Border right align to middle between Project Icons

*/

.imgBoxL	{width:542px; padding-right:20px; border-right:1px solid #9f9f9f; padding-bottom:15px; margin-top:5px; display:inline-block }
.imgBoxMid {width:4px; height:100px; border-right:1px solid #9f9f9f; border-left:1px solid #9f9f9f; margin-top:150px; margin-bottom:150px; display:inline-block;}

.imgBoxR	{width:250px; height: auto; display:inline-block; padding:0 0 0 30px; }
.imgBoxR .caption {position:relative; text-align:right; top:-50px; font-size:12px;  font-weight:normal; line-height:0px; right:-50px;}
.imgBoxR .techniqueLabel {position: relative; left:-20px; text-align:left; bottom:-10px; line-height:10%; font-weight:normal; font-size:12px;}

.techniqueLabel {padding-left:10px;}


/*
Bring Labels closer together + V-A Label to top

V-A tags to bottom

Justify Right


*/
.imgBoxLabel {font-size: 26px; font-family: 'Josefin Sans', sans-serif; font-weight:800}

/*Char Count

*/

.imgBoxBlurb {width:520px; height:auto; background:#fff; text-align:justify; font-size:14px;}

/*Style for the Content Wrapper, this box holds all content outside of the image box and navigation */

#content {position:relative; z-index:2; padding-top:10px; width:900px; height:auto; margin:0 auto; left:50%; margin-left:-40%; 
			background:url(../images/whiteTrans90.png); z-index:3; margin-top:80px; margin-bottom:100px; padding-bottom:15px;}
			
#content2 {position:relative; z-index:2; padding-top:10px; width:900px; height:auto; margin:0 auto; left:50%; margin-left:-40%; 
			background:url(../images/whiteTrans90.png); z-index:3; margin-top:80px; margin-bottom:100px; padding-bottom:15px;}
			
.content3 {position:relative; z-index:2; padding-top:10px; width:900px; height:auto; margin:0 auto; left:50%; margin-left:-40%; 
			background:url(../images/whiteTrans90.png); z-index:3; margin-top:2px; margin-bottom:15px; padding-bottom:15px;}
			

.altLabel {margin-left:15px;  background:#fff; width:250px; min-height:30px; height:auto; font-size: 26px; font-family: 'Josefin Sans', sans-serif; font-weight:800}

.titleText_2 {font-family: 'Josefin Sans', sans-serif; color:#666; font-size:14px; margin-bottom:0px; margin-top:10px; margin-left:5px; width:230px; overflow-x:hidden; overflow:hidden; overflow-y:hidden;  }

.titleText {font-family: 'Josefin Sans', sans-serif; color:#666; margin-bottom:20px; margin-top:10px;  }
.titleText_3 {font-family: 'Josefin Sans', sans-serif; color:#666; margin-bottom:-2px; margin-top:20px;  }

.subTitleText {font-family: 'Josefin Sans', sans-serif; font-size:14px; color:#666; margin-bottom:20px; margin-top:5px; margin-left:10px;}

#intro {padding:10px 30px 10px 15px; margin-left:15px; margin-right:15px; font-family: 'Noticia Text', serif; font-size:14px; color:#777; text-align:justify; background:#fff;zoom:1; filter:alpha(opacity=100); opacity:1.0; z-index:5; position: relative}

.bodyText {padding:10px 30px 10px 15px; margin-left:15px; margin-right:15px; margin-top:5px; margin-bottom:5px; font-family: 'Noticia Text', serif; font-size:14px; color:#777; text-align:justify; background:#fff;zoom:1; filter:alpha(opacity=100); opacity:1.0; z-index:5; position: relative}

.bodyTextDef {padding:10px 30px 10px 15px; margin-left:15px; margin-right:15px; margin-top:2px; margin-bottom:10px; font-family: 'Noticia Text', serif; font-size:14px; color:#777; text-align:justify; background:#fff;zoom:1; filter:alpha(opacity=100); opacity:1.0; z-index:5; position: relative}

.bodyTextRef {padding:10px 30px 10px 15px; margin-left:15px; margin-right:15px; margin-top:2px; margin-bottom:10px; font-family: 'Noticia Text', serif; font-size:14px; color:#777; text-align:justify; background:#fff;zoom:1; filter:alpha(opacity=100); opacity:1.0; z-index:5; position: relative; width:600px}

.bodyTextEm {font-size:18px; font-weight:700;}


.shadow7  {-moz-box-shadow: 0px 0px 8px #333;
-webkit-box-shadow: 0px 0px 8px #333;
box-shadow: 0px 0px 3px #9f9f9f;}

.shadow9  {-moz-box-shadow: 0px 0px 8px #333;
-webkit-box-shadow: 0px 0px 8px #333;
box-shadow: 0px 0px 7px #909090;}

.transparent {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;

}

.transparent_1 {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.8;


}

#title {margin-left:15px; padding-left:15px; background:#fff; width:250px; min-height:30px; height:auto;} 

.projectIcon {width:30%; height:auto; background:#fff; float:left; margin-left:15px; margin-top:10px; margin-bottom:10px;

  vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1}
	
.projectIcon:after { 
   content: " ";
   display: block; 
   height: 0; 
   clear: both;
}
.featuredProjectTitle { width:250px; background:#fff;}

.projectImage {margin-left:-5px; margin-right:auto; margin-bottom:10px; color:#777; width:250px; height:170px;} 

.techniqueSublay {margin-left:10px; margin-right:auto; margin-bottom:10px; color:#777; width:245px; height:170px; background-color:; position:relative; z-index:3;}

.techniqueSublay img {width:245px; height:170px;}

.sublayContents { margin-bottom:10px; color:#777; width:240px; height:50px; background-color:; position:relative; z-index:4; display:none; zoom: 1;
	filter: alpha(opacity=95);
	opacity: 0.95;}
	
.hoverSubList {width:250px; margin:0px; padding-top:20px;}
	
.hoverSubList li { border: px 1px 1px solid #fff; background-color:#888888; text-align:left; font-size:13px; width:100%; color:#FF;  margin-left:-40px; }

.projectIcon:hover {}

.projectIcon:hover .sublayContents {display:block; margin-left:10px; margin-right:auto; margin-top:-180px; margin-bottom:10px; color:#777; width:245px; height:50px; background-color:; position:absolute; z-index:4;

}

.projectIcon li {background:#fff; width:100%; margin-bottom:3px;}

.floatWrap {overflow:auto;
			
}

.hrStyle1 {width:870px; position:relative; margin-left:15px; }



/* classes to work with cycle plugin for BG images */
.bgCaption {margin:45% 45% 40% 40%; position:fixed; z-index:1; width:400px; font-size:48px; font-style:oblique; color:#222; font-weight:800;}


/* classes to work with diagonal background */

.diagonalPattern {background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #ccc), color-stop(0.25, #ccc), color-stop(0.25, #bbb), color-stop(0.5, #bbb), color-stop(0.5, #ccc), color-stop(0.75, #ccc), color-stop(0.75, #bbb));
	background-image: -webkit-linear-gradient(left bottom, #ccc 0%, #ccc 25%, #bbb 25%, #bbb 50%, #ccc 50%, #ccc 75%, #bbb 75%);
	background-image: -moz-linear-gradient(left bottom, #ccc 0%, #ccc 25%, #bbb 25%, #bbb 50%, #ccc 50%, #ccc 75%, #bbb 75%);
	background-image: -ms-linear-gradient(left bottom, #ccc 0%, #ccc 25%, #bbb 25%, #bbb 50%, #ccc 50%, #ccc 75%, #bbb 75%);
	background-image: -o-linear-gradient(left bottom, #ccc 0%, #ccc 25%, #bbb 25%, #bbb 50%, #ccc 50%, #ccc 75%, #bbb 75%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#bbbbbb',GradientType=0 ); / IE6-8 */
	background-image: linear-gradient(left bottom, #ccc 0%, #ccc 25%, #bbb 25%, #bbb 50%, #ccc 50%, #ccc 75%, #bbb 75%);
	background-size: 5px 5px;
	width:100%;
	height:100%;
}

/* Table Information */
.infoTables li {list-style:none; display:inline-block; padding-left:2px; padding-right:2px; height:40px; width:100px; border:1px solid #999; font-size:11px; color:#666666; vertical-align:bottom; margin-left:-5px; margin-bottom:-15px; text-align:left;}
.tableHeads {font-weight:bold; }

.sequenceImage {position:relative; margin:0 auto; left:50%; margin-left:-300px; margin-top:30px; margin-bottom:0px; border:10px solid #fff; }

.sequenceCaption {position:relative; margin:0 auto; margin-top:-5px; left:50%; margin-left:-300px; width:600px; border: 10px solid #fff; background:#fff; font-size:12px} 

.readMoreToggle {position:relative; left:700px; background:#9f9f9f; padding:2px; font-size:10px; width:70px !important;
}

/*Pop up Box Styling*/
#floatbar {
    position:relative;
}

.popup {
    position:absolute;
    top:10px;
    left:0px;
    height:30px;
    background:#ccc;
    display:none;
	text-decoration:none;
	width:400px;
	padding:4px;
}

/* Footer Styling */

.copyRt {font-size:12px; font-style:oblique; margin-left:15px;}
.footContact {font-size:12px; font-style:oblique; margin-left:15px;}

#footer {margin-left:15px; margin-right:15px; margin-top:30px; height:75px; background:#fff;  }