@charset "utf-8";
/* CSS Document */

body {
background-image: url(../images/bg.jpg);
background-repeat: no-repeat;
background-position: center top;
margin: 0px;
}

p {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333333;
padding: 0;
margin: 0;

}

#head {
width: 983px;
height: 100px;
margin-left: auto;
margin-right: auto;
background-image: url(../images/head.png);
}

#footer {
width: 983px;
height: 100px;
margin-left: auto;
margin-right: auto;
text-align: center;
padding-top: 15px;
background-image: url(../images/footer.png);
background-repeat: no-repeat;
}

#content {
width: 983px;
margin-left: auto;
margin-right: auto;
background-image: url(../images/contentbg.png);
background-repeat: repeat-y;
}

#navcontainer {
width: 951px;
height: 35px;
margin-left: auto;
margin-right: auto;
padding-top: 9px;
}

#navcontainer img {
float: left;
display: inline;
}


.navbtn a {
height: 35px;
float: left;
display: inline;
font-family: "Times New Roman", Times, serif;
color:#333333;
text-decoration: none;
padding-left: 39px;
padding-right: 39px;
line-height: 35px;
font-size: 17px;
}

.navbtn-on a {
height: 35px;
float: left;
display: inline;
background-image: url(../images/hover.gif);
background-repeat: no-repeat;
background-position: center right;
font-family: "Times New Roman", Times, serif;
color: #FFFFFF;
text-decoration: none;
padding-left: 39px;
padding-right: 39px;
line-height: 35px;
font-size: 17px;
}


.navbtn a:hover {
height: 35px;
float: left;
display: inline;
background-image: url(../images/hover.gif);
background-repeat: no-repeat;
background-position: center right;
font-family: "Times New Roman", Times, serif;
color: #FFFFFF;
text-decoration: none;
padding-left: 39px;
padding-right: 39px;
line-height: 35px;
font-size: 17px;
}

.navbtn-on a:hover {
height: 35px;
float: left;
display: inline;
background-image: url(../images/hover.gif);
background-repeat: no-repeat;
background-position: center right;
font-family: "Times New Roman", Times, serif;
color: #FFFFFF;
text-decoration: none;
padding-left: 39px;
padding-right: 39px;
line-height: 35px;
font-size: 17px;
}

.clear {
clear: both;
}

#headercontainer {
width: 951px;
height: 321px;
background-color: #000000;
margin-left: auto;
margin-right: auto;
margin-bottom: 7px;
}

#areasofpractice {
width: 270px;
height: 316px;
float: left;
display: inline;
background-image: url(../images/areasofpracticebg.jpg);
background-repeat: no-repeat;
margin-top: 4px;
padding-top: 11px;
}

#fader {
width: 671px;
height: 316px;
float: left;
display: inline;
margin-top: 5px;
}

.practicetext {
font-family: "Times New Roman", Times, serif; 
color: #FFFFFF;
font-size: 18px;
margin: 0px;
line-height: 18px;
margin-left: 4px;
font-weight: bold;
}


.practice a {
height: 37px;
width: 251px;
float: left;
display: inline;
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
text-decoration: none;
line-height: 37px;
font-size: 13px;
background-image: url(../images/practicebg.png);
background-repeat: repeat-x repeat-y;
padding-left: 5px;
margin-top: 18px;
margin-left: 7px;
}


.practice a:hover {
height: 37px;
width: 251px;
float: left;
display: inline;
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
text-decoration: none;
line-height: 37px;
font-size: 13px;
background-image: url(../images/practicebg_hover.png);
background-repeat: repeat-x repeat-y;
padding-left: 5px;
margin-top: 18px;
margin-left: 7px;
}

#leftcolumn {
width: 270px;
float: left;
display: inline;
margin-left: 16px;
background-image: url(../images/leftcol_bg.gif);
background-repeat: no-repeat;
}

#rightcolumn {
width: 661px;
float: left;
display: inline;
margin-left: 20px;
}

.smallheading {
width: 270px;
height: 38px;
float: left;
display: inline;
line-height: 38px;
font-family: "Times New Roman", Times, serif; 
color: #FFFFFF;
font-size: 18px;
background-image: url(../images/smallheader_bg.jpg);
background-repeat: no-repeat;
font-weight: bold;
padding-left: 5px;
margin-bottom: 4px;
}

.smallheading2 {
line-height: 18px;
font-family: "Times New Roman", Times, serif; 
color: #FFFFFF;
font-size: 18px;
font-weight: bold;
}

.smallheading3 {
line-height: 18px;
font-family: "Times New Roman", Times, serif; 
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
}



