@charset "UTF-8";

header, footer, nav, section, article, aside {display:block;}

html{
	width: 100%;
	min-height: 100%;
	background: #eee; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, right top, left bottom, from(#eee), to(#fff)); /* for webkit browsers */
	background: -moz-linear-gradient(right top, left bottom,  #eee,  #fff); /* for firefox 3.6+ */
}

body{
	width: 100%;
	text-align: center;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 200;
	line-height: 1.5em;
	color: rgb(80, 80, 80);
}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}

.handle{cursor:pointer;}
.drawer{display:block;}
.open{display:block;}

p, ul{margin: 1em 0;}

h1{font-size:1.3em; line-height:1.3em; font-weight:200; margin:1em 0;}
h2{font-size:1em; line-height:1.3em; font-weight:200; margin:1em 0 0 0;}

.line{border-bottom:rgb(220,220,220) solid 1px; width:100%; margin:1em 0;}

ul.small-list{font-size:.8em; line-height:1.3em; margin:.5em 0 1.5em 0; color:rgb(150,150,150);}
	ul.small-list li{
		width: 334px;
		background-image: url(../image/bullet.gif);
		background-repeat: no-repeat;
		background-position-y: 3px;
		padding-left: 16px;
		margin: .3em 0;
	}

img{display:block; outline:none; border:none;}

a{color:rgb(255,0,0); text-decoration:none; outline:none; border:none;}
a:hover{text-decoration:underline;}

.red{color:rgb(255,0,0);}

.intro{font-size:1.3em; line-height:1.3em;}
.small-text{font-size:.8em; line-height:1.3em;}

strong{font-weight:bold; color:rgb(80,80,80);}

