/* CSS Document */

@import url (normalise.css);

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
background: #cccccc;

}

#wrapper { 
margin-left: 100px;
margin-right: auto;

 width: 735px;
background: #fff;
padding: 10px;
}
#header {
 color: #333;
 width: 700px;
 float: left;
 padding: 0px;
 border: 0px solid #ccc;
 height: 30px;
 margin: 0px 5px 5px 0px;
 background: #fff;
}

#header1 {
 color: #333;
 width: 700px;
 float: left;
 padding: 0px;
 border: 0px solid #ccc;
 height: 20px;
 margin: 5px 0px 5px 0px;
 background: #fff;
}

#header2 {
 color: #333;
 width: 700px;
 float: left;
 padding: 0px;
 border: 1px solid #ccc;
 height: 20px;
 margin: 5px 0px 5px 0px;
 background: #fff;
}

#header3 {
 color: #333;
 width: 700px;
 float: left;
 padding: 0px;
 
 height: 260px;
 margin: 5px 0px 5px 0px;
 background: #fff;
}

#header4 {
 color: #333;
 width: 700px;
 float: left;
 padding: 0px;
 border: 0px solid #ccc;
 height: 30px;
 margin: 5px 0px 5px 0px;
 background: #fff;}
 
 #header5 {
 color: #333;
 width: 700px;
 float: left;
 padding: 0px;
 border: 0px solid #ccc;
 height: 90px;
 margin: 0px 5px 5px 0px;
 background: #fff;
}

#leftcolumn { 
 color: #333;
 border: 0px solid #ccc;
 background: #fff;
 margin: 0px 5px 5px 10px;
 padding: 10px;
 height: 350px;
 width: 195px;
 float: left;
}
#content { 
 float: left;
 color: #333;
 border: 0px solid #ccc;
 background: #fff;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height: 350px;
 width: 430px;
 display: inline;
}
#rightcolumn { 
 color: #333;
 border: 0px solid #ccc;
 background: #fff;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 height: 350px;
 width: 195px;
 float: left;
}

#thirdcolumn { 
 color: #333;
 border: 0px solid #ccc;
 background: #fff;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 height: 350px;
 width: 195px;
 float: right;
}


#footer { 
 width: 700px;
 clear: both;
 color: #333;
 border: 1px solid #ccc;
 background: #fff;
 margin: 0px 0px 10px 0px;
 padding: 5px;
}


/*-------------------------------NAVIGATION CSS----------------------------- */




#vdividermenu ul{
margin: 0;
padding: 0;
margin-bottom: 1em;
float: left;
font: bold 100% Tohoma;
width: 100%;
border: 0px solid #625e00;
background-color: #fff;
}

* html #vdividermenu ul{ /*IE only rule, reduce menu width*/
width: 99%;
}

#vdividermenu ul li{
display: inline;
}

#vdividermenu ul li a{
float: left;
color: black;
padding: 2px 12px;
text-decoration: none;
background: transparent url(http://www.ibk-lawyers.com/pixies/vertical.gif) center right no-repeat;
}

#vdividermenu ul li a:visited{
color: black;
}

#vdividermenu ul li a:hover{
color: black;
background-color: #DC143C;
}



/*-------------------------------drop shadow box CSS----------------------------- */



.shiftcontainer{
position: relative;
left: 3px; /*Number should match -left shadow depth below*/
top: 3px; /*Number should match -top shadow depth below*/
margin-bottom: 1em;

}

.shadowcontainer{
width: 190px; /* container width*/
background-color: #d1cfd0;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 10px;
position: relative;
left: 3px; /*shadow depth*/
top: -3px; /*shadow depth*/

}


.shiftcontainer1{
position: relative;
left: 3px; /*Number should match -left shadow depth below*/
top: 3px; /*Number should match -top shadow depth below*/
}

.shadowcontainer1{
width: 420px; /* container width*/
background-color: #d1cfd0;
}

.shadowcontainer1 .innerdiv1{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -3px; /*shadow depth*/
top: -3px; /*shadow depth*/
}




/*-------------------------------dogear corner box CSS----------------------------- */


.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 300px;
}

