/* 
 ----------------------------------------------------------------------------
  Please check for cross-browser compatibility prior to making changes
  MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari

  CSS Document - layout.css
 ---------------------------------------------------------------------------- 
*/


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }


/* global elements
 * ------------------------------------------------------------------------- */

/* ----- type selectors ----- */ 
body { 
	background: #878787;
	text-align:center; 
	font:12px/18px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Arial, Helvetica, sans-serif; 
	color:#000; 
			}

a:link,a:visited	{ color:#6D9233; text-decoration:underline; }
a:hover,a:active	{ color:#68685C; text-decoration:underline; }

/* ----- form ----- */ 
form { 
	width:150px; 
	padding:10px 0 15px 22px; 
	}

form p	{ font-size:10px; }

form br { 
	line-height:0; /* defaults vertical spacing between fields */
	}  

input, textarea, select { 
	background-color:#fff; 
	border:1px solid #000;
	color:#000;
	width:150px; 
	height:18px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:"Trebuchet MS", "Bitstream Vera Sans", Arial, Verdana, Helvetica, sans-serif; 
	font-size:12px;
	}

textarea { 
	height:70px; 
	overflow:auto; 
	}


/* ----- classes ----- */

.more { 
	background:transparent url("http://www.colleylaw.com/images/arrow2.gif") 0px 2px no-repeat; 
	padding-left:18px;  /* pushes text to the right to display bg img */ 
	color:#534640;  
	font-size: 12px;
	font-weight:bold;  	   
	text-decoration:none;
	margin: 0 0 0 150px; 
			}

.creditcards { padding: 10px 0 0 0px; }

div.clear	{clear:both; height:.01em; overflow:hidden; }

input.submit, input.submit-contact-main { 
	width:60px; 
	cursor:pointer; 
	padding:0; 
	}

input.submit-contact-main { margin:85px 0 0 242px; }

input.submit-image { 
	background: url("http://www.colleylaw.com/images/btn-submit.gif"); 
	width:63px; 
	height:15px; 
	border:none; 
	cursor:pointer; 
	}

/* main contact form
 * ------------------------------------------------------------------------- */
 
#main-contact{
	margin: 0 auto;
	padding:20px 0 0px 140px;
	width:225px;
	float:left;
	}
	
#main-contact input, #main-contact textarea {
	width:200px;
	border:1px solid #404040;
	margin-bottom:8px;
	font: 12px Arial, Helvetica, sans-serif;
	}
	
#main-contact textarea { height:80px;}
			
#main-contact #submit{
	width:60px;
	border:1px solid #404040;
	height:20px;
	background-color:#fff;
	}


/* framework
 * ------------------------------------------------------------------------- */

#wrap{ 
	background:url("http://www.colleylaw.com/images/wrap.gif") top left repeat-y; 
	width:791px; 
	margin:0 auto; 
	text-align:left; 
		}

#header {
	background:url("http://www.colleylaw.com/images/header.gif") top left no-repeat;
	width:791px;
	height:50px;
	}

/* nav
 * ------------------------------------------------------------------------- */
#nav { background:url("http://www.colleylaw.com/images/nav.gif") no-repeat; width:197px; height:178px; position:relative; float:left; }
#nav li { position:absolute; }
#nav li, #nav a { height:31px; display:block; }
#nav span { display: none; }

#nav-01, #nav-02, #nav-03, #nav-04, #nav-05, #nav-06, #nav-07 { width:197px; height:31px; }

#nav-01 { top: 0px; }
#nav-02 { top: 30px; }
#nav-03 { top: 60px; }
#nav-04 { top: 89px; }
#nav-05 { top: 119px; }
#nav-06 { top: 148px; }


#nav-01 a:hover { background: transparent url("http://www.colleylaw.com/images/nav.gif") -197px  -0px no-repeat;}
#nav-02 a:hover { background: transparent url("http://www.colleylaw.com/images/nav.gif") -197px  -30px  no-repeat;}
#nav-03 a:hover { background: transparent url("http://www.colleylaw.com/images/nav.gif") -197px  -60px  no-repeat;}
#nav-04 a:hover { background: transparent url("http://www.colleylaw.com/images/nav.gif") -197px  -89px  no-repeat;}
#nav-05 a:hover { background: transparent url("http://www.colleylaw.com/images/nav.gif") -197px  -119px  no-repeat;}
#nav-06 a:hover { background: transparent url("http://www.colleylaw.com/images/nav.gif") -197px  -148px  no-repeat;}

#banner {
	background:url("http://www.colleylaw.com/images/banner.jpg") top left no-repeat;
	width:398px;
	height:178px;
	float:left;
		}

