/* @override 
http://roschiercom.virtualserver20.nebula.fi/html/style.css
http://roschier.com/html/style.css
http://www.roschier.com/html/style.css
*/

/* -----------------------------------------------------------

Project:		Roschier
Version:		1.0
Created:		20/10/09
Modified:

[Table of contents]
1. Reset
2. Typography
2.1	Headings
2.2	Text elements
2.3	Lists
2.4	Tables
2.5	Forms
3. Structure
3.1	Header
3.2	Navigation
3.3	Content
3.4	Footer
4. Clear floats

----------------------------------------------------------- */


/* -----------------------------------------------------------

Reset

----------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	outline: 0 !Important;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table 			{ border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th 	{ vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }


.fields{
	float: left;
	display: inline;
	color: #fff;
	margin-bottom: 0;
}

.fields input{
	width: 290px;
	background: #222;
	border: 1px solid #ccc;
	height: 17px;
}

.fields select{
	float: left;
	display: inline;
	width: 290px;
	background: #222;
	color: #fff;
}

.submit{
	float: left;
	padding-left: 490px;
	display: inline;
	clear: both;
}

.formreklamaatio p{
	float: right;
	padding-right: 130px;
	display: inline;
	xwidth: 100px;
}


.submit input{
	width: 70px;
	height: 30px;
	cursor: pointer;
	border: none !Important;
	background: transparent url(img/misc/send.gif) no-repeat top right !Important;
}

.error, .error p{
	float: left;
	display: inline;
	width: 100%;
	xcolor: red;
	font-weight: bold;
}

.pakolliset p{
	float: right;
	display: inline;
	padding-right: 10px;
}
/* -----------------------------------------------------------

Typography

----------------------------------------------------------- */

/* Default font settings. 
The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
	font-size: 75%;
	color: #fff;
	line-height: 1.5;
	font-family: Arial, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; font-family: font-family: Arial, sans-serif; }

h1 { font-size: 2.8em; line-height: 1; margin-bottom: 0.5em; color: #de7510;}
h2 { font-size: 2em; margin-bottom: 0.75em; color: #888;}
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
	margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #07a3d6; text-decoration: none;}
a           { color: #07a3d6; text-decoration: none; outline: 0;}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Forms
-------------------------------------------------------------- */
form {
	float:left;
	display: inline;
	padding: 0px;
	margin: 0px;
}

.formcontact{
	float: left;
	display: inline;
	width: 640px;
	padding:  0 0 10px 20px;
	margin-top: -20px;
	background: #000;
	margin-left: 80px;
}

.formreklamaatio{
	float: left;
	display: inline;
	width: 570px;
	margin-top: 50px;
}

.formreklamaatio input{
	float: left;
	display: inline;
	margin-bottom: 5px;
	color: #fff;
	background: #222;
}

.formreklamaatio .title input, .formreklamaatio .title select{
	float: left;
	display: inline;
	margin-bottom: 5px;
	background: #222;
	color: #fff;
	border: 1px solid #888;
}

td.title{
	padding: 0;
}

td.input{
	margin: 0;
	padding: 0;
}

td input.file{
	margin-left: 0;
	padding-left: 0;
}

.field{
	float: left;
	display: inline;
}

.field select, .field select:focus{
	background: #222 !important;
	color: #fff;
}

.field input{
	background: #222;
	border: #888;
	width: 290px !Important;
}

label {
	color: #fff;
	float: left; 
	display: inline; 
	width: 260px !Important; 
	text-align: right; 
	padding-right: 10px;
}

fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

input.text, input.title   { width: 300px; margin:0.5em 0.5em 0.5em 0; }
input.text, input.title   { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }

