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

body {
background: #fff url(images/bgmain_11.gif) center 1px repeat;	
margin: 0 auto;
text-align: center;
		
}
img {
	border: none;
}	
a:link, a:visited {
	color: #E68117;
	text-decoration: none;
}
a:hover, a:active {
	color: #E68117;
	text-decoration: underline;
}
#wrap {
	width: 1176px;
	margin: 0 auto;
	background: url(images/brportfolio_06.gif) right top no-repeat;
	
	text-align: center;
}
#wrapwork {
	width: 1176px;
	margin: 0 auto;
	background: url(images/work_02.gif) right top no-repeat;
	
	text-align: center;
}
#wrapworkdetail {
	width: 1176px;
	margin: 0 auto;
	background: url(images/workdetail_02.gif) right top no-repeat;
	
	text-align: center;
}
#toporange {
	height: 168px;
	width: 1008px;
	text-align: left;
	margin: 0 auto;
}
#topleft {
	margin: 0;
	float: left;
	width: 17px;
	height: 168px;
}
#logoarea {
	margin: 0;
	background: url(images/bg_03.gif) left top repeat-x;
	width: 518px;
	height: 168px;
	float: left;
}
#logorightcorner {
	float: right;
	margin: 0;
}
#logo {
	margin: 0 0 0 59px;
	width: 358px;
	height: 66px;
}
#logoup {
	margin: 0 0 0 29px;
	width: 200px;
	height: 65px;
	border-left: 1px solid #fff;
}
#logodown {
	margin: 0 0 0 29px;
	width: 200px;
	height: 26px;
	border-left: 1px solid #fff;
}
#blanktop {
	background: url(images/bg_06.gif) -1px top repeat-x;
	width: 199px;
	height: 168px;
	float: left;
}
#blanktop2 {
	background: url(images/bg_03.gif) -1px top repeat-x;
	width: 199px;
	height: 168px;
	float: left;
}
#topnav {
	width: 270px;
	margin: 0;
	height: 11px;
	padding-top: 119px;
	float: left;
}
#topnav img {
	padding: 0 12px;
}
#topnav img.first {
	padding: 0 12px 0 0;
}
#contentarea2 {
	margin: 0 auto;
	text-align: center;
	width: 1176px;
	background: url(images/work_09.gif) right top no-repeat;
}

#detailarea {
	width: 1016px;
	margin: 0 auto;
	text-align: left; 
}
#detailleft {
	width: 816px;
	margin: 0;
	float: left;
}
#detailtop {
	width: 816px;
	height: 44px;
	margin: 0;
	background: url(images/work_07.gif) left top repeat-x; 
}
#workarea {
	width: 1016px;
	margin: 0 auto; 
}
#worktop {
	width: 1016px;
	height: 44px;
	margin: 0 auto;
	background: url(images/work_07.gif) left top repeat-x; 
}
#worklefttop, #detaillefttop {
	float: left;
	margin: 0;
	width: 11px;
}
#worknav {
	width: 994px;
	float: left;
	margin: 0;
	height: 44px;
	text-align: left;
}
#detailnav {
	width: 794px;
	float: left;
	margin: 0;
	height: 44px;
	text-align: left;
}
#worknav ul, #detailnav ul {
	margin: 0;
	padding: 15px 0 0 10px;
	list-style-type: none;
	height: 20px;
}
#worknav ul li, #detailnav ul li {
	margin: 0;
	padding: 0 10px;
	font: bold 11px/1.2em Georgia, "Times New Roman", Times, serif;
	color: #695a49;
	float: left;
}
#worknav ul li a, #worknav ul li a:link, #worknav ul li a:visited, #detailnav ul li a, #detailnav ul li a:link, #detailnav ul li a:visited {
	color: #f5830b;
	text-decoration: none;
}
#worknav ul li a:hover, #worknav ul li a:active, #detailnav ul li a:hover, #detailnav ul li a:active {
	color: #695a49;
	text-decoration: none;
}
#workrighttop, #detailrighttop {
	float: left;
	margin: 0;
	width: 11px;
	height: 44px;
}
#detailmiddle {
	margin: 0;
	width: 816px;
	background: url(images/work_10.gif) left top repeat-y;
}
#workmiddle {
	margin: 0;
	width: 1016px;
	background: url(images/work_10.gif) left top repeat-y;
}
#detailcontent {
	margin: 0 0 0 11px;
	width: 805px;
	
	background: #eeeeec url(images/workcontent_13.gif) right top repeat-y;
	padding: 0 0 36px 0;
}
#detailcontent h2 {
	font: normal 19px/1.2em Georgia, "Times New Roman", Times, serif;
	color: #6d5a45;
	margin: 0 0 0 20px;
	padding: 25px 0 0 0;
}
#workshowcase {
	margin: 15px 0 0 20px;
}
#workimage {
	float: left;
	width: 480px;
	margin: 0;
	background-color: #fff;
}
#imageshow {
	padding: 7px 12px;
}
#workdescription {
	width: 250px;
	margin: 0 0 0 500px;
	font: normal 11px/24px Courier, monospace;
	color: #858177;
	
}
#worknumbers {
	margin: 0 0 0 20px;
	padding: 20px 0 0 5px;
	clear: both;
	width: 480px;
	height: 42px;
	font: bold 12px/1em Courier, monospace;
	color: #d17a1e;
}
#worknumbers a {
	padding: 0 17px 0 17px;
	border-left: 1px solid #969287;
	color: #f5830b;
}
#worknumbers > a:first-child {
	border: none;
	padding: 0 17px 0 0;
}
#workcontent {
	margin: 0 0 0 11px;
	width: 1005px;
	background: #eeeeec url(images/workcontent_13.gif) right top repeat-y;
	padding: 0 0 36px 0;
}
#aboutcontent {
	margin: 0 0 0 11px;
	width: 1005px;
	background: #eeeeec url(images/workcontent_13.gif) right top repeat-y;
	padding: 0 0 15px 0;
}
.aboutrow {
	margin: 0 0 0 34px;
	
	padding-top: 22px;
}
#aboutintro {
	margin: 0;
	float: left;
	height: 925px;
	width: 443px;
}
#abouttext {
	text-align: left;
	margin: 0;
	background: #eeeeec url(images/about_14.gif) top left repeat-x;
}
#abouttext p {
	margin: 9px 10px 0 10px;
	font: 11px/24px Courier, monospace;
	color: #858177;
}
#aboutpic {
	margin: 0;
	float: left;
	width: 258px;
	height: 322px;
}
#aboutdownload {
	margin: 0;
	float: left;
	padding: 0 0 0 20px;
	width: 220px;
	height: 50px;
	
}
#aboutpdfdoc {
	text-align: left;
	margin: 0;
	font: normal 11px/24px Courier, monospace;
	padding: 20px 0 0 26px;
	color: #807b6e;
	background: url(images/about_09.gif) left top repeat-x;
	height: 45px;
}
.contentbtt {
	clear: both;
	font-size: 1px;
	line-height: 1em;
	height: 1px;
	width: 500px;
}
.contentrow {
	margin: 0 0 0 6px;
	height: 444px;
	padding-top: 22px;
}

