html, body, p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 16px;
}

.clear {
	clear: both;
}

a, a:visited {
	color: #17477d;
}

a:hover, a:active {
	color: #002e61;
}

#header {
	width: 100%;
	height: 180px;
	   background: transparent url(images/header_bg3.gif) repeat-x center;   
	
}

#header a {
    padding: 180px 0 0 0;
    overflow: hidden;
	height: 0px !important;
    height /**/: 180px;
    width: 960px;
	display: block;
	background: url(images/header-june.jpg) no-repeat;
	font-size: 16px;
	margin: 0 auto;
	text-align: left;
}


/* STRUCTURE */


body {
  text-align: center;

/*      background-color: #A89D97; */
/*  background-color: #CCCC99; */ 
/* background-color: #859DB8; */ 
/* background-color: #FEF4E6; */ 
background-color: #FFFFFF; 


/*
background-color: transparent;
background-image: url(http://www.topproducerwebsite.com/templates/Master/1/frame/side.png);
background-repeat: repeat-y;
*/


}


#midcontainer {
  margin: 0 auto;
  width: 960px;
  text-align: left;  
  
  /* added by veru */ 
  background-color: #ffffff; 
  layer-background-color: #ffffff; 
  visibility: visible;
  float:  none;
}

#leftCont {
	width: 230px; /* 260px */
	float: left;
	padding: 0 20px 0 10px;
	 background-color: #ffffff;
}

#middleCont {
	width: 440px;
	float: left;
		 background-color: #ffffff;

}

.welcomecont
{
	height: 210px;
	width: 440px;
	position:relative;
}


#rightCont {
	width: 240px; /* 260px */
	float: left;
	padding: 0 0 0 20px;
}

#footer {
	width: 100%;
	height: 126px;
	background: transparent url(images/footer_bg.gif) repeat-x;
}

/* LEFT CONTAINER */

#leftCont #menu {
	display: block;
	margin-bottom: 20px
}

#leftCont #menu li {
	list-style: none;
}


#leftCont #menu li a {
	display: block;
}

#leftCont #menu li.main a,
#leftCont #menu li.main a:visited {
	font-size: 16px;
	color: #17477d;
	font-weight: bold;
	text-decoration: none;
	padding: 15px 0 5px 15px;
	border-bottom: 1px dotted #e1c7a4;
}

#leftCont #menu li.main a:hover,
#leftCont #menu li.main a:active {
	color: #002e61;
}

#leftCont #menu li.sub a,
#leftCont #menu li.sub a:visited {
	font-size: 12px;
	color: #000;
	text-decoration: none;
	padding: 5px 0 0 30px;
	background: transparent url(images/bullet_menu.gif) no-repeat 20px 9px;
}

#leftCont #menu li.sub a:hover,
#leftCont #menu li.sub a:active {
	color: #17477d;
	text-decoration: underline;
}

#leftCont #contact {
	background: transparent url(images/contact_end.gif) no-repeat 0 bottom;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

#leftCont #contact div {
	background: transparent url(images/contact_bg.gif) no-repeat;
	padding: 20px 10px 10px 20px;
}

#leftCont #contact h3 {
	font-size: 16px;
	color: #17477d;
	font-weight: bold;
}

#leftCont #contact h4 {
	font-size: 13px;
	color: #17477d;
	padding-bottom: 10px;
}

#rightCont .contact label {
	display: block;
	border: none;
	padding: 2px 0 2px 0;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#leftCont #contact p {
	font-size: 12px;
	padding-bottom: 10px;
}

#leftCont #contact p span.city {
	font-size: 13px;
	font-weight: bold;
}

#leftCont #contact p span.phone {
	font-size: 13px;
	display: block;
	padding-top: 4px;
}

#leftCont #contact a.email {
	font-size: 13px;
	font-weight: bold;
}



/* MIDDLE CONTAINER */

#middleCont {
	padding-bottom: 20px;
}


#middleCont h1 {
	font-size: 24px;
	font-weight: normal;
	line-height: 26px;
	color: #17477d;
	text-align: center;
	padding: 10px 0 10px 0;
	padding-bottom: 0;
}

#middleCont h2 {
	font-size: 15px;
	font-weight: bold;
	line-height: 26px;
	color: #17477d;
	padding: 10px 0 10px 0;
}

#middleCont h2.first {
	padding-bottom: 0;
}

#middleCont h2 span {
	color: #002e61;
}


#middleCont h3 {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	/* color: #17477d; */
 	color: #996633; 
	text-align: center;
	padding-bottom: 10px;
}

#middleCont h4 {
	font-size: 18px;
	/*font-weight: bold;*/
	line-height: 20px;
	color: #17477d; 
	text-align: center;
	padding-bottom: 4px;
}

