/*
Theme Name: VauxTalk
Author: SurpassWeb
Author URI: http://www.surpassweb.com
Description: Wordpress Theme for VauxTalk
*/

@import url(http://fonts.googleapis.com/css?family=Overlock:400,700,900,400italic,700italic,900italic);
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

html {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.2;
}
ol, ul {
	list-style: disc outside none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

:focus {
outline: 0;
}

/*******************************************************/
/******************* VAUXTALK THEME ********************/
/*******************************************************/
a{
	color:#352c34 ;
	text-decoration:none;
}

body{
	width:100%;
	min-width:1100px;
	/*background:#fff url(./images/bg-pixel.jpg) top left repeat;*/
        background-color: #364F69;
	background-attachment:fixed;
	overflow:auto;
	/*font-family: 'Overlock', cursive;*/	
	font-family: 'Tahoma';	
}

.block{
	position:relative;
	width:1000px;
	margin:0 auto;
	height:auto;
	overflow:hidden;
}

.clear{
	clear:both;
}

.inner{
	/*padding:20px;*/
        padding: 15px 0 5px 0;
	height:auto;
	width:960px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}

/*******************************************************/
/*********************** HEADER ************************/
/*******************************************************/

header{
	background:#f5f5f5;
	display:block;
}

header ul li a, #sign-up a, .block h1, .block h2, #featured a, #featured #products li{
	font-family: 'Montserrat', sans-serif;
}

header ul li:before, footer ul li:before {
content: " • ";
}

header ul li.first:before, footer ul li.first:before{
content: "";
}

header ul li a:hover, header .current-menu-item a{
	color:#cf5258;
}

header ul li a{
	margin:0 2px;
        font-weight: bold;
}

header ul{
	display:block;
	/*float:right;*/
        float: left;
        margin-left: 20px;
	padding:30px 0;
	color:#352c34;
	padding-right:10px;
}

header #logo{
	display:block;
	float:left;
	width:267px;
	height:55px;
	background:url(./images/logo.png) top center no-repeat;
        margin: 12px 0
}

header ul li{
	display:block;
	float:left;
	margin-left:5px;
}

header #login, header #sign-up{
	color:#fff;
	float:right;
	text-transform:uppercase;
	font-size:12px;
	padding:10px 15px;
	/*margin:10px 0;*/
	margin:2px 0;
	border-radius:4px;
	font-family: 'Montserrat', sans-serif;
}

header #login{
	background:#009797;
}

header #login:hover, #submit:hover{
	background:#038585;
}

header #sign-up{
	margin-right:15px;
	background:#f3be34;
}

header #sign-up:hover{
	background:#e5a500;
}

/*******************************************************/
/********************** HOMEPAGE ***********************/
/*******************************************************/

#featured{
	height:120px;
	position:relative;
}

#featured_rates{
	height:75px;
	position:relative;
        background: #E5EBD7;
        text-align: center
}

#home #featured{
	background:#342b33;
	min-height:480px;
	height:auto;
	position:relative;
}

#home #voip-difference{
	background:#fad062 url(./images/subtle_dots.png) repeat;
}

#home #features{
	background:#352b34 url(./images/subtle_dots2.png) repeat;
}

#sign-up{
	background:#cf5258  url(./images/subtle_dots2.png) repeat;
}

#home #sign-up, #advantages{
	background:#5f9cbe  url(./images/subtle_dots2.png) repeat;
}

/*******************************************************/
/****************** FEATURED SECTION *******************/
/*******************************************************/
#home #featured #banner-img{
	width: 100%;
	display:block;
	margin:0 auto;
    min-width: 1000px;
	/*margin-top:-30px;*/
}

#featured #banner-img{
	width: 100%;
	margin-top:0px;
	min-height:120px;
    min-width: 960px;
}

#featured .overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10;
	background:transparent url(./images/subtle_dots2.png) repeat;
}

#featured-content{
	position:absolute;
	top:30px;
	left:50%;
	line-height:1;
	margin-left:-470px;
	color:#fff;
	font-size:22px;	
	z-index:999;
}

#home #featured-content{
	top:50%;
	line-height:50px;
	margin-top:-150px;
}

