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

/*-----Colors------
orange #ff9933
gray #333333
-----------------*/

body {
	text-align:center;
	margin:0 auto;
	padding:0;
	width:100%;
	/*background-color:#333333;
	 font-family:Arial;*/
	 
	 font-size:13px;
	
	font-family:Arial, Helvetica, sans-serif;
	
}

/* ------------Toolbox--------------------*/
.clear {
	clear:both;
}

br {
	height: 1em;
}

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

p {
	margin-bottom:10px;
	
	
	 font-size:13px;
	color:#000000;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-style:normal;
	line-height:1.2em;
}

hr {
	color:#FF9933;
	background-color:#FF9933;
	/*width:175px;*/
	height:1px;
	border:none;
	margin:10px 0 20px 0;
}

/*img {
	border:solid 1px;
	border-color:#CCCCCC;
}*/

.LaViaz {
	color:#FF9933;
}

.whiteText{
	color:#FFFFFF;	
}

.sidebarHeader {
	color:#FF9933;
	font-size:19px;
	font-style:italic;
}
	

/*-----------------Typography-----------------------*/
.font {
	font-size:13px;
	color:#000000;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-style:normal;
	line-height:1.2em;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:29px;
	font-style:italic;
	text-align:left;
	color:#000000;
	margin-bottom:15px;
	letter-spacing:.05em;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-style:italic;
	text-align:left;
	color:#000000;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:45px;
	font-style:italic;
	text-align:center;
	color:#000000;
	margin-bottom:5px;
	letter-spacing:.03em;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	font-style:italic;
	text-align:center;
	text-indent:75px;
	color:#000000;
	letter-spacing:.01em;
}

h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	color:#FFFFFF;
}

h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	font-style:italic;
	text-align:left;
	color:#000000;
	margin: 30px 0 15px 0;
	line-height:29px;
	letter-spacing:.01em;
}



/*--------------------------Links-----------------------------*/
a:link {
	color:#FF9933;
	text-decoration:none;	
}

a:visited {
	color:#FF9933;;
	text-decoration:none;
}

a:hover {
	color:#000000;
	text-decoration:none;
}

a:focus { /*Override to get rid of image outlines in Firefox*/
	-mozilla-outline-style: none; 
	outline: none;
}

a:active { /*Override to get rid of image outlines on click in Firefox*/
	-mozilla-outline-style: none;
	outline: none;
}

/*-------------Structure--------------*/

#topContainer { 
	background-image:url(../images/topHeader_bg.png);
	background-repeat:repeat-x;
	background-position:center;
	background-position:top;
	width:100%;
	margin:0 auto;	
}

#topHeader {
	width:960px;
	height:140px;
	margin:0 auto;
}

#logo {
	background-image:url(../images/logo.png);
	float:left;
	height:100px;
	width:200px;
	margin-top:6px;
	cursor:pointer;
}

#navigation { 	
	width:760px; 	
	float:right; 	
	margin-top:41px; 
}

#middleContainer {
	background-image:url(../images/content_bg.png);
	background-repeat:repeat;
	background-position:center;
	background-position:top;
	width:100%;
	margin:0 auto;	
}

#content {
	width:960px;
	margin:0 auto;
	min-height:450px;
}

#content li {
	margin-bottom:10px;
}	

#copy {
	text-align:left;
	float:left;
	vertical-align:top;
	/*width:355px;*/
	margin:0 0px 30px 8px;
}

#copyOnly {
	float:left;
	vertical-align:top;
	width:600px;
	margin:0 50px 30px 50px;
}

#button {
	text-align:left;
	align:left;	
	width:285px;
	height:45px;
	background-image:url(../images/orangeButton.png);
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#000000;
	margin-bottom:15px;
	cursor:pointer;
}

#button p {
	line-height:45px;
	text-align:center;
}

#image {
	float:right;
	vertical-align:top;
	width:485px;
	margin-top:45px;
}

#sidebar {
	width:175px;
	float:left;
	margin: 45px 0 0 40px;
	font-size:13px;
	color:#000000;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-style:normal;
	line-height:1.2em;
}

#bottomContainer {
	background-image:url(../images/bottomContainer_bg.png);
	background-repeat:repeat;
	background-position:center;
	background-position:top;
	width:100%;
	height:290px;
	margin:0 auto;	
}

#lowerContent {
	width:960px;
	height:290px;
	margin:0 auto;
}

#leftLower {
	float:left;
	width:405px;
	margin:25px 0 0 50px;
}

#leftLower li {
	margin-bottom:10px;	
}

#verticalDivider {
	float:left;
	height:227px;
	width:10px;
	background-color:#FF6600;
}

#rightLower {
	float:left;
	width:380px;
	margin:75px 0 0 60px;
	cursor:pointer;
}

#footer {
	width:960px;
	height:50px;
	margin:0 auto;
	margin:10px 0 0 50px;
}


#footer a:link {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
}

#footer a:visited {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
}

#footer a:hover {
	color:#FF9933;
	text-decoration:none;
	font-weight:normal;
}

#footer p {
	text-align:left;
	vertical-align:top;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top:15px;
}

/*---------------------------Navigation-------------------------*/
#nav li {
	/*float the main list items*/
	margin: 0;
	float: left;
	display: block;
	position:relative;
	font-size:13px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-style:normal;
	height:49px;
	line-height:49px;
}

#nav>li { 
	/*sets width for individual buttons in main navigation only*/
	width:107px;
}

#nav li.off ul, #nav li.on ul {
	/*all 2nd level navigation lists*/
  	/*puts the sub-navigations below the main and hides them*/
  	display:none;
	position:absolute;
  	top:49px;
	height:25px;
}

#nav li.on ul {
  	/*displays active (on) sub-navigation list*/
  	display: inline;
	width:700px;
	background-color:#FFFFFF;
}

#nav li.off ul {
  	/*length of active (off) sub-navigation lists*/
	width:700px;
	background-color:#FFFFFF;
}

/*
#nav li.off:hover ul {
	display:block;
}
*/

#nav li a {
  	/*styles all links in the lists*/
  	color: #FFFFFF;
	font-weight:bold;
  	display: block;
  	text-decoration:none;
}

#nav li.on ul a, #nav li.off ul a {
	/*styles links in sub-navigations*/
  	float: left;
  	/*ie6 doesn't inherit the float*/
  	border: 0;
  	color: #FF9933;
	background-color:#FFFFFF;
	width:auto;
	margin: 0 15px; /*space between links in sub-navigation*/
}

#nav li.on a {
  	/*changes background color for active button (on) in main navigation*/
	background-color:#FF9933;
	height:49px;
}

#nav li.off a:hover {
  	/*changes background color for links in sub-navigation on hover*/
	background-color:#333333;
	color:#FF9933;
	height:49px;
}

#nav li.on ul li:first-child {
	border:none;
}

#nav li.on ul li a:hover {
	/*hover state for links in sub-navigation*/
	background-color:#FFFFFF;
	color:#333333;
}

#home ul {
	left:21px;
}

#about ul {
	left:-86px;
}

#whymobile ul {
	left:-193px;
}

#products ul {
	left:-300px;
}

#services ul {
	left:-407px;
}

#partners ul {
	left:-514px;
}

#contact ul {
	left:-621px;
}

/*---------------------------Footer Navigation-------------------------*/

#footer ul {
	width:915px;
}
#footer ul li {
    float: left;
    list-style-type: none;
	height:1em;
	padding-left:10px;
	text-decoration: none;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #FFFFFF;
    margin-right: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}
	
#footer ul li:first-child {
    border:none;
	padding-left:0px;
}

/*----------------------Form--------------------*/