@charset "UTF-8";
/* CSS Document */



/* http://meyerweb.com/eric/tools/css/reset/ 
----------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; }
body { line-height : 1; }
ol, ul { list-style-type : none; }
blockquote, q { quotes : none; }
blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; }
:focus { outline : 0; }
ins { text-decoration : none; }
del { text-decoration : line-through; }
table { width : 99%; margin-bottom : 1.4em; }
tr:nth-child(even) { background-color : #000; background-color : rgba(0,0,0,.6); }
th { border-bottom : 2px solid #2a2e18; font-weight : bold; text-align : left; }
td { border-bottom : 1px solid #2a2e18; }
th,td { padding : 4px 10px 4px 0; }
tr:last-child td { border-bottom-width : 0; }
tfoot { font-style : italic; }
caption { background : transparent; }


/* Modified from: http://code.google.com/p/blueprintcss/ 
----------------------------------------------------------------------------------------- */
body { font : 12px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; }
h1,h2,h3,h4 { font-weight : normal; }
h1 { font-size : 3em; line-height : 1; margin-bottom : 0.5em; }
h2 { font-size : 2em; margin-bottom : .75em; }
h3 { font-size : 1.5em; line-height : 1; margin-bottom : 1em; }
h4 { font-size : 1.2em; line-height : 1.25; margin-bottom : 0; }
p { margin-bottom : 1.5em; }
ul, ol { margin : 1.5em 0; }
ul { list-style-type : none; list-style-position : inside; }
ol { list-style-type : decimal; list-style-position : inside; }
abbr, acronym { border-bottom-width : 0; }
strong { font-weight : bold; }
em { font-style : italic; }


/* Author styles ------------------------------------------ */