textarea            { float: left; display: inline; width: 280px; height: 50px; margin:0.5em 0.5em 1em 0; background: #222; color: #fff;}
textarea            { border:1px solid #ccc; background:#222; padding:5px; }
textarea:focus      { border:1px solid #ccc; background:#222; color: #fff;}

select              { border:1px solid #ccc; background:#fff; width:290px; *margin-left:5px;}
select:focus        { border:1px solid #ccc; background:#fff; }


/* -----------------------------------------------------------

Structure

----------------------------------------------------------- */

body {
	background: #000;
	text-align: center; /*ie hack for centered layout. if not centered, remove this line and the next hack in wrapper*/
}

.site {
	float: left;
	display: inline;
	overflow: hidden;
	width: 1150px; /*fill in the width of the page*/
	text-align: left; /*for previous ie hack*/
}

#wrapper{
	margin: auto;
	width: 1150px;
	overflow: hidden;
	text-align: left; /*for previous ie hack*/
}

.right{
	float: right;
	display: inline;
	width: 350px;
	padding-top: 20px;
}

#bg{
	background: #000 url(img/backgrounds/frontpage.jpg) no-repeat top left;

}
#practiceareas{
	background: transparent url(img/backgrounds/practice_areas.jpg) no-repeat right bottom !Important;	
}

#people{
	background: transparent url(img/backgrounds/comp_development.jpg) no-repeat left top !Important;	
}

#locations{
	background: transparent url(img/backgrounds/locations.jpg) no-repeat 0 0 !Important;	
}

#lawyers{
	background: transparent url(img/backgrounds/lawyers.jpg) no-repeat 0 0 !Important;	
}

#support{
	background: transparent url(img/backgrounds/career_opportunities_tummempi.jpg) no-repeat 0 0 !Important;	
}

#media{
	background: transparent url(img/backgrounds/press.jpg) no-repeat 0 0 !Important;	
}

#office{

	background: transparent url(img/students-images/backgrounds/office_support.jpg) no-repeat 0 0 !Important;	
}

#lawstudents{
	background: transparent url(img/students-images/backgrounds/frontpage.jpg) no-repeat 0 0 !Important;	
}

#km-trainee{
	background: transparent url(img/students-images/backgrounds/trainee_legal.jpg) no-repeat 0 0 !Important;	
}

#thesis{
	background: transparent url(img/students-images/backgrounds/trainee_thesis.jpg) no-repeat 0 0 !Important;	
}

#assosiate{
	background: transparent url(img/students-images/backgrounds/associate_trainee.jpg) no-repeat 0 0 !Important;	
}

#apply{
	background: transparent url(img/students-images/backgrounds/apply.jpg) no-repeat 0 0 !Important;	
}

#summer{
	background: transparent url(img/students-images/backgrounds/trainee_summer.jpg) no-repeat 0 0 !Important;	
}

#empty{
	background: transparent url(img/backgrounds/empty_bg.jpg) no-repeat left top !Important;	
}

#apply2{
	background: transparent url(img/backgrounds/apply.jpg) no-repeat 0 0 !Important;	
}

#graduate{
	background: transparent url(img/students-images/backgrounds/trainee_associate.jpg) no-repeat right top !Important;	
}

.welcome{
	float: left;
	display: inline;
	background: #fff;
	width: 620px;
	margin-left: 245px;
	margin-top:-20px;
	opacity: 0.93;
	color: #000;
	padding: 30px;
	filter: alpha(opacity = 93);
}

.lawstudents_eng{
	float: left;
	display: inline;
	margin-left: 245px;
	margin-top:-20px;
	padding-top: 100px;
	background: #000;
	opacity: 0.9;
	width: 550px;
}

.lawstudents_eng h1{
	xpadding-top: 100px;
	color: #fff;
}

.lawstudents_eng .quote_student{
	padding-left: 50px;
}

.black{
	float: left;
	display: inline;
	background: #000;
	width: 580px;
	margin-top: -20px;
	margin-left: 100px;
	opacity: 0.85;
	padding: 30px;
	filter: alpha(opacity = 85);
}
#thesis .black, #office .black, #assosiate .black, #summer .black{
	margin-left: 60px;
	width: 600px;
}
#thesis .main-contacts, #office .main-contacts, #assosiate .main-contacts, #summer .main-contacts{
	background: #000;
	opacity: 0.95;
	filter: alpha(opacity = 95);
	margin-right: 60px;
	padding-left: 30px;
	width: 290px;
}
#thesis .people, #office .people, #assosiate .people, #summer .people{
	margin-right: 15px;
}
/*#thesis .black{
margin-left: 20px;
width: 1050px;
}
#thesis .left p span {
color: #DE7510;
font-size: 100%;
line-height: 1;
padding: 0 5px 0 0;
}
#thesis .people{
margin-right: 15px;
}*/

