@charset "UTF-8";
/* CSS Document */

/* LAYOUT ------------------------------------------------------*/
 
html, body {
border:0;
margin:0;
padding:0;
}

html{ 
min-height:101%;
}

body {
		background:#d5d5d5;
		margin:0;
		}


/***** Wrapper *****/
#wrapper {
	width:1022px;
 	height:100%;
	margin:0 auto;
	
}

/* HEADER */
#header 
	{
	text-align:left;
	height:82px;
	}

#content {
	 margin:0 auto;
	background:#fff url("http://home.efax.com/s/r/travis/crefi-583-lp-mobilise/images/lines.jpg") repeat-x left top;
	position:relative;
	border: 1px solid #999999;
	-moz-border-radius: 8px; /* FF1+ */
    -webkit-border-radius: 8px; /* Saf3+, Chrome */
    border-radius: 8px; /* Opera 10.5, IE 9 */
		-moz-box-shadow: 0 0 8px rgba(0,0,0,.33);
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.33);
	box-shadow: 0 0 8px rgba(0,0,0,.33);
	height:1600px;
	margin: 15px;
	/*padding: 5px  15px;*/
	
	}
	
#slider {
	background:#fff;
	position:relative;
	width:948px;
	border: 1px solid #ccc;
	-moz-box-shadow: 0 0 4px rgba(0,0,0,.33);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.33);
	box-shadow: 0 0 4px rgba(0,0,0,.33);
	-moz-border-radius: 4px; /* FF1+ */
    -webkit-border-radius: 4px; /* Saf3+, Chrome */
    border-radius: 4px; /* Opera 10.5, IE 9 */
	width:=100%;
	height:400px;
	margin-bottom: 25px;
	padding:5px;
	}
	
#main {
	width:962px;
	margin: 0 auto;
	position:relative;
	text-align:center;
	padding-top: 15px;
	 }
	 

	 
	#footer{
	height:200px;
	/*padding-top:36px;*/
/*	background-image: url("../images/footer_top.jpg");
    background-repeat: repeat-no left bottom;*/
}
 

/*font: font-style (italic/normal) font-variant (small-caps) font-weight font-size/line-height font-family;*/

/*ITEMS */

#logo 
	{
	float:left;
		}
		
#phonenumber 
	{
	margin-top:27px;
		}
	
			
#app
	{
	left:5px;
		}

#smartphone 
	{
	right:50px;
	}
		


/* NAVIGATION
-------------------------------------------------------- */

#nav{
	font-size:1.1em;
	text-transform:uppercase;
	text-align:center; 
	font-weight:400;

}
#nav a{
	color:#5a5a5a;
	padding:5px;
	border-right: 1px solid #eee;
}
#nav a:last{
	color:#4a4a4a;
	padding:5px;
	border:none;
}
#nav a:hover{
	text-decoration:underline;
	color:#2a2a2a;
}




/* FOOTER -------------------------------------------------------------*/
	
