/*CSS Reset*/body, div, dl, dt, dd, li, pre, form, fieldset, input, textarea, p, blockquote, th, td, button
{
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6
{
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
}
address, caption, cite, code, dfn, em, strong, var
{
	font-style: normal;
	font-weight: normal;
}
ol, ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th
{
	text-align: left;
	font-weight: normal;
	font-style: normal;
}
acronym, abbr, fieldset, img
{
	border: 0;
}
:focus
{
	outline: 0;
}

/*
	define colours:
		dark red #4B2D37
		light red #6F575F
		blue #50B1CC
		grey #636466
*/

*
{
	font-family: "proxima-nova-1" , "proxima-nova-2" ,sans-serif;
}
p, a, li, label
{
	color: #636466;
}

body#fee a#feesLink, body#approach a#approachLink, body#services a#servicesLink, body#team a#teamLink, body#contact a#contactLink
{
	border-bottom: solid;
	border-bottom-width: 3px;
	border-bottom-color: #50B1CC;
}



#redBar
{
	width: 100%;
	height: 133px;
	position: absolute;
	top: 20px;	
	background-color: #4B2D37;
}

#container
{
	width: 960px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
}

#header
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 960px;
	height: 133px;
	margin-top: 0px;
	background-color: #4B2D37;
}

#header #headerLogo
{
	position: relative;
	top: 3px;
	left: 20px;
}

#header #headerLangBar
{
		position: absolute;
		top: 5px;
		left: 755px;
		width: 185px;
}
#header #headerLangBar p
{
	color: #FFF;
	font-size: 8pt;
}

#header #headerLangBar a
{
	
	text-decoration: none;
	padding-left: 10px;
	padding-right: 0px;
}

#header #headerLangBar a:hover
{
	color: #50B1CC;
}

#engLangSelEng
{
	color: #50B1CC;
}
#engLangSelFili
{
	color: #FFF;
}
#filiLangSelEng
{
	color: #FFF;
}
#filiLangSelFili
{
	color: #50B1CC;
}


#header #headerNavBar
{
	position: absolute;
	top: 75px;
	left: 325px;
	width: 700px;
	height: 35px;
}
#header #headerNavBarFi
{
	position: absolute;
	top: 75px;
	left: 325px;
	width: 700px;
	height: 35px;
}

#header #headerNavBarFi a:hover
{
	border-bottom: solid;
	border-bottom-width: 3px;
	border-bottom-color: #50B1CC;
}

#header #headerNavBarFi a
{
	color: #FFF;
	text-decoration: none;
	font-size: 9pt;
	margin-right: 44px;
	padding-right: 0px;
}

#header #headerNavBarFi li
{
	list-style-type: none;
	display: inline;
}

#header #headerNavBar li
{
	list-style-type: none;
	display: inline;
}

#header #headerNavBar a
{
	color: #FFF;
	text-decoration: none;
	font-size: 9pt;
	margin-right: 68px;
	padding-right: 0px;
}

#header #headerNavBar a:hover
{
	border-bottom: solid;
	border-bottom-width: 3px;
	border-bottom-color: #50B1CC;
}

#mainImage
{
	margin-top: 2px;
}

#middleBar
{
	width: 960px;
	height: 138px;
	position: relative;
	left: 0px;
	top: 1px;
	padding-bottom: 1px;
	border-bottom: solid 2px;
	border-bottom-color: #4B2D37;
}

#middleBar p
{
	color: #FFF;
	font-size: 10pt;
	width: 80px;
	position: absolute;
	left: 10px;
	top: 20px;
}
#middleBar .bottomLine
{
	font-size: 8pt;
	width: 100px;
	position: absolute;
	top: 103px;
}




#middleBar img
{
	position: absolute;
	top: 0px;
	left: 0px;
	margin-top: -3px;
}

#middleBar #leftBox
{
	width: 160px;
	height: 130px;
	position: absolute;
	left: 0px;
	top: 0px;
	margin-right: 3px;
}

