﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h8, h6, h7, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
* {margin:0;padding:0;} 
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup 
table {border-collapse: collapse; border-spacing: 0;} */

/*-------- WELSH MAIN STYLES --------*/

body {
	background-color: #e6e6e6;

	line-height: 1;
	font-family: Arial, Verdana, "Sans-Serif"; 
	font-size: 12px;
	color: #696056;
	margin: 12px;
	padding: 12px;
	}
	



html, body, form{}

h1,h2,h3,h4,h5,h8{
	line-height: 1.4em;
}

h1{}

	#home #top h1{font-size: 20px; color: #fb881c; font-weight: normal; margin-bottom: 10px;}
	#interior #top h1{font-size: 20px; color:  #0e2d6a; font-weight: normal; margin-bottom: 5px;}


h2{font-size: 24px; color: #0093d0; font-weight: normal; margin-bottom: 1px;}
h3{font-size: 16px; color: #0093d0; overflow: auto;}
h4{font-size: 20px; color: #FFFFFF; font-weight: normal;}

h6{font-size: 16px; color:  #4B4B4B; font-weight: normal; margin-bottom: 10px;}

h5
{
    padding-bottom: 6px;
    border-spacing: 106px;
    border-bottom: 1px solid #aaaaaa;
    border-top: 1px solid #aaaaaa;
    margin-bottom: 5px;
}

h8
{
    padding-bottom: 6px;
    border-spacing: 106px;
    border-bottom: 1px solid #aaaaaa;
    border-top: 1px solid #aaaaaa;
    margin-bottom: 5px;
}

.landing_desc h4{font-size: 14px; font-weight: bold; margin-left: 50px;}

.orange{
	font-weight: lighter;
	color: #fa7b13;
	text-transform: uppercase;
	border-bottom: 1px solid #ededed;
	padding: 0 0 10px 0;
	margin-bottom: 10px;
}

p{	
	font-size: 11px;
	margin: 0 0 0px 0;
	line-height: 1.5em;

}

#interior .left_col p{margin: 0 0 15px 0px; font-size: 12px;}

#interior .left_col ul{margin: 0 0 15px 50px;}
#interior .left_col ul li{margin: 0 0 5px 15px; list-style: disc;}


a{text-decoration: none; color: #0093d0;}
a:hover{color: #00467f;}

a.rightnav{text-decoration: none; color: White;}
a.rightnav:hover{color: #00467f;}

td {vertical-align: top;}

img{
	display: block;
}


/*-------- WELSH LAYOUT STYLES --------*/

#wrapper{
	margin: 0 auto;
	width: 850px;
	height: 85PX;
	position: relative;
	background-color: white;
}

#header{
	width: 100%;
	height: 88px;
	background: url(../images/backgrounds/Colliers-Ebrochure_Header_option-2.jpg) repeat-x;
	position: relative;
	background-color: white;
}

#ClassPropMenu{
	background-color: #0093d0;
	width: 100%;
	
	

}

#footer {
	position: relative;
	padding: 0 0 0 0;
	font-size: 10px;
	color:  #FFFFFF;
	width: 850px;
	height: 26px;
	clear:both;
	text-align: right;
	background: url(../images/backgrounds/Colliers-Ebrochure_Footer_option-2.jpg) No-repeat;

} 
#footer p{margin-right: 90px;}

	.footer_leftside {
		position: absolute;
		top: 0; left: 50%;
		width: 100%;
		height: 26px;
		/*background: url(../images/backgrounds/Colliers-Ebrochure_option-2.jpg) No-repeat;*/
	}

	
	/*-------- WELSH CONTENT STYLES --------*/
	#content{
		padding-bottom: 0px;
		position: relative;
		background-color: white;
			
	}
	
	#home #top{
		width: 790px;
		height: 248px;
		padding: 85px 0 0 210px;
		background: url(../images/backgrounds/top_home_bg.jpg) no-repeat;
	}  #home #top p{
			font-size: 16px;
			margin-left: 200px;
			margin-right: 80px;
			color:  #0e2d6a;
		}
		.top_decor{
			position: absolute;
			top: 0px;
		}
	
	.home_feature{
		float: right;
		position: relative;
	}
		.home_feature .right_home_band{
			position: absolute;
			top: 0; right: -100%;
			background: #dfe7d9;
			width: 100%;
			height: 218px;
			border-bottom: 5px solid #333;
		}
		
		#home_trio{
			padding: 30px 0 0 50px;
			width: 800px;
			float: left;
		}
			#home_trio p{
				padding-right: 50px;
			}
			#home_trio .col_sm{
				width: 200px;
				float: left;	
			}
			#home_trio .col_lrg{
				width: 300px;
				float: left;	
			}
	
	#interior{
	}
	
		.landing_desc{
			padding-bottom: 5px;
			margin-bottom: 10px;
			background: url(../images/backgrounds/rule_bg.gif) bottom left repeat-x;
		}
	
	#interior #top{
		background: #dfe7d9 url(../images/backgrounds/top_int_bg.gif) bottom left repeat-x;
		position: relative;
	}
		#interior #top p{
			font-size: 18px;
			color:  #0e2d6a;
		}
		
		#interior.one #top{
			background: #dfe7d9 url(../images/backgrounds/top_int_270_bg.jpg) bottom left no-repeat;
			height: 250px;
			position: relative;
		}
		#interior.two #top{
			height: 135px;
			position: relative;
		}
		
		
		.int_decor_top{position: absolute; top: 0; left: -100px;}
	
	#top .right_col{padding: 0 0 0 0;}
	#top .left_col{width: 850px;}

	
	.left_col{
		float: left;
		width: 800px;
		padding: 25px 25px 25px 25px;
		position: relative;
		background-color: white;
	}
	
	.left_col2{
		float: left;
		width: 700px;
		padding: 50px 0 0 0;
		position: relative;
	}

	.left_small{
		float: left;
		width: 600px;
		padding: 50px 0 0 0;
		position: relative;
	}

	
	.mid_col{
		width: 107px;
		float: left;
		position: relative;
	}
	
	.right_col{
		width: 299px;
		float: right;
		padding: 50px 0 0 0;
		position: relative;
		left:100px
	}	
	
		.right_col2{
		width: 200px;
		margin-top: 50px;
		float: right;
		padding: 50px 0 0 0;
		position: relative;
	}
	
	.wide_col{
		width: 100%;
		float: left;
		padding: 50px 0 0 0;
		position: relative;
	}	
	
		.right_col ul{margin-bottom: 10px;}
		.right_col li{
			display: block;
			padding: 8px 0 8px 0;
			border-bottom: 1px solid #e5e5e5;
		} .right_col li a{
			display: inline;
			font-size: 14px; color: #fb881c;
			text-decoration: none;
			font-weight: bold;
			padding: 0 10px 0 0;
			background: url(../images/icons/arrow_orange.gif) center right no-repeat;
		}	.right_col li a:hover{color: #333;}
		
		
		.right_col ul.port_list{margin: 45px 0 10px 85px;}
		.right_col ul.port_list li{
			display: block;
			padding: 4px 0 4px 0;
			border-bottom: none;
		} .right_col ul.port_list li a{
			display: inline;
			font-size: 11px; color: #333;
			text-decoration: none;
			font-weight: bold;
			padding: 0 15px 0 0;
			background: url(../images/icons/more_btn.gif) center right no-repeat;
		}	.right_col ul.port_list li a:hover{color: #fb881c;}
	
	.testimonial{
		margin-left: 0px;
		position: relative;
		background: url(../images/icons/plus.gif) 0 3px no-repeat;
		padding: 0 0 0 20px;
		margin-left: -20px;
	}
		.testimonial p{
			font-size: 18px;
		}
		
		.testimonial p.test_name{
			font-size: 18px;
		}
	
	.bottom_callout{
		width: 594px;
		margin: 0 0 5px 0;	
	}
		.bottom_callout_img{
			width: 175px; float: left;
		}
		.bottom_callout_copy{
		width: 394px;
		padding: 0 0 0 25px;
		float: left;
		} #interior	.bottom_callout_copy p{margin: 0 0 5px 0px;}
	
	.construct_thumbs{
		width: 190px;
		float: left;
		margin-left: 10px;
		padding-bottom: 15px;
	} .construct_thumbs p{
			color: #333;
			font-weight: bold;
			padding: 5px 0;
		}
	
	.port_copy{
		width: 290px;
		float: left;
	}
	.port_img{
		width: 260px;
		margin-left: 40px;
		float: left;
	} #interior .port_img p{margin: 0 0 10px 0;}
	  .port_img strong{text-transform: uppercase;}
	  .port_img img{padding-bottom: 10px;}
	  
	
	.prev_next{
		text-align: right;
		margin-top: 8px;
		font-weight: bold;
	}
	.prev{
		padding-left: 9px;
		background: url(../images/icons/prev_icon.gif) 0 3px no-repeat;
	}
	
	.next{
		padding-right: 9px;
		background: url(../images/icons/next_icon.gif) center right no-repeat;
	}
	
	.search_item{margin-bottom: 40px;}
	.search_left{
		width: 450px;
		float: left;
		padding-top: 0px;
		margin-left: 50px;
	}
	
	.search_right{
		width: 400px;
		padding-left: 100px;
		float: left;
		background-color: white;
	}
	
	.search_title{
		padding: 20px 0px 9px 0;
		border-bottom: 1px solid #e5e5e5;
		width: 450px;
	}
		.location{
			font-size: 14px;
			font-weight: bold;
			width: 325px;
			float: left;
		}
		.email{
			padding-top: 2px;
			width: 125px;
			float: left;
			font-weight: bold;
			text-align: right;
		}
	
		.left_details{
			width: 195px;
			float: left;
			padding: 15px 55px 0 0;
			line-height: 1.5em;
		}
			.disp_block{display: block;}
			
		.right_details{
			width: 200px;
			float: left;
			padding: 15px 0 0 0;
			line-height: 1.5em;
		}
	
	.pager{
		border-bottom: 1px solid #e5e5e5;
		border-top: 1px solid #e5e5e5;
		margin-bottom: 20px;
	}	
	.pager ul{
		width: 250px;
		float: left;
	}
		.pager li{
			float: left;
			font-weight: bold;
			padding: 8px 5px;
		}
		.pager ul li a{
			float: left;
			font-weight: bold;
			display: block;
		}
	
/*-------- WELSH NAV STYLES --------*/


#main_nav{
list-style: none;
padding: 0;
margin: 24px 0 0 0;
float: right;
	
	
}



#sub_nav{
	height: 54px;
	padding: 32px 0 0 0;
	width: 1000px;
	position: relative;
} 