.curlycontainer .innerdiv{
background: transparent url(http://www.ibk-lawyers.com/pixies/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}

.curlycontainer{
border: 1px dotted solid #b8b8b8;
margin-bottom: 1em;
width: 190px;
}

.curlycontainer .innerdiv{
background: transparent url(http://www.ibk-lawyers.com/pixies/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 10px 4px 15px 5px;
}

.curlycontainer1{
border: 1px dotted solid #b8b8b8;
margin-bottom: 1em;
width: 200px;
float: right;
padding: 5px;
}

.curlycontainer1 .innerdiv1{
background: transparent url(http://www.ibk-lawyers.com/pixies/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 10px 4px 15px 5px;
}

/*-------------------------------subdivisions----------------------------- */

#sub-main {
    width:100%;
    height:200px;
background: #fff;
margin-bottom: 5px;
padding: 5px;
}


.sub-left {
    float:left;
    width: 27%;
    height: 200px;
background: #fff;
border: 1px solid #ebebeb;
margin: 5px;
padding: 5px;
}

.sub-leftlong {
    float:left;
    width: 27%;
    height: 600px;
    background: #E6E6FA;
border: 1px solid #ebebeb;
margin: 5px;
padding: 5px;
}

.sub-center {
    float:left;
    width: 30%;
    height: 200px;
background: #fff;
margin-right: 5px;
padding: 5px;
}
.sub-right {
    float:left;
    width: 30%;
    height: 200px;
background: #fff;
margin-right: 5px;
padding: 5px;
} 

.sub-47 {
    float:left;
    width: 47%;
    height: 200px;
background: #fff;
margin-right: 5px;
padding: 5px;
} 

.sub-40 {
    float:left;
    width: 40%;
    height: 200px;
background: #fff;
margin-right: 5px;
padding: 5px;
} 

#sub-60 {
    float:left;
    width: 60%;
    border: 1px solid #ebebeb;
background: #fff;
padding: 5px;
} 

.sub-hor {
    float:left;
    width: 100%;
    border: 1px solid dotted #red;
background: #fff;
padding: 5px;
} 

.leftbox {
    float:left;
    width: 40%;
    border: 1px solid dotted #red;
background: #fff;
padding: 5px;
margin: 5px;
} 

.leftbox00 {
    float:left;
    width: 200px;
    border: 0px;
background: #fff;
padding: 5px;
margin: 5px;
} 

.rightbox00 {
    float:right;
    width: 180px;
    border: 0px;
background: #fff;
padding: 5px;
margin: 5px;
} 

.rightbox000 {
    float:right;
    width: 180px;
    border: 0px;
background: #fff;
padding: 5px;
margin: 5px 35px 5px 5px;
} 

/*-------------------------------SUB-NAVI----------------------------- */


#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold 9px Arial;
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: black; /*Default menu color*/
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
background-color: gray; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
border-color: #D25A0B; /*Brown color theme*/ 
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #D25A0B; /*Brown color theme*/ 
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: bold 11px Verdana;
height: 22px;
background-color: lightyellow;
}

/*-------------------------------round corner image CSS----------------------------- */


.image img {
display: block;
}

.image {
position: relative;
float: left;
margin-bottom: 5px;
}


.image span {
width: 16px;
height: 16px;
font-size: 0;
background-image: url(http://www.ibk-lawyers.com/pixies/rounded-corners.gif);
position: absolute;
}

.tl {
top: 0;
left: 0;
}
.tr {
top: 0;
right: 0;
background-position: 16px 0;
}
.bl {
bottom: 0;
left: 0;
background-position: 0 16px;
}
.br {
bottom: 0;
right: 0;
background-position: 16px 16px;
}


/*-------------------------------FONTS CSS----------------------------- */

h3 {
	font:bold italic 4em Times New Roman, Verdana, Arial, Helvetica, sans-serif;
	color:#FF6347;
	margin:0px 0px 5px 0px;
	padding:0px;}

h2 {
	font:bold 2em Verdana, Arial, Helvetica, sans-serif;
	color: #DC143C;
	margin:20px 0px 5px 0px;
	padding:0px;}

h1 
{font: bold 36px/54px Verdana, Arial, Helvetica, sans-serif;
color: #DC143C;margin:0px 0px 5px 0px;padding:0px;}

h1.sub 
{font: bold 10px Verdana, Arial, Helvetica, sans-serif;
color: #DC143C;margin:5px;padding:0px;}

h3.branding {
	font:bold italic 6em Times New Roman, Verdana, Arial, Helvetica, sans-serif;
	color:#808080;
	margin:0px 0px 5px 0px;
	padding:0px;}

h3.firm {
	font:bold italic 3em Times New Roman, Verdana, Arial, Helvetica, sans-serif;
	color:#8B4513;
	margin:0px 0px 5px 0px;
	padding:0px;}



p {
	font:1.1em Verdana, Arial, Helvetica, sans-serif;
	color:#2F4F4F;
	line-height: 1.5em;
	margin:1em;
	padding:0px;}

p.sub {
	font:0.8em Verdana, Arial, Helvetica, sans-serif;
	color:#696969;
	line-height: 1.5em;
	margin:1em 1.5em 1em 0.5em;
	padding:5px;}

p.further {
	font:1.6em italic Verdana, Arial, Helvetica, sans-serif;
	color:#DC143C;
	line-height: 1.5em;
	margin:1em 1.5em 1em 0.5em;
	padding:0px;}

p.reverse {
	font:1.6em italic Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#DC143C;
	line-height: 1.5em;
	margin:1em 1.5em 1em 0.5em;
	padding:10px;}
	
p.reverse1 {
	font:1.2em bold Tolkien, Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#DC143C;
	line-height: 1.5em;
	margin:1em 1.5em 1em 0.5em;
	padding-left:10px;
	text-align: center}
	

p.warning {
	font:10px italic Verdana, Arial, Helvetica, sans-serif;
	color:#DC143C;
	line-height: 10px;
	padding:0px;}

p.quote {
	font:1.1em italic Verdana, Arial, Helvetica, sans-serif;
	color:#191970;
	font-style: italic;
	background-color:#fff;
	line-height: 1.2em;
	margin-left:3em;
	padding:0px;}

p.tomato {
	font:bold 1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #FA8072;
	margin:5px;
	padding:0px;}

p em {border-bottom: 1px dotted #DC143C;}

span.warning {
	font:8px italic Verdana, Arial, Helvetica, sans-serif;
	color:#DC143C;
	line-height: 8px;
	padding:0px;}

/*-------------------------------LISTS----------------------------- */

ul.none 
{list-style-type: none}

ul.nonechar {
	list-style-type: none;
	text-indent: -1.6em;
	padding-left: 2em;
	line-height:1;
	font-size:14px;
	font-style: italic;
}

ul.cases {
	list-style-type: none;
	padding-left: 2em;
	line-height:1.5;
	font-size:12px;
	}

/*-------------------------------PULLQUOTE CSS----------------------------- */



.pullquote {
width: 90%;
float:center;
font-size:120%;
font-color:#DC143C;
line-height:120%;
margin:0px;
background: url(http://www.ibk-lawyers.com/pixies/closequote.gif) no-repeat bottom right !important;
background /**/:url(); /* Disabling quote effect in IE5 + */
padding: 0px;
}
.pullquote:first-letter {
background: url(http://www.ibk-lawyers.com/pixies/openquote.gif) no-repeat left top!important;
padding:5px 2px 10px 35px!important;
padding /**/:0px; /* Disabling quote effect in IE5 + */
background /**/: url(); /* Disabling quote effect in IE5 + */
}

.pullquote1 {
width: 90%;
float:left;
font-size:130%;
line-height:130%;
margin:5px;
background: url(http://www.ibk-lawyers.com/pixies/redquoteright.gif) no-repeat bottom right !important;
background /**/:url(); /* Disabling quote effect in IE5 + */
padding:10px 5px 5px 0px;
}
.pullquote1:first-letter {
background: url(http://www.ibk-lawyers.com/pixies/redquoteleft.gif) no-repeat left top!important;
padding:5px 2px 10px 15px!important;
padding /**/:0px; /* Disabling quote effect in IE5 + */
background /**/: url(); /* Disabling quote effect in IE5 + */
}

.pullquote2 {
width: 90%;
float:left;
font-size:140%;
font-color:#DC143C;
line-height:130%;
margin:5px;
background: url(http://www.ibk-lawyers.com/pixies/redquoteright.gif) no-repeat bottom right !important;
background /**/:url(); /* Disabling quote effect in IE5 + */
padding:10px 5px 5px 0px;
}
.pullquote2:first-letter {
background: url(http://www.ibk-lawyers.com/pixies/redquoteleft.gif) no-repeat left top!important;
padding:5px 2px 10px 15px!important;
padding /**/:0px; /* Disabling quote effect in IE5 + */
background /**/: url(); /* Disabling quote effect in IE5 + */
}


/*-------------------------------LINKS CSS----------------------------- */


a 
{color:#DC143C;
font-size:1em;
line-height: 1em;
font-weight:400;
font-family:Verdana, Arial, Helvetica, sans-serif;;
text-decoration:none;}

a:link 
{color:#DC143C;
font-weight: 400;}

a:visited 
{color:#DC143C;
font-weight: 400;
text-decoration: none;}

a:hover 
{background-color:#DC143C;
color: #FFFFFF;
font-weight: 400;}


/*-------------------------------FORM CSS----------------------------- */

input
{background-color: #ebebeb;
}

input.chkbx
{background-color: #fff;
display: inline;
}

textarea
{background-color: #ebebeb;
}

form p 
{clear: left;
margin: 0;
padding: 0;
padding-top: 10px;}

form p label
{float: left;
width: 25%;}

p.checkbox {
display: inline;
float: left;}

/*-------------------------------round corner CSS----------------------------- */


div#nifty{background: #F5F5F5; width:450px;}

b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #F5F5F5}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

div#nifty40{background: #ebebeb; width:400px;}

div#nifty20{background: #F5F5F5; width:200px;}

/*-------------------------------thumbnail image list----------------------------- */

#imagelist {
	list-style-type: none; }
	
imagelist li {
	float: left;
	margin-right: 6px
	margin-bottom: 10px
	font: bold 1em Arial, Helvetica, san-serif;
	color: #333333;}
	
imagelist img {
	display: block;
	border: 0px solid #333333; }
			