#workitemintro, .workitem {
	margin: 0;
	float: left;
	height: 444px;
	width: 444px;
	padding: 0 12px 0 28px;
	
}
#workitemintro {
	margin: 0;
	float: left;
	height: 444px;
	width: 443px;
	padding: 0 13px 0 28px;
}

#worktext {
	text-align: left;
	margin: 0;
	background: #eeeeec url(images/workintrobg_23.gif) top left repeat-x;
	height: 250px;
}

#worktext p {
	margin: 9px 10px 0 10px;
	font: 11px/24px Courier, monospace;
	color: #858177;
}
.workdesciption {
	margin: 0;
	height: 130px;
	background-color: #fff;
	text-align: left;
}
.workdesciption h2 {
	margin: 0 25px 0 25px;
	padding: 10px 0 0 0;
	font: normal 15px/24px Georgia, "Times New Roman", Times, serif;
	color: #6d5a45;
}
.workdesciption p {
	margin: 0 25px;
	font: normal 11px/24px Courier, monospace;
	color: #6d5a45;
}
.workdesciption p a {	
	font: bold 12px/24px Courier, monospace;
	color: #f5830b;
}
#detailright {
	width: 199px;
	float: left;
	margin: 27px 0 0 0;
	position: relative;
	left: -10px;
	background: #a89e93 url(images/workdetail_08.gif) left top repeat-y;
}	
#detailrighttopimg, #detailrightbottomimg {
	width: 199px;
	height: 5px;
	margin: 0;
}
#detailrightcontent {
	margin: 0;
}
#detailrightcontent ul {
	margin: 5px 0 5px 20px;
	padding: 0;
	list-style-type: none;
}
#detailrightcontent ul li {
	margin: 0;
	padding: 0;
	font: 11px/20px Georgia, "Times New Roman", Times, serif;
	list-style-type: none;
	color: #695a49;
}
#detailrightcontent ul li a, #detailrightcontent ul li a:link, #detailrightcontent ul li a:visited {
	color: #ffffff;
	text-decoration: none;
}
#detailrightcontent ul li a:hover, #detailrightcontent ul li a:active {
	color: #695a49;
	text-decoration: none;
}
#detailbottom {
	margin: 0;
	height: 26px;
	width: 816px;
	background: url(images/work_30.gif) 7px top repeat-x;
}	
#workbottom {
	margin: 0;
	height: 26px;
	width: 1016px;
	background: url(images/work_30.gif) 7px top repeat-x;
}

#workbottomleft, #detailbottomleft {
	margin: 0;
	float: left;
}
#workbottomright, #detailbottomright {
	margin: 0;
	float: right;
}
#contentarea {
	margin: 0 auto;
	text-align: left;
	width: 1012px;
}
#contactarea {
	width: 995px;
	height: 413px;
	margin: 0 auto 0 0;
	background: url(images/brpf_contact_39.gif) right 57px no-repeat; 
}
#contactleft {
	margin: 0;
	float: left;
}
#contactbox {
	margin: 0;
	width: 517px;
	background: url(images/brpf_contact_33.gif) top left repeat-x;
	float: left;
	height:413px;
}
#contactright {
	margin: 0;
	float: left;
}
#contactcontent {
	margin: 67px auto auto 33px;
	width: 443px;
	height: 316px;
}
#contacttext {
	width: 443px;
	height: 298px;
	background: url(images/brportfolio_31.gif) left top;
	
	
}
#contacttext p {
	margin: 12px 0 0 10px;
	font: 12px/24px Courier, monospace;
	color: #858177;
}
#footer {
	margin: 0 auto 20px auto;
	width: 996px;
	height: 50px;
	
}