/*

UCBS

CMS FONTS
.txt {
	font: normal 80% Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 125%;
	color:#FFFFFF;
}
.txtTitle {
	font: normal 80% Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight:normal;
	color:#7B1808;
}
.h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight:bold;
	color:#023154;
}

Created By: 
www.mediaforce.ca

*/

/*****************************************************
* Global
*****************************************************/


img {
	border: 0;
}

a {
	outline: none;
}
input {
	font: normal 80% Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color:#333333;
}
form {
	padding:0;
	margin:0;
	float:right;

}
.clear {
	position: relative;
	clear: both;
}
.hidden {
	display: none;
}
.float-l {
	float: left;
}
.float-r {
	float: right;
}
.align-l {
	text-align: left;
}
.align-r {
	text-align: right;
}
.align-c {
	text-align: center;
}
/*****************************************************
* Typography
*****************************************************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 135%;
	color:#333333;
	background: url(../images/interface/pg-bkg.gif) repeat;
}
.txt {
	font: normal 80% Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 125%;
	color:#FFFFFF;
}
.txtTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight:bold;
	color:#023154;
}
.headerTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 140%;
	line-height: 150%;

	color:#FFFFFF;
}
.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 150%;

	color:#FFFFFF;
}
.colm-l{
padding:30px 5px 10px 5px;

}
hr{
	color:#CEC6B7;
	height:1px;
	width:100%;
}

h1 {
}

h2 {
}
h3 {
}
#footer p {
	font-size: 80%;
	color: #999999;
}

/*****************************************************
* Links
*****************************************************/

a, a:visited {
	color: #023154;
	text-decoration: underline;
}
a:hover {
	color: #7B1808; 
	text-decoration: underline;
}
#header a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#header a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
#header a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
a.footer:link {
	color: #999999;
	text-decoration: none;
}
a.footer:visited {
	color: #999999;
	text-decoration: none;
}
a.footer:hover {
	color: #023154;
	text-decoration: none;
}

/*****************************************************
* Layout
*****************************************************/

body {
	padding:0;
	margin:0;
}
#bodywrap {
	width: 980px;
	margin: 0 auto;
	background-color:#FFFFFF;
	border:1px solid grey;
}
#wrap {
	padding:0; 
		background: url(../images/interface/content-bkg-ext.gif) repeat;
	/*background: url(../images/interface/body-bkg.gif) no-repeat scroll right bottom;*/
}
#wrap-int {
	padding:0;
	background: url(../images/interface/content-bkg.gif) repeat;
}

#headerwrapper {
	padding:0;
}
#banner {
	background: url(../images/interface/banner.jpg) no-repeat;
	margin: 0 auto;
	height:250px;
}
#banner-int {
	background: url(../images/interface/banner-int.jpg) no-repeat;
	margin: 0 auto;
	height:240px;
}
#banner-about {
	background: url(../images/interface/banner-about.jpg) no-repeat;
	margin: 0 auto;
	height:240px;
}
#banner-backhoe {
	background: url(../images/interface/banner-backhoe.jpg) no-repeat;
	margin: 0 auto;
	height:240px;
}
#banner-contact {
	background: url(../images/interface/banner-contact.jpg) no-repeat;
	margin: 0 auto;
	height:240px;
}
#banner-finish {
	background: url(../images/interface/banner-finish.jpg) no-repeat;
	margin: 0 auto;
	height:240px;
}
#banner-foundation {
	background: url(../images/interface/banner-foundation2.jpg) no-repeat;
	margin: 0 auto;
	height:240px;
}
#banner-framing {
	background: url(../images/interface/banner-framing.jpg) no-repeat;
	margin: 0 auto;
	height:240px;
}
#banner-viceroy {
	background: url(../images/interface/banner-viceroy.jpg) no-repeat;
	margin: 0 auto;
	height:240px;
}
#banner-additions {
	background: url(../images/interface/banner-additions.jpg) no-repeat;
	margin: 0 auto;
	height:240px;
}
#banner-conventional {
	background: url(../images/interface/banner-conventional.jpg) no-repeat;
	margin: 0 auto;
	height:240px;
}

