/* CSS for subpages*/


#top {
position:relative;
width:800px;
height:100px;
padding:0;
margin:auto;
background-color:#ffffff;
}
#utes {
position: absolute;
top:10px;
right:0;
font-weight:bold;
}
#utes a, #footer a {
padding-left:20px;
}

#utes a:link {  text-decoration: none; color: #0089da}
#utes a:hover {  text-decoration: none; color: #fb8520}
#utes a:visited {  text-decoration: none; color: #0089da}
#utes a:visited:hover {  text-decoration: n one; color: #fb8520}

#homelogo {
margin-left:-30px;
float:left;
}
#mainmenu {
position: absolute;
bottom:0;
right:0;
	list-style: none;
	margin:0;
	padding:0;
}
#mainmenu li {
float:left;
font-size:1.2em;
font-weight:bold;
line-height:24px;
padding:0;
margin:0;
}

#mainmenu a {
display:block;
padding:0 1em;
margin: 0;
margin-left:2px;
height:24px;
}

#mainmenu a:link {  text-decoration: none; color: #3777c0}
#mainmenu  a:hover {  text-decoration: none; color: #3777c0; background-color:#b5e6fc;}
#mainmenu  a:visited {  text-decoration: none; color: #3777c0}
#mainmenu  a:visited:hover {  text-decoration: n one; color: #3777c0; background-color:#b5e6fc;}

#ribbon {
width:100%;
height:2em;
background-color:#b5e6fc;
}

#submenu {
list-style: none;
margin:0;
margin-right:100px;
	padding:0;
	float:right;
}

#submenu li {
float:left;
padding:0;
margin:0;
}

#submenu a {
display:block;
padding:0 1.2em;
margin: 0;
line-height:2em;
}

#submenu a:link, .textbox a:link {  text-decoration: none; color: #666666}
#submenu  a:hover, .textbox a:hover  {  text-decoration: none; color: #3777c0; color: #00b5f1;}
#submenu  a:visited, .textbox a:visited {  text-decoration: none; color: #666666}
#submenu  a:visited:hover, .textbox a:visited:hover {  text-decoration: n one; color: #3777c0; color: #00b5f1;}

body#about a#about, body#works a#works, body#help a#help {
background-color:#b5e6fc;
}

body.what a#what, body.devices a#devices, body.start a#start, body.faqs a#faqs, body.company a#company, body.team a#team, body.news a#news, body.contact a#contact{
color: #fb8520
}

#aboutmenu, #howmenu, #helpmenu, #dummymenu {display:none}

body#about #aboutmenu {display:inline}

body#works #howmenu {display:inline}

body#help #helpmenu {display:inline}

body#dummy #dummymenu {display:inline}

#columns {
padding:24px 0;
}
#leftcol {
width:200px;
float:left;
}
#rightcol {
position:relative;
padding-bottom:20px;
}
#maincol {
width:60%;
float:left;
line-height:1.8em;
}
#thirdcol {
width:35%;	
float:right;
}
#columns.three #rightcol {
width:580px;
float:right;
}
#columns.two #rightcol, #columns.one #rightcol {
width:800px;
float:none;
}
#columns.two #leftcol {
display:none;
} 

#columns.one #thirdcol {
display:none;
} 
#columns.one #maincol {
width:90%;
float:right;
}

#subfooter {
width:100%;
clear:both;
border-top: 6px solid #fb9d59;
background-color:#7fd1f7;
text-align:center;
color:#ffffff;
padding:20px 0;
min-height:20px;
}
#footertext {
}
.footerleft {float:left}
.footerright {float:right}
#subfooter a {
padding-left:10px;
padding-right:10px;
}
#subfooter a:link {  text-decoration: none; color: #ffffff}
#subfooter a:hover {  text-decoration: underline; color: #00b5f1}
#subfooter a:visited {  text-decoration: none; color: #ffffff}
#subfooter a:visited:hover {  text-decoration: underline; color: #00b5f1}

.question {
color:#f06917;
font-weight:bold;
}
.answer {
margin-left:16px;
}
.textbox {
float:right;
padding:16px;
margin:0 0 10px 10px;
border: 1px solid #f06917;
}
#contactform {
border:1px solid #fb8520;
padding:16px;
}
#contactform label {
width:140px;
float:left
}