/* UBC Site CSS Styles */

body {
	margin: 0 auto;
	padding: 0;
	font-family: Lucida Sans Unicode, Arial, Verdana, Sans-Serif;
	font-size: 0.8em;
	

	background: #333 url(sub_bg2.gif) repeat;
	
	/*background-image: url(bgpattern.jpg);*/
}
a { text-decoration: none; color: #990033; }
a:hover { color: #808080; } 
a img { border: 0; }
h1{}
h2{ text-transform:uppercase; }
h3 { text-transform:uppercase; font-size: 1.1em; margin: 0 0 5px 0; padding: 10px 0px 0px 0px; padding-bottom: 2px; border-bottom: 1px solid #666; color:#333333; }
.small{ font-size: 1.0em; text-transform:none; font-weight:normal; }
.h3link{ text-decoration: none; }
h4 { margin-bottom: 0px; }
p{ padding-top: 2px; padding-bottom: 2px; }
input{ font-size: 8pt; }
.blue { color: #286ea0; }
#bg { width: 740px; margin: 10px auto; padding: 1px 6px 0px 6px; border: 1px solid #ccc; background-color: #fff; }
#contentcontainer{ color: #303030; width: 736px; }
#content { padding: 2px; font-size:8pt; }
#header {
	clear: both;
	text-align: right;
	padding: 20px 15px 0 0;
	margin: 0px 0 3px 0;
	height: 80px;
	border-bottom: 2px solid #eee;
	background: #FFF url(fade.gif) repeat-x;
	color: #808080;
}
#title { float: left; font-size: 14pt; font-weight: bold; padding: 0 0 0 10px; }
#about { float:right; font-size: 10px; text-transform: uppercase; }
#nav { float:right; width: 150px; margin: 0 0 10px 0px; padding: 0; font-size: 0.9em; }
#nav ul { list-style: none; width: 150px; margin: 0 0 3px 0; padding: 0; font-size: 1.1em; }	
#nav li { margin-bottom: 4px; padding: 0 5px 0 10px; }
#nav li a {
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
	height: 38px;
	text-decoration: none;
	text-transform:uppercase;
	/*color: #808080;*/
	color:#ffffff;
	display: block;
	padding: 6px 10px 0 10px;
	background: url(sub_bg.gif) repeat-x;
	/*border: 1px solid #ccc;*/
	
}		
#nav li a:hover { color: #286ea0; background:url(fade.gif) repeat-x; }
.hidden{ font-size: 0px; visibility:hidden; position:absolute; left:0; top:0;}
.clear{ clear:both; }
.subnav { margin: 9px 0 10px 0; padding: 3px 10px 5px 10px; width: 130px; color: #6B6B6B; line-height: 1.6em; font-size:7pt; } 
.subnav h3{ border-bottom: 0px solid #666; }
.subnav a { text-decoration: underline; color: #fff;  }
.subnav a:hover { color: #286ea0; } 
.subnav p { margin: 0; }
.subnav a.upper { text-transform:uppercase; text-decoration: none; font-size: 8pt; height: 30px; }
.infobox { background: #222; padding: 0 5px 10px 10px; margin-top: 5px; margin-bottom: 5px; width:120px; }
.infobox h3{ color:#fff; }
.infoboxclear { padding: 0 5px 10px 10px; margin-top: 5px; width:120px; }
.scrollbox{ overflow:scroll; width:100%;height:400px; }
#main {/*clear: left; float: left;*/ margin:0 150px 0 0; }
.full_column { margin: 0 0px 20px 0px; padding: 5px 10px 5px 10px; line-height: 1.6em; text-align: left; font-size: 8pt; }
.left_column { clear:left; float:left; width:270px; margin: 0 0px 20px 0px; padding: 5px 10px 5px 10px; line-height: 1.6em; text-align: left; color: #5D5D5D; /*border-left: 2px solid #eee;*/ font-size: 8pt; }
.left_column a, .left_column a:visited { text-decoration: underline; }
.left_column p { margin: 0;	}
.right_column { margin: 0px 0px 10px 290px; padding: 5px 13px 20px 10px; border-left: 1px solid #DDD; color: #5D5D5D;  font-size: 8pt; }
.right_column p { margin: 0px; }
.right_column a, .left_column a:visited { text-decoration: underline; }
.linklist{ margin-bottom:20px; }
.linklist a{ display: block; height:38px; margin-bottom:0px; margin-left: 0px;}

a.php{ background-image: url(php_icon.jpg); background-repeat: no-repeat; padding-left:40px; padding-bottom:10px; }
a.doc{ background-image: url(word_icon.jpg); background-repeat: no-repeat; padding-left:40px; padding-bottom:10px; }
a.pdf{ background-image: url(pdf_icon.jpg); background-repeat: no-repeat; padding-left:40px; padding-bottom:10px; }
a.listing{ background-image: url(listing_icon.jpg); background-repeat: no-repeat; padding-left: 40px; padding-bottom:10px; }
a.link{ background-image: url(link_icon.jpg); background-repeat: no-repeat; padding-left: 40px; padding-bottom:10px; }
a.html{ background-image:  url(php_icon.jpg); background-repeat: no-repeat; padding-left: 40px; padding-bottom:10px; }
a.txt{ background-image:  url(php_icon.jpg); background-repeat: no-repeat; padding-left: 40px; padding-bottom:10px; }
a.other{ background-image: url(doc_icon.jpg); background-repeat: no-repeat; padding-left: 40px; padding-bottom:10px; }

.boxedlinks{ background-color: #f4f4f4; background: url(fade.gif) repeat-x; border: 1px solid #cccccc; padding: 10px; margin-bottom: 5px; }
.boxedlinks a{ text-transform:uppercase; }
.optionbox a{ text-transform: none; margin-bottom: 2px; }
.optionlink{ height: 20px; display: block;}
.section{ margin-top: 10px; }
.section a{ display: block; line-height: 1.6em; padding-bottom: 4px; margin-bottom: 2px;  }
.boxedlinks a:hover {}

.listinglb{ padding: 10px; color:#ccc; padding: 10px; margin-top: 5px; background-color: #1b2040; }
.listingsb{ padding: 10px; color:#ccc; padding: 10px; margin-top: 5px; background-color: #1d3112; }
.listingre{  padding: 10px; color:#ccc; padding: 10px; margin-top: 5px; background-color: #111111; }
.listinglbsold{ padding: 10px; color:#ccc; padding: 10px; margin-top: 5px; background-color: #33333f; }
.listingsbsold{ padding: 10px; color:#ccc; padding: 10px; margin-top: 5px; background-color: #426442; } 
a.linkboxforsale{ 
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
	height: 35px;
	text-decoration: none;
	
	/*color: #808080;*/
	color:#ffffff;
	display: block;
	padding: 6px 10px 0 10px;
	margin-bottom: 2px;
	
	background: #1c1f40;
	/*border: 1px solid #ccc;*/
}
a.linkboxsold{ 
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
	height: 35px;
	text-decoration: none;
	
	/*color: #808080;*/
	color:#ffffff;
	display: block;
	padding: 6px 10px 0 10px;
	margin-bottom: 2px;
	background: #33333f;
	/*border: 1px solid #ccc;*/
}
a.linkboxre
{
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
	height: 35px;
	text-decoration: none;
	
	/*color: #808080;*/
	color:#ffffff;
	display: block;
	padding: 6px 10px 0 10px;
	margin-bottom: 2px;
	background: #111111;
	/*border: 1px solid #ccc;*/
}
a.linkboxlbforsale{ 
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
	height: 75px;
	text-decoration: none;
	
	/*color: #808080;*/
	color:#ffffff;
	display: block;
	padding: 6px 10px 0 10px;
	margin-bottom: 2px;
	background: url(sub_bg2.gif) repeat-x;
	background: url(largebusiness_forsale.jpg) no-repeat; color: #fff;
	/*border: 1px solid #ccc;*/
}
a.linkboxlbsold
{
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
	height: 75px;
	text-decoration: none;
	
	/*color: #808080;*/
	color:#ffffff;
	display: block;
	padding: 6px 10px 0 10px;
	margin-bottom: 2px;
	background: url(sub_bg2.gif) repeat-x;
	background: url(largebusiness_sold.jpg) no-repeat; color: #fff;
	/*border: 1px solid #ccc;*/
}

a.linkboxsbforsale{ 
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
	height: 75px;
	text-decoration: none;
	
	/*color: #808080;*/
	color:#ffffff;
	display: block;
	padding: 6px 10px 0 10px;
	margin-bottom: 2px;
	background: url(sub_bg2.gif) repeat-x;
	background: url(smallbusiness_forsale.jpg) no-repeat; color: #fff;
	/*border: 1px solid #ccc;*/
}
a.linkboxsbsold{
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
	height: 75px;
	text-decoration: none;
	
	/*color: #808080;*/
	color:#ffffff;
	display: block;
	padding: 6px 10px 0 10px;
	margin-bottom: 2px;
	background: url(sub_bg2.gif) repeat-x;
	background: url(smallbusiness_sold.jpg) no-repeat; color: #fff;
	/*border: 1px solid #ccc;*/
}
a.linkboxsb:hover{ color: #286ea0; background:url(fade.gif) repeat-x; }
a.linkboxlb:hover{ color: #286ea0; background:url(fade.gif) repeat-x; }
a.linkboxsbforsale:hover{ color: #286ea0; background:url(smallbusiness_forsale_hover.jpg) repeat-x; }
a.linkboxlbforsale:hover{ color: #286ea0; background:url(largebusiness_forsale_hover.jpg) repeat-x; }
a.linkboxsbsold:hover{ color: #286ea0; background:url(smallbusiness_sold_hover.jpg) repeat-x; }
a.linkboxlbsold:hover{ color: #286ea0; background:url(largebusiness_sold_hover.jpg) repeat-x; }
.optionbox{ height: 0px; margin-left: 20px; }
.iconright{ float:right; }

.slide1{ background: url(building2.jpg) no-repeat; color: #000; }
.slide2{ background: url(handshake4.jpg) no-repeat; color: #000; }
.slide3{ background: url(connected4.jpg) no-repeat; color: #222222; }
.location{ background: url(location.jpg) no-repeat; color: #fff; }

.listings{ background: url(listings.jpg) no-repeat; color: #fff; }
.listingbox{ margin-bottom:10px; }
.listingdetails{  padding: 10px; margin-top:5px; margin-bottom: 5px; font-size: 8pt; border: 1px solid #ccc; background: url(fade.gif) repeat-x; background-color: #fff; color: #333; }
a.listingname{ color: #fff; }
a.listingname:hover{  text-decoration: underline; }
.listingtitle{ float:left;}
.listingreference{ color: #888; }
.listingsignature{ text-align: center; padding-left: 100px; padding-right: 100px; }
.listingsignature h4{ display: block; font-size: 16px; text-transform: uppercase; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 2px solid #666666; }
.listingstatus{ float:right; color: #888; }
.listingdetails{ text-transform:none; }
.listingdetails ul{ float:right; font-weight:bold; margin-right:10px; }
.listingdetails img{ margin-bottom: 10px; }
.listingdocs{ clear:left; }
.listing{ text-transform:uppercase; }/*display:block; padding: 10px; margin-bottom: 5px; font-size: 8pt; border: 1px solid #ccc; background: url(fade.gif) 
repeat-x; }*/
.listinghover{  padding: 10px; margin-bottom: 5px; font-size: 8pt; border: 1px solid #ccc; background: url(fade.gif) repeat-x; }
.listing img{ height: 27px; width: 27px; float:left; margin-right:15px;}

.team{ background: url(team.jpg) no-repeat; color: #fff; }
.valuation{ background: url(valuation.jpg) no-repeat; color: #fff; }
.selling{ background: url(selling.jpg) no-repeat; color: #fff; }
.references{ background: url(client_testimonials.jpg) no-repeat; color: #fff; }
.newsletters{ background: url(newsletters.jpg) no-repeat; color: #fff; }
.largebusiness{ background: url(largebusiness.jpg) no-repeat; color: #fff; }
.smallbusiness{ background: url(smallbusiness.jpg) no-repeat; color: #fff; }
.realestate{ background: url(realestate.jpg) no-repeat; color: #fff; }
.whitepapers{ background: url(whitepapers.jpg) no-repeat; color:#fff; }

.dynamictext{ position:absolute; visibility:hidden; }
#picbox{ height: 275px; }
#pic { margin:  0 0px 10px 0px; padding: 0px 15px 0px 15px; line-height: 1.4em; height: 275px; /*border: 1px solid #ccc;*/ }
#pic2{ margin:  0 0px 10px 0px; padding: 0px 15px 0px 15px; line-height: 1.4em; height: 125px; /*border: 1px solid #ccc;*/ }
#pic h2, #pic2 h2 { margin: 0px; padding: 15px 0 15px 0px; font-size: 12pt; font-weight:bold; }
#pic a, #pic2 a{ color:#666; }
#pic a:hover,#pic2 a:hover{ color:#3A6794; }
#pic p { margin: 0; padding: 0 0 5px 0px; /*color: #5488BC;*/ font-size: 11px; color: #333333; width: 310px; }
#pic2 p{ margin: 0; padding: 0px 0px 5px 0px; /*color: #5488BC;*/ font-size: 11px; color: #fff;width: 310px; }
#map{ margin-left: 10px; }
#map img{ width:584px; height: 431px; }
.reference{ margin-bottom: 20px; }
.reference p{ margin: 10px 0 0 0px; }

.profile{ display:block; padding-bottom: 30px; margin: 0 0px 0 0px; margin-bottom: 5px; font-size: 8pt;s }
.profile img{ float:left; padding: 5px; margin-top: 5px; border: 1px solid #ccc; width: 121px; height: 177px; }
.profile p{ margin: 10px 0 0 150px; }
.profile h3{ margin: 0 0 0 150px; }
.clear{ clear: left; }
#downbox {
	clear:both;
	text-align:center;
	margin: 15px 10px 15px 10px;
	/*border: 1px solid #990033; /*#819CD7;*/
	/*background: #cccccc;*/
	background-image: url(fade.gif);
	background-repeat: repeat-x;
	background-color:#ffffff;
	background: url(sub_bg.gif) repeat-x;
	font-size: 8pt;
	color:#ccc;
}
#downbox a{ color:#ffffff; text-transform:uppercase; }
#downbox a:hover{  text-decoration:underline; }
#downbox p { padding: 6px; margin: 0; }
#copyright{ margin: 0 0 0 10px; float:left; }
#footer {
	clear: both;
	color: #808080;
	/*background: #f4f4f4;*/
	font-size: 8pt;
	text-align: right;
	padding: 9px 10px 9px 0;
	margin: 10px 5px 10px 5px;
	/*border: 1px solid #ccc;*/
	
}
#footer a { text-decoration: underline; color: #3A6794; }
#footer a:hover { color: #000; }