/* <![ 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%;
}

div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, table, form, input, textarea{
	width: auto;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6{
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
}
h1{
	font-size: 24px;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #004b8d;
}
h2{
	font-size: 20px;
}
h3{
	font-size: 16px;
}
h4{
	font-size: 12px;
}
h5{
	font-size: 12px;
}
h6{
	font-size: 12px;
}

a img, img{
	border: none;
}

a{
	color: #7abaf2;
}
	
.body{	
	margin: 0px; 
	padding: 10px 0px; 
	text-align: center;
	behavior: url(/scripts/csshover.htc);
	font: 12px Arial, Helvetica, sans-serif;
	color: white;
	background: #464646 url(../images/body-bg.gif) top left repeat-x;
}
	
#container {
	position: relative;
	margin: 0px auto;
	text-align: center;
	width: 912px;
	background: none;
	padding: 0;
}

#main{
	text-align: left;
}

.block-image{
	display: block;
}

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{
	float: left;
	text-align: right;
	width: 170px;
}
	#mainnav ul{
		list-style-type: none;
		font-family: "Times New Roman", Times, serif;
	}
		#mainnav li{
			margin: 0 0 10px 0;
		}
		#mainnav li a{
			color: white;
			text-decoration: none;
			font-size: 18px;
		}
			#mainnav li a:hover{
				color: #7abaf2;
			}

	
.aop {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#10364a;
	padding:0px;
	margin:0px 0px 20px 0px;}
	
	.aop h2 {
		display:block;
		background:#840126;
		text-align:center;
		color:#fff;
		text-transform:uppercase;
		font:normal 13px Verdana, Arial, Helvetica, sans-serif;
		padding:10px 0px;
		margin:0px;}
	.aop ul {
		list-style:none;
		padding:0px;
		margin:0px;
		background:#fff;}
	.aop ul li {
		display:block;
		padding:0px 0px 1px 0px;
		margin:0px 0px -1px 0px;}
	.aop ul li a {
		display:block;
		padding:5px 20px;
		color:#10364a;
		text-decoration:none;
		font-weight:normal;
		background:#fff;
		border:1px solid #8fa3af;
		border-top:none;}
		
		.aop ul li .current_link {
			background:#ececec;
			color:#062552;
			font-weight:bold;}
		
	.aop ul li a:hover {
		background:#062552;
		color:#fff;
		text-decoration:none;
		border:1px solid #062552;
		border-top:none;}	
		
		.aop ul li .current_link:hover {
			background:#ececec;
			color:#062552;
			border:1px solid #8fa3af;
			border-top:none;}
			
		.aop ul li ul {
			padding:1px 0px 0px 0px;}
			
		.aop ul li ul li a {
			padding:5px 20px 5px 38px;
			font-size:11px;}

		
.footlinks {
	text-align:center;
	padding:10px 0px 10px 217px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#062552;}
	.footlinks ul {
		list-style:none;
		padding:5px 0px 0px 0px;
		margin:0px;}
	.footlinks ul li {
		display:inline;}
	.footlinks ul li a {
		color:#062552;
		text-decoration:none;
		border-left:1px solid #062552;
		padding:0px 5px;}
		
		.footlinks ul .first_child a {
			border:none;}
		
	.footlinks ul li a:hover {
		color:#9d022e;
		text-decoration:none;}
	
/*	<![ Layout [ -----------------------------------------------------------*/

.clear {
	clear:both;
	margin:0px;
	padding:0px;
	height:0px;
	font-size: 0px;
	line-height: 0px;
}

address {
	font-style:normal;}
	
#header{
	height: 216px;
	overflow: hidden;
	background: #1f4f79 url(../images/sedita-campisano-campisano-logo.jpg) top left no-repeat;
	border-bottom: 5px solid white;
	margin: 0 0 10px 0;
}

#content{
	background: #00254b url(../images/content-bg.gif) top left repeat-y;
	padding: 0 0 15px 0;
}
	#content #top{
		background: url(../images/content-fade-bg.gif) top left no-repeat;
		padding: 5px 30px 5px 25px;
		min-height: 411px;
		height: auto !important;
		height: 411px;
	}
	#content #content2{
		float: right;
		width: 641px;
	}
		#content #content2 p{
			margin: 0 0 15px 0;
		}
		#content #content2 ul{
			margin: 0 0 15px 15px;
			list-style-type: square;
		}
			#content #content2 ul li ul{
				list-style-type: disc;
			}
#content-end{
	border-bottom: 5px solid white;
	margin: 0 0 10px 0;
}