#sub_nav .subnav_decor{
	width: 678px;
	height: 84px;
	position: absolute;
	top: 0;
	right: -289px;
	background: url(../images/backgrounds/Collierss-Ebrochure_Header.jpg) 0 0 no-repeat;
	z-index: 100;
}

#sub_nav ul{
	width: 100%;
	margin-left: -14px;
	position: relative;
	z-index: 500;
	}
	#sub_nav li{
		display: block;
		float: left;
		font-size: 11px;
		position: relative;
		margin: 0; padding: 0 6px 0 13px;
		
		background: url(../images/icons/list_subnav_divider.gif) 0 3px no-repeat;
	}
		#sub_nav li.no_bg, #sub_nav ul.tert_nav li.no_bg{
			background: none;
		}
	#sub_nav li a{
		color: #fff;
		text-decoration: none;
		font-weight: bold;
	}
		#sub_nav li a:hover, #sub_nav li a.active{color: #333;}

#sub_nav ul.tert_nav{
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	position: absolute;
	bottom: -10px; left: 0;
	width: 500px;
}
#sub_nav ul.tert_nav li{
	display: inline;
	margin: 0; padding: 0 6px 0 13px;
	font-size: 11px;
	background: url(../images/icons/list_subnav_divider.gif) 0 3px no-repeat;
}
	#sub_nav ul.tert_nav li a{font-weight: normal;}
	#sub_nav ul li ul.tert_nav li a.active{font-weight: normal; color: #333;}
	
/*-------- WELSH MISC STYLES --------*/

span.more_button{
	background: url(../images/icons/more_btn.gif) 0px 3px  no-repeat;
	display: inline-block;
	width: 11px;
	margin-left: 3px;
}

li.no_bg{
	background: none;
	border: none;
}

.copy_img{
width: 50%;
float: left;
}

.decor_marg{margin-top: -50px;}

.relative{position: relative;}

.rule{height:3px; margin: 5px 0; width:100%; background: url(../images/backgrounds/rule_bg.gif) repeat-x; clear: both;}

#interior .left_col .rule{height:3px; margin: 5px 0 25px 0; width:92%; background:url(../images/backgrounds/rule_bg.gif) repeat-x; float: right; clear: both;}

.floatL{float: left;}
.floatR{float: right;}

.clearL{clear: left;}
.clearR{clear: right;}
.clearB{clear: both;}
