﻿/*Global reset*/
body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
	
.clear:after {
	content: "";
	display: block;
	clear: both;
	}

.clear {
	clear: both;
	}

	
	
	
body {
	background: #354A57;
	}

	
	/*  */
#container {
	width: 1024px;
	margin: 0 auto;
	background: #354A57;
	font: 90% Verdana, Helvetica, sans-serif;
	}

	
/*Header*/

#header {
	width: 1024px;
	height: 80px;
	padding: 20px 0 20px 0;
	}

	#header h1 a {
		display: block;
		width: 437px;
		height: 62px;
		float: left;
		background: url(img/logo_gray1.jpg);
		text-indent: -9999px;
		}
	
	
	#header ul.nav {
		float: right;
		list-style: none;
		margin: 5px 0 0 0;
		}
		
		#header ul.nav li {
			float: left;
			padding: 0 0 0 15px;
			margin: 0 32px 0 0;
			}
			
		#header ul.nav li a {
			font: 18px "Segoe UI", Arial, serif;
			color: #b2afac;
			text-decoration: none;
			}
			
			#header ul.nav li a:hover, #header ul.nav li a:active {
				color: #FFFFFF;
				}

				
/*Content*/

#content {
	width: 1024px;
	background: #FFFFFF;
	padding: 20px 0 20px 0;
	overflow: hidden;
	}


/* Floating columns */	
	
#left {
	float: left;
    width: 100%;
    position: relative;
	background: #FFFFFF;
	right: 804px;
	border-right: 1px inset #4C4C4C;
	}
	
#right {
	float: left;
    width: 100%;
    background: #FFFFFF;
	position: relative;
	overflow: hidden;
	}
	
	
	
	/*Sidebar*/

#side {
	float: left;
    width: 190px;
	position: relative;
	left: 824px;
	overflow: hidden;
	}
	
	#side h1 {
		margin: 0 0 10px 0;
		padding: 10px 0 0 10px;
		text-align: center;
		}
		
	#side p {
		font-size: 1em;
		color: #000000;
		}
		
	#side dl.nav {
		margin: 45px 0;
		list-style: none;
		}
	
		#side dl.nav dt {
			font-size: 1.15em;
			color: #000000;
			margin: 10px 0;
			text-decoration: none;
			}
		
		#side dl.nav dd {
			font-size: 1.15em;
			color: #000000;
			margin: 10px 0px;
			text-decoration: none;
			text-indent: 20px;
			}
		
		#side dl.nav dt a {
			color: #4C4C4C;
			margin: 10px 0;
			text-decoration: none;
			}
			
		#side dl.nav dd a {
			color: #4C4C4C;
			margin: 10px 0;
			text-decoration: none;
			}
			
			#side dl.nav dt a:hover, #side dl.nav dt a:active {
				color: #b2afac;
				text-decoration: none;
				}
			
			#side dl.nav dd a:hover, #side dl.nav dd a:active {
				color: #b2afac;
				text-decoration: none;
				}


/*Main*/

#main {
	float: left;
    width: 754px;
	position: relative;
	left: 864px;
	overflow: hidden;
	}
	
	#main h1 {
		font-size: 1.65em;
		padding: 0 0 1em 0;
		}
		
	#main h2 {
		font-size: 1.2em;
		padding: 1em 0 0 0;
		}
		
	#main h3 {
		font-size: 1em;
		padding: 2em 0 1em 0 ;
		font-weight: bolder;
		}
	
	#main p {
		font-size: 1em;
		padding: 1em 0;
		}
		
		#main p.emphasis {
			font-weight: bolder;
			padding: 1em 0 0 0;
			}
		
	#main a {
		text-decoration: none;
		color: #354A57;
		}
		
		#main a:hover, #main a:active {
			text-decoration: underline;
			}
		
		
	/*Home cross-road*/
	
	.home-chart {
		margin: 0 auto;
		width: 660px;
		}
		
		.home {
			display: block;
			float: left;
			padding: 15px;
			text-align: center;
			width: 300px;
			}
			
			.home.one {
				margin-top: 10px;
				}
				
			.home.two {
				margin-top: 10px;
				}
				
			.home a {
				display: block;
				width: 100%;
				height: 100%;
				text-decoration: none;
				color: #4C4C4C !important;
				}
			
				.home a:hover, .home a:active{
					text-decoration: none !important;
					}


	
	/*Existing business box*/
	
	.existing-menu {
		margin: 0 auto;
		width: 600px;
		}
	
	.new-menu {
		margin: 0 auto;
		width: 600px;
		}
		
		
		.column {
			display: block;
			float: left;
			padding: 15px;
			text-align: center;
			width: 165px;
			}
			
			
			.column.left {
				border-bottom: 1px solid #dddddd;
				border-left: 1px solid #dddddd;
				border-top: 1px solid #dddddd;
				margin-top: 10px;
				}
				
			.column.middle {
				border-bottom: 1px solid #dddddd;
				border-left: 1px solid #dddddd;
				border-top: 1px solid #dddddd;
				border-right: 1px solid #dddddd;
				margin-top: 10px;
				}
				
			.column.right {
				border-bottom: 1px solid #dddddd;
				border-top: 1px solid #dddddd;
				border-right: 1px solid #dddddd;
				margin-top: 10px;
				}
				
			.column a {
				display: block;
				width: 100%;
				height: 100%;
				text-decoration: none;
				color: #4C4C4C !important;
				}
				
				.column a:hover, #main a:active {
					text-decoration: underline;
					}
			
			.column ul {
				list-style: none;
				margin: 0;
				padding: 0;
				}
				
			.column li {
				margin-bottom: .3855em;
				}
				
		.column-footer {
			background: #b2afac;
			color: #4C4C4C;
			font-size: 1.5em;
			font-weight: bold;
			padding: 10px 0;
			}

			
	/*Attorney photos*/		
	
	img.align-right {
		float: right;
		padding: 0 10px;
		}
		
	img.align-left {
		float: left;
		padding: 0 10px;
		}
	
	img.align-center {
		float: left;
		padding: 0 10px;
		text-align: center;
		display: block;
		}

	
	
	/*Links*/
	
	ul.links {
		list-style: none;
		}
		
		ul.links li {
			padding: .5em 0;
			text-indent: 20px;
			}
	
	
	
