body {
	border:0;
	padding:0;
	margin:0;
	}
	
body#stepUp {
	background:#999;
	}
	
#bodyFrame {
	margin:0 auto;
	width:770px;
	background:#fff;
	}
	
#banner {
	float:left;
	width:770px;
	}
	
/*START: TOP NAV */
#logoBox {
	float:left;
	width:162px;
	}
	
#navFrame {
	float:left;
	width:608px;
	background:#f68b1f;
	height:44px;
	margin-bottom:15px;
	}
	
#navMain {
	float:left;
	width:528px;
	}
	
#navLogin {
	float:right;
	width:80px;
	}	
#navFrame ul {
	list-style:none outside;
	padding:0;
	margin:21px 0 0 0;
	}
	
#navFrame li {
	border-left:1px solid #fff;
	margin:0;
	padding:0 0 0 0;
	height:23px;
	float:left;
	background:none;
	}
	
#navFrame a {
	color:#333;
	font-weight:bold;
	font-size:77%;
	padding:0 14px 0 6px;
	text-transform:lowercase;
	}
	
#navLogin a {
	padding:0 0 0 6px;
	}
	
#navFrame li.currentPage a {
	font-weight:bold;
	color:#fff;
	}


#navFrame a:hover {
	color: #fff;
	text-decoration:none;
	}
	
/* END: TOP NAV */


/* START: SIDE NAV */

ul#sideNav {
	margin:0 0 0 0;
	padding:0;
	list-style:none outside;
	width:130px;
	}
	
ul#sideNav li {
	margin:0 0 6px 0;
	padding:0;
	background:none;
	}
	
ul#sideNav a, ul#sideNav a:visited {
	color:#666;
	background: url('../%7EIMAGES/bullet.gif') top left no-repeat;
	background-position:0 4px;
	padding:0 0 0 10px;
	vertical-align:top;
	display:block;
	width:100px;
	margin:0;
	}
	
ul#sideNav li.currentPage a, ul#sideNav li.currentPage a:visited {
	color:#f68b1f;
	font-weight:bold;
	background-image: url('../%7EIMAGES/bullet_on.gif');
	}
	
ul#sideNav a:hover {
	text-decoration:none;
	background-image: url('../%7EIMAGES/bullet_on.gif');
	color: #f68b1f;
	}


/* START: Main Content */

#contentFrame {
	float:right;
	width:608px;
	background: url('../%7EIMAGES/bg_border.gif') top left repeat-y;
	min-height:287px;
	height:287px;
	margin-bottom:10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:607px;
	}
	html>body #contentFrame {width: 607px;height:auto;}

.contentBox {
	float:left;
	padding:30px 100px 25px 18px;
	min-height:207px;
	height:207px;
	width:598px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:480px;
	
	}
	html>body .contentBox {width: 480px; height:auto;}

#titleFrame {
	float:right;
	width:607px;
	background: url('../%7EIMAGES/bg_border.gif') top left no-repeat #fff;
	background-position:0 6px;
	padding:0;
	vertical-align:top;
	}
	
#titleFrame h1 {
	padding:0 0 0 18px;
	margin:0 0 1px 0;
	line-height:1.2;
	}

.contentBoxLeft {
	float:left;
	width:390px;
	margin:15px 0 0 0;
	padding:0 15px 25px 18px;
	font-size:95%;
	line-height:1.4;
	voice-family: "\"}\"";
	voice-family: inherit;
	
	}
	html>body .contentBoxLeft {width: 380px;}
	
.contentBoxRight {
	float:right;
	width:172px;
	margin:15px 0 0 0;
	padding:0 15px 25px 0;
	font-size:75%;
	line-height:1.3;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:157px;
	
	}
	html>body .contentBoxRight {width: 157px;}
	
#contentFrame .contentBoxRight a, #contentFrame .contentBoxRight a:visited {
	color:#666;
	}
	
