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

/*
Site 9 Default CSS File
Working Version: template
VERSION: 2.0 
LAST MODIFIED: 01.03.2011
LAST MODIFIED BY: COMPTOKX

NOTES:
Image pathing needs to be as follows.

url(/garywmslaw/images/img.jpg);

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

*/




/* ----- [3] 960 Grid (12 Column) ----- */



html {
	height:100%;}


a {
	outline:none;}


.body{	
	margin:0px; 
	padding:0px; 
	text-align:center;
	behavior:url(http://www.garywms-law.com/garywmslaw/images/csshover.htc);
	font:12px Tahoma, Verdana, Arial, sans-serif;}


.container {
	position:relative;
	margin:0px auto;
	text-align:left;
	width:940px;
	padding:0px 10px;
	overflow:hidden;}


#search {
	}
	
	#search ul {
		list-style:none;
		margin:0px;
		padding:0px;}
		
	#search ul li {
		display:inline;
		margin:0px;
		padding:0px;}
	
	#search-field {
		width:100px;
		padding:2px 3px;
		font:11px Arial, Helvetica, sans-serif;}
		
	#search-button {
		font:11px Arial, Helvetica, sans-serif;
		text-align:center;
		text-decoration:none;}
	
	#search-button:hover {	
		}


input, 
select, 
textarea, 
form {	
	margin:0px;
	padding:0px;}


legend	{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif; 
	color:#000;}


hr {
	clear:both;
	height:1px;
	overflow:hidden;
	color:#ebebeb;
	background:#ebebeb;
	border:none;
	border-bottom:1px dotted #888;
	margin:25px 0px;
	*margin:5px 0px;
	padding:0px;}

	
address {
	font-style:normal;}
	

.clear {
	clear:both;
	margin:0px;
	padding:0px;
	height:1px;
	overflow:hidden;}
	


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

		
#nav {
	background:url(../images/nav-BG.jpg) top left repeat;
	font:14px "Palatino Linotype", Georgia, "Times New Roman", serif;
	border-bottom:10px solid #fff;}
	
	#nav ul {
		list-style:none;
		margin:0px;
		padding:0px;}
		
		#nav ul ul {
			display:inline;}
			
	#nav ul li {
		display:inline;
		margin:0px;
		padding:0px;}
		
	#nav ul li a {
		display:block;
		padding:2px 0px 0px 0px;
		background:url(../images/nav-BORDER.png) top left repeat-x;
		color:#fff;
		text-decoration:none;}
		
		#nav ul li a span {
			cursor:hand;
			display:block;
			padding:7px 10px 9px 15px;}
		
	#nav ul li a:hover {
		color:#fff;
		text-decoration:none;}
		
		#nav ul li a:hover span,
		#nav ul li a.current_link span {
			background:url(../images/nav-BG-over.png) repeat;
			_background:#000;}
		
		
	/* ----- DROP NAV ----- */
	
	#nav ul ul ul {
		display:none;
		background: url(../images/subnav-BG.jpg) top left repeat-x #121b38;
		font-size:12px;}
		
		#nav ul ul li.aop ul {
			display:block;}	
			
		#nav ul ul ul li a {
			background:url(../images/nav-BORDER-subnav.png) top left repeat-x;}
		
		#nav ul ul ul li a span {
			padding:3px 10px 3px 40px;}
			
			
		#nav ul ul li.gary-williams:hover ul {
			display:block;
			position:absolute;
			z-index:98;
			left:229px;
			top:auto;
			margin:-36px 0px 0px 0px;
			*width:130px;}

			#nav ul ul li.gary-williams:hover ul li {
				position:relative;
				z-index:99;
				display:inline;}
			
			#nav ul ul li.gary-williams:hover ul li a {
				position:relative;
				z-index:100;}
				
			#nav ul ul li.gary-williams:hover ul li a span {
				padding:3px 20px;}


#footlinks {
	padding:20px 0px;
	text-align:center;
	font:11px Arial, Helvetica, sans-serif;}	
	
	#footlinks ul {
		list-style:none;
		margin:0px;
		padding:0px;}
		
		#footlinks ul ul {
			display:inline;}
			
		#footlinks ul ul ul {
			display:none;}
		
	#footlinks ul li {
		display:inline;
		margin:0px;
		padding:0px;}

	#footlinks ul li a {
		color:#333;
		text-decoration:none;
		padding:0px 3px 0px 7px;}
		
		#footlinks ul ul li a {
			border-left:1px solid #ccc;}
		
	#footlinks ul li a:hover {
		color:#777;
		text-decoration:none;}



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


