@import url("uni-form.css");   /* uni-form styles */

/*------------------------------------------------
Launtel - master style sheet

Version:	1.0 June 09
Author:		Grafik/Fabric-Eight
Email:		
-----------------------------------------------*/

/*
===== CONTENTS =====

	last-updated: 3 July 2009;

	1: universal reset 
	2: html and body
	3: typography
	4: layout
	5: lists	
	6: links
	7: misc
	8. cms overrides

====================
*/
/*
===== 1: universal reset =====
*/
* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-weight: normal;
}
ul, 
ol {
	list-style: none;
}
/*
===== 2: html and body =====
*/
body {
	background-color: #fff;
	color: #3e3d40;
	font: normal 12px helvetica, arial, sans-serif;
	line-height: 1.5em;
	width: 100%;
}
/*
===== 3: typography =====
*/
/* =h1 */
h1 {
	background: #fff url(../images/logo.png) 0 0 no-repeat;
	height: 77px;
	left: 30px;
	position: absolute;
	bottom: 16px;
	width: 178px;
	text-indent: -9000px;
}
h1 a {
	display: block;
	height: 77px;
}

/* =h2 */
div#at-your-call h2 {
	background: transparent url(../images/h2-at-your-call.png) 0 0 no-repeat;
	height: 74px;
	margin: 40px auto 39px auto;
	text-indent: -9000px;
	width: 860px;
}

div#how-it-works h2 {
	background: transparent url(../images/h2-how-it-works.png) 0 0 no-repeat;
	height: 40px;
	margin: 40px auto 20px auto;
	text-indent: -9000px;
	width: 860px;
}
div#features-and-value h2 {
	background: transparent url(../images/h2-features-and-value.png) 0 0 no-repeat;
	height: 40px;
	margin: 40px auto 20px auto;
	text-indent: -9000px;
	width: 860px;
}
body#service div#content-container h2 {
	background: transparent url(../images/h2-service.png) 0 0 no-repeat;
	height: 40px;
	margin: 40px auto 20px auto;
	text-indent: -9000px;
	width: 860px;
}
body#connect-me div#content-container h2 {
	background: transparent url(../images/h2-connect-me.png) 0 0 no-repeat;
	height: 40px;
	margin: 40px auto 20px auto;
	text-indent: -9000px;
	width: 860px;
}
body#ip-pabx-features-and-value div#content-container h2 {
	background: transparent url(../images/h2-ip-pabx-features-and-value.png) 0 0 no-repeat;
	height: 40px;
	margin: 40px auto 20px auto;
	text-indent: -9000px;
	width: 860px;
}
body#connect-me h2 {
	background: transparent url(../images/h2-connect-me.png) 0 0 no-repeat;
	height: 40px;
	margin: 40px auto 20px auto;
	text-indent: -9000px;
	width: 860px;
}
body#disclaimer-privacy h2 {
	background: transparent url(../images/h2-disclaimer-privacy.png) 0 0 no-repeat;
	height: 40px;
	margin: 40px auto 20px auto;
	text-indent: -9000px;
	width: 860px;
}
body#thank-you h2 {
	background: transparent url(../images/h2-thank-you.png) 0 0 no-repeat;
	height: 40px;
	margin: 40px auto 20px auto;
	text-indent: -9000px;
	width: 860px;
}

div#connect-me-now h2 {
	height: 70px;
	text-indent: -9000px;
	width: 900px;
}
div#connect-me-now h2 a:link,
div#connect-me-now h2 a:visited {
	background: #fff url(../images/bg-connect-me.png) 0 0 no-repeat;
	display: block;
	height: 70px;
}
div#connect-me-now h2 a:hover,
div#connect-me h2-now a:active {
	background: #fff url(../images/bg-connect-me.png) 0 -70px no-repeat;
}
/* =h3 */
h3 {
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0 0 1em 0;		
}
div#at-your-call h3 {
	margin: 0 60px 1em 30px;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.2em;	
}