#contentFrame .contentBoxRight a:hover, #contentFrame .contentBoxRight li.currentPage a {
	color:#f68b1f;
	text-decoration:none;
	}
	
#contentFrame .contentBoxRight li.currentPage a {
	font-weight:bold;
	} 
	
.contentBoxRight p {
	padding-bottom:10px;
	}
	
#sideBar {
	float:left;
	width:161px;
	padding:0 0 25px 0;
	font-size:75%;
	line-height:1.4;
	}
	
#sideBar.sideHome {
	margin:15px 0 25px 0;
	}
	
.sidebarLeft {
	margin:15px 10px 0 12px;
	color:#666;
	}
	
.newsBar {
	padding:15px 0;
	color:#666;
	}
	
	
/* START: PORTFOLIO NAV */
#navPortfolio {
	float:left;
	width:45px;
	padding:0 0;
	margin:15px 0 0 0;
	}
	
#navPortfolio ul {
	list-style:none outside;
	margin:0;
	padding:0;
	}
	
#navPortfolio li {
	padding:0 0 3px 0;
	margin:0;
	text-align:right;
	background:none;
	text-decoration: none;
	}
	
.portfolio_arrow {
	float:right;
	width:5px;
	}
	
#navPortfolio a {
	height:17px;
	width:43px;
	display:block;
	text-decoration:none;
	}
	
a#portfolioLink1 {background: url('../%7EIMAGES/nav_portfolio_1.gif') top right no-repeat;}
a#portfolioLink1:hover {background: url('../%7EIMAGES/nav_portfolio_1-over.gif') top right no-repeat; text-decoration:none;}
li.currentPage a#portfolioLink1, li.currentPage a#portfolioLink1:hover {background: url('../%7EIMAGES/nav_portfolio_1-on.gif') top right no-repeat; text-decoration:none;}

a#portfolioLink2 {background: url('../%7EIMAGES/nav_portfolio_2.gif') top right no-repeat;}
a#portfolioLink2:hover {background: url('../%7EIMAGES/nav_portfolio_2-over.gif') top right no-repeat; text-decoration:none;}
li.currentPage a#portfolioLink2, li.currentPage a#portfolioLink2:hover {background: url('../%7EIMAGES/nav_portfolio_2-on.gif') top right no-repeat; text-decoration:none;}

a#portfolioLink3 {background: url('../%7EIMAGES/nav_portfolio_3.gif') top right no-repeat;}
a#portfolioLink3:hover {background: url('../%7EIMAGES/nav_portfolio_3-over.gif') top right no-repeat; text-decoration:none;}
li.currentPage a#portfolioLink3, li.currentPage a#portfolioLink3:hover {background: url('../%7EIMAGES/nav_portfolio_3-on.gif') top right no-repeat; text-decoration:none;}

a#portfolioLink4 {background: url('../%7EIMAGES/nav_portfolio_4.gif') top right no-repeat;}
a#portfolioLink4:hover {background: url('../%7EIMAGES/nav_portfolio_4-over.gif') top right no-repeat; text-decoration:none;}
li.currentPage a#portfolioLink4, li.currentPage a#portfolioLink4:hover {background: url('../%7EIMAGES/nav_portfolio_4-on.gif') top right no-repeat; text-decoration:none;}

a#portfolioLink5 {background: url('../%7EIMAGES/nav_portfolio_5.gif') top right no-repeat;}
a#portfolioLink5:hover {background: url('../%7EIMAGES/nav_portfolio_5-over.gif') top right no-repeat; text-decoration:none;}
li.currentPage a#portfolioLink5, li.currentPage a#portfolioLink5:hover {background: url('../%7EIMAGES/nav_portfolio_5-on.gif') top right no-repeat; text-decoration:none;}

