@charset "UTF-8";
* { margin:0;padding:0;}
html {font-size: 100%;}
body {
	font-family: Verdana, Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	font-size: 14px;
	line-height: 140%;
	text-align: center;
	background: #0b0b09 url(http://b2iweb.irpass.cc/992/98184.png) top left repeat-x;
	color: #ccc;
}
#wrapouter {
	text-align: center;
	width: 100%;
	overflow: hidden;
}
#wrapinner {
}
#wrap {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 960px;
	overflow: hidden;
	text-align: left;
	margin: 0 auto;
	color: #fff;
	background: #5b481c url(http://b2iweb.irpass.cc/992/98138.png) left top repeat-y;
}
#top {
	background-image: url(http://b2iweb.irpass.cc/992/98183.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 338px;
line-height: 16px;
}
#topnav {
	height: 39px;
	text-align: center;
padding-top: 60px;
}
#logo {
	float: left;
	height: 222px;
	width: 294px;
	overflow: hidden;
}
#bannr {
}
#bnnr-img {
	float: left;
	height: 222px;
	width: 666px;
}
/* SIDE NAV */
#leftcol {
	float: left;
	width: 230px;
	overflow: hidden;
	text-align: center;
	padding: 30px 20px 30px 40px;
}
#sidenav {
	list-style:none;
margin: 0 0 20px 15px;
line-height: 16px;
}
#sidenav li {
	list-style:none;
margin: 10px 0;
}
#sidenav li a:link, #sidenav li a:visited {
display:block;
	background: url(http://b2iweb.irpass.cc/992/98157.gif) top left no-repeat;
height: 19px;
padding-top: 2px;
overflow:hidden;
color: #fff;
	font-family: Verdana, Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	font-weight: bold;
font-size: 13px;
}
#sidenav li a:hover {
	background: url(http://b2iweb.irpass.cc/992/98157.gif) bottom left no-repeat;
color: #fd9;
}
/* END SIDE NAV */

/* other buttons */
.buttons {
	list-style:none;
margin: 0 0 20px 15px;
}
.buttons li {
	list-style:none;
margin: 10px 0;
}
.buttons li a:link, .buttons li a:visited {
display:block;
	background: url(http://b2iweb.irpass.cc/992/98157.gif) top left no-repeat;
height: 19px;
padding-top: 2px;
overflow:hidden;
color: #fff;
	font-family: Verdana, Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	font-weight: bold;
font-size: 13px;
}
.buttons li a:hover {
	background: url(http://b2iweb.irpass.cc/992/98157.gif) bottom left no-repeat;
color: #fd9;
}
/* END other buttons */


#home-col {
	float: left;
	width: 300px;
	overflow: hidden;
	margin: 30px 10px;
	position:relative;
	z-index: 10;
}
#homeflash {
	float: right;
	width:441px;
	height: 435px;
	position:absolute;
	z-index: 0;
}
#maincol {
	float: left;
	width: 630px;
	overflow: hidden;
	padding: 30px 20px;
}
.maincol-left {
	float: left;
	height: auto;
	width: 66%;
}

#articleindex-outer {
width: 210px; float: right;
}
#articleindex {
width: 210px;
position:fixed;
}
#articleindex-outer {
width: 210px; float: right;
}

#footer {
	background-image: url(http://b2iweb.irpass.cc/992/98146.png);
	background-repeat: repeat-y;
	background-position: left bottom;
	text-align:right;
	padding: 10px 20px;
}

img {
	border:none
}
.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
	visibility: hidden;
}

/* ******************** */
/* *** POP-UP PAGES *** */
/* ******************** */


body#pop {
	background: #5b481c url(http://b2iweb.irpass.cc/992/98138.png);
}