.formfields {
width: 265px;
height: 24px;
background-color: #000000;
font-family: "Times New Roman", Times, serif;
font-size: 15px;
margin-top: 7px;
border: none;
padding-left: 5px;
color: #ffffff;
line-height: 24px;
filter: alpha(opacity=30); /* ie */
-moz-opacity: .3; /* mozilla */
}

.formfield-newsletter {
width: 237px;
height: 24px;
background-color: #FFFFFF;
font-family: "Times New Roman", Times, serif;
font-size: 15px;
margin-top: 0px;
border: none;
padding-left: 5px;
color: #000000;
line-height: 24px;
filter: alpha(opacity=30); /* ie */
-moz-opacity: .3; /* mozilla */
}

.formtextarea {
width: 265px;
height: 155px;
background-color: #000000;
font-family: "Times New Roman", Times, serif;
font-size: 15px;
margin-top: 7px;
border: none;
padding-left: 5px;
color: #ffffff;
line-height: 24px;
filter: alpha(opacity=30); /* ie */
-moz-opacity: .3; /* mozilla */
overflow: auto;
}

#ourlocation {
width: 269px;
height: 106px;
float: left;
display: inline;
background-image: url(../images/blog.jpg);
background-repeat: no-repeat;
margin-top: 14px;
}

#mailinglist{
width: 269px;
height: 176px;
float: left;
display: inline;
background-image: url(../images/mailinglistbg.jpg);
background-repeat: no-repeat;
padding-top: 9px;
padding-left: 12px;
margin-top: 14px;
}

h1 {
font-family: "Times New Roman", Times, serif;
font-size: 21px;
color: #000000;
padding: 0;
margin: 0;
line-height: 21px;
font-weight: normal;
}

h2 {
font-family: "Times New Roman", Times, serif;
font-size: 21px;
color: #000000;
padding: 0;
margin: 0;
line-height: 28px;
font-weight: normal;
}

.greyheading {
font-family: "Times New Roman", Times, serif;
font-size: 19px;
color: #666666;
font-weight: normal;
line-height: 27px;
}

#ticker {
width: 639px;
height: 31px;
background-image: url(../images/ticker.jpg);
background-repeat: no-repeat;
margin-bottom: 10px;
}

.newsticker {
	list-style-type: none;
	padding: 3px;
	margin: 0;
}
/* this page declarations */	
#wrapp {
width: 760px;
text-align: left;
font: normal 1em Arial;
margin: 0 auto;
padding: 0;
color: black;
}
#wrapp h1 {font: bold 1.1em Arial; margin: 1.2em 0 0.5em 0; padding: 0;}
.gnb {
width: 740px; 
margin: 20px 0 3px 0; 
background: #f0f1f1 url(gnb_bg.gif) left top repeat-x 
}
.gnb h3{
font: normal 9px/14px Arial;
text-align: right;
margin: 0 10px 0 0; 
padding: 0
}
#wrapp p{font: normal 0.9em Arial; margin: 1em 0; padding: 0;}
#wrapp h2 {font: bold 1em Arial;}

code {
width:93%;	
font: normal 11px 'Courier New', Courier, Fixed;
color: #000;
display: block;
padding: 1em;
margin: 1em 0;
background-color: #eee;
border: 1px solid #d3d3d6;
border-left-width: 5px;
white-space: pre;
overflow-x: auto;
}
/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */

width: 631px; 
height: 27px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 113px;
top: 8px;
width: 518px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #000000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 

.plaintext-white {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 12px;
}

.footerlinks a:link{
color: #666666;

}

.footerlinks a:active {
color: #666666;
}

.footerlinks a:hover {
color: #000000;

}

.footerlinks a:visited {
color: #666666;

}

.footerlinks2 a:link{
color: #666666;
font-size: 12px;
}

.footerlinks2 a:active {
color: #666666;
font-size: 12px;
}

.footerlinks2 a:hover {
color: #000000;
font-size: 12px;
}

.footerlinks2 a:visited {
color: #666666;
font-size: 12px;
}

.footerlinks3 {
color: #666666;
font-size: 12px;
}

.footerlinks3 a:link{
color: #666666;
font-size: 12px;
text-decoration:none;
}

.footerlinks3 a:active {
color: #666666;
font-size: 12px;
text-decoration:none;
}

.footerlinks3 a:hover {
color: #000000;
font-size: 12px;
text-decoration:none;
}

.footerlinks3 a:visited {
color: #666666;
font-size: 12px;
text-decoration:none;
}

.footertext {
font-size: 12px;
color: #666666;
}

.faqlist a:link{
color: #666666;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
}

.faqlist a:active {
color: #666666;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
}

.faqlist a:hover {
color: #000000;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
}

.faqlist a:visited {
color: #666666;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
}

.contactcontainer {
width: 600px;
height: 300px;
background-repeat: repeat-x;
background-image: url(../images/contactbg.gif);
padding: 10px;
}