/* contact us button
 * ------------------------------------------------------------------------- */
	
#blurb_1 {
	background:url("http://www.colleylaw.com/images/contactusbkgrd.gif") top left no-repeat;
	width:196px;
	height:178px;
	float:left;
		}
		
#blurb_1_body {
    width:135px;
	float:left;
	padding: 70px 0 0 23px;
	text-align:center;
	line-height:14px;
	color:#FFFFFF;
	font-size:12px;
	font:bold;
		}
		
.contactus{
background: url("http://www.colleylaw.com/images/contactus.gif") top left no-repeat;
width: 112px;
height: 28px;
display:block; 
margin: 5px 0 0 10px;
}

.contactus:hover { 
background-position: 0px -28px; 
  } 
      
.contactus span { 
display:none; 
}		
				

#top-bar {
    background:url("http://www.colleylaw.com/images/top-bar.gif") top left no-repeat;
	width:791px;
	height:34px;
	float:left;
		}
	
/* column left
 * ------------------------------------------------------------------------- */
 
#column-left {
	width:561px;
	float:left;
		}

/* blurb 2
 * ------------------------------------------------------------------------- */

#container1 { 
	background:url("http://www.colleylaw.com/images/container1.gif") top left repeat-y; 
	width:523px; 
	margin-left:38px;
	float:left;
	display:inline;
			}

#blurb_2 {
    background: url("http://www.colleylaw.com/images/bkgrd-image-1.gif") top left no-repeat;
	width:523px;
	float:left;
			}
		
h1#blurb_2_title {
	width:400px;
	float:left;
	color: #2A4621;
	font-size: 20px;
	padding: 10px 0 5px 20px;
		}		
	
#blurb_2_body {
    width:425px;
	float:left;
	padding: 10px 0 0 20px;
		}	
		
#blurb_2_btm {
    background: url("http://www.colleylaw.com/images/blurb-1-btm-wrap.gif") top left no-repeat;
	width:523px;
	height:15px;
	margin-left: 38px;
	float:left;
	display:inline;
			}		

#more { 
	background:transparent url("http://www.colleylaw.com/images/arrow.gif") 0px 3px no-repeat; 
	padding-left:18px;  /* pushes text to the right to display bg img */ 
	color:#534640;  
	font-size: 12px;
	font-weight:bold;  	   
	text-decoration:none;
	margin: 10px 0 0px 400px; 
			}
	
/* blurb 3
 * ------------------------------------------------------------------------- */	
 
#container2 { 
	background:url("http://www.colleylaw.com/images/container2.gif") top left repeat-y; 
	width:523px; 
	margin-left: 38px; 
	text-align:left; 
	float:left;
	display:inline;
		}

#blurb_3 {
	width: 259px;
	float: left;
	overflow:hidden;
	}

h2#blurb_3_title { 
	background:url("http://www.colleylaw.com/images/recent-news.gif") top left no-repeat; 
	width:259px;
	height:43px;
	font-size:18px;
	color:#FFFFFF;
	padding: 15px 0 0 25px;
	float:left;
		} 		
	
#blurb_3_body {
    width:200px;
	float:left;
	margin: 0 0 0 20px;
			}	

/* blurb 4
 * ------------------------------------------------------------------------- */	

#blurb_4 {
	width: 259px;
	float: left;
	overflow:hidden;
	}

h2#blurb_4_title { 
	background:url("http://www.colleylaw.com/images/articles.gif") top left no-repeat; 
	width:259px;
	height:43px;
	font-size:18px;
	color:#FFFFFF;
	padding: 15px 0 0 25px;
	float:left;
		} 		
	
#blurb_4_body {
    width:200px;
	float:left;
	margin: 0 0 0 20px;
			}

/* column right
 * ------------------------------------------------------------------------- */	

#column-right {
	background: url("http://www.colleylaw.com/images/bkgrd-image-2.gif") top left no-repeat;
	width:230px;
	height:205px;
	float:left;
		}

/* blurb 5
 * ------------------------------------------------------------------------- */	

h2#blurb_5_title { 
	width:175px;
	font-size:18px;
	color:#FFFFFF;
	padding: 0 0 0 20px;
	float:left;
		} 		
	
#blurb_5_body {
    width:175px;
	float:left;
	padding: 0 0 0 20px;
	padding-bottom:20px;
			}
			
#blurb_5_body ul li {   
		 margin: 10px 0 0 0px;
		}
	#blurb_5_body ul a:link, #blurb_5_body ul a:visited, #blurb_5_body ul a:active { color:#FFF; 			
		text-decoration:underline;  }
	#blurb_5_body ul a:hover { color:#BCB1A0; text-decoration:underline; }				