#popwrap0 {
width: 600px;
margin: 10px auto;
background: #fe9 url(http://b2iweb.irpass.cc/992/98154.jpg) no-repeat 0 0;
padding-top: 68px;
text-align: left;
color: #100;
height: 100%;
}
#popwrap1 {
width: 600px;
background: #fe9 url(http://b2iweb.irpass.cc/992/98152.jpg) no-repeat 0 100%;
padding-bottom: 68px;
height: 100%;
}
#popwrap2 {
background: #fe9 url(http://b2iweb.irpass.cc/992/98153.jpg) repeat-y 0 0;
padding: 0 25px 0 45px;
height: 100%;
overflow: hidden;
}

#popwrap2, #popwrap2 h1, #popwrap2 h2, #popwrap2 h3, #popwrap2 h4, #popwrap2 h5, #popwrap2 h6 {
color: #321;
}

/* ******************** */
/* ******************** */
/* ******************** */


/* ******************** */
/* *** PROJECT PAGES *** */
/* ******************** */

#projnav { padding: 10px 0;
color: #100; }
#proj-imgs {  clear: both; padding: 20px 0 20px 30px;}
#proj { width: 900px; margin: 0 30px 20px 30px; padding-top: 68px; background: #ffe url(http://b2iweb.irpass.cc/992/98137.jpg) no-repeat 0 0; height: 100%;}
#proj1 { background: url(http://b2iweb.irpass.cc/992/98135.jpg) no-repeat 0 100%; height: 100%;}
#proj2 { padding: 0 30px 0 50px; background: url(http://b2iweb.irpass.cc/992/98136.jpg) repeat-y 0 0; height: 100%; overflow: hidden;}

#gflash {  float: right; width: 352px; height: auto; background: #986; margin: 10px; text-align: center;}

#proj, #proj h1, #proj h2, #proj h3, #proj h4, #proj h5, #proj h6 {
color: #321;
}

#proj a#projback {display: block; width: 110px; height: 68px; line-height: 66px; color: #200; background: url(http://b2iweb.irpass.cc/992/98155.gif) 25px 50% no-repeat; padding: 0 0 0 60px; color: #630; font-size: 22px;}
#proj a#projback:hover, a#proj-back:focus {color: #fff; text-decoration: none;}

#proj-imgs img {margin: 0 15px 0 0;}

/* ******************** */
/* **END PROJECT PAGES* */
/* ******************** */


/* Content Colors */
/* blue */
.blue {
background: #aebadd url(http://b2iweb.irpass.cc/992/98139.png) left top repeat-y;
color: #321;
}
.blue h1, 
.blue h2, 
.blue h3, 
.blue h4, 
.blue h5, 
.blue h6 {
color: #321;
}
.bluetext
.bluetext h1, 
.bluetext h2, 
.bluetext h3, 
.bluetext h4, 
.bluetext h5, 
.bluetext h6 {
color: #321;
}

.bluetext a:link, .bluetext a:visited, 
.blue a:link, .blue a:visited {
	color:#036;
	}
.bluetext a:hover,
.blue a:hover {
	color:#630;
	}

/* grey */
.grey {
background: #eee url(http://b2iweb.irpass.cc/992/98182.png) left top repeat-y;
color: #333;
}
.grey h1, 
.grey h2, 
.grey h3, 
.grey h4, 
.grey h5, 
.grey h6 {
color: #444;
}
.greytext
.greytext h1, 
.greytext h2, 
.greytext h3, 
.greytext h4, 
.greytext h5, 
.greytext h6 {
color: #321;
}

.greytext a:link, .greytext a:visited, 
.grey a:link, .grey a:visited {
	color:#036;
	}
.greytext a:hover,
.grey a:hover {
	color:#630;
	}
	
/* yellow2 */
.yellow2 {
background: #eee url(http://b2iweb.irpass.cc/992/98145.png) left top repeat-y;
color: #333;
}
.yellow2 h1, 
.yellow2 h2, 
.yellow2 h3, 
.yellow2 h4, 
.yellow2 h5, 
.yellow2 h6 {
color: #444;
}
.yellow2text
.yellow2text h1, 
.yellow2text h2, 
.yellow2text h3, 
.yellow2text h4, 
.yellow2text h5, 
.yellow2text h6 {
color: #321;
}