#featured-content h1{
	color:#cf5258;
	font-weight:bold;
	font-size:36px;
	text-shadow: 1px 1px 1px #fff;
}

#featured-content p{
	text-shadow: 2px 2px 2px #000;
}

#home #featured-content h1{
	color: #992424;
        text-shadow: 0px 0px 7px #FFFAFA;
}

#featured-content a, #sign-up a{
	display:block;
	border-top:solid 1px #df8b8f;
	background:#cf5258;
	padding:12px 25px;
	color:#fff;
	float:left;
	margin-top:0px;
	font-weight:bold;
	text-align:center;
	box-shadow: 1px 1px 1px #777;
}

#sign-up a{
	font-size:22px;
	box-shadow: 1px 1px 1px #444;
	background:#a23a3f;
}

#featured-content a:hover{
	background:#be3239;
}

#sign-up a:hover{
	background:#87262a;
}

#home #sign-up a{
	border-top:solid 1px #67a198;
	background:#4a7892;
}

#home #sign-up a:hover{
	background:#34617a;
}

#featured #products{
	bottom:0;
	width:100%;
	position:absolute;
	padding:0px;
	font-size:22px;
	font-weight:bold;
	text-transform:uppercase;
	background:rgba(255, 255, 255, 0.9);
}

#featured #products .inner{
	width:940px;
	padding:30px 0;
	margin:0 auto;
}

#featured #products .inner p{
	color:#342b33;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
}

/*******************************************************/
/********************** VOIP SECTION *******************/
/*******************************************************/

#voip-difference{
	padding:30px 0;
	text-align:center;
}

#voip-difference p, #sign-up p{
	font-size:24px;
	color:#ffffff;
	text-shadow: 1px 1px 1px #777;
}

#voip-difference p, #sign-up p{
	text-shadow: 1px 1px 1px #999;
}

#voip-difference h1, #sign-up h1{
	color:#dc6c09;
	margin-bottom:20px;
	font-weight:bold;
	font-size:36px;
	text-shadow: 1px 1px 1px #fff;
}

/*******************************************************/
/****************** ADVANTAGES SECTION *****************/
/*******************************************************/


#advantages{
	padding:40px 0;
}

#advantages ul{
	display:block;
	width:900px;
	height:auto;
	margin:0 auto;
}

#advantages ul li{
	display:block;
	width:25%;
	float:left;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}

#advantages ul li.one{
	width:100%;
}

#advantages ul li.one-half{
	width:50%;
}

#advantages ul li.one-third{
	width:32%;
}

#home #advantages{
	background:#e5eceb url(./images/advantages-background.jpg) top center no-repeat;
	background-position: 50% 105px;
}

#home #advantages ul li{
	width:30%;
	color:#352b34;
	font-size:22px;
}

#home #advantages ul li.first{
	margin-left:5%;
}

#advantages ul li p{
	margin-top:20px;
}

#advantages ul li a{
	color:#fff;
}

/*******************************************************/
/******************* FEATURES SECTION ******************/
/*******************************************************/

#features{
	padding:80px 0;
}

#features h2{
	position:absolute;
	width:350px;
	font-size:30px;
	color:#cf5258;
	display:block;
	top:50%;
	margin-top:-45px;
	margin-left:50px;
	padding-left:140px;
	background:url(./images/features-icon.png) center left no-repeat;
}

#features ul{
	position:relative;
	left:50%;
	display:block;
	float:right;
	width:auto;
	height:auto;
	margin-left:90px;
}

#features li{
	display:block;
	width:100%;
	float:left;
	color:#fff;
	margin:2px 0;
	font-size:20px;
	padding-left:30px;
	background:url(./images/advantage.png) center left no-repeat;
}

/*******************************************************/
/******************* SIGN UP SECTION *******************/
/*******************************************************/

#sign-up{
	padding:20px 0;
}

#home #sign-up h1{
	color:#336079;
}

#sign-up h1{
	color:#a23a3f;
	margin-bottom:0;
	margin-top:10px;
}

#sign-up a{
	border-top:none;
	background:#a23a3f;
	padding:12px 25px;
	float:left;
	margin:20px;
	margin-left:180px;
	margin-right:40px;
}

#home #sign-up a{
	margin-left:200px;
}

