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

body
{
background-color: #ddeeff;
}

body.intro
{
background-color: #888;
}

p
{
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
font-weight: 100;
color: black;
font-size: 14px;
line-height: 20px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

a
{
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
font-weight: 100;
color: blue;
font-size: 14px;
line-height: 20px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

h1, h2, h4
{
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-weight: 100;
color: black;
text-align: left;
}

h5
{
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-weight: 100;
text-align: left;
color: black;
}

form
{
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
color: black;
text-align: left;
font-weight: 100;
font-size: 12px;
line-height: 15px;
margin: 0 0 0 0;
}

h4
{
color: #888888;
font-family: Arial, Helvetica, sans-serif;
font-weight: 100;
letter-spacing: 1px;
color: black;
}

li
{
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
color: black;
text-align: left;
font-weight: 100;
line-height: 20px;
font-size: 14px;
margin: 0 0 0 0;
}

li.bold
{
font-weight: 500;
}

ul
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

ul.bullet
{
list-style-type: disc;
padding-left: 15px;
}

ul.number
{
list-style-type: decimal-leading-zero;
padding-left: 30px;
}

ul.sub-list
{
list-style-type: decimal-leading-zero;
padding-left: 30px;
}

img
{
border: none;
overflow: visible;
margin: 0;
max-width: 100%;
max-height: 100%;
}

img.title
{
border: none;
overflow: visible;
margin: 0;
max-width: 380px;
max-height: 100px;
}

table
{
width: 100%;
text-align: center;
padding: 5px;
}

fieldset
{
width: 100%;
text-align: left;
}

div
{
margin: 0 0 0 0;
padding: 0 0 0 0;
position: relative;
}

div#container
{
height: 1650px;
width: 1000px;
margin: 0 auto;
border: #eee 3px solid;
background-color: white;
}

div#container1
{
height: 100%;
width: 1200px;
min-width: 500px;
margin: 0 auto;
}

div#container2
{
height: 1300px;
width: 1000px;
margin: 0 auto;
border: #eee 3px solid;
background-color: white;
}

div#container3
{
height: 1000px;
width: 1031px;
margin: 0 auto;
background-color: white;
}

div#logo
{
position: absolute;
max-height: 100px;
max-width: 380px;
top: 5px;
left: 1px;
float: left;
overflow: hidden;
}

div#main_image
{
height: 103px;
width: 200px;
top: -10px;
right: 10px;
float: right;
background-image: url("My-ISO-Cloud.png");
}

div#welcome
{
position: absolute;
height: auto;
width: auto;
top: -18px;
left: 450px;
}

div#welcome_text
{
height: auto;
width: 90%;
top: 200px;
left: 0px;
}

div#welcome_text_home
{
height: auto;
width: 45%;
top: 30px;
margin: 0 auto;
}

div#company-name
{
height: auto;
width: auto;
top: 0px;
left: 10px;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    background-color: black;
    background-color: rgba(0,0,0,0.9);
    opacity: 0;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
	z-index: 2000;
}

.overlay:hover {
    cursor: pointer;
}

.overlay.show {
    opacity: 1;

    width: 100%;
    height: 100%;
}

.overlay div {
    width: 500px;
    margin: 200px auto 0 auto;
}


-moz-border-image: url(images/border_image.png) 27 27 27 27 round round;
-webkit-border-image: url(images/border_image.png) 27 27 27 27 stretch stretch;