@charset "UTF-8";

html {
   overflow:auto;
}
html,
body {
   height:100%;
}
body {
	margin: 0px;
	background-color: #111;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}
p {
	margin: 0px 0px 15px;
}
img { border: 0px none; }
form {
	margin: 0px;
}
a {
	outline: none;
}

a:link {
	color: #BC0020;
	text-decoration:none;
}
a:visited {
	color: #BC0020;
	text-decoration:none;
}
a:hover {
	color: #666666;
	text-decoration:underline;
}
a:active {
	color: #666666;
	text-decoration:underline;
}

hr {
	border: 0px none;
	color: #CCC;
	background-color: #CCC;
	height: 1px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
}

td {
	vertical-align: top;
}

/* -------- Layout Divs -------- */

#wrapper {
	position: relative;
	width: 950px;
	min-height:100%;
	height: auto !important;
	height: 100%;
	margin: 0px auto;
	background-image: url(images/content_bg.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #FCFFFF;
}
#header {
	height: 250px;
	z-index: 100;
}
#header_img {
	height: 200px;
	background-color: #000000;
}
#header_img_fade {
	display: none; /* for jQuery div fade-in */
	height: 200px;
	background-repeat: no-repeat;
	background-position: center top;
}
.img_home {background-image: url(images/headers/homepage.jpg);}
.img_whoweare {background-image: url(images/headers/MD.jpg);}
.img_corporate {background-image: url(images/headers/corporate.jpg);}
.img_commercial {background-image: url(images/headers/commercial.jpg);}
.img_litigation {background-image: url(images/headers/litigation.jpg);}
.img_employment {background-image: url(images/headers/employment.jpg);}
.img_ip {background-image: url(images/headers/IP.jpg);}
.img_private {background-image: url(images/headers/private.jpg);}
.img_property {background-image: url(images/headers/property.jpg);}
.img_insolvency {background-image: url(images/headers/insolvency.jpg);}
.img_finance {background-image: url(images/headers/finance.jpg);}
.img_brands {background-image: url(images/headers/brands.jpg);}
.img_creative {background-image: url(images/headers/creative.jpg);}
.img_projects {background-image: url(images/headers/projects.jpg);}
.img_construction {background-image: url(images/headers/construction.jpg);}
.img_sports {background-image: url(images/headers/sports.jpg);}
.img_ict {background-image: url(images/headers/ICT.jpg);}
.img_clients {background-image: url(images/headers/clients.jpg);}
.img_careers {background-image: url(images/headers/careers.jpg);}
.img_consultants {background-image: url(images/headers/consultants.jpg);}
.img_contact {background-image: url(images/headers/contact.jpg);}
.img_inhouse {background-image: url(images/headers/inhouse.jpg);}
.img_people {background-image: url(images/headers/people.jpg);}
.img_engineering {background-image: url(images/headers/engineering.jpg);}
.img_realestate {background-image: url(images/headers/realestate.jpg);}
.img_realestate2 {background-image: url(images/headers/realestate2.jpg);}
.img_news {background-image: url(images/headers/news.jpg);}
.img_gibraltar {background-image: url(images/headers/gibraltar.jpg);}

#photo_credit { position: absolute; left: 10px; top: 180px; font-size: 10px; color: #FFF; }


#header_navbar {
	position: relative;
	height: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #000000;
	font-weight: bold;
	background-image: url(images/spring_law_logo.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#navbar_logo {
	float: right;
	width: 170px;
	height: 50px;
}
	

#tagline {
	position:absolute; 
	left:top; 
	width:165px; 
	height:50px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 52px;
	text-transform: uppercase;
}


/* Navbar */

#navbar {
	margin: 0;
	padding: 0px 0px 0px 25px;
	float: left;
	width: 790px;
	list-style: none;
}

#navbar li {
	position: relative;
	float: left;
	margin: 0 25px 0 0; /* T R B L */
	padding: 0;
}

#navbar li a {
	height: 50px;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 50px;
	font-weight: normal;
	outline: none;
}

#navbar li a:hover {
	color: #BC0020;
}

#navbar a:active {
	color: #BC0020;
}

#navbar li#active a {
	color: #BC0020;
}

/* ---------- Suckerfish drop-down menu ---------- */
#navbar li ul {
    position: absolute;
    left: -999em;
    width: 100px;
    font-weight: normal;
    margin: 0;
	padding: 0px;
	z-index: 1000;
}