#middleCont p,
#middleCont ul {
	margin-bottom: 10px;
}

#middleCont p.welcome {
	position:absolute;
	width:440px;
	height: 50px; /* 210px */
	padding-top: 160px;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
}

#middleCont p.welcome.w1
{
background: transparent url(images/img_welcome01.jpg) no-repeat;
z-index:999;
	top:0px;
	left:0px;
}


#middleCont p.welcome.w2
{
background: transparent url(images/img_welcome02.jpg) no-repeat;
z-index:998;
top:0px;
	left:0px;
}


#middleCont p.welcome.w3
{
background: transparent url(images/img_welcome03.jpg) no-repeat;
z-index:997;
top:0px;
	left:0px;
}

#middleCont p.welcome.w4
{
background: transparent url(images/img_welcome04.jpg) no-repeat;
z-index:996;
top:0px;
	left:0px;
}


#middleCont p.lead {
	font-weight: bold;
}

#middleCont ul li {
	list-style: none;
	padding: 0 0 4px 30px;
	background: transparent url(images/bullet_default.gif) no-repeat 18px 4px; 
}

#middleCont ul.links li {
	background: transparent url(images/bullet_link.gif) no-repeat 18px 4px; 
}



/* RIGHT CONTAINER */

#rightCont {
	padding-bottom: 144px; /* 164px -20px box margin-bottom */
	background: transparent url(images/right_end.gif) no-repeat 20px bottom;
}

#rightCont .portrait {
	background: transparent url(images/rightbox_end.gif) no-repeat 0 bottom;
	padding-bottom: 20px;
}

#rightCont .portrait div {
	height: 110px; /* 140px */
	background: transparent url(images/rightbox_bg_portrait.gif) no-repeat;
	padding: 20px 120px 10px 20px;
	color: #FFF;
	line-height: 15px;
}

#rightCont .portrait span.name {
	font-size: 15px;
	font-weight: bold;
}

#rightCont .box {
	background: transparent url(images/rightbox_end.gif) no-repeat 0 bottom;
	padding-bottom: 20px;
}

#rightCont .box div {
	background: transparent url(images/rightbox_bg.gif) no-repeat;
	padding: 17px 30px 20px 20px;
	color: #FFF;
}

#rightCont .box div.blog {
	background: transparent url(images/rightboxblog_bg.gif) no-repeat;
}

#rightCont .box h4 {
	display: block;
	font-size: 16px;
	font-weight: bold;	
	padding-bottom: 10px;

}

#rightCont .box ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}

#rightCont .box li {
	font-size: 12px;
	line-height: 15px;
	color: #002E61;
	list-style: none;
	margin:0px 0px 0px 0px;
	padding:6px 0px 6px 0px;
	
}

#rightCont .box li a {
	color: #002E61;
	text-decoration: none;
	background: transparent url(images/bullet_boxlink.gif) no-repeat 0 3px; 
	padding:0px 25px 0px 15px;
	display:block;
	outline:none;
	font-weight: bold;	
}

#rightCont .box li a:hover {
	color: #FFF;
	text-decoration: none;
}



#rightCont .contact h4 {
	display: block;
	padding: 1px 0 10px 22px;
	background: transparent url(images/bullet_contact.gif) no-repeat;
	font-size: 16px;
	font-weight: bold;	
}

#rightCont .contact input {
	width: 170px; /* 180px */
	height: 18px; /* 23px */
	display: block;
	border: none;
	padding: 5px 5px 0 5px;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 5px;
}

#rightCont .contact textarea {
	width: 170px; /* 180px */
	display: block;
	border: none;
	padding: 5px;
	font-size: 11px;
	margin-bottom: 5px;
}

#rightCont .contact input.button {
	width: 180px; /* 180px */
	height: auto;
	display: block;
	border: 1px solid #794b21;
	padding: 3px 0;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background-color: #845020;
}


#rightCont .blog h4 {
	display: block;
	padding: 1px 0 10px 22px;
	background: transparent url(images/bullet_blog.gif) no-repeat;
}


#rightCont .blog h4 a a:visted, a:hover, a:active {
	text-decoration: none;	
	color: white;
}


/* FOOTER */

#footer .body {
	width: 460px; /* 520px */
	height: 111px; /* 126px */
	margin: 0 auto;
	padding: 15px 240px 10px 22px;
	background: transparent url(images/footer_body.gif) repeat-x;
	text-align: left;
}

#footer .body p {
	font-size: 12px;
	color: #666666;
	padding-bottom: 5px;
}

#footer .body p.small {
	font-size: 10px;
	line-height: 12px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
