/* <![ Global [ -----------------------------------------------------------*/

/*
Site 9 Default CSS File
Working Version: template
VERSION: 1.0 
LAST MODIFIED: 02.07.2008
LAST MODIFIED BY: NAPOLISX

NOTES:
Image pathing needs to be as follows.

url(/images/img.jpg);

This can be developed any way you wish, but must be changed before upload.

*/


html {
	height:100%;}
	
body{	
	margin: 0px; 
	padding: 0px; 
	text-align: center;
	behavior: url(/scripts/csshover.htc);
	font: 12px Arial, Helvetica, sans-serif;
	background: #16344a;
	color: #656565;
}

img, a img{
	border: none;
}

div, p, h1, h2, h3, h4, h5, h6, ul, li, ol{
	margin: 0;
	padding: 0;
}

h2, h3 {
color: #FF9A00;
}

h1, h4, h5, h6{
	color: #214e77;
}
	
#container{
	margin: 0px auto;
	text-align:center;
	width: 980px;
	padding: 0;
	background: #16344a;
}

#main{
	text-align: left;
	background: white;
	width: 980px;
	padding: 0 0 30px 0;
}

.search {
	position:relative;
	margin:0px auto;
	padding:0px 0px 20px 0px;
	text-align:right;}
	
	.search form {
		margin:0px;
		padding:0px;}
	
	.search-field {
		padding:3px;
		font:10px Verdana, Arial, Helvetica, sans-serif;
		border:1px solid #8fa3af;
		background:#fff;
		width:100px;}
		
	.search-button {
		width:60px;
		background: #cbd3d8;
		color:#0f364a;
		border:1px solid #8fa3af;
		text-decoration:none;
		font:11px Verdana, Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		text-align:center;}
	
	.search-button:hover {	
		background: #0f364a;
		border:1px solid #0f364a;  	
		text-decoration:none;
		color:#fff;}
	
input, select, textarea {	
	}
	
legend	{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#000;}
	
hr{
	height:1px;
	color:#000;
	margin:5px 0px;
	padding:0px;}

/*	<![ Navigation [ -----------------------------------------------------------*/

#mainnav{
	background: #5b8cb0 url(../images/mainnav-bg.gif) top left repeat-x;
	width: 980px;
	height: 52px;
}
	#mainnav ul{
		list-style-type: none;
	}
		#mainnav ul li{
			color: #032d46;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 13px;
			float: left;
			margin: 20px 15px;
			text-transform: uppercase;
			font-weight: bold;
		}
			#mainnav ul li a{
				color: #032d46;
				text-decoration: none;
			}
				#mainnav ul li a:hover{
					color: white;
				}

		

	
/*	<![ Layout [ -----------------------------------------------------------*/

address {
	font-style:normal;}
	
#header{
	height: 114px;
	overflow: hidden;
	background: #011424 url(../images/glass-family-law-logo.jpg);
	color: white;
	font-size: 50px;
	font-weight: bold;
}
	#header a{
		color: white;
	}

/* ------------------------ */

#banner-area{
	margin: 3px;
	color: #16344a;
}
	#banner-area div, #banner-area img{
		border: 1px solid #011b2f;
		height: 146px;
		float: left;
	}
	#banner-area img{
		font-size: 30px;
		background: #b7dfff;
	}
	#banner-area #five-reasons{
		/*background: #51545f url(../images/five-reasons-bg.jpg) top left no-repeat;*/
		margin: 0 0 0 3px;
		width: 226px;
		color: #ff9a00;
		border:none;
	}
		#banner-area #five-reasons a{
			color: white;
			background: url(../images/orange-arrow.gif) left no-repeat;
			padding: 0 0 0 12px;
			margin: 0 0 0 50px;
		}
		#banner-area #five-reasons h3{
			font-size: 15px;
			margin: 40px 0 0 85px;
			color: #ff9a00;
		}
		#banner-area #five-reasons p{
			font-weight: bold;
			width: 130px;
			margin: 0px 0 0 85px;
		}
	#banner-area #latest{
		/*background: #8cc2ee url(../images/latest-bg.jpg) top left no-repeat;*/
		margin: 0 0 0 3px;
		width: 210px;
		color: #16344a;
		position:relative;
		border:none;
	}
		#banner-area #latest p{
			position:absolute;
			display:block;
			top:25px;
			left:3px;
			width:100px;
			z-index:100;
			font-weight: bold;
		}
		#banner-area #latest a {
			position:absolute;
			display:block;
			top:0;
			left:0;
			width:210px;
			height:146px;
			z-index:101;
		}