#container{
	width: 960px;
	padding: 20px 10px;
	margin: 0 auto;
	text-align: left;
}
	#copyright{
		width: 960px;
		text-align: center;
		font-size: .8em;
		color: rgb(160, 160, 160);
		padding: 10px 0;
	}
	
	#content{
		position: relative;
		background: rgb(255, 255, 255);
		background-image: url(../image/m.gif);
		background-repeat: no-repeat;
		width: 880px;
		padding: 70px 40px 40px 40px;
	}
		.freephone{
			text-align: right;
			color: rgb(180,180,180);
			height: 90px;
			width: 300px;
			position: absolute;
			top: 70px;
			right: 40px;
		}
			.freephone .big{font-size:3em; display:block; font-weight:300; position:absolute; bottom:0; right:0; line-height: 3em;}
		
		#main-nav{
			border-top: rgb(220, 220, 220) solid 1px;
			border-bottom: rgb(220, 220, 220) solid 1px;
			margin-top: 20px;
		}
			#main-nav a{
				display: block;
				float: left;
				width: 124px;
				padding: 10px;
				background: #f5f5f5; /* for non-css3 browsers */
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#ffffff');
				background: -webkit-gradient(linear, right top, left top, from(#f5f5f5), to(#fff));
				background: -moz-linear-gradient(right, left,  #f5f5f5,  #fff);
				padding-left: 12px;
				font-size: 1.2em;
				text-decoration: none;
				color: rgb(150, 150, 150);
				text-transform: uppercase;
				border: none;
				outline: none;
				border-right: rgb(220, 220, 220) solid 1px;
			}
				#main-nav a:hover{
					background: #ebebeb; /* for non-css3 browsers */
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#fdfdfd');
					background: -webkit-gradient(linear, right top, left top, from(#ebebeb), to(#fdfdfd));
					background: -moz-linear-gradient(right, left,  #ebebeb,  #fdfdfd);
				}
				
				#main-nav a.first{padding-left: 10px;}
		
		#page{width:880px; min-height:600px;}
			#text{width:350px;font-size:1.2em;line-height:1.3em;padding: 20px 0;}
			#image{width:500px;}
			#cases{width:850px;font-size:1.2em;line-height:1.3em;padding: 20px 0;}
				
				.case-left, .case-right{
					width: 530px;
					border-top: rgb(220,220,220) solid 1px;
					padding: 10px 0 20px 0;
				}
					.case-left{text-align:left; padding-right:350px;}
					.case-right{text-align:right; padding-left:350px;}
					.last{border-bottom:rgb(220,220,220) solid 1px; margin-bottom:20;}
					#insurance{background-image:url(../modules/cases/image/insurance.jpg)}
					#hospital{background-image:url(../modules/cases/image/hospital.jpg)}
					#school{background-image:url(../modules/cases/image/school.jpg)}
					#accountant{background-image:url(../modules/cases/image/accountant.jpg)}
			
			#location{
				width: 340px;
				font-size: .6em;
				text-transform: uppercase;
				font-weight: normal;
				color: rgb(150, 150, 150);
			}
				#cases #location{width: 879px;}
				#location a{color:rgb(130, 130, 130); text-decoration:none; position:relative; bottom:-1px;}
				#location a:hover{text-decoration:underline;}
				#location .current a{font-weight:bold; color:rgb(255, 0, 0);}
			
			a.maps{
				padding: 10px 10px 10px 35px;
				background-image: url(../image/maps.gif);
				background-position-x: 10px;
				background-position-y: 8px;
				background-repeat: no-repeat;
				display: block;
				font-size: .8em;
				font-weight: 300;
				color: rgb(180, 180, 180);
			}
			
			ul.cases{
				width: 350px;
				border-top: rgb(220, 220, 220) solid 1px;
			}
				ul.cases li{
					border-bottom: rgb(220, 220, 220) solid 1px;
					padding: 8px 10px 8px 35px;
					background-image: url(../image/pdf.gif);
					background-position-x: 10px;
					background-position-y: 8px;
					background-repeat: no-repeat;
					font-size: .8em;
					line-height: 1.5em;
				}
					ul.cases li a{color:rgb(80, 80, 80);}
			ul.links{
				padding-top: 5px;
				width: 350px;
			}
				ul.links li{margin: 18px 0;}
				
				ul.links a{
					position: relative;
					width: 334px;
					padding: 5px 8px;
					-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
					-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
					border-bottom: 1px solid rgb(190, 0, 0);
					background: rgb(255, 0, 0);
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					color: rgb(255, 255, 255);
					font-weight: bold;
					font-size: .8em;
					line-height: 1.5em;
					margin-bottom: 8px;
					text-decoration: none; 
					font-weight: bold;
					text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
				}
					ul.links li a:hover{
						color:rgb(255, 255, 255);
						text-decoration:none;
						-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
						-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
						bottom: -1px;
					}
			
			.timeline{width:350px; font-size:.8em; margin:.5em 0 1.5em 0;}
				.timeline .label{color:rgb(150,150,150); width:40px; padding-right:10px; padding-bottom:.4em;}
				.timeline .data{width:300px; padding-bottom:.4em;}
			
			a.grey-button, a.red-button{
			    position: relative;
			    width: 334px;
			    padding: 5px 8px;
			    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
			    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
			    -moz-border-radius: 5px;
			    -webkit-border-radius: 5px;
			    color: rgb(255, 255, 255);
			    font-weight: bold;
			    font-size: .8em;
			    line-height: 1.5em;
			    margin-bottom: 8px 0;
			    text-decoration: none; 
			    font-weight: bold;
			    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
			}
				a.grey-button{background:rgb(80, 80, 80); border-bottom: 1px solid rgb(0, 0, 0);}
				a.red-button{background:rgb(255, 0, 0); border-bottom: 1px solid rgb(190, 0, 0);}
				
			    a.grey-button:hover, a.red-button:hover{
			    	color:rgb(255, 255, 255);
			    	text-decoration:none;
			    	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
			    	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
			    	bottom: -1px;
			    }
		
		#services, #contact, #facts{
			position: relative;
			width: 880px;
			height: 150px;
			border-top: rgb(220, 220, 220) solid 1px;
			padding: 30px 0;
			background: rgba(255, 255, 255, .8);
		}
		
		#call-to-action{
			display: none;
			background: rgb(240,240,240);
			background: rgba(240,240,240,.9);
			border: rgb(200,200,200) solid 1px;
			padding: 0 20px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			z-index: 900;
			position: absolute;
			top: 30%;
			left: 50%;
		}
			#call-to-action-button{cursor:pointer;}
		
		#contact{font-size:1.2em; line-height:1.4em; height:250px;}
		#facts{font-size:1.2em; line-height:1.4em; height:220px; padding-top:20px;}
			#facts ul.small-list li{width:100%;}
					
			#col1, #col2, #col3, #col4, #two-col1, #two-col2{
				position: absolute;
			}
				#col1{left:0px;}
				#col2{left:225px;}
				#col3{left:450px;}
				#col4{left:675px;}
				
				#two-col1{left:0px; width:400px;}
				#two-col2{left:450px; width:400px;}
			
				.services{margin-top:10px; font-size:1.6em; font-weight:100;}
				.arrow{color:rgb(255, 0, 0); font-size:2em; font-weight:100; bottom:-2px; position:absolute;}
				
			.service-menu{
				width: 185px;
				padding: 12px 10px;
				-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
				-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
				border-bottom: 1px solid rgb(190, 0, 0);
				background: rgb(255, 0, 0);
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
			}
			
			.service-menu h1{
				font-size: 1.3em;
				font-weight: bold;
				text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
				margin: 0 0 10px 0;
			}
				#services h1 a{color:rgb(255, 255, 255); text-decoration:none;}
				#services h1 a:hover{color: rgb(255, 200, 200); text-decoration:none;}
			
			.secondary{
				font-size: 1.2em;
				line-height: 1.4em;
				color: rgb(220, 220, 220);
				margin: 0;
			}
				.secondary a{color:rgb(255, 255, 255); text-decoration:none;}
				.secondary a:hover{color: rgb(255, 200, 200); text-decoration:none;}
			
			#contact h1{
				padding: 10px;
				margin: 0;
				color: rgb(255, 0, 0);
				border-bottom: rgb(220, 220, 220) solid 1px;
			}
			#contact address{
				padding: 10px;
				width: 185px;
				font-weight: 200;
				border-bottom: rgb(220, 220, 220) solid 1px; 
			}
			#contact a{color: rgb(80, 80, 80);}
		
		#logos{
			width: 880px;
			border-top: rgb(220, 220, 220) solid 1px;
			padding: 10px 0;
		}
		