div#at-your-call h3.feature {
	background: transparent url(../images/bg-nbn-ready.png) 0 0 no-repeat;
	bottom: 20px;
	height: 50px;
	left: 0;
	position: absolute;
	text-indent: -9000px;	
	width: 520px;
}
div#at-your-call h3.feature a:link,
div#at-your-call h3.feature a:visited {
	background: transparent url(../images/bg-nbn-ready.png) 0 0 no-repeat;
	display: block;
	height: 50px;
}
div#at-your-call h3.feature a:hover,
div#at-your-call h3.feature a:active {
	background: transparent url(../images/bg-nbn-ready.png) 0 -50px no-repeat;
}
table h3 {
	color: #0079c2;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.2em;
	margin: 0 0 .5em 0;		
}
div#how-it-works div.col-narrow h3 {
	color: #0079c2;
	font-size: 1.1667em;
	font-weight: normal;
	line-height: 1.3em;	
	margin: 0 0 1em 0;	
}


div#contact h3 {
	background: transparent url(../images/h3-contact-us.png) 0 0 no-repeat;	
	height: 36px;
	margin: 0 0 0 10px;
	width: 440px;
	text-indent: -9000px;
}
div#service-intro h3 {
	background: transparent url(../images/h3-service-intro.png) 0 0 no-repeat;	
	height: 17px;
	margin-bottom: 14px;
	text-indent: -9000px;
	width: 243px;
}


/* =h4 */
h4 {
	color: #0079c2;	
	font-size: 1.1667em;
	margin-bottom: .5em;
	
}

/* =p */
p {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1em;
}
div#at-your-call p {
	font-size: 1.1667em;
	margin: 0 60px 1em 30px;
}
div#site-info { 
	font-size: .9167em;
}
div.vcard p {
	margin-bottom: 0;
}
p span.org {
	font-weight: bold;
}
p span.tel {
	font-weight: bold;
}
p span.value {
	font-weight: normal;
}
p span.type {
	display: none;
}
p.cite {
	font-weight: bold;
}
p.credit {
	background: #fff url(../images/design-by-grafik.png) 0 0 no-repeat;
	height: 47px;
	position: absolute;
	right: 0;
	top: 0;
	text-indent: -9000px;
	width: 111px;
}
p.credit a:link,
p.credit a:visited,
p.credit a:hover,
p.credit a:active {
	display: block;
	height: 47px;
}
p#disclaimer {
	margin-left: 10px;
}

blockquote {
	background: transparent url(../images/quote-left.png) left top no-repeat;
	padding: 13px 0 0;
}
blockquote p {
	background: transparent url(../images/quote-right.png) right bottom no-repeat;
	text-indent: 4em;
}
div.errors {
	color: #50b948;
}	
div#contact p {
	font-weight: bold;
	margin: 1em 150px 0 20px;
}



/* =strong/b/em/i */
em, i {
	font-style: italic;
}
strong, b {
	font-weight: bold;
}
/*
===== 4: layout =====
*/
div#accessibility {
	left:-9000px;
	position:absolute;
}
div#container {
	background: #fff url(../images/bg-container.png) 0 0 repeat-x;
	width: 100%;
}
div#header {
	height: 119px;
	margin: 0 auto;
	position: relative;
	width: 960px;
}
div#content-container {
	background: #f9f9f9 url(../images/bg-panel.png) left bottom repeat-x;
	overflow: hidden; /* clear internal floats */
	margin: 0 auto 10px;
	width: 900px;
}
body#home div#content-container {
	background: none;
	margin-bottom: 0;
	width: 960px;
}

div.content {
	background: transparent url(../images/bg-content-lge.png) left bottom no-repeat ;
	border-top: #e8e8e8 1px solid;
	overflow: hidden; /* clear internal floats */
	padding-bottom: 40px;
	width: 900px;
}
div#at-your-call div.content {
	background: transparent url(../images/bg-content-one.png) right top no-repeat;
	border: none;
	float: right;
	height: 230px;
	padding-bottom: 0;
	position: relative;
	width: 610px;
}
div#how-it-works div.content,
div#features-and-value div.content {
	background: transparent url(../images/bg-content-two.png) left -20px no-repeat;
	border: none;	
	height: 293px;
	margin: 0 auto;
	overflow: hidden; /* clear internal floats */
	width: 900px;
}