.black h1{
	font-size: 2em;
}

.black-contacts{
	float: right;
	display: inline;
	background: #000;
	width: 320px;
	margin-top: -20px;
	xmargin-left: 100px;
	xopacity: 0.85;
	padding: 30px;
	xfilter: alpha(opacity = 85);
}

.contactperson{
	float: left;
	display: inline;
	width: 100%;
	padding-bottom: 20px;
}

.contactperson-stu{
	float: left;
	display: inline;
	width: 100%;
	padding-bottom: 20px;
}

.contactperson h2, .contactperson-stu h2{
	font-size: 1.2em;
}

/* Header
-------------------------------------------------------------- */
.header{
	float: left;
	display: inline;
	padding-bottom: 10px;
	padding-top: 40px;
	width: 100%;
	border-bottom: 1px solid #de7510;
}

.header img{
	float: left;
	display: inline;
	padding-top: 5px;
	padding-left: 20px;
}

.contactheader{
	float: left;
	display: inline;
	padding-left: 10px;
}

.contactheader a{
	color: #de7510 !important;
	font-size: 0.9em;
	font-weight: bold;
}

.contactheader a:hover{
	color: #fff !important;
}

.contactheader a img{
	float: left !important;
	display: inline;
	padding: 20px 5px 0 0px !important;
}

.formsearch{
	float: left;
	display: inline;
	width: 265px;
}

input.search{
	outline: 0;
	padding-top: 7px;
	padding-bottom: 3px;
	width: 190px;
	color: #b7b7b7;
	margin-right: 5px;
	border: 2px solid #2e2e2e;
	background: transparent url(img/buttons/search-bg.jpg) repeat-x 0 0;
}

input.submit{
	width: 61px;
	text-indent: -9000px !important;
	padding-top: 7px;
	padding-bottom: 5px;
	cursor: pointer;
	border: none;
	background: transparent url(img/misc/footerSearchBtn.png) no-repeat 0 0;
}

.menu{
	width: 550px;
	margin-top: 420px;
	padding-left: 50px;	
}

.menu li {
	padding-bottom: 0px;
	color: #000;
}

.menu ul {
	float: left;
	display: inline;
	width: 600px;
	list-style: none;
	margin: 0px;
	padding: 0px 0 0 50px;
	background: transparent url(img/misc/menuTriangle.png) no-repeat 0px 14px;
	_background: transparent url(img/misc/menuTriangle.gif) no-repeat 0px 14px;
}

.menu ul li{
	float: left;
	display: inline;
	padding-top: 30px;
	_padding-top: 27px;
	font-size: 1.3em;
}

.menu li a{
	float: left;
	display: inline;
	padding: 0px 10px 0 10px;
	color:#000;
}
.menu li a:hover {
	color:#DE7510;
}

.block a:hover {
	color: #fff;
}

.menu ul  li.h1{
	padding-top: 0 !Important;
}

.menu ul li.h1 a{
	float: left;
	display: inline;
	color: #fff;
	padding-left: 0 !Important;
	font-size: 2.7em;
}

.menu ul li.h1 a:hover{
	float: left;
	display: inline;
	color:  #de7510;
	padding-left: 0 !Important;
	font-size: 2.7em;
}
.menu-people b {
	font-size: 1.3em;
	color: #de7510;
}

.menu-people a {
	color: #07a3d6;
	text-decoration: none;
}

.menu-people{
	float: left;
	display: inline;
	width: 550px;
}

.menu-people ul{
	list-style-type: none;
}

.menu-location{
	float: left;
	display: inline;
	width: 550px;
}

.maa{
	float: left;
	display: inline;
	width: 550px;
	line-height: 2.4em;
	*line-height: 3.5em;
}