#header {
	height:260px;
	background: url(../images/header-BG.jpg) top left no-repeat;
	border-bottom:10px solid #fff;
	overflow:hidden;}
	
	#header p {
		margin:0px;
		padding:0px;}
		
	#header .logo {
		position:absolute;
		top:0px;
		left:10px;
		width:940px;
		height:260px;
		overflow:hidden;
		border:none;
		background:none;}


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


#mid {
	margin:0px -10px;
	background:url(../images/mid-BG.gif) top left repeat-y;}


#left {
	display:block;
	float:left;
	width:219px;
	padding:0px 10px;
	overflow:hidden;}


#video-library {
	margin:0px -5px;}
	
	#video-library a {
		display:block;
		height:78px;
		overflow:hidden;
		background:url(../images/button-VIDEO-LIBRARY.jpg) top left no-repeat;}
		
		#video-library a span {
			display:none;}
		
	#video-library a:hover {
		background:url(../images/button-VIDEO-LIBRARY.jpg) bottom left no-repeat;}
		


#social-media {
	padding:10px 0px;
	text-align:center;
	font:11px Arial, Helvetica, sans-serif;}
	
	#social-media a {
		color:#000;
		text-decoration:none;}
	
	#social-media a:hover {
		color:#5e7094;
		text-decoration:none;}
		
	
		#social-media a.twitter,
		#social-media a.facebook,
		#social-media a.linkedin {
			display:inline-block;
			width:52px;
			padding:55px 5px 0px 5px;}
	
		#social-media a.twitter {
			background:url(../images/icon-TWITTER.jpg) top center no-repeat;}
		
		#social-media a.facebook {
			background:url(../images/icon-FACEBOOK.jpg) top center no-repeat;}
		
		#social-media a.linkedin {
			background:url(../images/icon-LINKED-IN.jpg) top center no-repeat;}




#credit-cards {
	display:block;
	height:21px;
	overflow:hidden;
	background:url(../images/icons-CREDIT-CARDS.gif) top center no-repeat;}
	
	#credit-cards b {
		display:none;}


#right {
	display:block;
	float:right;
	width:711px;
	padding:0px 10px 0px 0px;
	overflow:hidden;}


#phone-numbers {
	padding:10px;
	background:url(../images/phone-BG.jpg) bottom left repeat-x #224596;
	border-bottom:5px solid #fff;
	text-align:center;
	color:#fff;
	font:normal 24px Arial, Helvetica, sans-serif;}
	
	#phone-numbers i {
		font-style:normal;
		/*font-size:24px;*/
		padding:0px 5px 0px 20px;}
	
	#phone-numbers b {
		font-weight:normal;
		/*font-size:31px;*/
		padding:0px 20px 0px 0px;}




/*	<![ CONTENT BLOCK [	 -----------------------------------------------------------*/


#video {
	position:fixed;
	z-index:200;
	bottom:-20px;
	right:-60px;
	width: 445px; 
	height: 297px;
	overflow:hidden;
	background: none;}

	#video p {
		margin:0px;
		padding:0px;}
		

