/* CSS Document by Sadi Chowdhury*/

body{ background:#C8D7F9;
	  margin: 0px;
	  padding: 0px;
	  font-family: Tahoma;
	  font-size: 12px;
	  color:#666666;  
	  }
	  
img{ border: 0px;}	

#wraper{ width: 870px; margin: 20px auto;}  

#top{ width: 870px; background:url(../images/body.jpg) no-repeat top; height: 20px; margin: 0px; padding: 0px;}
#mid{ width: 870px; background:url(../images/midbody.jpg) repeat; margin: 0px; padding: 0px;}
#fot{ width: 870px; background:url(../images/body.jpg) no-repeat bottom; height: 20px;}

#header{ height: 90px; clear:both; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 10px; background:url(../images/logo.jpg) no-repeat;}

#bodywrap{ margin: 0px 5px 0px 5px;}

/*//////////////////////////////////////////////////////////*/

#container{ background:url(../images/nav_bg.jpg) repeat-x; height: 25px; clear: both;}

#container ul{    border: 0px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;}
#container li {     display: block;
    float: right;
    text-align: center;
    padding: 0px;
    margin: 0px;}
#container li a{  
    width: 110px;
    height: 22px;
    border-right: 1px solid #aaa;
    padding: 3px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #fff;
    text-decoration: none;
    display: block;
    text-align: center;
	letter-spacing: 1px;
	font: bold 12px/18px  Arial;}
	
#container li a:hover{ text-decoration:none; color:#fff; background:url(../images/nav_bg_h.jpg) repeat-x;}

#container .nselect a{ 
    width: 110px;
    height: 22px;
    border-right: 0px;
    padding: 3px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #fff;
    text-decoration: none;
    display: block;
    text-align: center;
	letter-spacing: 1px;
	font: bold 12px/18px  Arial;}

#container .bnselect a{ 
	background:url(../images/nav_bg_h.jpg) repeat-x;
    width: 110px;
    height: 22px;
    border-right: 1px solid #aaa;
    padding: 3px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #fff;
    text-decoration: none;
    display: block;
    text-align: center;
	letter-spacing: 1px;
	font: bold 12px/18px  Arial;}
	
#container .cbnselect a{ 
	background:url(../images/nav_bg_h.jpg) repeat-x;
    width: 110px;
    height: 22px;
    border-right: 0px;
    padding: 3px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #fff;
    text-decoration: none;
    display: block;
    text-align: center;
	letter-spacing: 1px;
	font: bold 12px/18px  Arial;}	

/*/////////////////////////////////////////////////////////////////*/



#body{ width: 800px; margin: 0px auto; padding: 10px;}

.headtext{ border-bottom: 1px solid #ddd; font-size: 13px; color: #003366; width: 200px; padding-bottom: 10px; }
.headtext a{ text-decoration: underline; color: #990000;}
.headtext a:hover{ color: #006699; text-decoration:none; }

.box1{ background: #E2EAFC; border: 1px dashed #C8D7F9; padding:7px;}
.h1{ font-size: 18px; color: #000; margin: 0px; padding: 0px; border-bottom: 1px solid #ccc;}
.h2{ font-size: 15px; color: #000066; margin: 0px; padding: 0px; font-style:italic; margin-bottom: 10px;}
.h3{ font-size: 14px; color: #069; margin: 0px; padding: 0px 0px 5px 0px;}
.h4{ font-size: 13px; color: #222; margin: 0px; padding: 0px 0px 5px 0px;}

.box2{ margin: 10px 0px 0px 0px; padding: 0px; width: 800px; clear:both; height: 470px;}
.boxleft{ width: 380px; float: left; margin: 0px; padding: 4px; clear: both;}
.boxright{ width: 390px; float:right; margin: 0px; padding: 4px; border-left: 1px dashed #ccc; }

.box3{ margin: 0px 0px 0px 0px; padding: 0px; width: 800px; clear:both; height: 470px;}
.box4{ margin: 0px 0px 0px 0px; padding: 0px; width: 800px; clear:both; height: 1780px;}
.boxfor_nav{ width: 230px; float: left; margin: 0px; padding: 0px; clear: both;}
.boxfor_content{ width: 550px; float:right; margin: 0px; padding: 8px;  }


.box5{ margin: 0px 0px 0px 0px; padding: 0px; width: 550px; clear:both;  }
.boxfor_contact{ width: 250px; float: left; margin: 5px 0px 0px 0px; padding: 5px; line-height: 18px; letter-spacing: 0px; border-right: 1px dashed #ccc;}
.boxfor_cform{ width: 270px; float:right; margin: 5px 0px 0px 0px; padding: 5px; }


.servicebox{ float: left; margin: 0px; padding: 4px 0px 0px 0px;}
.listimg{ float:left; width: 20px; height: 20px; margin: 4px; padding: 0px;}
.servicetext{ float:left; border-bottom: 1px solid #e7e7e7; margin-bottom: 4px; padding: 2px 0px 9px 0px; width: 340px;}

.work { padding: 5px 3px 6px 3px; border: 1px solid #A2BAF4; text-align: center; margin: 3px 4px 3px 3px;}

.spacer{ padding: 5px 0px 5px 15px;}

.spacer strong{ color: #069;}

.span{ margin: 10px 0px 10px 0px;}


.list1 ul{ letter-spacing: 1px;
		line-height: 17px;
		list-style: square;
		margin: 3px 3px 3px 8px;
		padding: 3px 3px 3px 8px;
		}

.list1 ul a{ letter-spacing: 1px;
		line-height: 17px;
		list-style: square;
		color: #003366;
		text-decoration: underline;
		}
		
.list1 ul a:hover{ letter-spacing: 1px;
		line-height: 17px;
		list-style: square;
		color: #CC0000;
		text-decoration: none;
		}
		
.portfolio{ 
			width: 180px;
			height: 180px;
			float: left;
			margin: 10px 0px 0px 0px;
			padding: 0px;
			background:url(../images/portfolio.gif) no-repeat;
			}
			
.pcontent{ 
			text-align: center;
			padding: 15px 5px 15px 5px;
			}
			
.pcontent img { margin-bottom: 10px; }			


#form{ margin: 0px 0px 0px 10px; padding: 0px; font-size: 13px; clear: both; width: 260px;}
.label{ margin: 3px 0px 3px 0px; float: left;  }
input, textarea { width: 240px; padding: 1px; border: 1px solid #ccc; margin: 4px 0px 4px 0px; float: left;}
.btn { width: 68px; height: 25px; border: 0px;}

/*/////////////////////////////////////////////////////////*/
#fotter{ text-align: center; font-size: 11px; color:#333333; letter-spacing: 1px;}
#fotter a{ text-decoration: none; color: #003366;}
#fotter a:hover{ text-decoration: underline; color: #990000;}
#copy{ color: #999999; padding: 3px;}


#sister {
			width: 218px;
			height: 80px;
			}
#sister a {
			display: block;
			text-decoration:none;
			height: 80px;
			}
			
#sister a:hover {
			text-decoration: none;
			}