/* --------------------------------------------------------------------
                                                                      
  Gledhill Solicitors CSS
  
 -------------------------------------------------------------------- */
 

/* --------------------------------------------------------------------
    
  CSS Reset                                                                  
  
 -------------------------------------------------------------------- */

 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 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, 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-weight: inherit;
		font-style: inherit;
		font-family: inherit;
		vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
		outline: 0;
}

body {
		color: black;
		background: white;
		font-size: 62.5%;
}

ol, ul {
		list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
		border-collapse: separate;
		border-spacing: 0;
}

caption, th, td {
		text-align: left;
		font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
		content: "";
}

blockquote, q {
		quotes: "" "";
}

/* --------------------------------------------------------------------
    
  Layout                                                                  
  
 -------------------------------------------------------------------- */

body {
		background: url(../images/backgrounds/download.jpg) no-repeat 60% 0;
}

body.our-team {
		background: url(../images/backgrounds/download4.jpg) no-repeat 70% 0;
}

body.the-law {
		background: url(../images/backgrounds/download3.jpg) no-repeat 60% 0;
}

body.contact {
		background: url(../images/backgrounds/download2.jpg) no-repeat 50% 0;
}

	div#container {
			position: relative;
			width: 960px;
			margin: 0 auto;
	}
	
		div#container p#logo {
				position: relative;
				width: 360px;
				height: 104px;
				margin: 40px 0 10px 0;
				background: url(../images/logo.png) no-repeat;
				text-indent: -5000%;
		}
		
		.ie.old div#container p#logo {
				background-image: url(../images/logo.gif);
		}
		
			div#container p#logo a {
					position: absolute;
					top: 0;
					right: 0;
					bottom: 0;
					left: 0;
			}
			
			div#container div.module_main_menu ul {
					margin-right: -70px;
					overflow: auto;
			}
			
				div#container div.module_main_menu ul li {
						float: left;
						margin-right: 70px;
				}
		
		div#container div#content {
				clear: left;
				width: 540px;
				margin: 30px 0 0 0;
				padding: 0 0 17px 0;
				border-bottom: 1px solid #fff;
		}
		
			div#container div#content h1 {
					padding-bottom: 13px;
					margin-bottom: 17px;
					border-bottom: 1px solid #fff;
			}
			
			div#container div#content h2,
			div#container div#content h3 {
					margin: 1.5em 0 0;
			}
			
			div#container div#content p {
					margin: 1em 0;
			}
			
			div#container div#content ul {
					list-style: disc;
					margin-left: 30px;
			}
			
				div#container div#content form label {
						display: block;
						float: left;
						clear: both;
						width: 40%;
						margin: 0.5em 10px 0.5em 0;
						padding: 0.3em;
						
						text-align: right;
				}
				
				div#container div#content form input,
				div#container div#content form textarea {
						float: right;
						width: 55%;
						margin: 0.5em 0;
						padding: 0.3em;
						border-width: 1px;
				}
				
				div#container div#content form input:focus,
				div#container div#content form textarea:focus {
						background: #fcfcfc;
				}
				
				div#container div#content form textarea {
						height: 180px;
				}
				
				.ie.v7 div#container div#content form input,
				.ie.v7 div#container div#content form textarea,
				.ie.old div#container div#content form input,
				.ie.old div#container div#content form textarea {
						float: none;
				}
				
				.ie.old div#container div#content form textarea {
						width: 53.2%;
				}
				
				div#container div#content form p.error {
						float: right;
						clear: right;
						width: 55%;
						margin: 0 0 0.5em;
						padding: 0.3em;
				}
				
				div#container div#content form button {
						float: right;
				}
		
		div#container div.module_contact_us {
				float: left;
				clear: left;
				width: 220px;
				margin: 30px 0 0 0;
				padding: 0 0 17px 0;
				border-bottom: 1px solid #fff;
		}
		
			div#container div.module_contact_us h2 {
					padding-bottom: 13px;
					margin-bottom: 17px;
					border-bottom: 1px solid #cccccc;
			}
			
		div#container div#secondary {
				float: right;
				width: 220px;
				margin: 30px 0 0 0;
				background: url(../images/quote-close.png) no-repeat bottom right;
		}
			
			div#container div#secondary blockquote {
					text-indent: 43px;
					background: url(../images/quote-open.png) no-repeat top left;
			}
			
		.ie.old div#container div#secondary {
				background-image: url(../images/quote-close.gif);
		}
			
			.ie.old div#container div#secondary blockquote {
					background-image: url(../images/quote-open.gif);
			}
			
		div#container div#footer {
				clear: both;
		}
		
			div#container div#footer p {
					margin: 10px 0;
			}
			
				div#container div#footer p span {
						padding: 5px;
						background: #f3f3f3;
				}


/* --------------------------------------------------------------------
    
  Typography                                                                  
  
 -------------------------------------------------------------------- */

body {
		font-family: Georgia, "Times New Roman", Times, serif;
}

	a {
			color: #004497;
	}

	a:hover {
			text-decoration: none;
	}
	
	strong {
			font-weight: 800;
	}
	
	em {
			font-style: italic;
	}
		
	div#container div.module_main_menu ul li a {
			font-size: 1.8em;
			color: #00499a;
			text-decoration: none;
	}
	
	div#container div.module_main_menu ul li a:hover {
			color: #898989;
	}
	
	div#container div.module_main_menu ul li a.current {
			color: #000;
	}
	
	div#content h1,
	div.module_contact_us h2 {
			font-weight: normal;
			font-size: 2.2em;
	}
	
	div#content h2 {
			font-weight: normal;
			font-size: 1.6em;
	}
	
	div#content h3 {
			font-weight: 800;
			font-size: 1.4em;
	}
	
	div#content p,
	div#content li,
	div#content label,
	div#content input,
	div#content textarea,
	div#content td,
	div#content blockquote {
			font-size: 1.4em;
			line-height: 1.7;
			color: #004497;
	}
	
	div#content label,
	div#content input, 
	div#content textarea {
			font-family: Verdana, Arial, Tahoma, sans-serif;
			font-size: 1em;
	}
	
	div#content input, 
	div#content textarea {
			color: #000;
	}
	
	.ie.v7 div#content input, 
	.ie.v7 div#content textarea,
	.ie.old div#content input, 
	.ie.old div#content textarea {
			line-height: normal;
	}
	
	div#content form p.error {
			font-family: Verdana, Arial, Tahoma, sans-serif;
			font-size: 1em;
			font-weight: 800;
			color: #c62c2a;
	}
	
	div.module_contact_us p {
			font-size: 1.6em;
			line-height: 1.7;
			color: #333333;
	}
	
	div#secondary p {
			font-size: 1.8em;
			line-height: 1.7;
	}
	
	div#container div#footer p {
			font-family: Verdana, Arial, Tahoma, sans-serif;
			font-size: 0.9em;
			text-align: center;
			color: #b1b1ae;
	}
	
	div#container div#footer p a {
			color: #7585ce;
	}