#content {
	padding:25px;
	font:17px Arial, Helvetica, sans-serif;
	text-align:left;
	}
	
	.firm-name {
		padding:0px 3px;
		color:#1d3676;
		font:normal 17px "Engravers MT", "Palatino Linotype", Georgia, "Times New Roman", Times, serif;}
	
	#content img {
		border:3px solid #888;
		-o-box-shadow:0px 0px 10px #000;
		-webkit-box-shadow:0px 0px 10px #000;
		-moz-box-shadow:0px 0px 10px #000;
		box-shadow:0px 0px 10px #000;}
		
		#content img.CfnImg {
			border:none;
			-o-box-shadow:none;
			-webkit-box-shadow:none;
			-moz-box-shadow:none;
			box-shadow:none;}
		
		#content .img-left {
			float:left;
			margin:6px 20px 10px 0px;}
		
		#content .img-right {
			float:right;
			margin:0px 0px 10px 20px;}
	
	#content p, 
	#content ol, 
	#content ul {
		margin-top:20px;
		margin-bottom:30px;}
		
		#content ol ol, 
		#content ul ul, 
		#content ol ul, 
		#content ul ol {
			margin-top:0px;
			margin-bottom:0px;}
			
		#content td ol, 
		#content td ul,
		#content td ol ol, 
		#content td ul ul, 
		#content td ol ul, 
		#content td ul ol {
			margin-top:0px;
			margin-bottom:25px;}
			
	#content li {
		margin-top:5px;
		margin-bottom:5px;}
			
	#content p {
		line-height:23px;}
		
		#content .SearchResultsDisplayGroup {
			font-size:11px;
			line-height:13px;}
			
			#content .SearchResultsDisplayGroup a {
				font-size:12px;
				font-weight:bold;}
			
			#content .SearchResultsDisplayGroup p {
				margin:0px;
				padding:0px;
				line-height:13px;}
			
			#content .SearchResultsDisplayGroup li {
				padding-top:10px;}
		
	#content h1 {	
		font:normal 30px Arial, Helvetica, sans-serif;
		color:#1d3676;
		line-height:normal;
		padding:0px;
		margin:0px 0px 20px 0px;}
		
	#content h2 {	
		font:normal 21px Arial, Helvetica, sans-serif;
		color:#1d3676;
		line-height:normal;
		padding:0px;
		margin:20px 0px;}
		
	#content h3 {	
		font: bold 16px Arial, Helvetica, sans-serif;
		color:#000;
		line-height:normal;
		padding:0px;
		margin:30px 0px;}
		
		#content h3 a.linkToDetail {
			text-transform:uppercase;}
		
	#content h4 {	
		font: bold 14px Arial, Helvetica, sans-serif;
		color:#555;
		line-height:normal;
		padding:0px;
		margin:30px 0px;}
		
	#content h5 {	
		font: bold 13px Arial, Helvetica, sans-serif;
		color:#777;
		line-height:normal;
		padding:0px;
		margin:30px 0px;}
		
	#content a {
		color:#1d3676;
		text-decoration:underline;}
		
	#content a:hover {
		color:#888;
		text-decoration:underline;}



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


#footer {
	padding:30px 0px;}
	
	#footer p {
		margin:0px;
		padding:0px;}


#footer-address {
	background:url(../images/footer-logo.gif) top center no-repeat;
	padding:30px 0px;
	text-align:center;
	font:bold 15px Arial, Helvetica, sans-serif;}
	
	#footer-address span {
		padding:0px 5px;}
	
	#footer-address address {
		font:normal 18px Arial, Helvetica, sans-serif;}


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


#disclaimer {
	font:11px Arial, Helvetica, sans-serif;
	text-align:left;}
	
	#disclaimer img {
		float:right;
		margin:0px 0px 10px 20px;}
	
	#disclaimer p,
	#footer #disclaimer p {
		margin:0px;
		padding:0px 0px 10px 0px;}

	#disclaimer a {
		color:#333;
		text-decoration:underline;}

	#disclaimer a:hover {
		color:#777;
		text-decoration:underline;}	


/*  <![ Primary Contact Form [ ----------------------------------------------------*/


.trigger {
	display:none;}  /* ----- NEED THIS TO HIDE TRIGGER FIELD ----- */


.pad_frm_itm,
#content .pad_frm_itm {
	padding:3px 0px;
	margin:0px;}


.form-label {
	width:155px;
	padding:0px 3px 0px 0px;
	display:inline-block;
	vertical-align:top;
	text-align:right;}


.form-pct {	
	border:1px solid #c0c0c0;
	background:#fff;
	font:12px Tahoma, Verdana, Arial, sans-serif;
	color:#000;
	padding:7px 8px;
	width:479px;}
	

select.form-pct {
	width:auto;}


.msg-pct {
	border:1px solid #c0c0c0;
	background:#fff;
	font:12px Tahoma, Verdana, Arial, sans-serif;
	color:#000;
	padding:7px 8px;
	width:642px;
	height:70px;
	overflow:auto;}


.main-submit {
	border:1px solid #222;
	background:#444;
	color:#fff;
	font:bold 13px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:2px 5px;
	*padding:2px 0px 0px 0px;}