#navbar li li {
    padding: 0px;
    width: 100px;
    background: #BC0020;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -khtml-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9; */
}

#navbar li ul a {
    width: 80px;
	height: 30px;
    font-size: 12px;
    line-height: 28px;
	padding: 0 10px 0px;
	text-align: center;
}

#navbar li ul ul, #nav li ul ul ul {
    margin: -1.75em 0 0 14em;
}


#navbar li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
    left: -999em;
}

#navbar li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
    left: auto;
	left: -10px;
}

#navbar li li a:hover, #nav li li a.sfhover {
    background: #000 !important;
	color: #BC0020;
}


/* SubNavbar */


#subnavbar {
	width: 100px;
	margin: 2px 0px 0px 30px; /* T R B L */
}

#subnavbar ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#subnavbar ul li {
	display: block;
	/*float: left;*/
	padding: 0;
	margin: 0px 0px 17px 0px !important;
	margin: 0px 0px 0px 0px;
}

/* #subnavbar {
	margin: 2px 30px 0px 40px !important;
	margin: 2px 0px 0px 20px;
	padding: 0;
	width: 95px !important;
	width: 90px;
}

#subnavbar li {
	display: block;
	margin: 0px 0px 17px 0px !important;
	margin: 0px 0px 0px 0px;
	padding: 0;
	list-style-type: none;
}*/

#subnavbar li a {
	display: block;
	color: #333333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	outline: none;
}

#subnavbar li a:hover {
	color: #BC0020;
}

#subnavbar a:active {
	color: #BC0020;
}

#subnavbar li#active a {
	color: #BC0020;
}


#content {
	background-color: #FCFFFF;
	margin: 20px 0px 25px;
	position: relative;
}

#left_col {
	width: 130px;
	float: left;
	padding: 0px;
	height: 100%;
}
#main_col {
	margin-left: 165px;
	width: 700px;
}

#main_col ul {
	margin: 0 0 15px 15px;
	padding: 0px;
	list-style-type: none;
	list-style-position: outside;
	list-style-image: url(images/bullet.gif);
}

#main_col li {
	margin: 0px 0px 5px;	padding: 0px;
	
}

#main_col ol {
	margin: 0px 0px 10px 0px; /* T R B L */
	padding: 0px 0px 5px 0px;
	list-style-type: decimal;
	list-style-position: inside;
}

#main_col2 {
	margin-left: 140px;
	width: 780px;
}

#centre_col {
	width: 900px;
	margin: 0px auto;
}
#centre_col2 {
	width: 700px;
	margin: 0px auto;
}

#padding-top {
	padding-top: 5px;
}

#main_left {
	width:150px; float:left; margin-top: 4px; display:block; text-align:left; font-size: 14px;
}
#main_left img {
	margin-bottom: 15px;
}
#main_right {
	margin-left: 170px;
}

.profile_tn {
	width: 141px;
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #CCC;
}
.profile_tn img {
	display: block;
	width: 125px;
	height: 175px;
}
.profile_tn a {
	display: block;
	padding: 8px;
}

.profile_tn a:hover, .profile_tn a:hover img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  text-decoration: none;
}

#back_btn { font-size: 14px; border-top: 1px dotted #AAA; margin-top: 25px; padding-top: 5px; }

#footer {
	position: absolute;
	width: 100%;
	bottom: 0px;
	height: 25px;
	background-color: #BC0020;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#footer a:link {
	color: #FFFFFF;
}
#footer a:visited {
	color: #FFFFFF;
}
#footer a:hover {
	color: #A9D518;
	text-decoration: none;
}
#footer a:active {
	color: #A9D518;
	text-decoration: none;
}

.clear { clear: both; line-height: 0px; height: 0px; font-size: 1px; }



/* Txt styles */

h1 {
	margin: 0px 0px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #BC0020;
	text-transform: none;
	letter-spacing: 0em;
	text-align: justify;
}
h2 {
	margin: 0px 0px 15px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #BC0020;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
h3 {
	margin: 5px 0px 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #BC0020;
	letter-spacing: 0em;
}
h4 {
	margin: 2px 0px 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	color: #666;
	letter-spacing: 0em;
}

.maincopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	color: #333333;
	text-align: justify;
}
.maincopy2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	color: #333333;
}
.smallcopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #333333;
}