/* setting the stage
----------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin : 15px 45px 5px 45px;
	padding : 0;
}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
ol,ul {list-style: none;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal;}
table {border-collapse: collapse; border-spacing: 0; padding:0; margin:0;}
fieldset, img {border: 0;}
caption, th {text-align: left;}
q:before, q:after {content:'';}

/* body
----------------------------------------------------------------------*/
body  {
	background: #ffffff;
	padding: 10px 0px 0px 0px;
	text-align: center;
	margin: 0px auto;
	font-family: "Tw Cen MT";
	font-size: 16px;
	line-height: normal;
}

#shadowTop {
	height: 13px;
	width: 960px;
	margin: 0px auto;
	text-align: center;
	z-index:1;
	background: url(images/bgTop1.jpg) no-repeat center;
}

#shadowBottom {
	height:13px;
	width: 960px;
	margin: 0px auto;
	text-align: center;
	z-index:1;
	background: url(images/bgBottom.jpg) no-repeat center;
}

#container { 
	width: 960px;
	background: #FFFFFF url(images/bgMiddle.jpg) repeat-y center;
	margin: 0px auto;
	text-align: left; 
}

/* navigation
----------------------------------------------------------------------*/
#navigation { 
	padding: 45px 0px 15px 300px;  
}

#navigation li { 
	display: inline;
	margin: 0px 5px;
} 

#navigation li a, #navigation li a:link, #navigation li a:visited {
	text-transform:uppercase;
	color: #2665a8;
	text-decoration: none;
	padding: 0px 20px;
	font-family: "Tw Cen MT";
	font-size: 14px;
	line-height: 14px;
} 

#navigation li a:hover, #navigation li a:focus {
	color: #036;
}

body#about #aboutlink,
body#firms #firmslink,
body#careers #careerslink,
body#advice #advicelink,
body#events #eventslink,
body#contact #contactlink {
	color: #ac7014;
}

/* page images
----------------------------------------------------------------------*/
#content1 { 
	width: 909px;
	margin: 1px 0px 0px 25px;
} 

body#home #content1 { 
	width: 900px;
	background: #454545 url(images/map1.jpg);
} 

body#about #content1 { 
	background: #960 url(images/banner2.png) 0px -20px;
} 

body#firms #content1 { 
	background: #330 url(images/map.jpg) 0px -20px;
}

body#careers #content3 {
	background: #960 url(images/banner7.jpg) 0px -55px;
}

body#advice #content1 { 
	background: #fff url(images/banner4.png) 0px -20px;
}

body#events #content1 { 
	background: #fff url(images/banner2b.jpg) 0px -20px;
}

body#contact #content1 { 
	background: #330 url(images/people.jpg) 0px -20px;
}

body#career1 #content1, body#career2 #content1, body#career3 #content1, body#career4 #content1 { 
	background: #669 url(images/banner.png) 0px -145px;
} 

/* profile colors
----------------------------------------------------------------------*/
body#profile1 #content {
	background: #59284f url(images/watermark.png) left 400px no-repeat;
}

body#profile2 #content {
	background: #335700 url(images/watermark.png) left 400px no-repeat;
}

body#profile3 #content {
	background: #423405 url(images/watermark.png) left 400px no-repeat;
}

body#profile4 #content {
	background: #2c3e68 url(images/watermark.png) left 400px no-repeat;
}

body#profile5 #content {
	background: #10515f url(images/watermark.png) left 400px no-repeat;
}

body#profile6 #content {
	background: #845400 url(images/watermark.png) left 400px no-repeat;
}


/* logo and sidebar
----------------------------------------------------------------------*/
#container #sidebar1 #logo {
	float: left;
	width: 226px; 
	padding: 0px;
	text-align: center;
	margin:-85px auto 0px auto;
	z-index: 10;
}

#sidebar1 {
	float: left;
	width: 226px; 
	padding: 0px 20px 45px 20px;
	margin: 0px 0px 0px 0px;
	text-align:center;
	z-index:10;
}

/* main content - text area
----------------------------------------------------------------------*/
#mainContent1 {
	clear: both;
	padding: 0px;
	background:#fff;
	width: 909px;
	margin: 1px 0px 0px 0px;
	height: 100%;
	border-top: 7px solid #fff;
	text-align: left;
} 

#mainContent1 p {
	color:#36312b;
	margin:0px 45px 0px 45px;
	padding: 0px 0px 20px 0px;
	font-family: "Tw Cen MT";
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
}

#mainContent1 img { 
	border-bottom: 7px solid #fff;
} 

#mainContent1 ul {
	color:#36312b;
	margin:0px 80px 0px 60px;
	padding: 0px 0px 20px 0px;
	font-family: "Tw Cen MT";
	font-size: 14px;
	line-height: 20px;
} 

#mainContent1 li.bullet { 
	list-style: outside square;
	padding: 0px 0px 10px 10px
}

#mainContent1 h1 {
	color: #660;
	margin: 15px 45px 10px 45px;
	font-family: "Tw Cen MT";
	font-size: 24px;
	line-height: 36px;
}