/*******************************************************/
/************************ FOOTER ***********************/
/*******************************************************/
footer{
	background:#e5eceb;
}

footer ul{
	width:360px;
	display:block;
	height:50px;
	margin-top:40px;
	margin-left:10px;
	padding-left:75px;
}

footer li{
	display:block;
	float:left;
	margin-left:5px;
	font-size:14px;
	color:#352c34;
	font-family: 'Montserrat', sans-serif;
}

footer li a:hover{
	text-decoration:underline;
}

footer .inner{
	background:url(./images/footer-links.jpg) center left no-repeat;
	background-position:30px 50% ;
}

/*******************************************************/
/************************* PAGE ************************/
/*******************************************************/

#content{
	background:#e5eceb;
	padding:30px 0 50px 0;
}

#content .inner{
	width:920px;
	padding:20px 30px;
}

#content .column{
	width:430px;
	float:left;
	padding:0;
}

#content .column-space{
	padding-top:27px !important;
}

#content div.first{
	margin-right:50px;
	padding-top:0px;
}

#content .column h1{
	color:#79b99e;
	font-size:24px;
	font-weight:bold;
	margin-bottom:10px;
	font-family: 'Montserrat', sans-serif;
}

#content .column p{
	font-size:18px;
	color:#342b33;
}

#content .column ul li{
	font-weight:normal;
	font-family: 'Overlock', cursive !important;
}

/*******************************************************/
/******************** CONTACT PAGE *********************/
/*******************************************************/

#contact #featured-content h1{
	color:#e5eceb;
}

#contact input{
	width:410px;
	float:left;
}

#contact input.first{
	margin-right:20px;
}

#contact input, #contact textarea{
	background:#fff;
	border:none;
	padding:15px 20px;
	border-radius:2px;
	color:#999999;
	font-family: 'Montserrat', sans-serif;
}

#contact textarea{
	resize:none;
	width:880px;
	height:200px;
	margin-top:20px;
}

#contact #submit{
	color:#ffffff;
	font-size:22px;
	margin-top:20px;
	background:#79b99e;
	padding:10px 90px;
	float:right;
	width:auto;
	cursor:pointer;
	box-shadow: 1px 1px 1px #c3c9c8;
	text-shadow: 1px 1px 1px #777;
}

#lang_sel{
	position:absolute;
	right:12px;
	width:135px;
	top:10px;
}
#tabs{
    float: left;
}
.superdials{
    float: right;
    width: 280px;
    margin-top: 40px;
    border:solid 1px #aaa;
    background: #fff;
    

}
.rates-currency-selection {
margin: 15px 0;
padding: 0 10px;
}
#rates-table{
    width: 100%;
}
#rates-table td {
padding: 4px 5px !important;
}
#rates-table td a{
color: #0097dd;
}
.form-detail tbody tr.alt-row, .detail tbody tr.alt-row {
background-color: rgb(242, 242, 242);
}
.rates-letters .rates-current-letter {
font-weight: bold;
font-size: 110%;
}
.rates-letters a, .column-country a {
font-weight: normal;
text-decoration: none;
}
th {
font-weight: bold;
border-bottom: 1px solid;
}
.rates-letters a {
padding: 2px;
}
.rates-letters a:hover {
text-decoration: underline;
color: #000;
}
.rates-letters {
border-width: 1px;
border-style: solid none;
}
#component-rates-superdeals{
    padding: 10px 20px;
}


.sign-up_new{
	margin-right:15px;
	background:#f3be34;
}

.sign-up_new:hover{
        background:#e5a500;
}

#featured_rates figure{
    opacity: 0.8;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    margin: 0 40px;
    width: 120px;
    padding: 3px 0;
    font-size: 13px;
}

#featured_rates figure:hover{
    opacity: 1;
    background: rgba(95, 154, 191, 0.3);
    border-radius: 10px;
}

#country{
    width: 170px;
    height: 30px;
    border-radius: 5px;
    margin: 10px auto;
    padding: 5px;
}
.numbers{
    width: 330px;
    margin: 25px auto;
}

.face, .twit{
    opacity: 0.85;
}
.face:hover, .twit:hover{
    opacity: 1;
}