div.col-wide {
	display: inline;
	float: left;
	margin-left: 40px;
	width: 530px;
}
div.col-narrow {
	display: inline;
	float: right;
	margin-right: 20px;
	width: 260px;
}
table {
	border-collapse: collapse;
}
table {
	margin-bottom: 1em;
}	
th, td {
	text-align: left;
}

td {
	border-bottom: #e7e4e4 1px solid;
	padding: .3em 0;
	vertical-align: top;
}
div#connect-me-now {
	margin: 10px auto;
	width: 900px;
}

div#footer-container {
	background-color: #e7e4e4;
	width: 100%;
}
div#footer {
	margin: 0 auto;
	overflow: hidden; /* clears internal floats */
	width: 960px;
}
div#contact {
	background: #dfdcdc url(../images/damian.png) right 20px no-repeat;
	display: inline;
	float: left;
	min-height: 240px;
	height: auto !important;
	height: 240px;
	margin-left: 30px;
	padding-top: 20px;
	width: 590px;
}
div#service-intro {
	display: inline;
	float: right;
	margin-right: 40px;
	padding-top: 20px;
	width: 260px;
}
div#site-info {
	margin: 0 auto;
	padding-bottom: 20px;
	position: relative;
	width: 900px;
}
div.vcard {
	margin: 10px 0 .2em 10px;
}


/*
===== 5: lists =====
*/
div.col-narrow ul { 
	list-style-type: disc;
	padding-left: 16px;
}

div#site-info ul {
	overflow: hidden; /* clears internal floats */
}

div#site-info ul li {
	border-right: #3e3d40 1px solid;
	float: left;
	line-height: 1em;
	padding: 0 10px;
	
}
div#site-info ul li.last {
	border: none;
}

/*
===== 6: links =====
*/
a {
	outline: none;
}
a:link, 
a:visited {
	color: #0079c2;
	text-decoration: underline;
}
a:hover,
a:active {
	color: #4ea3d6;
	text-decoration: none;
}
a img {
	border: none;
}

ul#nav-main {
	bottom: 20px;
	height: 50px;
	position: absolute;
	right: 30px;
	width: 390px;
}
ul#nav-main li {
	display: inline;
	float: left;
	height: 50px;
	text-indent: -9000px;
}
ul#nav-main li a {
	display: block
}
ul#nav-main li#nav-home a:link,
ul#nav-main li#nav-home a:visited {
	background: #fff url(../images/nav-main.png) 0 0 no-repeat;
	display: block;
	height: 50px;
	width: 84px;
}
ul#nav-main li#nav-home a:hover,
ul#nav-main li#nav-home a:active {
	background: #fff url(../images/nav-main.png) 0 -50px no-repeat;
}
ul#nav-main li#nav-service a:link,
ul#nav-main li#nav-service a:visited {
	background: #fff url(../images/nav-main.png) -84px 0 no-repeat;
	display: block;
	height: 50px;
	width: 178px;
}
ul#nav-main li#nav-service a:hover,
ul#nav-main li#nav-service a:active {
	background: #fff url(../images/nav-main.png) -84px -50px no-repeat;
}
ul#nav-main li#nav-connect a:link,
ul#nav-main li#nav-connect a:visited {
	background: #fff url(../images/nav-main.png) -262px 0 no-repeat;
	display: block;
	height: 50px;
	width: 128px;
}
ul#nav-main li#nav-connect a:hover,
ul#nav-main li#nav-connect a:active {
	background: #fff url(../images/nav-main.png) -262px -50px no-repeat;
}
body#home ul#nav-main li#nav-home a:link,
body#home ul#nav-main li#nav-home a:visited,
body#home ul#nav-main li#nav-home a:hover,
body#home ul#nav-main li#nav-home a:active {
	background: #fff url(../images/nav-main.png) 0 -100px no-repeat;
	cursor: default;
}
body#service ul#nav-main li#nav-service a:link,
body#service ul#nav-main li#nav-service a:visited,
body#service ul#nav-main li#nav-service a:hover,
body#service ul#nav-main li#nav-service a:active {
	background: #fff url(../images/nav-main.png) -84px -100px no-repeat;
	cursor: default;
}
body#connect-me ul#nav-main li#nav-connect a:link,
body#connect-me ul#nav-main li#nav-connect a:visited,
body#connect-me ul#nav-main li#nav-connect a:hover,
body#connect-me ul#nav-main li#nav-connect a:active {
	background: #fff url(../images/nav-main.png) -262px -100px no-repeat;
	cursor: default;
}

