/* CSS Document */
img
 {
 border:0px;
 }

body
	{
	margin:0px;
	padding:0px;
	text-align:center;
	font-family:"Trebuchet MS", Verdana, Arial, Sans-serif;
	font-size:100%;
	background:#9a9a9a;

	}
	
#topgrey	
	{
	width:100%;
	height:32px;
	float:left;
	display:block;
	background:#ccc;
	}
		
#nav		
	{
	width:100%;
	height:66px;
	float:left;
	display:block;
	background:url(/other/images/menu_strip_back.gif) top left repeat-x;
	}
	
#nav_content
	{
	width:838px;
	text-align:left;
	margin:0px auto;
	}
	
#nav_content ul
	{
	float:left	;
	display:block;
	color:#fff;
	width:500px;
	margin:0px;
	padding:0px;
	}
	
#nav_content ul li
	{
	float:left;
	display:block;
	}
	
#nav_content ul a
	{
	float:left;
	display:block;	
	color:#fff;
	text-decoration:none;
	width:90px;
	height:42px;
	padding:24px 10px 0px 0px;	
	text-align:center;

	}
	
#nav_content ul a:hover,
	.home #nav_content ul #home,
	.about #nav_content ul #about,
	.vibe #nav_content ul #vibe,
	.news #nav_content ul #news,
	.contact #nav_content ul #contact
	{
	color:#fff;
	text-decoration:none;
	background:url(/other/images/menu_over.gif) top left no-repeat;
	}





#intro		
	{
	width:100%;
	height:386px;
	float:left;
	display:block;
	background:url(/other/images/blue_stripe.gif) top left repeat-x;
	}

#intro_content
	{
	width:838px;
	text-align:center;
	margin:0px auto;
	}
	
#content
	{
	width:100%;
	float:left;
	display:block;
	background:url(/other/images/content_top_back.gif) top left repeat-x #fff;
	}
	
#content_content
	{
	width:838px;
	text-align:left;
	margin:0px auto;
	}
	
#content_left
	{
	width:600px;
	text-align:left;
	float:left;
	margin:0px 20px 0px 0px;
	padding:0px 0px 0px 0px;
		/*background:url(/other/images/top_left_test.jpg) top right no-repeat;*/

	}
	#content_right
	{
	width:200px;
	text-align:left;
	float:left;
	margin:90px 0px 0px 0px;
	padding:0px 0px 16px 0px;
	background:url(/other/images/right_li_bottom.gif) bottom left no-repeat;
	}
	
	
#content_right ul
	{
	font-size:0.9em;
	text-align:left;
	padding:16px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#33356f;
	list-style-position: inside;
	list-style-type:none;
	background:url(/other/images/right_li_top.gif) top left no-repeat;
	}
	
#content_right ul li
	{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}
	 
#content_right ul li a
	{
	color:#33356f;
	text-decoration:none;
	padding:6px 0px 6px 8px;
	margin:0px 0px 0px 0px;
	background:url(/other/images/right_li_back.gif) top left repeat-y;
	width:188px;
	display:block;
	}

#content_right ul li a:visited, a:active
	{
	color:#33356f;
	text-decoration:none;
	background:url(/other/images/right_li_back.gif) top left repeat-y;
	}
	
	
	
#content_right ul li a:hover
	{
	color:#33356f;
	text-decoration:underline;
	background:url(/other/images/right_li_back_hover.gif) top left repeat-y;
	}
	

#content_right ul a:hover,
	.vibe1 #content_right ul a.overview,
	.vibe2 #content_right ul a.helps,
	.vibe3 #content_right ul a.deployment,
	.vibe4 #content_right ul a.benefits,
	.vibe5 #content_right ul a.pointtopoint,
	.vibe6 #content_right ul a.ip_pbx,
	.vibe7 #content_right ul a.isp,
	.vibe8 #content_right ul a.service,
	.vibe9 #content_right ul a.hardware,
	.vibe10 #content_right ul a.diagrams,
	.news1 #content_right ul a.latest,
	.news2 #content_right ul a.march08,
	.news3 #content_right ul a.jan08,
	.news4 #content_right ul a.july07

	
	
	
	{
	background:url(/other/images/right_li_back_hover.gif) top left repeat-y;
	color:#33356f;
	text-decoration:underline;
	}