#mainContent1 h2 {
	color:#0675AB;
	margin: 15px 45px 5px 45px;
	font-family: "Tw Cen MT";
	font-size: 18px;
	line-height: 24px;
}

/* home page
----------------------------------------------------------------------*/
body#home #mainContent1 { 
	clear:none;
	padding: 0px; 
	background:#435536 url(images/homeTextBG.png) no-repeat left 427px;
	width: 635px;
	margin: 1px 0px 0px 266px;
	height: 100%;
	border-left: 8px solid #fff;
	text-align: justify;
	border-top: none;
	border-bottom: none;
} 

body#home #mainContent1 p {
	color:#fff;
	margin:0px 28px 0px 28px;
	padding: 0px 0px 20px 0px;
	font-family: "Tw Cen MT";
	font-size: 14px;
	line-height: 20px;
}

body#home #mainContent1 h1 {
	margin: 15px 28px 0px 28px;
	color:#f9b475;
	font-family: "Tw Cen MT";
	font-size: 24px;
	line-height: 30px;
}

body#home #mainContent1 h2 {
	margin: 5px 28px 0px 28px;
	color:#fff;
	font-style:italic;
	font-weight:bold;
	font-family: "Tw Cen MT";
	font-size: 14px;
	line-height: 20px;
}

body#home #mainContent1 h3 a, body#home #mainContent1 h3 a:link, body#home #mainContent1 h3 a:visited { 
	color:#f9b475;
	font: 14px/20px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin:0px 20px 0px 28px;
	padding: 0px 0px 20px 0px;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration: none;
} 

body#home #mainContent1 h3 a:hover, body#home #mainContent1 h3 a:focus { 
	color:#fff;
} 

body#home tr {vertical-align: top;}

body#home #sidebar1 {
	float: left;
	width: 226px; 
	padding: 0px 20px 0px 20px;
	margin: 0px 0px 0px 0px;
	text-align:center;
	z-index:10;
}

/* profile pages
----------------------------------------------------------------------*/
#content { 
	width: 900px;
	background: #454545 url(images/watermark.png) left 400px no-repeat;
	margin: 0px 0px 0px 25px;
}

#container #sidebar #logo {
	float: left;
	width: 226px; 
	padding: 0px;
	text-align: center;
	margin:-85px auto 0px auto;
	z-index: 10;
}

#sidebar {
	float: left;
	width: 226px; 
	padding: 0px 20px 0px 20px;
	margin: 0px 0px 0px 0px;
	text-align:center;
	z-index:10;
}

#mainContent { 
	padding: 0px; 
	background:#fff;
	width: 635px;
	margin: 1px 0px 0px 266px;
	height: 100%;
	border-left: 8px solid #fff;
}

#mainContent p {
	color:#36312b;
	margin:0px 15px 0px 15px;
	padding: 0px 0px 5px 0px;
	font-family: "Tw Cen MT";
	font-size: 12px;
	line-height: 18px;
} 

#mainContent h1 {
	color:#357e00;
	margin: 15px 15px 0px 15px;
	font-style:italic;
	font-family: "Tw Cen MT";
	font-size: 14px;
	line-height: 18px;
} 

#mainContent img { 
	border-bottom: 7px solid #fff;
}

/* profile header - company logo area
----------------------------------------------------------------------*/
#profileHead {
	margin: 0px 15px -100px 15px;
	padding: 0px; 
	background:#fff;
	width: 605px;
	float: left;
	min-height:100px;
}

#representative {
	float: left;
	margin-top: 45px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 0px;
}

#profileHead #representative img {
	margin:-30px 15px 0px 0px;
	float:left;
}

#profileHead #representative #name {
	color: #1b4f81;
	margin: 30px 0px 0px 0px;
	font-family: "Tw Cen MT";
	font-size: 16px;
	line-height: 24px;
}

#profileHead #representative #title {
	color: #36312b;
	font-style: italic;
	font-family: "Tw Cen MT";
	font-size: 13px;
	line-height: 20px;
}

#profileHead #company {
	float:right;
	margin: 55px 0px 0px 0px;
	text-align:center;
	width: 220px;
}

#profileHead #company img.companyLogo {}

/* profile main text area
----------------------------------------------------------------------*/
#profileContent {
	margin: -233px 0px 0px 0px;
	text-align:justify;
}

/* sidebar links
----------------------------------------------------------------------*/
#sidebarLinks {
	text-align: center;
	margin: 140px 10px 0px 10px;
}

#sidebarLinks ul {
	margin: 0px 0px 0px 0px;
}

#sidebarLinks li.first {
	text-align: center;
	font: 18px/22px Verdana, Geneva, sans-serif;
	color: #fff;
	text-transform:uppercase;
}

#sidebarLinks li {
	text-align: left;
	margin: 0px 15px 0px 10px;
	font: 12px/50px Verdana, Geneva, sans-serif;
	color: #fff;
}

#sidebarLinks img.icon {
	margin: 1px 5px 0px 5px;
	vertical-align: middle;
}

