/*------------------------------------------------------------------------
-                                                                        -
-        Ang may sala ng CSS na 'to: John Ryan Acoba           		     -
-                                 Websolutionsmd.com                     -
-                                                                        -
------------------------------------------------------------------------*/

html, body{
	/*padding:0px;*/
	padding-top:25px;
	margin:0px;
	background-color:#ffffff;
	vertical-align:top;
	text-align:center;
	height:100%;
	}

body, td, th{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	}

/******************* Topmenu Start ******************/

#topmenu{
		width: 552px;
		height: 26px;
		background:url(../images/topmenu_css_02.jpg) no-repeat top left;		
		padding:0px;
		margin:0px;
		float:inherit;
		position: relative;		
	}
	
	#topmenu li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	top: 2px;
	}
	
	#topmenu li, #topmenu a{
		height: 26px;		
		display: block;
	}	
	
	#home {left:   0px;  width: 61px;}
	#divider01 {left: 61px;  width: 30px; }
	#about {left: 91px;  width: 79px; }
	#divider02 {left: 170px;  width: 30px;}
	#residential {left: 200px;  width: 91px; }
	#divider03 {left: 291px;  width: 30px;}
	#commercial {left: 321px;  width: 98px; }
	#divider04 {left: 419px;  width: 30px;}
	#contact {left: 449px;  width: 103px; }	
	
	#home a:hover {background: transparent url(../images/topmenu_css_02.jpg) -0px  -28px  no-repeat;}
	#about a:hover {background: transparent url(../images/topmenu_css_02.jpg) -91px  -28px  no-repeat;}
	#residential a:hover {background: transparent url(../images/topmenu_css_02.jpg) -200px  -28px  no-repeat;}
	#commercial a:hover {background: transparent url(../images/topmenu_css_02.jpg) -321px  -28px  no-repeat;}
	#contact a:hover {background: transparent url(../images/topmenu_css_02.jpg) -449px  -28px  no-repeat;}

#container_topmenu{
	background:url(../images/menu_content_back.jpg);
	background-repeat:repeat-x;
	background-color:#C8C8C9;
	padding:0px 0px 0px 0px;
	}

/******************* Topmenu End ******************/


/******************* Body Content Start ******************/

#container_content01{
	background-color:#F1F2F3;
	padding:0px 0px 10px 0px;
	width:770px;
	height:100px;
	}

#container_content02{
	background-color:#F1F2F3;
	padding:0px 4px 10px 4px;
	vertical-align:top;
	width:770px;
	height:200px;
	}

#container_banners{
	padding:6px 0px 0px 9px;
	background-color:#FFFFFF;
	width:356px;
	height:99px;
	}

#container_bannerpics{
	padding:20px 0px 0px 0px;
	}

.text_content{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}

.titlehead{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#017201;
	font-size:12px;
	}

.text01{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#017201;
	font-weight:bold;
	}

.link01:link, a.link01:active, a.link01:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 10px;
	text-decoration:none;
	}

a.link01:hover{
	text-decoration:underline;
	}

.link02:link, a.link02:active, a.link02:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#779147;
	font-size: 10px;
	text-decoration:none;
	}

a.link02:hover{
	text-decoration:underline;
	}

#bg_frame{
	background-image:url(../images/bg_frame_04.jpg);
	padding:0px 18px 0px 18px;
	width:350px;
	height:100px;
	}

.btn_search:link, a.btn_search:active, a.btn_search:visited {
	display:block;
	width: 54px;
	height:20px;
	background-image:url(../images/btn_search_css.jpg);
	background-repeat:no-repeat;
	}

a.btn_search:hover{
	background-position:0px -20px;
	}

.btn02_buynow, btn02_buynow:link, a.btn02_buynow:active, a.btn02_buynow:visited {
	display:block;
	width: 60px;
	height:15px;
	background-image:url(../images/btn02_buynow_css.jpg);
	background-repeat:no-repeat;
	}

a.btn02_buynow:hover{
	background-position:0px -15px;
	}

.btn02_subscribe, btn02_subscribe:link, a.btn02_subscribe:active, a.btn02_subscribe:visited {
	display:block;
	width: 60px;
	height:15px;
	background-image:url(../images/btn02_subscribe_css.jpg);
	background-repeat:no-repeat;
	}

a.btn02_subscribe:hover{
	background-position:0px -15px;
	}

.btn02_send_details, btn02_send_details:link, a.btn02_send_details:active, a.btn02_send_details:visited {
	display:block;
	width: 80px;
	height:15px;
	background-image:url(../images/btn02_send_details_css.jpg);
	background-repeat:no-repeat;
	}

a.btn02_send_details:hover{
	background-position:0px -15px;
	}

.btn02_clear_details, btn02_clear_details:link, a.btn02_clear_details:active, a.btn02_clear_details:visited {
	display:block;
	width: 80px;
	height:15px;
	background-image:url(../images/btn02_clear_details_css.jpg);
	background-repeat:no-repeat;
	}

a.btn02_clear_details:hover{
	background-position:0px -15px;
	}

	    /******************* Banner Start ******************/

.banner_residential:link, a.banner_residential:active, a.banner_residential:visited {
	display:block;
	width: 380px;
	height:123px;
	background-image:url(../images/banners_residential_css.jpg);
	background-repeat:no-repeat;
	}

a.banner_residential:hover{
	background-position:0px -123px;
	}

.banner_commercial:link, a.banner_commercial:active, a.banner_commercial:visited {
	display:block;
	width: 380px;
	height:123px;
	background-image:url(../images/banners_commercial_css.jpg);
	background-repeat:no-repeat;
	}

a.banner_commercial:hover{
	background-position:0px -123px;
	}

/******************* Banner End ******************/	
		 
	
/******************* Body Content End ******************/


/******************* Footer Start ******************/

#container_footer{
	padding:6px 8px 0px 0px;
	color:#FFFFFF;
	width:607px;
	height:47px;
	}

#container_wsmd{
	padding:0px 0px 0px 8px;
	height:56px;
	}

.footer_menu:link, a.footer_menu:active, a.footer_menu:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size: 10px;
	text-decoration:none;
	}

a.footer_menu:hover{
	color:#779147;
	}

.link_wsmd:link, a.link_wsmd:active, a.link_wsmd:visited {
	display:block;
	width: 150px;
	height:56px;
	background-image:url(../images/logo_wsmd_css.jpg);
	background-repeat:no-repeat;
	}

a.link_wsmd:hover{
	background-position:0px -56px;
	}

/******************* Footer End ******************/