#middleBar .bottomLine a
{
	color: #FFF;
	font-size: 10pt;
	width: 60px;
	position: absolute;
	left: 0px;
	top: 0px;
	text-decoration: none;
}

#middleBar #leftBox img
{
	position: absolute;
	top: 55px;
	left: 10px;
}

#middleBar #middleBox
{
	width: 160px;
	height: 130px;
	position: absolute;
	left: 164px;
	top: 0px;
	margin-right: 3px;
	margin-left:-6px;
}



#middleBar #middleBox a
{
	width: 160px;
	height: 130px;
	position: absolute;
	left: 0px;
	top: 0px;
	margin-right: 3px;
	font-size: 9pt;
	text-decoration:none;
}

#middleBar #middleBox2 a
{
	width: 160px;
	height: 130px;
	position: absolute;
	left: 0px;
	top: 0px;
	margin-right: 3px;
	font-size: 9pt;
	text-decoration:none;
}

#middleBar #rightBox
{
	width: 160px;
	height: 130px;
	position: absolute;
	left: 326px;
	top: 0px;
	margin-right: 3px;
}

#middleBar #rightBox a
{
 color: #FFFFFF;
    font-size: 10pt;
    left: 10px;
    position: absolute;
    top: 0px;
    width: 60px;
    text-decoration:none;
}

#middleBar #midBarQuote
{
	width: 370px;
	height: 130px;
	position: absolute;
	left: 500px;
	top: 0px;
	margin-top: auto;
	margin-bottom: auto;
}

#middleBar #midBarQuote #topTextLine p
{
	width: 370px;
	color: #4B2D37;
	font-size: 20pt;
	margin-top:-5px;
}

#middleBar #midBarQuote #bottomTextLine p
{
	width: 370px;
	color: #50B1CC;
	font-size: 20pt;
	margin-top: 35px;
	margin-top:22px;
}

#mainContent
{
	width: 960px;
	height: auto;
}

#mainContent #right
{
	width: 440px;
	margin-left: 20px;
}

#mainContent .listHeading
{
	font-weight: bold;
	padding-bottom: 5px;
	color: #50B1CC;
}


#mainContent #contentHeading
{
	margin-left: 5px;
	padding-top: 30px;
}

#mainContent #contentHeading li
{
	margin-left: 20px;
	list-style-position:outside;
}
#mainContent #contentHeading p
{
	color: #4B2D37;
	font-size: 25pt;
}

#mainContent .contentSection
{
	float: left;
	width: 460px;
	height: auto;
	margin-right: 20px;
}

#mainContent .contentSection #googleMap
{
	margin-top: 10px;
}

#mainContent .contentSection p
{
	font-size: 11pt;
	margin-left: 10px;
	margin-top: 10px;
}

#mainContent .contentSection ul
{
	margin-left: 10px;
	list-style-type: disc;
	width: 400px;
	position: relative;
	left: 20px;
}

#mainContent .contentSection li
{
	font-size: 11pt;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-left: 20px;
	list-style-position: outside;
}

#mainContent .contentSection .teamHeading
{
	color: #4B2D37;
	font-size: 19pt;
	margin-left: 5px;
}

#mainContent .contentSection img
{
	margin-left: 5px;
}

#mainContent .contentSection .teamText
{
	margin-left: 4px;
}

#mainContent .contentSection #contactForm
{
	width: 330px;
	height: 250px;
	position: relative;
	left: 5px;
	top: 0px;
}
#mainContent .contentSection #contactForm input, textarea
{
	float: right;
	width: 200px;
	border: 1px solid #CCC;
}

#mainContent .contentSection #contactForm #labelFName
{
	font-weight: bold;
	position: absolute;
	left: 5px;
	top: 5px;
}

#mainContent .contentSection #contactForm #labelPhone
{
	font-weight: bold;
	position: absolute;
	left: 5px;
	top: 35px;
}

#mainContent .contentSection #contactForm #labelEmail
{
	font-weight: bold;
	position: absolute;
	left: 5px;
	top: 65px;
}

#mainContent .contentSection #contactForm #labelComments
{
	font-weight: bold;
	position: absolute;
	left: 5px;
	top: 95px;
}

