/*

WebCipher Website
Stylesheet

Author: Steven McTainsh (smctainsh.com)

*/

*
{
padding: 0;
margin: 0;
}

body
{
font-family: "Arial", Helvetica, sans-serif;
font-size: 10pt;
background: #0E84BA url(images/backtop.png) no-repeat top center;
}

a
{
color: #0E84BA;
}

a img
{
border: 0;
}

a#downloadlink
{
float: left;
clear: both;
width: 740px;
margin-bottom: 20px;
padding: 10px;
font-size: 20pt;
letter-spacing: -1px;
border: 1px solid #0E84BA;
background: #0E84BA url(images/download.png) no-repeat 692px -41px;
color: #fff;
text-decoration: none;
font-weight: bold;
}

a#downloadlink span
{
font-weight: normal;
float: left;
clear: both;
font-size: 14pt;
width: 600px;
}

a#downloadlink:hover
{
background: #47a6d3 url(images/download.png) no-repeat bottom right;
}

h1, h2, h3, h4, h5, h6
{
font-weight: normal;
}

#container
{
width: 800px;
margin: 0 auto;
}

#header
{
color: #fff;
padding: 20px 20px 0px 20px;
overflow: hidden;
width: 760px;
}

h1
{
font-size: 36pt;
font-weight: bold;
letter-spacing: -2px;
margin-top: 8px;
}

#logo
{
float: right;
}

#nav
{
list-style: none;
clear: both;
}

#nav li
{
float: left;
}

#nav li a
{
padding: 5px 10px;
float: left;
text-decoration: none;
color: #fff;
margin-right: 2px;
font-weight: bold;
font-size: 12pt;
}

#nav li a:hover
{
text-decoration: underline;
}

#content
{
padding: 20px;
background: #fff;
overflow: hidden;
width: 760px;
}

h2
{
color: rgb(187, 221, 255);
font-size: 20pt;
margin: -10px 0px 0px 0px;
letter-spacing: -2px;
}

h3
{
font-size: 24pt;
letter-spacing: -1px;
}

h3#hometitle
{
text-align: center;
}

#screenshot
{
text-align: center;
margin-top: 20px;
position: relative;
}

#subtitle
{
font-style: italic;
font-size: 18pt;
margin-top: 5px;
text-align: center;
}

.highlight
{
padding: 5px;
background: rgb(255, 255, 176);
}

#nav li a#navactive
{
background: #fff;
color: #000;
}

.feature
{
padding: 10px;
float: left;
width: 230px;
height: 300px;
}

.feature img
{
margin: 10px 30px 10px 30px;
border: 1px solid #e0e0e0;
text-align: center;
}

.feature p
{
font-size: 10pt;
margin-top: 5px;
text-align: justify;
}

.altFeature
{
background: #eee;
}

h4
{
font-size: 16pt;
font-weight: bold;
letter-spacing: -1px;
padding-bottom: 5px;
}

.feature h4 img
{
margin: 0;
border: 0;
}

h4#webcipherFree
{
clear: both;
float: left;
margin-top: 20px;
background: url(images/arrow_left.png) no-repeat 0px 4px;
padding-left: 22px;
}

#webcipherFreePara
{
clear: both;
padding-left: 22px;
color: #666;
font-size: 12pt;
letter-spacing: -1px;
font-weight: bold;
}

.feature h4
{
font-size: 16pt;
letter-spacing: -1px;
color: #0E84BA;
font-weight: bold;
clear: both;
}

h4 a
{
text-decoration: none;
}

h4 a:hover
{
text-decoration: underline;
}

#intro
{
font-size: 14pt;
line-height: 22pt;
text-align: justify;
width: 740px;
border: 1px solid #e0e0e0;
background: rgb(245, 245, 245);
padding: 10px;
position: absolute;
top: 270px;
left: 20px;
right: 20px;
z-index: 100;
}

#topreturn
{
text-align: right;
background: #fff;
padding-left: 24px;
clear: both;
width: 740px;
float: left;
margin: 10px 0px 30px 0px;
}

#topreturn a
{
text-decoration: none;
text-align: right;
}

#topreturn a img
{
float: right;
}

#footer
{
color: #666;
background: #eee;
padding: 10px;
margin: -20px;
float: left;
border-top: 1px solid #e0e0e0;
width: 780px;
clear: both;
font-size: 9pt;
text-align: center;
}

fieldset
{
padding: 10px;
border: 1px solid #e0e0e0;
}

legend
{
font-weight: bold;
padding: 5px;
}

#content p
{
margin: 10px 0px;
}

#footer p
{
margin: 2px 0px;
}

a#downloadlink #require
{
font-size: 10pt;
letter-spacing: 0;
}

#screenshot
{
background: url(images/loading.gif) no-repeat center;
height: 429px;
overflow: hidden;
margin: 0px -74px 0px -20px;
}

#screenshot img
{
margin-left: -50px;
}

a.helplink
{
background: url(images/help.png) no-repeat left center;
padding-left: 20px;
}

ol
{
margin-left: 40px;
}

hr
{
border: 1px solid #e0e0e0;
margin: 5px 0px;
}

.column
{
width: 370px;
margin: 10px 10px 0px 0px;
float: left;
text-align: justify;
}

.supporttext
{
width: 365px;
margin-top: 5px;
font-family: "Arial", Helvetica, sans-serif;
font-size: 10pt;
}

.olderversion
{
margin: 10px 0px;
}

#content .olderversion p
{
margin: 0;
}

#content #donatebutton
{
margin: 10px 0px -20px 0px;
}

#supportsearch
{
border: 1px solid #e0e0e0;
background: #eee;
padding: 10px;
text-align: center;
margin: 10px 0px;
}

input
{
font-family: "Arial", Helvetica, sans-serif;
font-size: 10pt;
}

#searchbutton
{
border: 1px solid #666;
background: #fff url(images/find.png) 6px 4px no-repeat;
padding: 3px 10px 3px 22px;
width: 79px;
}

#searchinput
{
border: 1px solid #666;
padding: 4px;
width: 350px;
}

h5
{
font-size: 11pt;
font-weight: bold;
margin: 5px 0px -10px 0px;
}

#content ul
{
margin-left: 30px;
}

#viewall-support
{
float: right;
padding: 5px 0px;
}

.screenshot
{
position: relative;
float: left;
margin: 5px;
height: 202px;
}

.screenshot span
{
background: #0E84BA url(images/backtop.png) no-repeat center;
position: absolute;
left: 0;
right: 0;
padding: 12px;
color: #fff;
font-weight: bold;
bottom: 0;
display: none;
text-decoration: none;
}

a.screenshot
{
border: 1px solid #e0e0e0;
text-decoration: none;
}

a.screenshot:hover span
{
display: block;
}

a.screenshot:hover
{
border: 1px solid #0E84BA;
}

#fields
{
float: left;
text-align: left;
margin: 5px 10px;
width: 470px;
}

#fields p
{
margin-top: 8px;
}

#fields textarea
{
width: 450px;
height: 150px;
font-family: "Arial", Helvetica, sans-serif;
font-size: 10pt;
}

#labels
{
float: left;
margin: 5px 10px;
text-align: right;
width: 150px;
}

.inputfull
{
width: 450px;
}

.success
{
color: rgb(0, 128, 0);
background: url(images/success.png) no-repeat top left;
padding-left: 22px;
}

.error
{
color: rgb(255, 0, 0);
background: url(images/error.png) no-repeat top left;
padding-left: 22px;
}

#pledgebutton
{
margin-bottom: 15px;
}