/* CSS Document */
* {padding:0px; margin:0px;}
img { border:0px;}
body { background:url(images/body.gif) repeat-x bottom #9ecc3b ; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#4b4b4b; line-height:18px;}
a {color:#8ec531; text-decoration:none;}
a:hover { color:#8ec549; text-decoration:underline;} 
.clear { clear:both;}
.Igray {color:#575757;}
.bullet-bob { background:url(images/bobe.gif) no-repeat 5px center;color:#6fa01e; font-size:22px; font-style:italic; line-height:30px; padding-left:30px; text-decoration:none;}
.bullet-bob:hover { color:#4a6817;}
.bullet-bob2 { background:url(images/bullb2.gif) no-repeat 5px center;color:#fff; font-size:12px;  line-height:32px; padding-left:30px; text-decoration:none; font-weight:bold;}
.bullet-bob2:hover { color:#DAFAD8;}

.services-ul { list-style:none; margin-left:30px; margin-bottom:20px; line-height:20px;}
.services-ul li{ background:url(images/green-arrow.gif) no-repeat left 6px; padding-left:15px;}

h1 {color:#6fa01e; font-size:22px; font-style:italic; line-height:30px;}
h2 {color:#6fa01e; font-size:20px; font-style:italic; line-height:30px; font-weight:normal;}
h3 {color:#9c9c9c; font-size:12px; font-style:normal; line-height:30px; font-weight:bold; }

#doc1_backer { background:url(images/bg_top.jpg) repeat-x;}

#doc1 { width:982px; margin:0 auto; position:relative;background:url(images/topik.gif) repeat-x #fff;}
  #top-row {width:982px; height:36px; line-height:36px; color:#fff; font-weight:bold; font-size:11px; font-family:Geneva, Arial, Helvetica, sans-serif;}
   #head-slogan { float:left; padding-left:25px;}
   #head-tel { float:right; padding-right:15px;}
   
#header {width:982px; height:114px; background:#fff;}
  #logo {padding-left:37px; padding-top:28px;float:left;} 
  #menu { list-style:none;float:right; padding-top:75px; padding-right:10px;}
  #menu li { float:left; padding:0px 20px;} 
  #menu li a { display:block; color:#6d6d6d; font-size:13px; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding: 5px 0px;}
  #menu li a:hover  { text-decoration:none; background:url(images/green-dot.gif) repeat-x top;}
  
  #bigboard {width:926px;  margin:0 auto; background:url(images/big-board.jpg) no-repeat;}
  #bigboard .left {height:32px; width:602px; padding-left:15px; padding-top:274px; float:left;}
  #bigboard .right {height:306px; width:298px; float:right; padding-left:10px;}
        
  #bigboard .categories {width:926px; background:url(images/cat-cent.gif) repeat-x bottom #9ecc3b;}  
  #bigboard  .cbot { width:926px; height:10px; overflow:hidden;}
  #bigboard .categories .cleft {width:11px; height:10px; float:left;  background:url(images/cat-left-corn.gif) no-repeat ; }
  #bigboard  .categories .cright {width:11px; height:10px; float:right;  background:url(images/cat-rig-corn.gif) no-repeat ;}
  #bigboard .categories .category {width:187px; float:left; background:url(images/cat-devid.gif) repeat-y right; padding:0px 22px; margin:15px 0px 10px 0px; } 
  #bigboard .categories .title { color:#fff; font-weight:bold; font-size:12px; font-family:Geneva, Arial, Helvetica, sans-serif; padding-bottom:5px; padding-top:5px;}
  #bigboard .categories .content { color:#e7efd9; font-weight:bold; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-bottom:5px;}
  
   #bigboard-inside-services {width:926px; height:203px;margin:0 auto; background:url(images/big-board-about-us.jpg) no-repeat;}
    #bigboard-inside-company{width:926px; height:203px;margin:0 auto; background:url(images/big-board-company-info.jpg) no-repeat;}
	#bigboard-inside-contact{width:926px; height:203px;margin:0 auto; background:url(images/big-board-contact.jpg) no-repeat;}
    .BBright {height:179px; width:298px;float:right; padding-left:10px;}
    .BBight .appointcont {width:200px; padding-left:90px; padding-top:20px; padding-bottom:0px;}
   
       
    
  /* appoint block and FORM STYLES */
     .appointtext { font-size:17px; font-weight:bold; font-style:italic; color:#fff; padding-top:20px; padding-left:5px;}
     .appointcont {color:#e6e6e6; font-weight:bold; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:10px; padding-left:0px;}     
	 .appointtable { color:#f6f6f6; font-weight:bold;font-size:12px; font-family:Geneva, Arial, Helvetica, sans-serif;padding-top:10px;}
     .appointtable tr.head2 { height:30px;}
	 .appointtable input.contact_txtfield { height:18px; padding:2px 5px; width:130px; border:1px solid #999999;}
	 #submit_container2 { text-align:right; padding-top:20px; padding-right:20px; float:right;}
	 
  /* appoint block and END FORM STYLES */
  
  
  #Icontent {width:926px; margin:0 auto;}
     .ICleft {width:510px;float:left; padding-top:35px; padding-left:10px; padding-bottom:10px;}
	 .ICleft p { padding:10px 0px;}
	 .ICright {float:right;  padding-top:25px;}
	 .ICRtop { width:363px; height:9px; background:url(images/icright-top.gif) no-repeat;overflow:hidden}
	 .ICRmid {width:363px; background:url(images/icright-middle.gif) repeat-y #ebebeb; margin:0px;}
	 .ICRbot {width:363px; height:10px; background:url(images/icright-bot.gif) no-repeat; overflow:hidden}
	  .greentitle {color:#8ec531; font-size:17px; font-weight:bold; width:363px; text-align:center}
	  .littlegrey {color:#575757; font-size:11px; font-weight:bold; width:363px; text-align:center}
	  .warow { background:url(images/arrow-green.gif) no-repeat 20px 5px; padding:10px 20px 10px 50px;}

   #content {width:926px; margin:0 auto;}
     .Cleft {width:510px;float:left; padding-top:35px; padding-left:10px; padding-bottom:10px;}
	 .Cleft h3 { padding-left:5px; line-height:20px; padding-top:15px;}
	 .Cleft p { padding:0px 0px 10px 5px;}
	 .bullet-bob-above { padding-top:30px;}
	 .Cright {width:312px;float:right; padding-right:10px; padding-top:90px;padding-bottom:40px;}
	 .Cright h2 { padding-top:30px; padding-bottom:5px;}	 
	 
  #content2 {width:926px; margin:0 auto;}
	#content2 .Cright {width:312px;float:right; padding-right:25px; padding-top:10px; padding-bottom:40px;}
	#content2 p { padding-bottom:15px;}
	#content2 p.green { color:#a0ce53; font-weight:bold;} 
	 
	 .cinfoimg { padding-right:30px; padding-bottom:30px; float:left;} 	 	 
	 .info-content { padding-top:40px;}
	 .info-content p { padding-left:0px; padding-right:0px; }
 	  
	  /* contact form styles */
	 
	    #contactdiv { padding:30px 0px 50px 20px; width:400px;}
		#contacttable { width:500px; color:#000; font-weight:bold;}
		 .winput { padding-bottom:15px; border-bottom:1px solid #ccc; padding-left:20px; padding-right:20px;}
	     .head { padding-top:20px; padding-left:20px;}
		#contacttable .contact_txtfield { border:1px solid #999999; padding:2px 5px; height:18px;}
		 select { border:1px solid #999999;}
		#contacttable textarea {border:1px solid #999999; }
		#contacttable .rec { padding-left:10px;}
		#formstatus { display:none;}
		#formstatus2 { display:none;}
		.contact_comments { width:380px; height:80px; max-width:380px; max-height:80px;}
	 /* contact form styles */
	  
	  
	  
#footer { bottom:0px; height:103px; width:922px;background:url(images/bg_footer_grey.gif) repeat-x; padding-top:25px; padding-left:30px; padding-right:30px;}
  .fleft { float:left;}
  .fright { float:right;}
  .medora { background:url(images/medora.gif) no-repeat 5px center; padding:10px 0px 10px 30px; color:#9b9a9a; line-height:40px; text-decoration:none; font-weight:bold;}
  .medora:hover {color:#393838;}
  .fleft a{color:#6fa01e; text-decoration:none; font-size:12px; font-weight:bold; padding:5px 10px;}
  .fleft a:hover {color:#4a6817;}
  .fadress { padding-left:10px;}