@charset "utf-8";
/* CSS Document D & R Partners*/

body { 	
   font-family:Verdana, Arial, Helvetica, sans-serif
   margin:0px;
   padding:0px;
   color:#2C2F41;
   background-color:#444441;
}

#page { width:980px; overflow:hidden;}

#page #title {
   color:#FFFFFF;
   font-size:36px;
   line-height:70px;
   text-align:left;
   letter-spacing:3px;
}

#title a { 
   text-decoration:none;
   color:#F8FAFA;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   padding-left:24px;
  /* font-weight:bold;*/

}

#content {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   overflow:hidden;
   background:url(images/content_bkg.jpg) repeat-x #e1e1d8;
   padding:20px;
   margin:0px;
   text-align:left;
}

#left-col {
   width:30%;
   float:left;
   text-align:left;
   padding:0 10px 0 0;  
   background:#F9F8F2;
   margin:0 0 0 30px;
}

#left-col ul {
   list-style:url(images/btn_more_blue.gif);
}

#left-col ul li{
   padding:0 0 8px 0;
}

#left-col a {
   color:#2D445B;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-weight:bold;
   font-size:0.75em;
   line-height:normal;
}

#left-col a:hover {
   color:#666699;
}

#right-col {
   width:60%; 
   float:right;
   text-align:left;
   padding:5px;
   text-align:center;
}

#blogging { width:80%; float:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bolder; color:#444441; text-align:right; padding:20px; }
#blogging img{ border:0px; padding:10px}

#contact-form {text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left; padding:20px;}
#contact-form #row {width:640px; line-height:40px; }
#contact-form .caption {float:left}
#contact-form .count {border:none; background-color:#1F2C30; color:#CCFF00}

#address-block {text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;  float:right;  padding:20px;}


/* ----------------------------- Menu --------------------------------- */

menu { display:block; width:980px; height:35px; background:url(images/menu_bkg.jpg); padding:0px; margin:0px; overflow:hidden; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:30px;}

menu a:link { display: block; line-height:35px; font-weight:bold; text-decoration:none; text-align: center; color:#ffffff; text-align:center; }
menu a:visited { display: block; line-height:35px; font-weight:bold; text-decoration:none; text-align: center; color:#ffffff; text-align:center; }
menu a:active { display: block; line-height:35px; font-weight:bold; text-decoration:none; text-align: center; color:#ffffff;  text-align:center; }
menu a:hover { display: block; line-height:35px; font-weight:bold; text-decoration:none; text-align: center; color:#B6CEDC; text-align:center; }

menu ul { padding: 0; margin: 0; list-style:none; width:980px; }

menu li { 
	float: left;
	position: relative;
	width: inherit;
	border-right:solid 1px #ffffff;
	width:100px;
}

menu subnav4 {
   float:none;
   }

li.submenu { 
	border-top:solid 1px #ffffff;
	border-left:solid 1px #ffffff; 
	width:100%;
}

li.submenu_bottom { 
	border:solid 1px #ffffff;
}


li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 2em;
	left: -1px;
	width: 250px;  /*submenu width */
}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
    color:#ffffff;
	position: absolute;
	left: -1px;
	width: 250px;  /*submenu width */
}

/* sprad link to whole menu line */
html ul li.submenu {
	height: 1%;
	
}
html ul li.submenu a {
	height: 1%;
	text-align:left;
}
/* -------------------- End of Menu -----------------------------*/