/* CSS Document */

/* Global Html Tags */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	margin: 0px;
	padding: 0px;
	width:500px;
}

a {
	color: #0D97EF;
	text-decoration:underline;
}

form {
	margin:0px;
	padding:0px;
}

a:hover {
	text-decoration:none;
}

img {
	border:0px;
	text-decoration:none;
}

p {
	margin:5px 0 0 0;
}

h1 {
	padding:3px;
	margin:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
}

h2 {
	padding:3px;
	margin:3px;
	font-size:16px;
}

h3 {
	color: #0D97EF;
	padding:3px;
	margin:3px;
	font-size:16px;
	font-weight:normal;
}

h4 {
	padding:0px;
	margin:0px;
	font-size:16px;
	color:#FFFFFF;
	margin:0 0 10px 0px;
}
 
h5 {
	padding:10px;
	margin:0px;
	font-size:12px;
}

h6 {
	color: #0D97EF;
	padding:0px;
	margin:0px;
	font-size:10px;
}

.selectoffice{
	padding-left: 195px;
	position:relative;
	bottom: -7px;
	float: left;
	color: #0D97EF;
	font-weight: bold;
}

.tickbox{
	margin-left: 10px;
	float: left;
	display: none;
	cursor: pointer;
}

.untickbox{
	cursor: pointer;
	margin-left: 10px;
	float: left;
	
}

#officeids{
	visibility: hidden;
}

/* End Global Html Tags */

/*Form Table */

.formtable{
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	
}

	.formtable tr{
		height: 20px;
	}
	
		.formtable tr input{
			height: 15px;
			width: 350px;
		}
		
		.formtable tr .smallinput{
			height: 15px;
			width: 110px;
		}
		
		.formtable .label{
			color: #0D97EF;
			width: 101px;
		}
		
.submitform{
	margin-left: 323px;
	cursor: pointer;
	margin-bottom: 10px;
}

.error{
	color: #FF0000;
}

/* Header Html Tags */

	#header {
		margin:0 0 15px 0;
	}

	#header .menu, #footer .menu {
		width:870px;
		height:35px;
		text-align:center;
		padding:3px 0 0 0;
	}

	#header .menu ul, #footer .menu ul {
		padding:0px;
		list-style:none;
		display:block;
		line-height:15px;
		margin:0px;
		clear:both;
		color:#8F8F8F;
	}
	
	#header .menu ul.line1, #footer .menu ul.line1 {
		margin-left:90px;
	}
	
	#header .menu ul.line2, #footer .menu ul.line2 {
		margin-left:60px;
	}

	#header .menu ul li, #footer .menu ul li {
		float:left;
		display:block;
	}
	
	#header .menu ul li a, #footer .menu ul li a {
		color:#8F8F8F;
		font-weight:normal;
	}
	
	#search {
		background-image:url(../images/global/search-slice.jpg);
		height:30px;
		padding:10px 0 0 0;
	}
		#search #top-search {
			border:1px solid #000;	
			width:150px;
		}
	
		#search p a {
			margin:0 0 0 7px;
		}
	
		#search p a img {
			margin:0 3px 0 3px;
		}
		
		#search p {
			padding:0 0 0 20px;
			margin:0px;
			float:left;
			height:18px;
		}
		
		#search p#email {
			padding:2px 20px 0 0;
			float:right;
		}
	
		#search input {
			vertical-align:middle;
			margin:0 0 0 5px;
			padding:0px;
		}
		
	#footer {
		width:870px;
		text-align:center;
	}
		
	#footer img {
		clear:both;
	}

/* End Menu Html Tags */

/* Content Tags */

	#content {
		width:577px;
		padding:15px 17px 15px 17px;
		margin:0 0 10px 0;
	}

	#off-descs {
		width:577px;
		background-image:url(../images/global/bottom-slice.jpg);
		height:248px;
		margin:10px 0 3px 0;
		text-align:center;
		padding:0 0 0 30px;
	}
	
		#off-descs .box {
			text-align:left;
			background-image:url(../images/global/box.jpg);
			background-repeat:no-repeat;
			width:179px;
			height:158px;
			float:left;
			margin:5px 8px 0 0;
			padding:10px;
		}
		
		#off-descs .box p {
			font-size:9px;
		}
		
	#top {
		border-bottom:1px solid #F07A22;
		padding:0 12px 10px 12px;
	}
			
		#top #title {
			float:left;
			padding-top:12px;
		}
		
			#top #title a.return {
				padding:3px;
				margin:3px;
			}
			
		#top #tel {
			float:right;
			width:135px;
		}

/* End Content Tags */

/* Global classes & ids */

.clear {
	clear:both;
}

.fl-left {
	float:left;
}

.fl-right {
	float:right;
}

/* Use this to clear divs with floats inside instead of using a clearing div */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.phone {
	color:#ED7A21;
	font-weight:bold;
	font-size:12px;
}

.call-us {
	clear:both;
	font-size:12px;
	text-align:center;
	margin:20px 0 10px 0;
}

.team {
	text-align:center;
}

.ob-col {
	color:#ED7A21;
}

#content #left {
	width:500px;
	float:left;
	padding:0 0 10px 0;
}

#content #right {
	width:211px;
	float:right;
	padding:0 0 10px 0;
}

	#content #form {
		border:1px solid #306D9C;
		padding:3px;
	}
	
	#fast {
		margin:0 0 20px 0;
		clear:both;
		text-align:center;
	}
		
		#fast ul {
			list-style:none;
			font-size:12px;
			margin:0 auto 0 auto;
			padding:5px;
			width:550px;
		}
			
			#fast ul li {
				float:left;
				text-align:left;
			}
			
			#fast ul li a {
				display:block;
				width:100px;
				margin:5px;
			}