h1
	{
	font-size:1.9em;
	font-weight:normal;
	line-height:1.4em;
	text-align:left;
	padding:0px 0px 0px 0px;
	margin:40px 0px 10px 0px;
	color:#33356f;
	}
	
h2
	{
	font-size:1.2em;
	text-align:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	color:#33356f;
	}

h3
	{
	font-size:1.1em;
	text-align:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 6px 0px;
	color:#333;
	}

p
	{
	font-size:0.9em;
	text-align:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	color:#333;
	line-height:1.4em;
	}
	
p a
	{
	text-decoration:none;
	color:#33356f;
	}
	
p a:visited, active
	{
	text-decoration:none;
	color:#33356f;
	}
	
p a:hover
	{
	text-decoration:none;
	background:#33356f;
	color:#fff;
	}
p.diddy
	{
	font-size: 0.8em;
	line-height: 1.4em;
	}

ul.main
	{
	font-size:0.9em;
	text-align:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#333;
	list-style-position: outside;
	list-style-type:none;
		line-height:1.4em;
	}
	

ul.main li
	{
	padding:0px 0px 0px 22px;
	margin:0px 0px 6px 0px;
	background-image:url(/other/images/bullet.gif);
	background-repeat:no-repeat;
	background-position:2px 4px;
	}

#footer
	{
	width:100%;
	height:82px;
	float:left;
	display:block;
	background:url(/other/images/bottom_grad.gif) top left repeat-x;
	}
	
#footer_content
	{
	border-top:2px solid #999;
	width:838px;
	text-align:left;
	margin:20px auto;
	padding:6px 0px 0px 0px;
	height:82px;
	}
	
#footer_content p
	{
	text-align:left;
	font-size:0.8em;
	color:#333333;
	float:left;
	display:block;
	}
	
#footer_content p a
	{
	color:#333333;
	text-decoration:none
	}
	
#footer_content p a:hover
	{
	color:#fff;
	text-decoration:none;
	background:#333;
	}

#footer_content span
	{
	padding:36px 0px 0px 0px;
	text-align:right;
	float:right;
	font-size:0.8em;
	color:#333333;
	display:block;
	width:200px;
	}	
	
hr
	{
	margin:20px 0px 10px 0px;
	border:1px solid #999;
	}
	
.tripleholder
	{
	width:838px;
	float:left;
	display:block;
	margin:14px 0px 0px 0px;
	}
	
.triptic
	{
	width:264px;
	float:left;
	display:block;
	margin:0px 20px 0px 0px;
	}
	
.triptic img
	{
	float:left; display:block; margin:0px 6px 0px 0px;
	}
	
	
.triptic p
	{
	text-align:left;
	font-size:0.8em;
	float:left;
	display:block;
	width:225px;
	}

.quartic
	{
	width:230px;
	float:left;
	display:block;
	margin:0px 10px 0px 0px;
	}
	
.quartic img
	{
	float:left; display:block; margin:0px 6px 0px 0px;
	}
	
	
.quartic p
	{
	text-align:left;
	font-size:0.8em;
	float:left;
	display:block;
	width:180px;
	}

.itspa
	{
	width:110px;
	float:left;
	display:block;
	margin:0px 10px 0px 0px;
	}
	
img.bigpic
	{
	border:2px solid #33356F;
	margin:0px 0px 10px 0px;
	}
	
img.noborder
	{
	border:0px;
	}
	
table
	{
	border:0px;
	margin:6px 0px 14px 0px;
	padding:0;
	font-size:0.9em;
	line-height:1.3em;
	}
	
table tr td
	{
	border:0px;
	margin:0;
	padding:0px 30px 0px 0px;
	vertical-align:top;
	text-align:left;
	width:50%;
	}
	
table.minitable tr td
	{
	border:0px;
	margin:0;
	padding:0;
	vertical-align:top;
	text-align:left;
	width:80px;
	}