/************************************
TABBED INTERFACE FOR WEB DEVELOPMENT PAGE
************************************/

* {
margin: 0;
padding: 0;
}


.widget {
width: 668px;
height:300px;
background: #fff;
margin-top:40px;
margin-bottom:100px;
}
	
	.tabmenubar {
	width:275px;
	height:270px;
	display:inline;
	float:left;
	background:url(../images/web-solutions-bg.jpg) repeat-y;
	padding-left:25px;
	padding-top:30px;
	}
	
		.tabmenubar li{
			margin-bottom:10px;
		}
				
		.tabmenubar li a
		{
			height:20px;
			line-height:30px;
			display:block;
			font:16px Arial, Helvetica, sans-serif;
			color:#0099CC;
			padding-top:5px;
		}
		
		.tabmenubar li a:hover{
			text-decoration:underline;
			background:#FBFCFD;
		}
		
		.tabmenubar li.ui-tabs-selected a {
		background:#FBFCFD;
		text-decoration: none;
		}
		
	.tabdiv {
	width:328px;
	font:14px Arial, Helvetica, sans-serif;
	height:260px;
	padding:20px;
	display:inline;
	float:left;
	text-align:center;
	color:#000;
	}
	
		
	
		.tab-webhost {
			text-align:right;
			background:url(../images/tab-webhosting.jpg) no-repeat left;
			font:18px Arial, Helvetica, sans-serif;
			color:#2C6088;
		}
		
		.tab-webdesign {
			background:url(../images/tab-webdesign.jpg) no-repeat left;
		}
		
			.tab-webdesign-text, .tab-flash-text {
				width:200px;
				height:200px;
				margin-top:25px;
				margin-right:15px;
				font:20px Arial, Helvetica, sans-serif;
				line-height:30px;
				float:right;
				text-align:right;
				color:#3D36AA;
			}
		
		.tab-flash {
			background:url(../images/tab-flash.jpg) no-repeat left;
		}
		
			.tab-flash-text {
				margin-top:0px;
				line-height:20px;
				height:300px;
				color:#000;
			}
		
			.tab-flash-text span {
				font:20px Arial, Helvetica, sans-serif;
				color:#A90F0F;
				line-height:30px;
			
			}
		
		.tab-cms {
			background:url(../images/tab-cms.jpg) no-repeat left;
		}
		
		.tab-ecommerce {
			background:url(../images/tab-ecommerce.jpg) no-repeat left;
		}
		
		.tab-seo {
			background:url(../images/tab-seo.jpg) no-repeat left;
		}
		
			.tab-seo-text {
				font:12px Arial, Helvetica, sans-serif;
				width:225px;
				float:right;
				text-align:right;
				line-height:18px;
				color:#2E9005;
			}
			
			.tab-cms-text {
				color:#565D89;
			}
			
			.tab-ecommerce-text {
				color:#819B14;
				width:200px;
				margin-top:20px;
			}
			
.ui-tabs-hide {
		display: none;
		}