html
{
	height:100%;
	margin-right:1%;
}

body
{
	font-size:15px;
	font-family:helvetica;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

.dot-at
{
	color:#c0c0c9;
}

.ui-tabs-vertical
{
	width:100%;
	margin:0;
	padding:0;
	border-left:0;
	border-right:0;
}

.ui-tabs-vertical .ui-tabs-nav
{
	padding:35px 0;
	float:left;
	margin:-1px;
	background:#707080 url(./img/nav-bg.png) right top repeat-y;
	width:140px;
}

.ui-tabs-vertical .ui-tabs-nav li
{
	clear:left;
	width:140px;
	border-bottom-width:1px !important;
	border-right-width:0 !important;
	margin:-1px;
}

.ui-tabs-vertical .ui-tabs-nav li a
{
	display:block;
	float:left;
	width:120px;
padding:25px 5%;margin-bottom:2px;

}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected
{

	padding-bottom:0;
	padding-right:1px;
	border-right-width:1px;
	border-right-width:1px;
	background:#fff;

}
.ui-tabs-vertical .ui-tabs-panel
{
	padding:2.5em 5% 5em 5%;
	float:left;
	width:70%;
	min-width:300px;
	overflow:hidden;
}

#main,#social-networks,#brand,#context-tabs
{
	position:relative;
	display:block;
	float:left;
	margin:-1px;
	padding:0;
	overflow:hidden !important;
	height:100%;
}

#main
{
	width:100%;
	min-width:960px;
}

#brand
{
	width:10%;
	background:#600 url(./img/textile-pattern.png);
	border:1px solid #101020;margin-right:1px;
	border-top:0;border-bottom:0;
}

#social-networks
{
	background:#202025;
	width:10%;
	padding-top:0;
}

#social-networks ul
{
	list-style-type:none;
	display:block;
	float:left;
	width:100%;
	padding:0;
	margin:2.5em 0;
	background:#202030;
}

#social-networks .social-network
{
	dispaly:block;
	float:left;
	width:100%;
}

#social-networks .social-network a
{
	display:block;
	float:left;
	width:90%;
	border-top:1px solid #303040;
	height:60px;
	border-bottom:1px solid #101020;
	background:  url(./img/verti-gloss.png) center repeat-y;
	min-height:50px;
	padding:5%;
	text-align:center;
	color:#fff;
	position:relative;
}

#social-networks .social-network a b
{
	background:url(./img/social-icons.png) 0 0 no-repeat;
	display:block;
	overfow:hidden;
	text-indent:-999em;
	width:50px;
	height:50px;
	position:absolute;
	left:50%;
	margin-left:-25px;
	margin-top:5px;
}

#social-networks .social-network a:hover
{
	background:#191925  url(./img/verti-gloss.png) center repeat-y;
}

#context-tabs
{
	width:80%;
}

#social-networks .social-network a.social-twitter b
{
	background-position:0 -50px;
}

#social-networks .social-network a.social-praized b
{
	background-position:0 0;
}

#social-networks .social-network a.social-vark b
{
	background-position:0 -100px;
}

#social-networks .social-network a.social-facebook b
{
	background-position:0 -150px;
}

#social-networks .social-network a.social-friendfeed b
{
	background-position:0 -200px;
}

#social-networks .social-network a.social-google b
{
	background-position:0 -250px;
}

#brand h1
{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:0;
	padding:0;
}

#brand h1 a
{
	display:block;
	position:relative;
	width:60px;
	overflow:hidden;
	top:2.5em;
	left:50%;
	margin-left:-30px;
	height:500px;
	text-indent:-999em;
	background:url(./img/logo.png);
	top:45px;
}

h2
{
	margin:0 0 23px;
	padding:18px 0 0;
	border-bottom:1px solid #e0e0f0;
	color:#900;
	text-transform:capitalize;
}

.vcard
{
	display:block;
	float:left;
	width:280px;
	height:100%;
	border:1px solid #e0e0f0;
	padding:10px;
margin:0;position:relative;margin:0 20px 5px 0;
}

.vcard h1{
font-size:15px;margin:0;color:#c0c0d0;
font-weight:normal;margin-bottom:-5px;;
}
.vcard h1 a{
font-size:17px;font-weight:normal;
text-decoration:none;color:#707080;display:block;clear:right;
margin-bottom:5px;
}

.vcard .bio
{
	font-size:15px;
	margin:0;padding:0;line-height:17px;
color:#808090;margin-bottom:-10px;

}
.vcard .phone{display:none;}
.vcard .twitter,.vcard .twitter a
{

	font-size:18px;
	color:#c0c0d0;
	text-decoration:none;
	margin:
	font-weight:bold;margin-bottom:5px;
}

.vcard .adr
{
display:none;
}

.vcard .avatar
{
position:absolute;top:5px;right:5px;
}
.ui-tabs-vertical .ui-tabs-panel p{font-size:17px;text-align:;line-height:23px;}

#licensing{
position:absolute;top:330px;width:120px;font-size:10px;color:#303040;margin:5px;text-align:center;
padding:5px;opacity:0.3;
}
#licensing:hover{
opacity:1;
}
#licensing a{color:#303040;text-decoration:none;font-weight:bold;}