/* ------------------------ */

#content{
	margin: 35px 20px 30px 20px;
}
/* --- */	
	#content #side-bar{
		color: #214e77;
		width: 190px;
		float: left;
	}
		#content #side-bar h3{
			border-bottom: 1px solid #214e77;
			width: 190px;
			font-size: 13px;
			padding: 0 0 10px 0;
		}
		#content #side-bar ul{
			list-style-type: none;
			width: 190px;
			margin: 0 0 32px 0;
		}
		#content #side-bar li{
			width: 190px;
			font-size: 13px;
			font-weight: bold;
			padding: 8px 0 12px 0;
			border-bottom: 1px solid #214e77;
		}
			#content #side-bar li a{
				display: block;
				color: #214e77;
				padding: 0 0 0 12px;
				text-decoration: none;
			}
				#content #side-bar li a:hover{
					background: url(../images/orange-arrow.gif) left no-repeat;
					color: #ff9a00;
				}
		#content #side-bar #address{
			background: #cce6fc;
			border: 1px solid #214e77;
			width: 190px;
		}
			#content #side-bar #address h3{
				color: #16344a;
				border: none;
				margin: 10px 0 0 10px;
				padding: 0;
			}
			#content #side-bar #address p{
				margin: 0 0 10px 10px;
			}
/* --- */			
	#content2{
		margin: 0 35px;
		width: 498px;
		line-height: 18px;
		float: left;
	}
		* html #content2{
			margin: 0 29px;
		}
		#content2 table{
			width: 450px;
		}
		#content2 ul{
			list-style-type: square;
			margin: 0 0 0 15px;
		}	
		#content2 h1{
			font-size: 18px;
			margin: 0 0 15px 0;
		}
		#content2 h2{
			font-size: 16px;
		}
		#content2 h3{
			font-size: 14px;
		}		
		#content2 h4, #content2 h5, #content2 h6{
			font-size: 12px;
		}		
		#content2 p{
			margin: 0 0 15px 0;
		}
			#content2 p span{
				color: #295a9f;
			}
		#content2 a{
			color: #214e77;
			text-decoration: underline;
		}
		#content2 hr{
			border: none;
			border-top: 1px solid #214e77;
			background: none;
		}
/* --- */			
	#contact{
		width: 178px;
		float: left;
		background: url(../images/consultation_bg.gif) no-repeat 0 -6px ;
	}
		#contact #consultation{
/*			border-top: 1px solid #214e77;
			border-left: 1px solid #214e77;
			border-right: 1px solid #214e77;*/
			
			text-align: center;
			font-weight: bold;
			color: #214e77;
			font-size: 14px;
/*			background: white;*/
			margin-top: 10px;
		}
			#contact #consultation h3{
				font-size: 12px;
				font-weight: normal;
				margin: -10px 40px 8px 40px;
				padding: 0 10px;
				background: white;
			}
			#contact #consultation p{