#location.left h1{
	font-weight: normal !Important;
}

.menu-location h2{
	float: left;
	display: inline;
	color: #de7510;
	padding-top: 20px;
	margin-bottom: 0.5em;
}

.menu-location h3{
	margin-bottom: 0.5em;
	_line-height: 1.5em;
	*line-height: 1.5em;
	font-size: 2em;
	color: #fff;
	float: left;
	display: inline;
}

.menu-location a{
	float: left;
	padding-left: 20px;
	display: inline;
}

.contacts{
	float: left;
	display: inline;
	padding-top: 30px;
}

.welcome-menu{
	float: left;
	display: inline;
	width: 550px;
	margin-top: 30px;
	padding-left: 50px;	
}

.menu-students{
	float: left;
	display: inline;
	width: 100%;
}

.menu-students h1{
	float: left;
	display: inline;
	width: 100%;
	font-size: 2em;
}

.menu-students a{
	float: left;
	display: inline;
	width: 100%;
}

.block{
	float: left;
	display: inline;
	width: 100%;
	padding-left: 20px;
	padding-bottom: 20px;
}

.block ul{
	list-style-type: none;
	margin-left: 0;
}

.block ul li{
	_line-height: 1em;
}


/* Navigation
------------------------------------------------------------- */
.navi{
	float: left;
	display: inline;
	width: 616px;
	xpadding-left: 20px;
	line-height: 2.2em;
}

.navi a{
	float: left;
	font-size: 1.2em;
	color: #fff;
	display: inline;
	padding: 0 20px 0 0px;
}

.navi a:hover, .navi a.selected{
	color: #de7510;
}

.navbar {
	float: left;
	display: inline;
	width: 1210px;
	margin-bottom: 20px;
	padding: 5px 0 3px 20px;
	border-bottom: 1px solid #888;
	background: #262626 url(img/misc/menuTriangles_small.png) no-repeat 5px 7px;
}

.navbar a {
	color: #fff;
	text-decoration: none;
}

.navbar a:hover{
	color: #07a3d6;
}

.alapalkki{
	float: left;
	display: inline;
}

.attachments{
	float: left;
	display: inline;
	clear: both;
	width: 100%;
	padding-top: 20px;
}

.print a{
	color: #fff !Important;	
	padding-right: 20px;
	background: transparent url(img/misc/printIcon2.png) no-repeat top right;
	_background: transparent url(img/misc/printIcon2.gif) no-repeat top right;
}

#print-html{
	float: right;
	display: inline;
	xclear:both;
	padding: 40px 0 30px 0;
}

#print-html a{
	color: #07a3d6 !Important;
}

#print-html a:hover{	
	color: #fff !Important;
}

.download a{
	color: #fff !Important;	
	padding-right: 20px;
	background: transparent url(img/misc/downloadIcon2.png) no-repeat top right;
	_background: transparent url(img/misc/downloadIcon2.gif) no-repeat top right;
}

.download a:hover, .print a:hover{
	color: #07a3d6 !Important;
}

#aboutus a{
	width: 180px;
	text-indent: -9000px;
	_text-indent:0;
	background: transparent url(img/buttons/aboutus.png) no-repeat center left;
	_background: none;
}

#aboutus a:hover{
	background: transparent url(img/buttons/aboutus2.png) no-repeat center left;
	_background: none;
}

#workforus a{
	width: 220px;
	text-indent: -9000px;
	_text-indent:0 !Important;
	background: transparent url(img/buttons/workforus.png) no-repeat center left;
	_background: none !Important;
}

#workforus a:hover{
	_background: none !Important;
	background: transparent url(img/buttons/workforus2.png) no-repeat center left;
}

#news a{
	width: 260px;
	_width: 280px;
	text-indent: -9000px;
	_text-indent:0 !Important;
	background: transparent url(img/buttons/news.png) no-repeat center left;
	_background: none !Important;
}

#news a:hover{
	_background:none !Important;
	background: transparent url(img/buttons/news2.png) no-repeat center left;
}
/* Content
-------------------------------------------------------------- */

