﻿/*CSS Reset - derivative of YUI Reset CSS - http://developer.yahoo.com/yui/reset/#code */
html, body, div, pre, form, fieldset, input, h1, h2, h3, h4, h5, h6, p, textarea, ul, ol, li, dl, dt, dd, blockquote, th, td, img { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code { font-style:normal; font-weight:normal; }
/*ul { list-style:none; }*/
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''; }
abbr, acronym { border:0; }

body, html {
    height:100%;    
}

body {
    background-color:#eaf2ff;
    background-image:url(../images/bgnd_edges.jpg);
    background-position:center;
    background-repeat:repeat-y;
    
    font-family:Arial;
    font-size:0.8em;    
}

a, a:link, a:visited
{
    text-decoration:none;
}

a:hover, a:visited:hover
{
    text-decoration:underline;
}

.description
{
    color:Black;
}

div#main {
    width:850px;
    text-align:left;
    margin:0 auto;
    background-image: url(../images/bgnd2.jpg);
    background-position:center top;
    background-repeat:no-repeat;

    position:relative;
    min-height:100%;    
}

#image-title {
    margin:5px 0px 0px 30px;
}

div#content {   
    padding:25px 35px 75px 35px;    
}


#first-description {
    width:75%;
}

#download-link  
{
    float:right;
    margin-right:20px;
    margin-top:-15px;
}

/* Text color */
.main-description,
.feature-list,
span#licencing a, span#licencing a:link, span#licencing a:visited,
span#licencing a:hover, span#licencing a:visited:hover, 
.download-section, .download-section a, 
.nav-link a, .nav-link a:visited    
{
    color:#1956AF;
    /* Previous text color, maybe too bright : */
    /*color:#0085d9;*/
}

.main-description {
    margin:5px 5px 5px 5px;
}

.secondary-description {
    margin:5px 5px 5px 5px;
}

.feature-list {
    width:50%;
    float:left;    
}

.feature-list ul {
    margin:5px;
    padding:0;
}

ol li
{
    font-size:0.9em;
    color:Black;
    margin:5px 0px 5px 30px;
}

.feature-list li {    
    font-size:0.85em;
    margin:20px;
}

#features {
    clear:both;
}

.additional-information {
    float:left;
    clear:left;        
    width:295px;
    background:url(../images/bgnd_additional_info.gif) no-repeat center;   
    text-align:center;
    font-size:0.9em;    
    padding: 1.1em 0em 1.1em 0em;
    margin:30px;
}

#footer 
{
    float:left;
    clear:both;
    width:100%;    
    height:75px;
    position:absolute;
    bottom:0;
    text-align:center;    
    /* Default footer : 
    background:url(../images/bgnd_footer.gif) repeat-x center;*/    
    /* Alternative footer : */
    background:url(../images/bgnd_footer2.jpg) no-repeat bottom center;    
}

#footer a, #footer a:link, #footer a:visited {
    text-decoration:none;
    color:White;
}

#footer a:hover, #footer a:visited:hover {
    text-decoration:underline;
    color:White;
}

#footer .main-description {
    width:100%;
    text-align:center;
    font-size:1.2em;
    padding-top:7px;
    line-height:1.8em;
}

#footer img {
    margin:10px 10px 0px 20px;    
}

#footer #isf-logo {
    position:absolute;
    left:0;
    top:0;
}

#footer #itenergy-logo {
    position:absolute;
    right:0;
    top:0;
}

.form-title, .form-subtitle {
    width:100%;
    text-align:center;
    margin:5px 10px 20px 10px;
}

.form-title {
    font-size:2em;
}

.form-subtitle {
    font-size:1.2em;
}

#information-request-form {
    width:100%;
    height:100%;    
}

#information-request-form table {
    width:100%;
}

#information-request-form table td {
    padding:3px;
}

#information-request-form table td#submit-cell {
    height:50px;
    text-align:center;
    vertical-align:middle;
}

#information-request-form table td#submit-cell input {
    width:90px;
}

#information-request-form .important
{
    color:Red;
}

.information-name {
    text-align:right;
    vertical-align:top;
    width:35%;
}

.information-value {
    text-align:left;
    width:65%;
}

#contact-details {
    margin:20px;
}

.confirmation-message {
    color:Green;
}

#licencing {
    display:inline-block;
    width:100%;
    height:15px;
    clear:both;
    margin-left:3em;
    text-align:left;
}

span#licencing a, span#licencing a:link, span#licencing a:visited {
    font-size:0.8em;
    text-decoration:none;
}

span#licencing a:hover, span#licencing a:visited:hover {
    text-decoration:underline;
}

.download-section   
{
    margin:5% 0 0 5%;
    font-size:1.1em;
}

.download-section ul li
{
    font-size:0.9em;
    color:Black;
    margin:5px 0px 5px 30px;
    list-style-type:none;
}

.nav-link a, .nav-link a:visited
{
    margin:10px 0px 0px 10px;
}