#banner-basement {
	background: url(../images/interface/banner-basement.jpg) no-repeat;
	margin: 0 auto;
	height:240px;
}

#banner-decks {
	background: url(../images/interface/banner-decks.jpg) no-repeat;
	margin: 0 auto;
	height:240px;
}

#banner-kitchen {
	background: url(../images/interface/banner-kitchen.jpg) no-repeat;
	margin: 0 auto;
	height:240px;
}

#banner-construction {
	background: url(../images/interface/banner-construction.jpg) no-repeat;
	margin: 0 auto;
	height:240px;
}

#banner-bathroom {
	background: url(../images/interface/banner-bathroom.jpg) no-repeat;
	margin: 0 auto;
	height:240px;
}

#banner-cabinetry {
	background: url(../images/interface/banner-cabinetry.jpg) no-repeat;
	margin: 0 auto;
	height:240px;
}

#banner-demo {
	background: url(../images/interface/banner-demo.jpg) no-repeat;
	margin: 0 auto;
	height:240px;
}

#banner-drywall {
	background: url(../images/interface/banner-drywall.jpg) no-repeat;
	margin: 0 auto;
	height:240px;
}

#banner-electrical {
	background: url(../images/interface/banner-electrical.jpg) no-repeat;
	margin: 0 auto;
	height:240px;
}

#banner-painting {
	background: url(../images/interface/banner-painting.jpg) no-repeat;
	margin: 0 auto;
	height:240px;
}

#banner-roofing {
	background: url(../images/interface/banner-roofing.jpg) no-repeat;
	margin: 0 auto;
	height:240px;
}

#banner-siding {
	background: url(../images/interface/banner-siding.jpg) no-repeat;
	margin: 0 auto;
	height:240px;
}

#banner-window {
	background: url(../images/interface/banner-window.jpg) no-repeat;
	margin: 0 auto;
	height:240px;
}

#banner-tile {
	background: url(../images/interface/banner-tile.jpg) no-repeat;
	margin: 0 auto;
	height:240px;
}

/*#brnImg {
	float:left;
	width:635px;
	height:255px;
	margin:20px 10px 10px 20px;
	/*background: url(../images/interface/banner.jpg) repeat top center;*/
/*}*/


#headerwrap {
	width: 980px;
	margin: 0 auto; 
	background: url(../images/interface/header-bkg.gif) repeat; 
}

#header {
	width: 430px;
	float:right;
	padding:15px; 
	margin:0;
	text-align:right;
}
#logo {
	padding:15px 0 0 25px;
	float:left;
}

#colm-l {
	width: 360px;
	float:left;
	/*padding:30px 5px 0 5px;*/
	background: url(../images/interface/title-bar.gif) repeat-x; 
}
#colm-l-int {
	width: 230px;
	height:500px;
	float:left;
	padding:5px 10px 10px 10px;
	background: url(../images/interface/left-nav-bkg.gif) no-repeat scroll bottom;

}
#colm-r {
	padding:36px 0 0 20px;
	float:right;
	width: 588px;
	background: url(../images/interface/body-bkg.gif) no-repeat scroll bottom;

}
#colm-r-int {
	width: 700px;
	padding:8px 10px 10px 15px;
	float:right;
	
}
#content {
	padding:0;
	float:left;
}
#content-int {
	padding:0 10px 10px 0;
	float:left;
}
#txtTitle {
	padding: 5px 0 5px 10px;
	margin:0;
	background: url(../images/interface/title-bkg.gif) repeat;
}

#footerwrapper {
	height: 20px;
}
#footer {
	width:960px;
	margin: 0 auto;

}

/*****************************************************
* Lists
*****************************************************/


#feature ul {
	width:580px;
	list-style-type: none;
	margin:0;
	padding:0;
}
#feature ul li {
	display: inline;
	margin:0;
	padding-right:10px;
	padding-bottom:30px;
}
#left-nav-feature ul {
	list-style-type: none;
	margin:0;
	padding:0;
}
#left-nav-feature ul li {
	margin:0;
	padding-bottom:7px;
}