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

/*Main Stylings*/
body{ font:12px normal Helvetica, Arial, sans-serif; color:#666; margin:0;}
a { outline:none; }
img {border:none }
.float-right { float:right; padding-left:5px;}
.float-left { float:left; padding-right:5px;}

/*Page Styles*/
.wrapper { width:1026px; height:100%; margin:auto;}
.header {  margin:20px 0 0 0;}
.header h1.logo { width:280px; height:85px; background:url(../images/kim-kert-attorneys-at-law-header-logo.jpg); text-indent:-99999px;}
.header h1.logo  a{ width:280px; height:85px;}
.header .contact { float:right; }

/*********** Navigation  ****************/
.nav { position:relative;  height: 27px; margin-left:150px; }
.nav ul { margin: auto; list-style:none; z-index:999; }
.nav ul li { float:left; text-align:center; padding:5px 0; margin-top:-4px; }
.nav li.last a, .nav li.last { background:none}
.nav ul li a { color:#FFF; text-decoration:none; text-transform:uppercase;  padding:5px 10px; background:url(../images/devider.jpg) 100% -2px no-repeat;}
.nav ul li:hover { background:#ff9900;  }
.menu { position:relative; z-index:999;}
/*********** Navigation  ****************/

/*Content Banner*/
.content { }
.content .banner { margin-bottom:40px; margin-top:-47px;}
.content .banner h2 { width:1024px; height:327px; text-indent:-99999px; background:url(../images/kim-kert-attorneys-at-law-feature-banner.jpg); z-index:0; }



.buttons{width:1026px; height:93px; margin:-105px auto 0 auto; text-align:center; }
.buttons a { padding:0 10px;}

.content ul.links { width:250px; list-style:none; float:left; margin:10px 0 0 -25px; }
.content ul.links li{ border-bottom:3px dotted #ff9900; padding:10px 0;}
.content ul.links li.last {border:none;}
.content ul.links a { font-size:18px; text-decoration:none; color:#666;  }
.content ul.links a:hover { color:#333;  }

.content .video { float:right; padding-left:10px;}

.content .par { width:440px; height:auto; margin:0 0 20px 290px; padding:5px; text-align:justify; border-left:1px solid #CCC; border-right:1px solid #CCC; }
.content .par h3 { color:#0083a9; margin:0; font-size:22px; text-align:left}

.content .contact { float:right; width:265px; }
.content .contact h2 { color:#ff9900; font-size:22px; }

/*Contact Front*/
.contact label {display:block; color:#ff9900}
.contact input { width:250px; height:15px; border:1px solid #999; margin-bottom:10px; }
.contact input:hover, .contact input:focus, .contact textarea:hover, .contact textarea:focus { background:#F2F2F2; }
.contact textarea { width:250px; height:100px; border:1px solid #999; font:12px normal Helvetica, Arial, sans-serif; }
.contact button { float:right; background:url(../images/contact-button.jpg); width:77px; height:28px; border:none; margin:5px 10px;}
.contact fieldset { border:none;}

/*Sub-Page*/
.content .banner-sub { margin-bottom:40px; margin-top:-47px; }
.content .banner-sub h2 { width:1024px; height:28px; text-indent:-99999px; background:url(../images/nav-bg.jpg); }

.content .par-sub { height:auto; margin:0 0 20px 290px; padding:5px; text-align:justify; border-left:1px solid #CCC; }
.content .par-sub h3 { color:#0083a9; margin:0; font-size:18px; text-align:left; border-bottom:1px solid #999}

.content .par-sub a { color:#ff9900; text-decoration:none; border-bottom:1px dotted #ff9900;}
.content .par-sub a:hover { color:#06F;  border-bottom:1px dotted #06F}

.info-links { list-style:none;}
.info-links li { padding:5px 0;}
.info-links a { font-size:18px;}

.dots li { border-bottom:1px dotted #999; width:300px; margin-bottom:5px;}
.dotr { float:right; }

/*CONTACT FORM*/
.contacts input{ width:280px; border:1px solid #ff9900; padding:5px; font: italic 12px Arial, sans-serif; color:#999; margin-bottom:10px; display:block; }
.contacts input[name=image]{ width:245px; border:1px solid #ff9900; padding:5px; font: italic 12px Arial, sans-serif; color:#666; margin-bottom:10px; text-align:center; }
.contacts select{ width:290px; border:1px solid #ff9900; padding:5px; font: normal 12px Arial, sans-serif; color:#666; margin-bottom:10px; }
.contacts select:active, .contacts select:focus, .contacts select{ outline:none; }
.contacts input:hover, .contacts textarea[id=kmsg]:hover, .contacts input:hover{ border:solid 1px #CCC; padding:5px; }
.contacts input:active, .contacts input:focus, .contacts textarea[id=kmsg]:focus, .contacts input:focus{ border:solid 1px #CCC; padding:5px; color:#000; font: normal 12px Arial, sans-serif; }
.contacts textarea[id=kmsg]{ width:100%; height:170px; border:1px solid #ff9900; padding:5px; font: italic 12px Arial, sans-serif; color:#999; margin-bottom:10px; display:block; }
.contacts button[id=contact]{ width:130px; height:40px; color:#333; font: normal 16px Arial, sans-serif; text-shadow: 0px 1px 0px #FFF; float:right; }
.contacts{ font: normal 12px Arial, sans-serif; text-align:left; }
.contacts h1{ font: bold 12px Arial, sans-serif; color:#333; margin:0; }
.contacts a:hover { color:#000; text-decoration:underline;}
/*END CONTACT FORM*/

/*Footer*/
.footer { background:#666; color:#FFF; padding:10px; font-size:10px; text-align:center;}
.footer a { color:#FFF; text-decoration:none;}
.footer a.designed {float:right}
.footer a:hover { border-bottom:1px dotted #FFF; }