.apply-linkki{
	float: left;
	display: inline;
}
.apply-linkki a{
	float: left;
	display: block;
	clear: both;
	margin-bottom: 10px;
}
.content{
	float: left;
	display: inline;
	width: 100%;
	padding-bottom: 20px;
	min-height: 670px;
	height: auto !Important;
	height: 670px;
}
.flashlink {
	margin: 10px 0 0 10px;	
}

.flashlink a {
	color: #666666;	
}

.flashlink a:hover {
	color: #ffffff;	
}

.quote{
	float: left;
	display: none;
	margin-top: 135px;
	padding-left: 105px;
	width: 550px;	
}
.xmas_link {
	display: block;
	float: left;
	height: 100px;
	margin-left: 860px;
	margin-top: 291px;
	width: 200px;
	text-indent:-9999px;

}
.people-list{
	float: left;
	display: inline;
	padding-left: 35px;
}

.cv{
	float: left;
	display: inline;
	x_width: 600px;
	padding-left: 35px;
}

.quote h1{
	font-weight: normal;
	font-size: 2.5em;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 22px;
}

.page{
	float: left;
	display: inline;
	width: 580px;
}

.main-contacts {
	float: right;
	display: inline;
	width: 350px;
	padding-top: 10px;
	padding-bottom: 20px;
}

.link1 {
	color: #07a3d6;
	text-decoration: none;
}

.left{
	float: left;
	display: inline;
	width: 600px;
	padding-left: 35px;
}

.left p span{
	float: left;
	display: inline;
	font-size: 2em;
	line-height: 1.3em;
	color: #888;
	padding: 10px 0 10px 20px;
}

#location{
	padding-top: 130px !Important;
	padding-left: 70px;
}

.logoala{
	float: left;
	display: inline;
	padding-left: 10px;
	padding-top: 3px;
}

.logoala a{
	color: #fff;
}

.logoala a:hover{
	color: #07a3d6;
}

a#main{
	background: transparent url(img/misc/RR_logo.png) no-repeat left center;
	_background: transparent url(img/misc/RR_logo.gif) no-repeat left center;
	padding-left: 130px;
	border-bottom: none;
	padding-top: 3px;
}

a#main:hover{
	background: transparent url(img/misc/RR_logo_hover.png) no-repeat left center;
	_background: transparent url(img/misc/RR_logo_hover.gif) no-repeat left center;
}

#main2{
	background: transparent;
	border-top: 1px solid #888;
	margin-bottom: 0;
	padding-top: 5px;
	width: 1140px;
	padding-left: 10px;
}

.logo_ala{
	float: right;	
}

.people .link {
	color: #de7510;
	text-decoration: none;
}

.people .nimi{
	width: 100%;
	color: #07a3d6;
}

.people .nimi:hover{
	text-decoration: none;
	color:#fff;
}

.people-list a:hover{
	color: #07a3d6;
	text-decoration: none;
}

.cv-item {
	width: 500px;
	margin-bottom: 5px;
}

.cv-item div span{
	width: 500px;
	padding-left: 120px;
	*padding-left:0;
}

.cv-item h1{
	font-size: 2em;
}

.info {
	float: left;
	display: inline;
	width: 100%;
	_width: 500px;
	clear: both;
}

.info .p1 {
	float: left;
	display: inline;
	width: 100px;
	margin-right: 20px;
	color: #f58025;
}

.info .p2 {
	float: left;
	display: inline;
	padding-bottom: 10px;
	width: 380px;
}

.mediacontacts a {
	color: #07a3d6;
	text-decoration: none;
}
.filter{
	float: left;
	display: inline;
	width: 100%;
	padding-left: 35px;
}

.filter a {
	color: #ffffff;
	padding: 0 10px 0 0px;
}

.filter .selected, .filter a:hover {
	color: #07a3d6;
}

.news-list {
	float: left;
	display: inline;
	width: 450px;
	padding: 40px 30px 0 35px;
}

.news-list .news a {
	display: block;
	color: #888;
}

.news-list .news a:hover {
	display: block;
	color: #fff;
}