.footer 							{ border-top:thin dotted #ccc; }
.footer	p							{ padding:5px 0; }
.footer	a							{ color:#999; }
.footer a:hover						{ color:#000; border-bottom:1px dotted #000; }

.footer-nav{
	/*margin-bottom:5px;*/
	text-transform:uppercase;
	float:right;
	word-spacing:0.3em;
	border-right: 1px medium #999;
}



 
/***** LISTS *****/



/* PLAIN DIVIDER	----------------------------------------------------*/

.divider    {
	padding:15px 0;
	}



/***** Global Classes *****/

/*<em>CSS:</em>*/
 
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
.footer-margin-top{margin-top: -27px; }

.center{ margin-left:auto; margin-right:auto; width:95%}
.right{ position:absolute; right:15px; }
.left{ position:absolute; left:0px; left:15px;}
.bottom{ position:absolute; bottom:5px; padding: 0px 15px; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:20px 20px 10px 30px; }
.img-right     { float:right;margin:20px 30px 10px 20px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

.align-left 	{ text-align: left; }
.align-right 	{ text-align: right; }

.width100 		{ width: 100%; }
.width75 		{ width: 75%; }
.width50 		{ width: 50%; }

/*GRIDS
-------------------------------------------------------- */
/* Set styles common among all grids - all grid divs must be assigned this class */
.generic{
	float:left;
	padding-top:1em;
	margin-bottom:0em;
}
/* Sets styles for any 'start' grids - this class MUST be given to a grid that is the first in a horizontal series */
.clear{
	clear:both;
}
/* Sets styles for any 'end' grids - this class MUST be given to a grid that is the last in a horizontal series */
.end{
	margin-left:0 !important;
	margin-right:0 !important;
}
/* 220px */
.twotwenty{
	width:19em;
	margin-right:1em;
}
/* 280px */
.twoeighty{
	width:25em;
	margin-right:2.8em;
}
/* 340px */
.testimonials{
	width:37em;
	text-align:left;
	margin-right:6em;
	margin-bottom:3em;
}

.androiddiv{
bottom:15px;
margin-left:20px;
}

.iphonediv{
bottom:53px;
margin-left:18px;
}

.phonediv{
	margin-left:80px;
}

/* TYPOGRAPHY */
    body {
        text-align: left;
        font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
		font-size: 75%;
		/*font-size:.7em;*/
        line-height:120%;
        letter-spacing:.15em;
        color:#333;	
    }
	
    
/* LINKS */
    a,
    a:link{
		font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
       	color:#999;
		text-decoration:none;
		line-height:130%;
		font-weight:300;
		margin: 15px 0;
		
    }
    a:active {
       	color:#444;
		text-decoration:none;
		
    }
    
	
   a:hover {
   color:#fff;
   text-decoration:underline;
  /* text-shadow: 1px 1px 1px rgba(0,0,0,.4);*/
  /*TRANSITION HOVER*/
   -webkit-transition:color 500ms ease-in;
   -moz-transition:color 500ms ease-in;
   -o-transition:color 500ms ease-in;
   transition:color 500ms ease-in;
}

/*a:hover {color:#669999; text-shadow: 1px 1px 1px rgba(0,0,0,.4);}*/

/* END LINKS */
   
   
/* HEADINGS */
h1,h2,h3,h4,h5,h6,legend {
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	font-weight:normal;
	letter-spacing:0em;
	line-height:130%;
	color:#000;
	margin:0.8em 0;
	}

	h1,h2,h3,h4,legend {
	text-shadow: 2px 2px 2px rgba(75, 75, 75, 0.5);
	line-height:120%;
	padding:0;
	}
	
/*You can separately specify any properties that are different for some of those elements, for example font-size:*/

h1 { font-size:2.4em;color:#1a1a1a;}
h2 { font-size:2.0em;color:#2a2a2a;}
h3 { font-size:1.5em; text-transform:uppercase;}
h4, legend { font-size:1.5em;font-weight:bold; color: #2a2a2a }
h5, label { font-size:1.4em; }

h6 {
	font-size: 1.3em;
	margin: 0 40px;
	letter-spacing:.2em;
	}


	
/* END HEADINGS */


/* TEXT */

    p {
		font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
        margin: 0 0 1.5em 0;
        padding-top: 10px;
        font-size: 1em;
		line-height:130%;
		color:#666;	
       /* line-height:1.4em;*/
    }

    blockquote {
        margin-left: 10px;
		border-left: 10px solid #ddd;
    }

    pre {
        font-family: monospace;
        font-size: 1.0em;
    }
    strong, b {
        font-weight: bold;
    }
    i {
        font-style:italic;
		font-weight:inherit;
    }
	em {font-size:80%;
	font-family: Arial, Verdana, Helvetica;
	line-height:120%;
	font-weight:300;
	color:#666;}
	
	
    code { /* Styling for and code type items */
        font-family: "Courier New", Courier, monospace;
        font-size: 1em;
        color:#999;	
    }
	small {
		font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
        margin: 0 0 1.5em 0;
        padding-top: 10px;
        font-size: .9em;
		line-height:130%;
		margin: 0 40px;
		font-weight:300;
		color:#000;	
       /* line-height:1.4em;*/
	}
	
	amp{ /* Give those ampersands a right sexy look */
	font-family:Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-style:italic;
	font-weight:normal;
	line-height:inherit;
	}
	
	 
	sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
	}
 
	sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
	}
 
	acronym{
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
	cursor:crosshair;
	}

	abbr{
	border-bottom:1px dotted #666;
	border-color:inherit;
	cursor:help;
	}

	caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	}
/* END TEXT */
    

/* LISTS */
    ul ol {
		font-size: 1.0em;
		line-height: 130%;
        margin: 0 0 1.5em 0;
        padding: 0;
    }
    ul li {
        margin: 0 0 0.25em 30px;
        padding: 0;
    }
    ol {
		line-height: 135%;
    }
    ol li {
        margin: 0 0 0.25em 30px;
        padding: 0;
		font-size: 1.0em;
    }
    dl {
        margin: 0 0 1.5em 0;
        padding: 0;
        
        line-height: 130%;
    }
    dl dt {
        margin: 0.25em 0 0.25em 0;
        padding: 0;
		font-weight: bold;
    }
    dl dd {
        margin: 0 0 0 30px;
        padding: 0;
    }
/* END LISTS */
    
    

/* END TYPOGRAPHY */    

.pad{  padding: 0px 15px;}

/*Adjusting footer image*/
.gtstrtd{ width:990px;  }