html{ height:100%; background:url(../images/main_bg.gif) repeat-x #232223; }
body{ height:100%; background:url(../images/bg.gif) no-repeat center top; margin:0px; font-family:Arial, Helvetica, sans-serif; }

img{ border:0px; }
.img{ padding:10px 0px 0px 5px; }

.dvWrapper{ width:1000px; margin:0px auto; }

.logo{ font-size:0px; padding:5px 0px 10px 0px; text-align:center; }

.home{ background:url(../images/menu_home.gif) no-repeat; margin-right:1px; width:40px; height:470px; }
.about{ background:url(../images/menu_about.gif) no-repeat; margin-right:1px; width:40px; height:470px; }
.serve{ background:url(../images/menu_serve.gif) no-repeat; margin-right:1px; width:40px; height:470px; }
.contact{ background:url(../images/menu_contact.gif) no-repeat; margin-right:1px; width:40px; height:470px; }

.holder{ height:380px; width:501px; margin:0px auto; margin-top:10px; overflow:hidden; }

.holder h1{ padding:0px; margin:0px; display:block; font-size:18px; font-weight:normal; padding:0px 0px 0px 5px; }
.holder h2{ padding:0px; margin:0px; display:block; color:#666; font-size:14px; font-weight:normal; padding:5px 0px 5px 5px; }
.holder p{ padding:0px; margin:0px; line-height:20px; display:block; }
.holder ul{ padding:0px; margin:0px 0px 0px 25px; }
.holder ul li{ font-size:11px; }

/*.showcase{ display:block; font-size:0px; height:150px; margin-bottom:20px; }*/
.showcase{ width:280px; height:140px; background-color:red; float:right; margin-right:10px; margin-bottom:10px; }

.welcome{ width:180px; height:380px; border-right:dashed 1px #DDD; padding:0px 10px 0px 10px; float:left; }
.welcome h1{ color:#009900; }
.welcome p{ font-size:11px; color:#666666; }

.h_service{ width:285px; padding:0px 0px 0px 5px; float:left; }
.h_service p{ font-size:11px; }

.abt_content{ width:280px; height:380px; overflow:hidden; font-size:11px; float:left; padding:0px 10px 0px 0px; }

.clients{ height:380px; width:180px; padding:0px 10px; float:left; border-right:dashed 1px #CCC; margin-right:5px; }
.clients ul.thumb{ list-style:none; padding:10px 0px 0px 5px; margin:0px; }
.clients ul.thumb li{ float:left; width:75px; height:75px; border:solid 1px #EFEFEF; margin:0px 2px 2px 0px; }

.spl_service{ height:380px; width:180px; padding:0px 10px; float:left; border-right:dashed 1px #CCC; margin-right:5px; }
.spl_service p{ font-size:11px; }

.contact_info{ height:380px; width:180px; padding:0px 10px; float:left; border-right:dashed 1px #CCC; margin-right:5px; }
.contact_info p{ font-size:11px; }

.contact_form{ padding:0px 0px 0px 10px; float:left; }
.formholder input{ padding:3px; width:200px; border:solid 1px #7F9DB9; }
.formholder textarea{ width:250px; height:75px; padding:3px; border:solid 1px #7F9DB9; }

hr{ height:1px; border:0px; border-bottom:dashed 1px #CCC; }

/*Form Styles*/
label{ font-size:11px; display:block; margin-bottom:2px; }
input, select, textarea{ font-family:Arial, Helvetica, sans-serif; font-size:11px; margin-bottom:5px; }


/*Accordian Styling - Do Not Disturb*/
.haccordion{ width:165px; margin:0px auto; overflow:hidden; }

.haccordion .header, .haccordion .content{ 
	float: left; 
	overflow:hidden;
/*	height: 250px; */
} 
.haccordion .header{ 
/*	width: 20px; 
	background: #ccc; */
	color: #fff; 
	cursor: pointer; 
} 
.haccordion .content{ 
	display: none; 
	width:0px; 
	overflow:hidden; 
	background:url(../images/content_bg.gif) no-repeat;
	height:460px;
	position:relative; z-index:99;
} 

.haccordion .content.visible{
	display: block;
	width: 501px;
}

.haccordion .content p{ 
	margin: 5px; 
}

/*Scroller Effects*/
#dvScrollUp{ position: relative; overflow: hidden; height: 170px; width:180px; }
.headline{ position:absolute; top:210px; left:0px; height:170px; width:180px; font-size:11px; }