html { background : fixed #2d2d2d url() no-repeat 100% 0; }
body { min-width : 1000px; font : 12px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; color : #fff; }


/* Headings ------------------------------------------ */

h1, h2, h3 { font-weight : bold : #000 1px 1px 2px; }
h1, h2 { font-size : 2em; line-height : 1.1; }
h3 { letter-spacing:0.5px; margin: 20px 20px 0px 60px; }
h3 { font-weight : bold; color: #A70907; margin: 1px 1px 2px; }
h1 span { font-size : 62%; }
ol + h2 { margin-top : 3em; }
h4 { font-size : 13px; color: #d5e296; }
h5 { font-size : 11px; color: #fff; font-weight: normal; font-style:italic; font-family: georgia;}



/* Link anchors ------------------------------------------ */

a, a:visited { color : #888888; font-weight : normal; text-decoration : none; }
a:hover { color : #d2d2d2; font-weight : bold; text-decoration : none; }


/* More type styles ------------------------------------------ */
.worklink a {font-size:11px;padding-left: 5px; color: #ccc}



/* Site layout divisions ------------------------------------------ */

#wrapper { width : 980px; margin : 0 auto; }
#band0 {position: relative;  z-index: 1; width : 935px;  height : 365px; border : 8px solid #16580D;  margin : 100px 0 0 0; padding : 0; background : #094F00 url(../images/fibgrid.png) no-repeat;}
#band1 {position: relative;  z-index: 1; width : 935px;  height : 365px; border : 8px solid #16580D;  margin : 100px 0 0 0; padding : 0; background : #094F00 url(../images/fibgrid.png) no-repeat;}
#band2 {position: relative;  z-index: 1; width : 935px;  height : 365px; border : 8px solid #0D455C;  margin : 100px 0 0 0; padding : 0; background : #003B53 url(../images/flowdiagram.png) no-repeat;}
#logo1 { float : left; position : relative; top : 240px; left: 50px; z-index: 2; margin : 0; height : 53px; width: 303px; background : transparent url(../images/name1alt.png) no-repeat 0 0; text-indent : -9999px; }
#logo2 { float : left; position : relative; top : 240px; left: 50px; z-index: 2; margin : 0; height : 53px; width: 303px; background : transparent url(../images/name2.png) no-repeat 0 0; text-indent : -9999px; }

#bandslide { position: relative;  z-index: 1; width : 952px;  min-height : 385px; margin : 100px 0 0 0; padding : 0; background : #414141;}

#logoslide1 a { float : left; position : relative; top : -40px; left: 50px; z-index: 3; margin : 0; height : 17px; width: 281px; background : transparent url(../images/intHeaderGD.png) no-repeat 0 0; text-indent : -9999px; opacity:0.65;filter:alpha(opacity=65); }

#logoslide1 a:hover { opacity:1;filter:alpha(opacity=100);  }
#logoslide2 a { float : left; position : relative; top : -40px; left: 50px; z-index: 3; margin : 0; height : 17px; width: 281px; background : transparent url(../images/intHeaderUX.png) no-repeat 0 0; text-indent : -9999px; opacity:0.65;filter:alpha(opacity=65); } 
#logoslide2 a:hover { opacity:1;filter:alpha(opacity=100);  }


.header { width : 940px; margin : 0 auto; }

#band1 h1 {
font-weight: lighter;
letter-spacing: .05em;
padding: 240px 0 0 50px;
}

#band2 h1 {
font-weight: lighter;
letter-spacing: .05em;
padding: 240px 0 0 50px;
}




/* Work Detail ------------------------------------------ */

#workimage { float: right; position : relative; top : 0px; left: 0px; z-index: 2; width: 570px; margin: 10px 42px 10px 0px; border: 0px solid #7e352c; }	


#nav {
background: none repeat scroll 0 0 #2D2D2D;
float: right;
height:54px;
margin:0;
position:relative;
right:-758px;
top:262px;
width:170px;
z-index: 3;

}

	
#nav ul {
	list-style-type: none;
	position: relative;
	width: 140px;
	height: 54px;
	width: 170px;
    margin: 0px;
	padding: 0px;
	margin-top: 0;   	
}


div#nav li {
    float:left;
    margin:0 4px 0 0;
    padding:0;
}
	
	

li#nav1 a {
display:block;
float:left;
width: 49px;
height: 54px;
background: url(../images/backgrid.png) no-repeat 0px -54px;
text-indent: -9999px;

}

li#nav2 a {
display:block;
float:left;
width: 32px;
height: 54px;
background: url(../images/back.png) no-repeat 0px -54px;
text-indent: -9999px;

}

li#nav3 a {
display:block;
float:left;
width: 32px;
height: 54px;
background: url(../images/forward.png) no-repeat 0px -54px;
text-indent: -9999px;
}


li#nav1 a:hover {background: url(../images/backgrid.png) no-repeat  0 0;}
li#nav2 a:hover {background: url(../images/back.png) 0px 0px;}
li#nav3 a:hover {background: url(../images/forward.png) no-repeat 0 0;}



.content {  float : left; width : 240px; padding: 0px 0px 0px 52px; margin-top:205px; }



/* Work Menu ------------------------------------------ */


#workmenu 
{
	float: left;
	position : relative; top : 59px; left: 85px;
}


div#workmenu ul 
{
    list-style-type: none;
	background: url();
    padding: 0px 0px 0px 0px; 
	margin: 0px;
}	

	
div#workmenu li 
{
	float: left;
	height: 70px;
	background-image: url();
	background-repeat: no-repeat;
	margin: 0 12px 12px 0 ;
	height: auto;
	background-color: #414141;	
}


div#workmenu h3 img 
{ 
	display: block;
	float: left;
    border: 1px solid #161616;

}


#workmenu .photo { opacity:0.65;filter:alpha(opacity=65); }
#workmenu .photo:hover { opacity:1;filter:alpha(opacity=100);  }





/* footer ------------------------------------------ */

.footer{
    height: 48px;
	wdith: 980px;
    font-weight: regular;
    font-size: 11px; 
    color: #686868;
	padding: 30px 20px 0 750px;
	line-height: 1.4em;
}  


.footer  ul {
    list-style-type: none;

}

.footer li {
	font-size: 10px; 
    text-transform: uppercase;
	letter-spacing: .1em;
	margin-bottom: 10px;
}


.footer li a {
    font-weight: regular;
}



.footer li a:hover {
    font-weight: regular;
    color: #fff;
}

.current {
    color: #ccc;
		text-decoration: none;
}




.clear
{ /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0px;
    font-size: 0px;
}