.news{
	float: left;
	display: inline;
	width: 450px;
	padding-bottom: 20px;	
}

.news a.selected, .news a.selected:hover {
	color: #07a3d6;
}

.news a.selected span{
	color: #de7510;
}

.news-right{
	float: left;
	display: inline;
	padding-top: 40px;
	width: 540px;
}

.news-right div{

}

.news-right h1{
	font-size: 2em;
}

a.legal {
	flot:left;
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
	color: #fff !Important;
}

a.legal:hover {
	color: #07a3d6 !Important;
}

#legal div{
	float: left;
	display: block;
	width: 100%;
}

#legal div span{
	float: left;
	display: inline;
	width: 100%;
	padding-top: 10px;	
	padding-bottom: 10px;
}

.title {
	float: left;
	display: inline;
	xwidth: 100%;
	padding-right: 5px;
	color: #de7510;
}

.page-content{
	float: left;
	display: inline;
	width: 580px;
	min-height: 670px;
	height: auto !important;
	height: 670px;
}

.page-content .page span{
	font-size: 1.2em !important;
}

.page-content .page span b{
	font-size: 1.5em !important;
	line-height: 1.3em;
	font-weight: normal;
}

.page-content h1{
	padding-left: 0;
}

.page-content h2{
	font-size: 1.4em;
	color: #222;
}

.page-content h2 span{
	font-weight: bold;	
}

.page div{
	float: left;
	display: inline;
	width: 580px;
}

.page div span{
	font-size: 1.3em !Important;
}

#contact-person{
	float: left;
	display: inline;
	width: 165px;
	font-size: 0.9em;
}

.people {
	float: left;
	display: inline;
	width: 125px;
	height: 180px;
	overflow: hidden;
	padding-bottom: 10px;
}

.people img{
	border: 1px solid #888;
}

.people a{
	float: left;
	display: inline;
	width: 100%;
	clear: both;
	color: #fff;
}
.person-photo{
	float: left;
	display: inline;
	border: 1px solid #888;
	margin-right: 18px;
	_margin-right: 16px;
	margin-bottom: 5px;
}
#sitemap{
	float: left;
	display: inline;
	width: 100%;
}

#sitemap ul{
	margin-left: 2em;
	margin-bottom: 0;
	color: #ccc;
	list-style-type: none;
}

#sitemap ul ul{
	margin-left: 1em;
}

#work-for-us .page div{
	xpadding-bottom: 15px;
}

/* Image Buttons
-------------------------------------------------------------- */
.img-button{
	float: left;
	display: inline;
	width: 730px;
}

.img-button a{
	color: #fff;
	font-size: 2em;	
	text-indent: 15px;
}

.images{
	float: left;
	display: inline;
	width: 500px;
}
.images  a{
	color: #fff;
	font-size: 2em;	
	text-indent: 30px;
}

#lawyers-button{
	float: left;
	display: inline;
	margin: 100px 0 0 90px;
	width: 340px;
	line-height: 5.2em;
	height: 138px;
	border: 1px solid #fff;
	background: transparent url(img/buttons/lawyers_grey.jpg) no-repeat 0 0;
}

#lawyers-button:hover{
	background: transparent url(img/buttons/lawyers.jpg) no-repeat 0 0;
}

#support-button{
	float: left;
	display: inline;
	margin: 20px 0 0 90px;
	width: 340px;
	line-height: 5.2em;
	color: #000;
	height: 136px;
	border: 1px solid #fff;
	background: transparent url(img/buttons/support_grey.jpg) no-repeat 0 0;
}

#support-button:hover{
	background: transparent url(img/buttons/support.jpg) no-repeat 0 0;
}

#lawstudents-button{
	float: left;
	color: #000;
	display: inline;
	margin: 20px 0 0 90px;
	width: 340px;
	line-height: 5.2em;
	height: 137px;
	border: 1px solid #fff;
	background: transparent url(img/buttons/law_students3_grey.jpg) no-repeat 0 0;
}

#lawstudents-button:hover{
	background: transparent url(img/buttons/law_students3.jpg) no-repeat 0 0;
}