#bottom{
	background: url(../images/bottom-bg.gif) top left repeat-y;
}
	#bottom #bottom-fade{
		background: url(../images/bottom-fade-bg.gif) bottom left no-repeat;
		padding: 0 20px;
		min-height: 291px;
		height: auto !important;
		height: 291px;		
	}
		#bottom #bottom-fade #practice-areas, #bottom #bottom-fade #contact-us, #bottom #bottom-fade #quickcontact{
			float: left;
			width: 260px;
			margin: 0 45px 0 0;
			padding: 0 0 20px 0;
		}
			#bottom #bottom-fade div.clear{
				float: none;
				margin: 0;
				padding: 0;
			}			
			#bottom #bottom-fade div h1{
				color: #e1e1e1;
				padding: 0;
				margin: 10px 0 10px 0;
			}
			
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */				
			
		#bottom #bottom-fade #practice-areas ul{
			margin: 0 0 0 15px;
			list-style-type: square;
		}
			#bottom #bottom-fade #practice-areas ul li a{
				text-decoration: none;
			}
				#bottom #bottom-fade #practice-areas ul li a:hover{
					text-decoration: underline;
				}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */	
				
		#bottom #bottom-fade #contact-us img{
			float: left;
		}
		#bottom #bottom-fade #contact-us p{
			float: left;
			margin: 0 0 0 17px;
			line-height: 17px;
		}			
			#bottom #bottom-fade #contact-us p span{
				font-size: 18px;
				font-family: "Times New Roman", Times, serif;
				margin: 10px 0 0 0;
				display: block;
			}
				#bottom #bottom-fade #contact-us p span span{
					color: #4192d9;
					display: inline;
				}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
		#bottom #bottom-fade #quickcontact{
			margin: 0;
		}
		#bottom #bottom-fade #quickcontact p{
			float: none;
			font-size: 10px;
		}
		#bottom #bottom-fade #quickcontact form{
			margin: 10px 0 0 0;
			padding: 0;
		}
		#bottom #bottom-fade #quickcontact div.form-row{
			float: none;
			margin: 5px 0;
			padding: 0;
			width: 260px;
			height: 15px;
		}
		#bottom #bottom-fade #quickcontact .form-row span{
			float: left;
			text-align: right;
			display: inline;
			font-size: 11px;
			font-weight: bold;
			color: #7abaf2;
			width: 45px;
		}		
		#bottom #bottom-fade #quickcontact input, #bottom #bottom-fade #quickcontact textarea{
			width: 200px;
			float: right;
		}
			#bottom #bottom-fade #quickcontact input, #bottom #bottom-fade #quickcontact textarea{
				background: white;
				border: none;
			}
			#bottom #bottom-fade #quickcontact input.submit{
				background: #0074d9;
				border: 1px solid #7abaf2;
				color: white;
				margin: 10px 0 0 0;
				padding: 5px;
				width: 80px;
				text-transform: capitalize;
			}

.submit {
}
	
.submit:hover {	
	}
		

/*  <![ Primary Contact Form [ ----------------------------------------------------*/

.pad_frm_itm {
	padding:3px 0px;
	margin:0px;}

.form-label {
	width:140px;
	padding:0px 5px 0px 0px;
	display:inline-block;
	vertical-align:top;}
  
.form-pct {
	width:300px;
	font:12px Arial, Helvetica, sans-serif;}
	
.msg-pct {
	width:445px;
	height:70px;
	overflow:auto;
	font:12px Arial, Helvetica, sans-serif;}

.custom-form {
	}

	.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 input, .custom-form textarea, .custom-form select{
		background: white;
		border: none;
		border-left: 1px solid #eef1f4;
		border-right: 1px solid #eef1f4;
		margin: 5px 0;
	}		

/*  <![ Disclaimer alert [ ----------------------------------------------------*/

#overlay_div{
	position:relative;
	font:11px Arial, Helvetica, sans-serif;
	color: white;
	padding:0px;
	z-index:100;}

#overlay_div p {
	border-top:1px solid #004b8d;
	padding-top:6px;
	color: white;
}
	
#iagree{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	color:white;
	padding:15px 15px 15px 15px;
	border:1px solid #004b8d; /* Disclaimer box border color */
	width:450px;
	margin:4px 0 0 0;
	background: #00254A;
}

#overlay_div h3{
	font:18px "Times New Roman", Times, serif;
	color: white;
	padding: 0;
	margin: 0;
}

#iagree .overlay_submit{
	padding:4px;
	margin:0 6px 0 0;
	font:12px Arial, Helvetica, sans-serif;
	color:#666;
	background-color:#fff;
	border:1px solid #999;
	float:right;}
	
#iagree .checkbox{
	float:left;
	height:22px;
	display:block;}

#iagree input#Agreement{
	position:relative;
	top:3px;
	border:none;}
	

/*	<![ Quick Contact [ -----------------------------------------------------------*/

.pad_frm_itm2 {
	padding:3px 0px;
	margin:0px;}

.form-label2 {
	width:58px;
	padding:0px 2px 0px 0px;
	display:inline-block;
	vertical-align:top;
	text-align:right;}
  
.form-pct2 {
	width:100px;
	font:11px Arial, Helvetica, sans-serif;
	color:#444;}
	
.msg-pct2 {
	width:100px;
	height:50px;
	overflow:auto;
	font:11px Arial, Helvetica, sans-serif;
	color:#444;}

.custom-form2 {
	font:11px Arial, Helvetica, sans-serif;}

	.custom-form2 fieldset {
		margin:0px 0px 10px 0px;
		padding:0px;
		width:170px;
		border:none;}
		  
	.custom-form2 legend {
		padding:0px 2px 5px 33px;
		font:bold 14px Arial, Helvetica, sans-serif;
		text-align:center;}
		  
	.custom-form2 ol {
		margin:0px;
		padding:0px;
		list-style:none;}

.submit-align2 {
	text-align:right;}


	

/*	<![ Disclaimer [	 -----------------------------------------------------------*/

#disclaimer {
	position: relative;
	margin: 15px auto;
	width: 892px;
	text-align: left;
	font: 10px Tahoma, Arial, Helvetica, sans-serif;
	color: #a1a1a1;
}
	#disclaimer img{
		float: left;
	}
	#disclaimer p{
		float: right;
		width: 775px;
	}
	#disclaimer a {
		color: #a1a1a1;
		text-decoration: none;
	}
	#disclaimer a:hover {
		color: #a1a1a1;
		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{
	}