#sidebarLinks a, #sidebarLinks a:link, #sidebarLinks a:visited {
	text-decoration: underline;
	color:#fff;
}

#sidebarLinks a:hover, #sidebarLinks a:focus {
	color: #FFC;
}

/* events page
----------------------------------------------------------------------*/
#mainContent1 p .spacing {
	margin-left:-7px;
}

img.btn {
	margin-top: 10px;
}

/* careers page
----------------------------------------------------------------------*/
#container #sidebar3 #logo {
	float: left;
	width: 226px; 
	padding: 0px ;
	text-align: center;
	margin:-84px auto -85px auto;
	z-index: 10;
}

#careerTable {
	color:#590758;
	padding: 5px 0px 0px 0px;
	margin:0px 0px 35px 45px;
	font-family: "Tw Cen MT";
	font-size: 15px;
	line-height: 18px;
}

#careerTable th {
	color:#590758;
	padding:0px 0px 10px 0px;
	margin:0px 0px 10px 0px;
	vertical-align: bottom;
	font-family: "Tw Cen MT";
	font-size: 15px;
	line-height: 18px;
}

#careerTable tr p{
	color:#666;
	padding:0px;
	margin:0px;
	font-family: "Tw Cen MT";
	font-size: 12px;
	line-height: 24px;
}

#careerTable a, #careerTable a:link, #careerTable a:visited {
	color: #33e;
	padding:0px;
	margin:0px;
	font-family: "Tw Cen MT";
	font-size: 12px;
	line-height: 24px;
} 

#careerTable a:hover, #careerTable a:focus { 
	color: #090;
} 

#sidebar3 {
	float: left;
	width: 226px; 
	padding: 0px 20px 190px 20px;
	margin: 0px 0px 0px 0px;
	text-align:center;
	z-index:10;
}

#content3 { 
	width: 909px;
	background: #fff url(images/banner.png) left -180px no-repeat;
	margin: 0px 0px 0px 25px;
}

/* contact page 
----------------------------------------------------------------------*/
#mainContent2 { 
	padding: 0px; 
	background:#fff;
	width: 636px;
	margin: 0px 0px 0px 266px;
	border-left: 8px solid #fff;
	text-align: justify;
} 

#mainContent2 p {
	color:#36312b;
	margin:0px 20px 0px 20px;
	padding: 0px 0px 20px 0px;
	font-family: "Tw Cen MT";
	font-size: 14px;
	line-height: 20px;
} 

#mainContent2 h1 {
	color: #660;
	margin: 0px 20px 10px 20px;
	padding: 5px 0px 0px 0px;
	font-family: "Tw Cen MT";
	font-size: 24px;
	line-height: 36px;
}

#mainContent2 h2 {
	color: #660;
	margin: 15px 20px 0px 20px;
	font-family: "Tw Cen MT";
	font-size: 16px;
	line-height: 20px;
}

#mainContent2 a, #mainContent2 a:link, #mainContent2 a:visited { 
	color: #36F;
} 

#mainContent2 a:hover, #mainContent2 a:focus { 
	color: #660;
}

/* table - firms page
----------------------------------------------------------------------*/
#hor-minimalist-a {
	margin:10px 0px 0px 14px;
	font: 14px/26px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background: #fff;
	width: 600px;
	border-collapse: separate;
	text-align: left;
}

#hor-minimalist-a th {
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}

#hor-minimalist-a th.TableTitle {
	font-size: 12px;
	font-weight: normal;
	color: #039;
	padding: 0px 8px 10px 8px;
	border-bottom: none;
}

#hor-minimalist-a td {
	color: #669;
	padding: 10px 0px 10px 8px;
	vertical-align: middle;
	min-width: 120px;
	border-top: 1px solid #ccc;
}

#hor-minimalist-a tbody tr:hover td a {
	color: #009;
}

#hor-minimalist-a a, #hor-minimalist-a a:link, #hor-minimalist-a a:visited {
	color: #669;
	text-decoration:none;
	vertical-align: middle;
}

#mainContent2 img.small {
	height: 35px;
	width: auto;
	vertical-align: middle;
}

/* sponsor area
----------------------------------------------------------------------*/
#sponsors { 
	background:#e8e8e8;
	width: 909px;
	margin: -16px 6px 12px 25px;
	text-align:center;
	height: 100px;
	border-top: #fff 8px solid;
} 

#sponsors p {
	margin: 0;
	padding: 10px 0; 
}

/* footer
----------------------------------------------------------------------*/
#footer { 
	font: 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #999;
	padding: 20px 0px;
} 

#footer p {
	margin: 0; 
	padding: 10px 0; 
}

#footer .design { 
	font: 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #999;
	padding: 20px 0px;
} 

#footer a, #footer a:link, #footer a:visited { 
	color: #999;
	text-decoration: none;
	padding: 0px 20px;
} 

#footer a:hover, #footer a:focus {
	color: #336;
}

/* floats
----------------------------------------------------------------------*/
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