.main-submit:hover {
	background:#666;}


.custom-form {
	}

	.custom-form fieldset {
		margin:0px;
		padding:0px;
		border:none;}
 
	.custom-form legend {
		padding:0px 2px;
		font-weight:bold;}

	.custom-form ol {
		margin:0px;
		padding:0px;
		list-style:none;}



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

#overlay_div {
	position:relative;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	padding:0px;
	z-index:100;}

	#overlay_div p,
	#content #overlay_div p {
		line-height:16px;}

	#overlay_div h3 {
		font:18px Verdana, Arial, Helvetica, sans-serif;
		border-bottom:1px solid #0a3150;
		color:#031c40;
		padding:0;
		margin:0px 0px 8px 0px;}


#iagree {
	position:absolute;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	padding:15px 15px 15px 15px;
	border:1px solid #aaa; /* Disclaimer box border color */
	background-color:#ddd; /* Disclaimer box bgcolor color */
	width:400px;
	margin:4px 0 0 0;}

	#iagree .overlay_submit {
		padding:4px;
		margin:0 6px 0 0;
		font:12px Verdana, Arial, Helvetica, sans-serif;
		color:#fff;
		background:#555;
		border:1px solid #333;
		float:right;
		text-decoration:none;}
	
	#iagree .overlay_submit:hover {
		text-decoration:none;
		color:#fff;
		background:#777;
		border:1px solid #555;}


#iagree .checkbox {
	float:left;
	height:22px;
	display:block;}


#iagree input#Agreement {
	position:relative;
	top:3px;
	border:none;}



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

#qc {
	}
	
	#qc h2 {
		}
		
	#qc p {
		}
		

.pad_frm_itm2 {
	padding:2px 0px;
	margin:0px;}


.form-label2 {
	display:none;}


.form-pct2 {
	border:1px solid #333;
	background:#fff;
	font:11px Tahoma, Verdana, Arial, sans-serif;
	color:#000;
	padding:2px 3px;
	width:100px;}


.msg-pct2 {
	border:1px solid #333;
	background:#fff;
	font:11px Tahoma, Verdana, Arial, sans-serif;
	color:#000;
	padding:2px 3px;
	width:100px;
	height:50px;
	overflow:auto;}


.custom-form2 {
	}

	.custom-form2 fieldset {
		margin:0px;
		padding:0px;
		border:none;}
		  
	.custom-form2 legend {
		padding:0px 2px 5px 33px;
		font:bold 14px Verdana, Arial, Helvetica, sans-serif;
		text-align:center;}
		  
	.custom-form2 ol {
		margin:0px;
		padding:0px;
		list-style:none;}


.custom-form2 .submit {
	margin:0px;
	padding:0px;
	text-align:center;
	border:1px solid #000;
	background:#333;
	font:11px Arial, Helvetica, sans-serif;
	color:#fff;}
	
.custom-form2 .submit:hover {	
	color:#aaa;}
	


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


	#iagree-QC {
		display:none;}

		#Agreement-QC {
			display:none;}



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

/* Directions Page Styles (Google Maps Default) */

/* Fix for IE6 - prevents text from disappearing when map loads - apply this class to the RTF for content area */

.DirectionsContent {
	display:block;
	position:relative;}


/* [ Outer div ] -----------> */

#directionsForm {
	}


/* div that wraps form */

#directionsInput {
	display:inline-block;
	float:left;
	padding:4px 0px;}


#fromAddress {
	width:350px;
	border:1px solid #c0c0c0;
	background:#fff;
	font:12px Tahoma, Verdana, Arial, sans-serif;
	color:#000;
	padding:4px 5px;} /* address input field */


#directionsLocale {
	display:inline-block;
	float:right;
	padding:4px 0px;}

	#directionsLocale select {
		border:1px solid #c0c0c0;
		background:#fff;
		font:12px Tahoma, Verdana, Arial, sans-serif;
		color:#000;
		padding:3px;} /* language dropmenu */


#locale {
	}


#directionsSubmit {
	clear:both;
	padding:4px 0px 8px 0px;}
	
	#directionsSubmit input {
		border:1px solid #222;
		background:#444;
		color:#fff;
		font:bold 13px Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		padding:2px 5px;
		*padding:2px 0px 0px 0px;
		*width:130px;} /* GET DIRECTIONS button */
		
	#directionsSubmit input:hover {
		background:#666;}


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


#addressNotFound {
	}


#directions {
	}