/*-- FORMS --*/

.contact-form{width:350px;margin: 0 0 .5em 0;}
.label{width:120px;vertical-align:top; font-weight: 200;padding-bottom:10px;}
.data{width:230px;padding-bottom:10px;}
.error{width:350px;padding-bottom:10px;font-size:.8em; color:rgb(255,0,0);}

.full{width:224px;}
.small{width:15px;margin-right:5px;}

input, select, textarea{
	font-family: Lucida Grande, Lucida, Verdana, sans-serif;
	background: rgb(255, 255, 255);
	border: rgb(180, 180, 180) solid 1px;
	margin: 0;
	padding: 3px;
	color: inherit;
	vertical-align: baseline;
}

.submit, .cancel{
    position: relative;
    padding: 3px 6px;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    font-size: .7em;
    line-height: 1.5em;
    text-decoration: none; 
    font-weight: bold;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    margin-right: 6px;
    border: none;
    cursor: pointer;
}
	.submit{border-bottom:1px solid rgb(190, 0, 0); background: rgb(255, 0, 0);}
	.cancel{border-bottom:1px solid rgb(0, 0, 0); background: rgb(80, 80, 80);}
	
    .submit:hover, .cancel:hover{
    	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
    	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
    	bottom: -1px;
}

.XLargeRed {
	font-size: 3.5em;
	color: rgb(255, 0, 0);
	font-weight: 400;
    margin-top: 0.3em;
    margin-bottom: 0.5em;
}
.NormalDark {
	font-size: 1.5em;
	font-weight: 300;
	line-height:1.7em;
}
.HeadingBold {
	font-size: 1.6em;
	font-weight: 700;
}
.LargeDark {
	font-size: 1.7em;
	font-weight: 400;
}
.LocationRed {
	font-size: 1.5em;
	color: rgb(255, 0, 0);
	font-weight: 500;
}
.LocationGray {
	font-size: 1.3em;
}

.LocationGray a:link       { text-decoration: none; color: dimgray}
.LocationGray a:visited    { text-decoration: none; color: dimgray}
.LocationGray a:hover      { text-decoration: underline; color: dimgray}
.LocationGray a:active     { text-decoration: underline; color: black}