/*
===== 7: images =====
*/
div#at-your-call img {
	float: left;
	margin-left: 46px;	
}

/*
===== 8: slider =====
*/
div#slider {
    width: 900px;
    margin: 0 auto;
    position: relative;
}
div.scroll {
	background-color: #e8e8e8;
	border-top: #e8e8e8 1px solid;
    height: 384px;
    width: 900px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}
div.panel {
    background: #f9f9f9 url(../images/bg-panel.png) left bottom repeat-x;
    height: 384px;
    width: 900px;
}
.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}
.scrollButtons.left {
    left: -30px;
}
.scrollButtons.right {
    right: -30px;
}
ul.nav-slider {
	height: 80px;
}
ul.nav-slider li {
	display: inline;
	float: left;
	height: 80px;
	text-indent: -9000px;
	width: 300px;
}
ul.nav-slider li a {
	display: block;
}
ul.nav-slider li#slider-one a.selected:link,
ul.nav-slider li#slider-one a.selected:visited,
ul.nav-slider li#slider-one a.selected:hover,
ul.nav-slider li#slider-one a.selected:active {
	background: #fff url(../images/nav-slider.png) 0 0 no-repeat;
	cursor: default;
}
ul.nav-slider li#slider-one a:link,
ul.nav-slider li#slider-one a:visited {
	background: #fff url(../images/nav-slider.png) 0 -80px no-repeat;
	display: block;
	height: 80px;
}
ul.nav-slider li#slider-one a:hover,
ul.nav-slider li#slider-one a:active {
	background: #fff url(../images/nav-slider.png) 0 -240px no-repeat;
}
ul.nav-slider li#slider-two a.selected:link,
ul.nav-slider li#slider-two a.selected:visited,
ul.nav-slider li#slider-two a.selected:hover,
ul.nav-slider li#slider-two a.selected:active {
	background: #fff url(../images/nav-slider.png) -300px -80px no-repeat;
	cursor: default;	
}
ul.nav-slider li#slider-two a:link,
ul.nav-slider li#slider-two a:visited {
	background: #fff url(../images/nav-slider.png) -300px 0 no-repeat;
	display: block;
	height: 80px;
}
ul.nav-slider li#slider-two a:hover,
ul.nav-slider li#slider-two a:active {
	background: #fff url(../images/nav-slider.png) -300px -240px no-repeat;
}
ul.nav-slider li#slider-three a.selected:link,
ul.nav-slider li#slider-three a.selected:visited,
ul.nav-slider li#slider-three a.selected:hover,
ul.nav-slider li#slider-three a.selected:active {
	background: #fff url(../images/nav-slider.png) -600px -160px no-repeat;
	cursor: default;
}
ul.nav-slider li#slider-three a:link,
ul.nav-slider li#slider-three a:visited {
	background: #fff url(../images/nav-slider.png) -600px 0 no-repeat;
	display: block;
	height: 80px;
}
ul.nav-slider li#slider-three a:hover,
ul.nav-slider li#slider-three a:active {
	background: #fff url(../images/nav-slider.png) -600px -240px no-repeat;
}


/* forms */

div#contact form {
	margin: 10px 0 0 20px;
	padding-bottom: 10px;
	width: 430px;
}
.uniForm .ctrlHolder {
	border: none;
	padding: 5px 0;
}
.uniForm .inlineLabels label em,
.uniForm .inlineLabels .label em {
	color: #0079c2;
}
.uniForm .inlineLabels textarea {
	height: 6em;
}
.uniForm .inlineLabels textarea,
.uniForm .inlineLabels input.textInput {
	width: 51%;
}
.uniForm  div.buttonHolder {
	padding: 5px 4px 0 0;
}