/*Services*/
	
#membership {
	padding: 0 0 1em 0;
	}

	.chart {
		margin: 0 auto;
		width: 600px;
		}
		
		
		.column {
			display: block;
			float: left;
			padding: 15px;
			text-align: center;
			width: 165px;
			}
			
			
			.column.left {
				border-bottom: 1px solid #dddddd;
				border-left: 1px solid #dddddd;
				border-top: 1px solid #dddddd;
				margin-top: 10px;
				}
				
			.column.middle {
				border-bottom: 1px solid #dddddd;
				border-left: 1px solid #dddddd;
				border-top: 1px solid #dddddd;
				border-right: 1px solid #dddddd;
				margin-top: 10px;
				}
				
			.column.right {
				border-bottom: 1px solid #dddddd;
				border-top: 1px solid #dddddd;
				border-right: 1px solid #dddddd;
				margin-top: 10px;
				}
				
			.column ul {
				list-style: none;
				margin: 0;
				padding: 0;
				}
				
			.column li {
				margin-bottom: .3855em;
				}
				
		.column-header {
			background: #b2afac;
			font-size: 1.5em;
			font-weight: bold;
			padding: 10px 0;
			}
			
		.column-description {
			border-bottom: 2px solid #b2afac;
			color: #666666;
			padding: .3855em;
			text-align: center;
			text-transform: uppercase;
			}
			
		.column-price {
			border-top: 2px solid #b2afac;
			color: #666666;
			font-weight: bold;
			padding-top: .3855em;
			text-align: center
			}
	

#new-plan {
	padding: 0 0 1em 0;
	}
	
	.new-chart {
		margin: 0 auto;
		width: 200px;
		}
	
			.column.single {
				border-bottom: 1px solid #dddddd;
				border-left: 1px solid #dddddd;
				border-top: 1px solid #dddddd;
				border-right: 1px solid #dddddd;
				margin-top: 10px;
				}
	
		
	.number {
		color: #CC0000;
		font-size: 1.2em
		}
	

#included-services {
	padding: 1em 0 0 0;
	}
	
	ul.docs {
		padding: 1em 0 0 0;
		list-style: none;
		}
			
		ul.docs li {
			padding: 0;
			text-indent: 20px;
			}
		
	
	
#other-services {
	padding: 1em 0 0 0;
	}
	
	
	dl.other {
		list-style: none;
			}
		
		dl.other dt {
			padding: .5em 0;
			}
			
		dl.other dd {
			text-indent: 15px;
			padding: 0 0 .5em 0;
			}
	


/* New Business - next step */

#next-step {
	padding: 0 0 1em 0;
	}
	
	.next-chart {
		margin: 0 auto;
		width: 300px;
		}
		
		.next {
			display: block;
			float: left;
			padding: 15px;
			text-align: center;
			width: 250px;
			}
		
			.next.single {
				margin-top: 10px;
				}
	
	
			.next a {
				display: block;
				width: 100%;
				height: 100%;
				text-decoration: none;
				color: #4C4C4C !important;
				}
			
				.next a:hover, .next a:active{
					text-decoration: none !important;
					}
				
		.column-footer {
			background: #b2afac;
			color: #4C4C4C;
			font-size: 1.5em;
			font-weight: bold;
			padding: 10px 0;
			}
			
	
	/*Resources*/
	
	ul.resources {
		list-style: none;
		}
		
		ul.resources li {
			padding: .5em 0;
			text-indent: 20px;
			}
	
	
	
	/*Contact*/
	
	#contact {
		padding: 1em 0;
		}
	
	ul.address {
		list-style: none;
		padding: 0 0 1em 0;
		}
	
		ul.address li {
			padding: 0 0 .25em 0;
			}
	
	#form {
		width: 325px;
		border: 1px solid #A0A0A0;
		padding: 20px 5px 20px 20px;
		margin: 0 0 2em 0;
		}
	
	ul.form-column {
		list-style: none;
		}
		
		ul.form-column li {
			padding: 0 0 .25em 0;
			}
	
			ul.form-column input.regular {
				width: 300px;
				}
			
			ul.form-column input.big {
				width: 300px;
				height: 3em;
				}
	
	
	/*Sitemap*/
	
	dl.sitemap {
		list-style: none;
		}
		
		dl.sitemap dt {
			padding: .5em 0;
			}
		
		dl.sitemap dd {
			text-indent: 15px;
			padding: 0 0 .5em 0;
			}
	
/*Footer*/

#footer {
	width: 984px;
	float: left;
	margin: 0 auto;
	padding: 20px;
	background: #354A57;
	}
	
	#footer p {
		font-size: .9em;
		line-height: 1.6em;
		color: #b2afac;
		text-align: center;
		}
	
	#footer a {
		color: #b2afac;
		text-decoration: none;
		}
		
		#footer a:hover, #footer a:active {
			color: #FFFFFF;
			}