#mainContent .contentSection #contactForm #tbFirstName
{
	height: 20px;
	position: relative;
	top: 5px;
}
#mainContent .contentSection #contactForm #tbPhone
{
	height: 20px;
	position: relative;
	top: 10px;
}
#mainContent .contentSection #contactForm #tbEmail
{
	height: 20px;
	position: relative;
	top: 15px;
}
#mainContent .contentSection #contactForm #taComments
{
	height: 100px;
	position: relative;
	top: 20px;
}

#mainContent .contentSection #contactForm button
{
	position: absolute;
	top: 210px;
	left: 270px;
}

#mainContent #required
{
	position: absolute;
	top: 195px;
	left: 0px;
	display: none;
}

#mainContent .contactTitles
{
	font-weight: bold;
}

#mainContent .contentSection .contactULAddress
{
	list-style-type: none;
	position: relative;
	left: 100px;
	top: -15px;
}

#mainContent .contentSection .contactULTelephone
{
	list-style-type: none;
	position: relative;
	left: 100px;
	top: -15px;
}


#footer
{
	width: 960px;
	height: 140px;
	position: relative;
	top: 40px;
	left: 0px;
	float: left;
	border-top: solid 2px;
	border-top-color: #4B2D37;
}

#footer #footerLogo
{
	width: 140px;
	height: 160px;
	position: absolute;
	left: 800px;
	top: 5px;
}
#footer #footerLogo img
{
	padding-bottom: 10px;
}
#footer #footerLogo p
{
	font-size: 9pt;
	color: #4B2D37;
}

#footer ul
{
	font-size: 7pt;
	line-height: 13pt;
}

#footer ul a
{
	text-decoration: none;
}

#footer .listHeading
{
	font-weight: bold;
	color: #4B2D37;
}
#footer .footerLawList
{
	float: left;
	width: 170px;
	height: 140px;
	margin-left: 10px;
	margin-top: 10px;
	padding-right: 20px;
}

#subButtonSem{
	margin-top:-100px;
}

/* Ben Changes */

#team #mainContent #left 
{
    width: 100%;   
}

#team #mainContent #right 
{
    width: 0;   
}

/* ---- restored 2017 look, adapted for a static rebuild ---- */
html { background: #fff; }
body { -webkit-font-smoothing: antialiased; }
* { font-family: "proxima-nova-1","proxima-nova-2","Nunito Sans",
      "Helvetica Neue", Helvetica, Arial, sans-serif; }

#mainImage img { display: block; width: 960px; height: auto; }
#middleBar #middleBox p a,
#middleBar #middleBox2 p a { color: #FFF; }
#middleBar #leftBox p a { color: #FFF; }

/* the original pinned #footer and its columns to 140px, so the longest
   list (family law) spilled past the end of the document and got clipped.
   Let both grow instead, and clear the floats they sit on. */
#footer { height: auto; min-height: 175px; }
#footer .footerLawList { height: auto; min-height: 140px; }
#footer:after { content: ""; display: block; clear: both; }
#container:after { content: ""; display: table; clear: both; }
body { padding-bottom: 60px; }

/* enquiry / mailing-list form feedback (no server on a static host).
   #contactForm is a fixed-height, absolutely-positioned block, so the
   confirmation is pinned below the submit button rather than left in flow. */
#mainContent .contentSection #contactForm .formStatus {
   display: none;
   position: absolute;
   left: 5px;
   top: 250px;
   width: 420px;
   margin: 0;
   font-size: 10pt;
   line-height: 1.45;
   color: #4B2D37;
}
#seminar #mainContent .contentSection #contactForm .formStatus { top: 150px; }
#mainContent .contentSection #contactForm .formStatus.shown { display: block; }
#mainContent .contentSection #contactForm label.error {
   color: #C00;
   font-weight: bold;
   position: static;
   padding-left: 4px;
}
#mainContent .contentSection #googleMap iframe { border: 0; }

/* keep the fixed 960px layout intact but let small screens scale it */
@media (max-width: 1000px) {
   body { min-width: 960px; }
}