/*				border-bottom: 1px solid #214e77;*/
				padding: 0 0 10px 0;
			}
			#contact #consultation span{
				font-size: 25px;
				color: #ff9a00;
			}
		#contact h2{
			text-transform: uppercase;
			font-size: 13px;
			margin: 25px 0 3px 0;
			border-bottom: 1px dashed #ff9a00;
		}			
		#contact form{
			margin: 10px 0 0 0;
		}
			#contact form input {
				background: white;
				border: 1px solid #214e77;
				margin: 5px 0 0 0;
				padding: 2px;
				width: 174px;
				color: #656565;
				font-size: 10px;
				font-family: Arial, Helvetica, sans-serif;
			}
			#contact form textarea {
				background: white;
				border: 1px solid #214e77;
				margin: 5px 0 0 0;
				padding: 2px;
				width: 174px;
				height:50px;
				overflow:auto;
				color: #656565;
				font-size: 10px;
				font-family: Arial, Helvetica, sans-serif;
			}
			#contact form input.submit{
				background: none;
				border: none;
				height: 20px;
				width: 67px;
				float: right;
				padding: 0;
			}

/* ------------------------ */

.form-pct { 
	height:18px;
	font:12px Arial, Helvetica, sans-serif;
	width: 250px;
}

.msg-pct { 
	width: 480px; 
	height: 70px;
	overflow: auto;
	font: 12px Arial, Helvetica, sans-serif;}
	
.custom-form {
	font:11px Arial, Helvetica, sans-serif;}

	.custom-form fieldset {
		margin:0px 0px 10px 0px;
		padding:0px;
		border:none;}
		  
	.custom-form legend {
		padding:0px 2px;
		font-weight:bold;}
		  
	.custom-form ol {
		margin:0px;
		padding:0px;
		list-style:none;}
	
	
.custom-form .pad_frm_itm {
	padding:3px 0px;
	margin:0px;}

.custom-form .form-label {
	width:150px; /* Width of labels */
	padding:2px 5px 0px 0px;
	display:inline-block;
	vertical-align:top;}
  
.custom-form .form-pct {
	border:1px solid #999999;
	background:#ffffff;
	padding:4px 5px;
	font:11px Arial, Helvetica, sans-serif;
	color:#444;
	width:280px;
	height:14px;
	}
	
.custom-form .msg-pct {
	border:1px solid #999999;
	background:#ffffff;
	padding:4px 5px;
	font:11px Arial, Helvetica, sans-serif;
	color:#444;
	width:440px; /*  .form-label + .form-pct + horizontal padding on .form-label   */
	height:70px;
	overflow:auto;}
	
	

/*	<![ Quick Contact [ -----------------------------------------------------------*/

.qctable {
	}
	
.qchead {
	}	

.pad_frm_itm2 {
	padding:0px;}
	
.form-pct2 { 
	width:100px; 
	height:15px;
	font:11px Arial, Helvetica, sans-serif;}

.msg-pct2 { 
	width:100px; 
	height:70px;
	overflow:auto;
	font:11px Arial, Helvetica, sans-serif;}

/*	<![ Disclaimer [	 -----------------------------------------------------------*/

#disclaimer {
	margin: 0px auto;
	padding: 10px 0px;
	width: 950px;
	text-align: left;
	font: 11px Arial, Helvetica, sans-serif;
	color: #aec5cb;
}
	#disclaimer ul{
		list-style-type: none;
		margin: 0 auto 10px auto;
		width: 575px;
		height:20px;
	}
		#disclaimer ul li{
			float: left;
			border-right: 1px solid #aec5cb;
			padding: 0 5px;
			text-transform: capitalize;
		}
			#disclaimer ul li.last_child{
				border: none;
			}
	#disclaimer a {
		color: #aec5cb;
		text-decoration: none;}
	#disclaimer a:hover {
		color: #aec5cb;
		text-decoration: underline;}	

/*	<![ Site 9 Styles [ --------------------------------------------------------*/

/* Directions Page Styles (Google Maps Default)

/* [ Outer div ] -----------> */
#directionsForm{
	}

/* div that wraps form */
#directionsInput {
	padding:10px 0px;}

#fromAddress{
	width:350px;}

#directionsLocale{
	padding:10px 0px;}

#locale{
	}

#directionsSubmit{
	padding:10px 0px;}

#map{
	border:1px solid #000;
	color:#000;}

#addressNotFound{
	}

#directions{
	}
	
.clearfix {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	border: none;
}