/*** Common ***/

html {
	margin:0;
	padding:0;
	height:100%;
}

body {
	margin:0;
	padding:0;
	background-color:#103341;
	/*background-color:#216985;*/

	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
}

div {
	margin:0;
	padding:0;
}

h1 {
	color:#1B586F;
	font-size:14px;
	margin:5px 0 5px 0;
}

h2 {
	color:#1B586F;
	font-size:11px;
	margin:5px 0 3px 0;
}

ul {
	list-style:none;
	padding:0;
	margin:5px 0;
}

li {
	background: url('../images/bullet.gif') 0px 2px no-repeat;
	padding:0 0 0 15px;
	margin:0 0 0 10px;
}

a {
	color:#3d7797;
	text-decoration:underline;
	outline:none;
}
a:hover {
	color:#62c0f3;
	text-decoration:none;
}
a img {
	border:none;
}

.row {
  clear: both;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0; 
}
.row:after { content: ".";display: block; height: 0; clear: both; visibility: hidden; }

.col {
  float: left;
  border: 0;
  padding: 0;
  margin: 0; 
  vertical-align: top;
}

/*** Common Layout ***/

#page {
	width:760px;
	margin:120px auto 0 auto;
}

#header {
	background: #cccccc url('../images/header-bg.gif') top left no-repeat;
	height:108px;
}
#logo {
	margin:0 0 10px 40px;
}
#header-links {
	margin:80px 0 0 0;
	float:right;
}
#header-links a {
	color:#ffffff;
	text-decoration:none;
	background:url('../images/arrow.gif') left no-repeat;
	padding:2px 7px 2px 20px;
}
#header-links a:hover {
	text-decoration:underline;
}

#main {}

#nav {
	width:161px;
	background: url('../images/bottom-bg.gif') 146px 200px no-repeat;
	padding-bottom:100px;
}
#nav ul, #nav li {
	margin:0px;
	padding:0px;
	list-style:none;
}
#nav li {
	display:inline;
	background:none;
}
#nav ul {
	border:3px solid #ffffff;
	border-width:3px 0 3px 3px;
	min-height:206px;
	background: #1b586f url('../images/nav-bg.gif') right repeat-y;
}
#nav ul a {
	color:#ffffff;
	text-decoration:none;
	display:block;
	padding:3px 20px 3px 5px;
	border:1px solid #548293;
	border-width: 0 0 1px 0;
}
#nav ul a:hover {
	background: #3d7184 url('../images/nav-bg-hover.gif') right repeat-y;
}
#the-firm #nav ul a.the-firm, #notarial #nav ul a.notarial, #commercial #nav ul a.commercial, #corporate #nav ul a.corporate, #wills-estates #nav ul a.wills-estates, #litigation #nav ul a.litigation, #real-estate #nav ul a.real-estate, #family-law #nav ul a.family-law, #computer-law #nav ul a.computer-law {
	background: url('../images/nav-bg-hover.gif') right repeat-y;
}

#extra-links {
	color:#548293;
	font-size:10px;
	margin:5px 0 0 8px;
}
#extra-links a {
	color:#cccccc;
	text-decoration:none;
}
#extra-links a:hover {
	text-decoration:underline;
}


#content-center {
	width:357px;
	background: url('../images/bottom-bg.gif') 0px 145px no-repeat;
	padding-bottom:100px;
}
#content-center .content-content {
	min-height:206px;
	border:3px solid #ffffff;
	background: #ffffff url('../images/content-bg.gif') top left no-repeat;
}
#content-center .paddedbox {
	padding:3px 12px;
	color:#666666;
	min-height:199px;
	border-bottom:1px solid #dddddd;
}


#content-right {
	width:242px;
}
#content-right .content-content {
	border:3px solid #ffffff;
	border-width:3px 3px 3px 0;
	background:#f5f5f5 url('../images/right-bg.gif') top left no-repeat;
}
#content-right .paddedbox {
	padding:3px 12px;
	min-height:199px;
	font-size:10px;
	border-bottom:1px solid #dddddd;
}
#content-right .paddedbox .numbersbox {
	margin:5px 0 10px 0;
}

#copyright, #credit {
	color:#637a83;
	margin:5px 5px 0px 10px;
	text-align:right;
	font-size:9px;
}
#credit {
	margin-top:0;
}
#credit a {
	color:#637a83;
	text-decoration:none;
}
#credit a:hover {
	text-decoration:underline;
}

.numbersbox {
	margin:4px 0 10px 0;
}