/* ================== */
/* DEFAULT/COMMON     */
/* ================== */

html, body 
{
	background-color:#ffffff;
	color:#45433c;
	font-family: 'Lato', HelveticaNeue, Helvetica, Arial, sans-serif;
}

a:link, a:visited 
{
	text-decoration:underline;
	color:#2d2d2d;
}

a:hover 
{
	text-decoration:none;
}

h1
{	
	font-size:60px;
	font-weight:300;
	padding-top:50px;
	padding-bottom:40px;
	text-align:center;
}

h2
{
	font-size:38px;
	font-weight:300;
	padding-top:0px;
	padding-bottom:20px;
}

h3
{
	font-size:30px;
	font-weight:100;
	padding-top:30px;
	padding-bottom:0px;
	line-height:32px;
}

h4
{
	font-size:18px;
	font-weight:100;
	padding-top:5px;
	padding-bottom:15px;
	line-height:22px;
}

p
{
	font-weight:300;
	font-size:16px;	
	padding-bottom:30px;		
	line-height:20px;
}

p.bigger
{
	font-size:20px;	
	line-height:24px;
}

p.big
{
	width:700px;
	font-size:28px;
	line-height:32px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

ul 
{
	list-style-type:disc;
	list-style-position:inside;
}

.orange
{
	color:#f6a330;
}

.highlight
{
	font-weight:700;
}

.highlight-orange
{
	font-weight:700;
	color:#f6a330;
}

#divider
{
	width:100%;
	height:1px;
	background-color:#cfcfcf;
}

/* ================== */
/* CONTAINERS         */
/* ================== */

#section
{
	margin:0 auto;
	top:0px;
}

#inner 
{
	margin:0 auto;
	position:relative;
	z-index:2;
	width:900px;
}

/* ================== */
/* NAVBAR             */
/* ================== */

#navbar-container
{
	width:100%;
	top:0px;
	z-index:999;	
	background: rgba(255, 255, 255, 0.85);
	position:fixed;
	text-transform:uppercase;
	
	border-bottom: 1px solid #cfcfcf;
}

#navbar
{
	width:1024px;
	min-size:1024px;
	margin:auto;
	margin-top:-1px; /* fix for Mobile Safari grey line */
	padding-top:1px; /* fix for Mobile Safari grey line */
}

#navbar-table
{
	width:910px;
	height:70px;
	margin:auto;
}

#navbar-table td
{
	font-size:16px;
	font-weight:400;
	text-align:center;
	vertical-align:middle;	
}

#navbar-table td.logo
{
	padding-top:0px;
	width:65px;
}

#navbar-table td.about
{
	width:60px;
}

#navbar-table td.news
{
	width:60px;
}

#navbar-table td.support
{
	width:65px;
}

#navbar-table td.clients
{
	width:65px;
}

#navbar-table td.contact
{
	width:65px;
}

#navbar-table td.empty
{
	width:150px;
}

#navbar-table td.lang
{
	font-size:14px;
	font-weight:300;
	width:100px;
}

#navbar-table a 
{
	text-decoration:none !important;
	color:#45433c;
}

#navbar-table a:hover
{
	color:#f6a330;
}


/* ================== */
/* TOP                */
/* ================== */

#top
{
	position:fixed;
	z-index:-1;
	top:0px;
	overflow-x: hidden;
	width:100%;
}

div.inner img 
{
	position: relative; 
	left:-50%;
}

div.outer 
{
	width: 300px; 
	margin: 0 auto; 
	overflow: visible;
}

div.inner 
{
	display: inline-block; 
	position:relative; 
	right: -50%;
}

#top h1
{	
	font-size:66px;
	font-weight:300;
	color:#2d2d2d;
	padding-bottom:5px;
	padding-top:0px;
}

#flowing
{
	position:relative;
	top:-525px;
	left:-150px;
}

#flowing-bottom
{
	font-size:16px;
	font-weight:300;
	position:relative;
	top:-1015px;
	text-align:center;
}

div.phone
{
	position:relative;
	left:370px;
	top:-320px;	
}

div.phone img
{
	display: block;
	margin-left:auto;
	margin-right:auto;
}

div.google
{
	text-align:center;
	font-weight:400;
	font-size:10px;
	position:relative;
	top:-570px;	
}

div.google img
{
	display: block;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
    width:135px;
    height:40px;
}

div.apple
{
	text-align:center;
	font-weight:400;
	font-size:10px;
	position:relative;
	top:-570px;	
}

div.apple img
{
	display: block;
	margin-left:auto;
	margin-right:auto;
    width:135px;
    height:40px;
}

div.badge
{
	text-align:center;
	font-weight:400;
	font-size:10px;
	position:absolute;
	top:-130px;	
	left:70px;
}

div.badge img
{
	display: block;
	margin-left:auto;
	margin-right:auto;
}


/* ================== */
/* FEATURES INTRO     */
/* ================== */


#inner.features-intro
{
	margin-top:650px;
	margin-bottom:100px;
	padding-top:75px;
}

#inner.features-intro h1
{
	font-weight:400;
}

#newsletter
{
	font-size:16px;
	font-weight:300;
	position:relative;
	top:-50px;
	text-align:center;
}

.form
{
	background: rgba(100, 100, 100, 0.1);
	border:0px;
	padding:10px;
	margin-top:10px;
	font-size:16px;
}

.form:hover
{
	background: rgba(150, 150, 150, 0.1);
}

.button
{
	background-color:#f6a330;
	border: 0px;
	font-size:16px;
	color:white;
	padding:10px;
}

.button:hover 
{
    background: #f6ca8e;
}

#dialog-overlay 
{
	/* set it to fill the whole screen */
	width:100%; 
	height:100%;
	
	/* transparency for different browsers */
	filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
	-khtml-opacity: 0.5; 
	opacity: 0.5; 
	background:#000; 

	/* make sure it appear behind the dialog box but above everything else */
	position:absolute; 
	top:0; left:0; 
	z-index:3000; 

	/* hide it by default */
	display:none;
}

#dialog-box 
{		
	background:url('../images/newsletter-popup.png');

	width:360px; 
	height:196px; 
	
	position:fixed; 
	z-index:5000; 

	display:none;
}

/*
#dialog-box .dialog-content 
{
	color:#45433c; 
	font-size:32px; 
	font-weight:300;
	text-align:center;
	vertical-align:middle;
	line-height:200px;
}*/



/* ================== */
/* FEATURES TABLE     */
/* ================== */

#features
{
	display:table;
}

.row
{
	display:table-row;	
	height:435px;
}

.cell-left1
{
	display:table-cell;
	width:365px;	
	text-align:right;	
}

.cell-right1
{
	display:table-cell;
	padding-left:75px;
	padding-right:130px;
	vertical-align:middle;
}

.cell-left2
{
	display:table-cell;
	width:400px;	
	padding-left:130px;
	vertical-align:middle;
}

.cell-right2
{
	display:table-cell;
	width:365px;	
	padding-left:75px;
}


/* ================== */
/* FEATURES TECHNICAL */
/* ================== */

#features-technical
{
	padding-top:80px;
	padding-bottom:50px;	
}

#features-technical ul
{
	list-style-position:outside;
	margin-left:20px;
	font-weight:300;
	line-height: 18px;
	color:#f6a330;
}
	
#features-technical li
{
	padding-bottom:30px;
}

#features-technical li span 
{
	color: #45433c;	
}

#features-technical p
{
	width:700px;
}

#features-technical .highlight
{
	font-weight:400;
}

#multi-column 
{
    -moz-column-count: 2;
    -moz-column-gap: 80px;
    -webkit-column-count: 2;
    -webkit-column-gap: 80px;
    column-count: 2;
    column-gap: 80px;
    
   	margin-bottom:75px;
}


/* ================== */
/* DOWNLOAD           */
/* ================== */

#download1 img
{
	display: block;
	margin-left:auto;
	margin-right:auto;
	padding-top:75px;
	padding-bottom:15px;
    width:135px;
    height:40px;
}


#download2 img
{
	display: block;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:75px;
    width:135px;
    height:40px;
}


/* ================== */
/* BOTTOM             */
/* ================== */

#bottom
{
	height:280px;
	width:100%;	
	background-color:#3b3b3b;
	color:white;
	text-align:center;
}

#bottom.otherpages
{
	height:44px;
	padding-top:30px;
	padding-bottom:30px;
}

#bottom a
{
	color:#ffffff;	
	text-decoration:none;
}

#bottom a:hover 
{
	text-decoration:underline;
}


/* ================== */
/* FOOTER             */
/* ================== */

#footer
{
	height:35px;
	padding-top:20px;
	width:100%;	
	color:white;
	background-color:#f6a330;
	font-size:14px;
	text-align:center;
}


/* ===================================================================================== */
/* SUB PAGES                                                                             */
/* ===================================================================================== */


/* ================== */
/* SUB PAGES COMMON   */
/* ================== */

#subpage h1
{
	text-align:left;
	text-transform:uppercase;
}

#subpage h2
{
	padding-top:15px;
	padding-bottom:10px;	
	text-transform:uppercase;
}

#subpage ul
{
	list-style-position:outside;
	margin-left:20px;
	font-size:16px;
	font-weight:300;
	line-height:18px;
	color:#f6a330;
}
	
#subpage li
{
	padding-bottom:10px;
}

#subpage li span 
{
	color: #45433c;	
}

#subpage p
{
	width:700px;
	padding-top:10px;;
	padding-bottom:10px;;
}


/* ================== */
/* SUPPORT            */
/* ================== */

#support
{
	padding-top:100px;
	padding-bottom:100px;	
}

#support-table
{
	display:table;
}

#support-row
{
	display:table-row;
}

#support-col1
{

	display:table-cell;
	width:275px;
	font-size:12px;	
	padding-top:10px;
	line-height:30px;
}

#support-col2
{

	display:table-cell;
	width:275px;
	font-size:12px;	
	line-height:30px;
}

#support-col3
{

	display:table-cell;
	width:275px;
	font-size:12px;	
	line-height:30px;
}

#support-col1 img
{
	margin-left:-12px;
}

#support-col2 img
{
	margin-left:-20px;
}

#support-col3 img
{
	margin-left:-20px;
}


/* ================== */
/* CONTACT            */
/* ================== */

#contact-top
{
	padding-left:200px;	
	position:fixed;
	z-index:-1;
	top:0px;
	overflow-x: hidden;
	width:100%;	
}

#contact
{
	position:fixed;
	top:100px;
}

#contact h1
{
	text-transform:uppercase;
}

#box
{	
	position:relative;
	left:445px;
	top:-65px;
	padding:20px;	
	background-image:url('../images/contact-popup.png');
	background-repeat:no-repeat;
	width:272px;
	height:139px;
}

#box p
{

	font-size:16px;
}

#box a
{
	text-decoration:none;
}

.header
{
	font-weight:400;
}

#bottom.contact
{
	
	margin-top:706px;	
}


/* ================== */
/* NEWS               */
/* ================== */

#news
{
	padding-top:100px;
	padding-bottom:100px;	
}

#news p
{
	width:620px;
}

#news a
{
	text-decoration:none;
	color:#f6a330;
}

#news a:hover
{
	color:#2d2d2d;
	text-decoration:underline;
}

#news-year
{
	display:table;
}

.newsitem
{
	display:table-row;	
}

.cell-left
{
	display:table-cell;
	width:85px;
	padding-bottom:50px;
	text-align:center;
}

.cell-right
{
	display:table-cell;
	width:620px;
	padding-left:35px;
	padding-bottom:50px;
}

.month
{
	font-size:38px;	
	font-weight:300;
}

.date
{
	font-size:70px;	
	font-weight:300;
	color:#f6a330;
	border-bottom: 2px solid #f6a330;
}

#news img.right
{
	float:right;
	padding-left:20px;	
}

#news img.left
{
	float:left;
	padding-right:5px;
}


#news ul
{
	list-style-position:outside;
	margin-left:20px;
	font-weight:300;
	line-height: 18px;
	color:#f6a330;
}
	
#news li
{
	padding-bottom:15px;
}

#news li span 
{
	color: #45433c;	
}


/* ================== */
/* ABOUT              */
/* ================== */

#about
{
	padding-top:100px;
	padding-bottom:100px;	
}

#team
{
	display:table;
	width:100%;
}

#team .row
{
	display:table-row;	
	height:300px;
}

#team .cell
{
	display:table-cell;
	text-align:center;
}

#team .name
{
	font-size:24px;
	color:#f6a330;
	line-height:50px;
	font-family: 'Shadows Into Light', cursive;
}

#team .title
{
	font-size:16px;
	color: #45433c;	
	line-height:0px;
	font-weight:300;
}