.yellow2text a:link, .yellow2text a:visited, 
.yellow2 a:link, .yellow2 a:visited {
	color:#036;
	}
.yellow2text a:hover,
.yellow2 a:hover {
	color:#630;
	}

/* ochre */
.ochre {
background: #eee url(http://b2iweb.irpass.cc/992/98142.png) left top repeat-y;
color: #efefef;
}


/* drk-grey */
.drk-grey {
background: #eee url(http://b2iweb.irpass.cc/992/98140.png) left top repeat-y;
color: #111;
}
.drk-grey h1, 
.drk-grey h2, 
.drk-grey h3, 
.drk-grey h4, 
.drk-grey h5, 
.drk-grey h6 {
color: #111;
}
.drk-greytext
.drk-greytext h1, 
.drk-greytext h2, 
.drk-greytext h3, 
.drk-greytext h4, 
.drk-greytext h5, 
.drk-greytext h6 {
color: #111;
}

.drk-greytext a:link, .drk-greytext a:visited, 
.drk-grey a:link, .drk-grey a:visited {
	color:#026;
	}
.drk-greytext a:hover,
.drk-grey a:hover {
	color:#300;
	}

/* white */
.white {
background: #eee url(http://b2iweb.irpass.cc/992/98143.png) left top repeat-y;
color: #333;
}
.white h1, 
.white h2, 
.white h3, 
.white h4, 
.white h5, 
.white h6 {
color: #444;
}
.whitetext
.whitetext h1, 
.whitetext h2, 
.whitetext h3, 
.whitetext h4, 
.whitetext h5, 
.whitetext h6 {
color: #321;
}

.whitetext a:link, .whitetext a:visited, 
.white a:link, .white a:visited {
	color:#036;
	}
.whitetext a:hover,
.white a:hover {
	color:#630;
	}

/* END CONTENT COLORS */
#bannr {
	height: 222px;
}

/*    typography   */
a {
	text-decoration: none;
	color:#fff;
	}
a:hover, a:focus {
	text-decoration: none;
	color:#fff;
	}
	
	
#maincol a,#proj a {
font-weight: bold;
	color:#000;
	}
#maincol a:hover, #maincol a:focus, #proj a:hover, #proj a:focus  {
text-decoration: underline;
	color:#000;
	}


h1 {
	font-weight: normal;
	font-size: 2.4em;
	line-height: 110%;
	font-family:  "ariel narrow", "helvetica nue", tahoma, sans-serif;
	text-decoration: none;
	color:#fff;
margin: 0 0 0.9em 0;
}

h2 {
	font-weight: normal;
	font-size: 1.9em;
	line-height: 130%;
	text-decoration: none;
	color:#fff;
margin: 0.5em 0;
}

h3 {
	font-weight: normal;
	font-size: 1.6em;
	line-height: 130%;
	text-decoration: none;
	color:#fff;
margin: 0.5em 0 0 0;
}

h4 {
	font-weight: normal;
	font-size: 1.3em;
	line-height: 130%;
	text-decoration: none;
	color:#fff;
margin: 0.5em 0 0 0;
}

h5 {
	font-weight: normal;
	font-size: 1.1em;
	line-height: 130%;
	text-decoration: none;
	color:#fff;
margin: 0.5em 0 0 0;
}

h6 {
	font-weight: normal;
	font-size: 1em;
	line-height: 130%;
	text-decoration: none;
	color:#fff;
margin: 0.5em 0 0 0;
}

.nospace {
line-height: 110%; 
margin:0;
padding: 0;
}

p {
margin: 10px 0;
}

ul, ol {margin: 10px;}
ul li {
list-style: square;
}
li {
margin: 4px 20px;
}

.cntr {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.floatlft {float:left;}
.floatrt {float:right;}