#people-button{
	float: left;
	display: inline;
	margin: 210px 0 0 90px;
	width: 177px;
	height: 245px;
	border: 1px solid #fff;
	background: transparent url(img/buttons/people_grey.jpg) no-repeat 0 0;
}

#people-button:hover{
	background: transparent url(img/buttons/people.jpg) no-repeat 0 0;
}

#news-button{
	float: left;
	display: inline;
	margin: 210px 0 0 90px;
	width: 301px;
	padding-top: 15px;
	height: 207px;
	border: 1px solid #fff;
	background: transparent url(img/buttons/latest_news_grey.jpg) no-repeat 0 0;
}

#news-button:hover{
	background: transparent url(img/buttons/latest_news.jpg) no-repeat 0 0;
}

#press-button{
	float: left;
	color: #000;
	display: inline;
	margin: 80px 0 0 10px;
	width: 241px;
	padding-top: 15px;
	height: 242px;
	border: 1px solid #fff;
	background: transparent url(img/buttons/press_grey.jpg) no-repeat 0 0;
}

#press-button:hover{
	background: transparent url(img/buttons/press.jpg) no-repeat 0 0;
}

#practice{
	float: left;
	display: inline;
	margin: 10px 0 0 10px;
	width: 349px;
	height: 80px;
	border: 1px solid #fff;
	background: transparent url(img/buttons/practice_areas_grey.jpg) no-repeat 0 0;
}

#practice:hover{
	background: transparent url(img/buttons/practice_areas.jpg) no-repeat 0 0;
}

#location-img{
	color: #000;
	float: left;
	display: inline;
	margin: 140px 0 0 10px;
	width: 192px;
	xheight: 94px;
	padding-top: 54px;
	border: 1px solid #fff;
	background: transparent url(img/buttons/locations_grey.jpg) no-repeat 0 0;
}

#location-img:hover{
	background: transparent url(img/buttons/locations.jpg) no-repeat 0 0;
}

/* Footer
-------------------------------------------------------------- */
#footer{
	clear: both;
	float: left;
	display: inline;
	width: 1150px;
	margin-top: -5px;
	line-height: 4.5em;
	height: 57px;
	position: relative;
	background: transparent url(img/misc/footerBg.png) no-repeat 0 0;
}

#footercontact{
	padding-left: 40px;
	padding-top: 2px;
	*padding-top: 0px;
	background: transparent url(img/misc/footercontact.png) no-repeat center left;
	_background: transparent url(img/misc/footercontact2.gif) no-repeat center left;
}

#footercontact:hover{
	background: transparent url(img/misc/footercontact2.png) no-repeat center left;
	_background: transparent url(img/misc/footercontact.gif) no-repeat center left;

}

.roschier{
	position: absolute;
	top: 0;
	right: 0;
	width: 150px;
	height: 50px;
}

/* -----------------------------------------------------------

Clear floats

----------------------------------------------------------- */
.wrapper 		{ display: inline-block; }
.wrapper:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper 		{ display: block; }


#bg-reverted{
	background: #000 url(img/backgrounds/frontpagef.jpg) no-repeat top left;
}
#bg-reverted #aboutus a{
	background: #000 url("img/buttons/aboutus-reverted.png") no-repeat top left;
}
#bg-reverted #aboutus a:hover{
	background: #000 url("img/buttons/aboutus2.png") no-repeat top left;
}
#bg-reverted #news a{
	background: #000 url("img/buttons/news-reverted.png") no-repeat top left;
}
#bg-reverted #news a:hover{
	background: #000 url("img/buttons/news2.png") no-repeat top left;
}
#bg-reverted #workforus a{
	background: #000 url("img/buttons/workforus-reverted.png") no-repeat top left;
}
#bg-reverted #workforus a:hover{
	background: #000 url("img/buttons/workforus2.png") no-repeat top left;
}
#bg-reverted .menu li a{
  color: #14c3de;
}
#bg-reverted .menu ul li{
  padding-top: 15px;
}
#bg-reverted .menu ul li a:hover{
  color: #fff;
}
#bg-reverted .quote{
  display: block;
}