a#portfolioLink6 {background: url('../%7EIMAGES/nav_portfolio_6.gif') top right no-repeat;}
a#portfolioLink6:hover {background: url('../%7EIMAGES/nav_portfolio_6-over.gif') top right no-repeat; text-decoration:none;}
li.currentPage a#portfolioLink6, li.currentPage a#portfolioLink6:hover {background: url('../%7EIMAGES/nav_portfolio_6-on.gif') top right no-repeat; text-decoration:none;}

a#portfolioLink7 {background: url('../%7EIMAGES/nav_portfolio_7.gif') top right no-repeat;}
a#portfolioLink7:hover {background: url('../%7EIMAGES/nav_portfolio_7-over.gif') top right no-repeat; text-decoration:none;}
li.currentPage a#portfolioLink7, li.currentPage a#portfolioLink7:hover {background: url('../%7EIMAGES/nav_portfolio_7-on.gif') top right no-repeat; text-decoration:none;}

a#portfolioLink8 {background: url('../%7EIMAGES/nav_portfolio_8.gif') top right no-repeat;}
a#portfolioLink8:hover {background: url('../%7EIMAGES/nav_portfolio_8-over.gif') top right no-repeat; text-decoration:none;}
li.currentPage a#portfolioLink8, li.currentPage a#portfolioLink8:hover {background: url('../%7EIMAGES/nav_portfolio_8-on.gif') top right no-repeat; text-decoration:none;}

a#portfolioLink9 {background: url('../%7EIMAGES/nav_portfolio_9.gif') top right no-repeat;}
a#portfolioLink9:hover {background: url('../%7EIMAGES/nav_portfolio_9-over.gif') top right no-repeat;}
li.currentPage a#portfolioLink9, li.currentPage a#portfolioLink9:hover {background: url('../%7EIMAGES/nav_portfolio_9-on.gif') top right no-repeat; text-decoration:none;}

a#portfolioLink10 {background: url('../%7EIMAGES/nav_portfolio_10.gif') top right no-repeat;}
a#portfolioLink10:hover {background: url('../%7EIMAGES/nav_portfolio_10-over.gif') top right no-repeat; text-decoration:none;}
li.currentPage a#portfolioLink10, li.currentPage a#portfolioLink10:hover {background: url('../%7EIMAGES/nav_portfolio_10-on.gif') top right no-repeat; text-decoration:none;}

/* END: PORTFOLIO NAV */

/* START: PORTFOLIO */

.portfolioBoxLeft {
	float:left;
	width:390px;
	text-align:center;
	padding:0 10px 0 0;
	margin:15px 0 0 0;
	min-height:207px;
	height:207px;
	}
html>body .portfolioBoxLeft {height:auto; width:380px; }

.portfolioBoxRight {
	float:left;
	width:152px;
	padding:0 15px 0 0;
	font-size:75%;
	line-height:1.3;
	}
	
#portfolioImageBox {
	float:left;
	width:172px;
	padding:0 0 0 0;
	margin:15px 0 0 0;
	height:35px;
	}
	
#portfolioImageBox ul {
	margin:0;
	padding:0;
	list-style:none outside;
	}
	
#portfolioImageBox li {
	padding:0;
	margin:0;
	width:15px;
	float:left;
	text-align:left;
	position:relative;
	background:none;
	}
	
#portfolioImageBox a {
	border:1px solid #999;
	width:10px;
	height:10px;
	line-height:10px;
	text-decoration:none;
	display:block;
	}
	
#portfolioImageBox a:hover, #portfolioImageBox li.currentPage a {
	border:1px solid #F68B1F;
	text-decoration:none;
	}
	
#previousNextBox {
	float:left;
	width:172px;
	font-size:75%;
	}
	
#previousNextBox a {
	color:#666;
	}
	
/* START: FOOTER */
	
#footer {
	background:#ccc;
	height:200px;
	}
	
#footer p {
	margin:0;
	padding:10px;
	font-size:75%;
	line-height:1.4;
	color:#666;
	}
	

	
/* END: FOOTER */