/*

############################################################

	* Origin:		www.voiptalk.co.uk
	* Name:			style.css
	* Description	Main CSS file
	* Autor:		Piotr Dziembor, Telappliant Ltd.
	* Version:		1.0
	* Modified:		15:00 23/07/2008
	* Copyright:	Telappliant Ltd.

############################################################

*/


/*										GENERAL WEBSITE STYLES */

body {
	margin: 0;
	background-color: #fff;
	}


* a:focus {
	outline:none;
	-moz-outline-style:none;
	}

a {
	color: #fff;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

img {
	border: 0;
	}

.maincontainer {
	margin: 0% auto 0 auto;
	width: 783px;
	border: 1px solid #fff;
	background-color: #fff;
	}

.mainframe {
	margin: 0% auto 0 auto;
	width: 797px;
	font-family: Tahoma;
	font-size: 11px;
	}

.flashtop {
	margin: 0% auto 0 auto;
	width: 783px;
	height: 153px;
	z-index: 1;
	}

.topmenu {
	margin: 0% auto 0 auto;
	width: 783px;
	}

/*										TOP NAVIGATION BAR */

.searchbox {
	position: absolute;
	top: 10px;
	left: 16px;
	}

.searchbox input {
	border: 0;
	font-size: 9px;
	color: #666;
	width: 106px;
	background-color: transparent !important;
	}

.showcart {
	position: relative;
	z-index: 1;
	top: -23px;
	left: 670px;
	width: 20px;
	color: #fff;
	font-size: 10px;
	}

.empty_cart {
	border: 0;
	margin-top: 1px;
	}

/* 										NAVIGATION ROLLOVERED TOP BAR */

#topnav { position: relative; margin: 0 auto; padding: 0; width: 783px; height: 34px; background: url('../images/trans.gif'); overflow: hidden !important; }
#topnav li { width: 783px; height: 34px; position: absolute; background: url('../images/topnav.png') 0 0 no-repeat; display: block; list-style: none; }
#topnav a { display: block; border: 0; }
#topnav a:hover { border: 0; }

#topnav #p1 a {width: 25px; height: 34px;}
#topnav #p2 a {width: 165px; height: 34px;}
#topnav #p3 a {width: 60px; height: 34px;}
#topnav #p4 a {width: 77px; height: 34px;}
#topnav #p5 a {width: 81px; height: 34px;}
#topnav #p6 a {width: 72px; height: 34px;}
#topnav #p7 a {width: 63px; height: 34px;}
#topnav #p8 a {width: 92px; height: 34px;}
#topnav #p9 a {width: 79px; height: 34px;}
#topnav #p10 a {width: 70px; height: 34px;}

#topnav #p1 {left: 0px;}
#topnav #p2 {left: 25px; background-position: -25px 0;}
#topnav #p3 {left: 189px; background-position: -189px 0;}
#topnav #p4 {left: 249px; background-position: -249px 0;}
#topnav #p5 {left: 326px; background-position: -326px 0;}
#topnav #p6 {left: 407px; background-position: -407px 0;}
#topnav #p7 {left: 479px; background-position: -479px 0;}
#topnav #p8 {left: 542px; background-position: -542px 0;}
#topnav #p9 {left: 634px; background-position: -634px 0;}
#topnav #p10 {left: 713px; background-position: -713px 0;}

#topnav #p1 a:hover {background: url('../images/topnav.png') 0 -34px no-repeat;}
#topnav #p2 a:hover {background: url('../images/topnav.png') -25px -34px no-repeat;}
#topnav #p3 a:hover {background: url('../images/topnav.png') -189px -34px no-repeat;}
#topnav #p4 a:hover {background: url('../images/topnav.png') -249px -34px no-repeat;}
#topnav #p5 a:hover {background: url('../images/topnav.png') -326px -34px no-repeat;}
#topnav #p6 a:hover {background: url('../images/topnav.png') -407px -34px no-repeat;}
#topnav #p7 a:hover {background: url('../images/topnav.png') -479px -34px no-repeat;}
#topnav #p8 a:hover {background: url('../images/topnav.png') -542px -34px no-repeat;}
#topnav #p9 a:hover {background: url('../images/topnav.png') -634px -34px no-repeat;}
#topnav #p10 a:hover {background: url('../images/topnav.png') -713px -34px no-repeat;}

/*										FOOTER FEATURES */

.footerf0 {
	margin: 0% auto 0 auto;
	width: 783px;
	height: 1px !important;
	background-color: #d4d4d4;
	margin-top: 6px;
	margin-bottom: 8px;
}

.footerf1 {
	margin: 0% auto 0 auto;
	width: 799px;
	height: 4px;
	background-color: #d4d4d4;
	margin-top: 2px;
}

.footerf2 {
	margin: 0% auto 0 auto;
	width: 799px;
	height: 1px;
	background-color: #d4d4d4;
	margin-top: 2px;
}

.footerBox a {
	color: #fff;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
}

.footerBox a:hover {
	text-decoration: underline;
	color: #fff;
}

.footerBox {
	margin: 0% auto 0 auto;
	text-align:center;
	font-size: 10px;
	width: 783px;
	height: 19px;
	font-family: Verdana, Arial, sans-serif;
	background-image: url('../images/bottombar.png');
	background-repeat: no-repeat;
	padding-top: 4px;
	color: #fff;
	border: 0;
}

.footerLinks {
	width: 783px;
	margin: 0% auto 0 auto;
}

.groundBox {
	margin: 0 auto -1px auto;
	width: 783px;
	border-bottom: 0;
}

/* 									HOME PAGE STYLES */

.top_container {
	margin-top: -9px;
	height: 190px;
	}

.services {
	float: left;
	width: 145px;
	height: 190px;
	overflow: hidden;
	background-image: url('../images/bottom_corner_dgreen.gif');
	background-repeat: no-repeat;
	background-color: #6fa81c;
	background-position: bottom right;
	margin-right: 4px;
	}

.services p {
	color: #fff;
	padding: 10px;
	}

.services img {
	margin-bottom: -2px;
	}

.mainframe h1 {
	color: #fff;
	font-family: Trebuchet MS;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	margin-left: 10px;
	text-transform: uppercase;
	}

.pmpackages {
	float: left;
	width: 489px;
	height: 190px;
	overflow: hidden;
	background-image: url('../images/bottom_corner_dgreen.gif');
	background-repeat: no-repeat;
	background-color: #6fa81c;
	background-position: bottom right;
	margin-right: 4px;
	}

.pmbox {
	position: relative;
	top: -3px;
	left: 4px;
	float: left;
	margin-left: 5px;
	width: 152px;
	height: 151px;
	background: url('../images/pmbox.gif') #fff no-repeat;
	overflow: hidden;
	font-size: 10px;
	}

.pmbox img {
	padding: 8px 3px 0 3px;
	margin-bottom: -10px;
	}

.pmbox p {
	color: #888;
	padding: 0 14px 0px 14px;
	line-height: 16px;
	}

.minfo {
	margin-top: -8px;
	margin-left: 28px;
	font-size: 9px;
	}

.minfo a {
	color: #666;
	}

.minfo a:hover {
	color: #333;
	}

.freesignup {
	float: left;
	width: 141px;
	height: 190px;
	background: url('/images/free_signup.gif') #fff no-repeat;
	overflow: hidden;
	}

.freesignup p {
	padding: 42px 11px 2px 11px;
	font-size: 9px;
	color: #888;
	}

.freesignup img {
	margin-left: 13px;
	}

.bottom_container {
	margin-top: 5px;
	margin-bottom: 5px;
	height: 190px;
	}

.hardware {
	float: left;
	width: 145px;
	height: 190px;
	overflow: hidden;
	background-image: url('../images/bottom_corner_dblue.gif');
	background-repeat: no-repeat;
	background-color: #4387c4;
	background-position: bottom right;
	margin-right: 4px;
	}

.hardware p {
	color: #fff;
	padding: 0 10px 0 10px;
	}

.hardware img {
	margin-bottom: -2px;
	}

.hardware .link a {
	text-decoration: underline;
	}

.hardware .link a:hover {
	text-decoration: none;
	}

.hardware hr {
	height: 1px;
	width: 80%;
	margin-left: 10px;
	border-top: 1px dotted #8eb7dc;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	margin-top: -4px;
	margin-bottom: -4px;
	}

.bsolutions {
	float: left;
	width: 243px;
	height: 190px;
	overflow: hidden;
	background: url('../images/bsolutions.gif') #fff no-repeat;
	margin-right: 4px;
	}

.bsolutions h1 {
	color: #444;
	}

.bsolutions hr {
	height: 1px;
	width: 80%;
	margin-left: 10px;
	border-top: 1px dotted #bfbfbf;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	margin-top: -4px;
	margin-bottom: -4px;
	}

.bsolutions p {
	color: #666;
	padding: 0 10px 0 10px;
	}

.bsolutions .link a {
	color: #666;
	text-decoration: underline;
	}

.bsolutions .link a:hover {
	text-decoration: none;
	}

.bsolutions .arrow {
	position: absolute;
	margin-top: -23px;
	margin-left: 180px;
	}

.quicklinks {
	float: left;
	width: 242px;
	height: 190px;
	overflow: hidden;
	background: url('../images/quicklinks.gif') #fff no-repeat;
	margin-right: 4px;
	}

.quicklinks h1 {
	color: #87c20f;
	margin-left: 14px;
	margin-bottom: -10px;
	}

.quicklinks img {
	margin-bottom: -22px;
	}

.quicklinks p {
	color: #87c20f;
	padding: 0 14px 0 14px;
	}

.quicklinks p a {
	color: #87c20f;
	text-decoration: underline;
	}

.quicklinks p a:hover {
	text-decoration: none;
	}

.quicklinks hr {
	height: 1px;
	width: 80%;
	margin-left: 14px;
	border-top: 1px dotted #87c20f;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	margin-top: 2px;
	margin-bottom: 2px;
	}

.easyspeak {
	float: left;
	width: 141px;
	height: 190px;
	overflow: hidden;
	}

/* // EOF // (C) 2oo8 Piotr Dziembor, Telappliant Ltd. // peter@telappliant.com // */