/* blurb 6
 * ------------------------------------------------------------------------- */	

h2#blurb_6_title { 
	background:url("http://www.colleylaw.com/images/title-map.gif") top left no-repeat; 
	width:191px;
	height:28px;
	font-size:18px;
	color:#FFFFFF;
	padding: 5px 0 0 20px;
	float:left;
		}		
	
#blurb_6_body {
    width:160px;
	float:left;
	padding: 0 0 40px 20px;
	color:#FFFFFF;
		}
		
#map 	{
		padding: 5px 0 15px 0;
		}		
		
/* blurb 7
 * ------------------------------------------------------------------------- */	

h2#blurb_7_title { 
	background:url("http://www.colleylaw.com/images/title-map.gif") top left no-repeat; 
	width:191px;
	height:28px;
	font-size:18px;
	color:#FFFFFF;
	padding: 5px 0 0 20px;
	float:left;
		}		
	
#blurb_7_body {
    width:160px;
	float:left;
	padding: 0 0 15px 20px;
	color:#FFFFFF;
		}		
			
#blurb_7_body ul li {   
		 margin: 10px 0 0 0px;
		}
	#blurb_7_body ul a:link, #blurb_5_body ul a:visited, #blurb_5_body ul a:active { color:#FFF; 			
		text-decoration:underline;  }
	#blurb_7_body ul a:hover { color:#BCB1A0; text-decoration:underline; }		
		
			
#bottom {
	background:url("http://www.colleylaw.com/images/bottom.gif") top left no-repeat;
	width:791px;
	height:57px;
	clear:both;
	overflow:hidden;
		}

#bottom-inside {
	background:url("http://www.colleylaw.com/images/bottom-inside.gif") top left no-repeat;
	width:791px;
	height:57px;
	margin-top: 20px;
	clear:both;
	overflow:hidden;
		}
		
		
/* inside pages
 * ------------------------------------------------------------------------- */

#wrap-inside{ 
	background:url("http://www.colleylaw.com/images/wrap-inside.gif") top left repeat-y; 
	width:791px; 
	margin:0 auto; 
	text-align:left; 
		}

#body_content {
    background: url("http://www.colleylaw.com/images/bkgrd-image-1.gif") top left no-repeat;
	width:523px;
	float:left;
			}
		
h1#body_content_title {
    width:400px;
	float:left;
	color: #2A4621;
	font-size: 20px;
	padding: 10px 0 5px 20px;
		}		
	
#body_content_body {
    width:425px;
	float:left;
	padding: 10px 0 0 20px;
		}	
		
#body_content_body ul li {   
		 margin: 10px 0 0 0px;
		}
	#body_content_body ul a:link, #body_content_body ul a:visited, #body_content_body ul a:active { color:#221319; 			
		text-decoration:underline;  }
	#body_content_body ul a:hover { color:#BCB1A0; text-decoration:underline; }	
	
	
#sitemap {
    width:425px;
	float:left;
	margin: 10px 0 0 20px;
		}	
		
#sitemap ul li {   
		 margin: 10px 0 0 0px;
		}
	#sitemap ul a:link, #body_content_body ul a:visited, #body_content_body ul a:active { color:#221319; 			
		text-decoration:underline;  }
	#sitemap ul a:hover { color:#BCB1A0; text-decoration:underline; }	
	
	
h2#blurb_1_title_interior { 
	background:url("http://www.colleylaw.com/images/title-map.gif") top left no-repeat; 
	width:191px;
	height:28px;
	font-size:18px;
	color:#FFFFFF;
	padding: 5px 0 0 20px;
	float:left;
		}		
	
#blurb_1_body_interior {
    width:160px;
	float:left;
	padding: 0 0 0 20px;
	color:#FFFFFF;
		}	
		
		
/* footer
 * ------------------------------------------------------------------------- */
 
/*-------- footer -------- */
#footer {
	background:url("http://www.colleylaw.com/images/footer.gif") top left no-repeat;
	width:791px; 
	height: 76px;
	margin:0 auto; 
	text-align:center;
		}

#footer a:link, #footer a:visited, #footer p {
	color:#FFF;
	text-decoration:none;
	}
	

.footergreen {color: #324620;}


#footer a:hover, #footer a:active {
	color:#000;
	text-decoration:underline;
	}	

#footer ul { margin-bottom:5px; color:#FFFFFF; }

#footer li { /* if your li's float, you can adjust border height w/ line-height */
	padding: 0 5px 0 7px;
	display: inline;
	border-left: 1px solid #FFF;
	color:#FFFFFF;
	line-height:18px;
	}

	#footer li.first { border: none; }