body {
	text-align:center;
	position:relative;
	height:100%;
	margin:0;
	color:#175266;
	font:normal 90%/120% Verdana, sans-serif;
	background-color: #1f84b3;  
	}
#content_top {
    text-align:left;
    margin:0 auto;
    width:720px;
    margin-top:2px;
    position:relative;
    z-index:999;
    padding:5px 20px 8px 20px;
    }
#vertical_slide {
    text-align:left;
    position:relative;
    z-index:70;
	margin:0 auto;
	width:760px;
	padding:40px 0 0px 0;
    }
#vertical_slide p {
    color:#dce9ed;
    }
a:link, a:visited {
    color:#f48080;
    }
a:focus, a:hover, a:active {
	color:#175266;
	}
a.what {
    text-indent:-9999px;
    display:block;
    width:147px;
    height:88px;
    margin-right:80px;
    background: transparent url(../images/what.png) left top no-repeat;  
    }
a.login {
    background-color:#175266;
    padding:10px;
    right:30px;
    top:0;
    position:absolute;
    color:#dce9ed;
    text-decoration:none;
    font-style:italic;
    border-radius:0 0 8px 8px;
    -webkit-border-radius:0 0 8px 8px;
	-moz-border-radius:0 0 8px 8px;
    }
a#drag {
	text-indent:-9999px;
	height:25px;
	width:75px;	
	float:left;
	margin:-4px 4px 0 0;
	background: transparent url(../images/drag.png) left top no-repeat;  
	}
ul#nav {
    margin:0;
    float:right;
    }
ul#nav li {
    float:left;
    display:block;
    list-style:none;
    margin:0 10px;
    }
#container {
    text-align:left;
    position:relative;
    z-index:100;
    width:700px;
    margin:-20px auto 10px auto;
    border-radius:10px;
    -webkit-border-radius:10px;
	-moz-border-radius:10px;
    padding:0 30px 30px 30px;
    background-color:#dce9ed;
    }
#copyright {
    position:relative;
    margin:5px auto;
    width:700px;
    margin-bottom:120px;
    z-index:50;
    text-align:left;
    }
#copyright p {
    margin:0;
    display:inline;
    padding:3px 10px;
    background-color: #1f84b3;  
    border-radius:10px;
    -webkit-border-radius:10px;
	-moz-border-radius:10px;
    }
#footer {
    position:fixed;
    bottom:0;
    left:0;
    height:160px;
    width:100%;
    background: #1f84b3 url(../images/landscape.gif) left top repeat-x;  
    }
#brand {
    float:left;
    margin:30px 30px 0 0;
    }
#details {
    width:420px;
    margin-top:50px;
    float:left;
    }
h1#logo {
    height:71px;
    width:224px;
    text-indent:-9999px;
    clear:both;
    background: transparent url(../images/logo.png) left top no-repeat;    
    margin:0 0 0 0;
    }
h2#subtitle {
    color:#175266;
    margin:0 0 10px 35px;
    font:normal 100%/150% Verdana, sans-serif;
    }  
h3 {
    font:italic 160%/100% Verdana, sans-serif;
    padding-bottom:5px;
    font-weight:bold;
    color:#175266;
    margin:0;
    }  
h3 span.smaller {
    color:#1f84b3;
    }
#vertical_slide h3 {
    color:#dce9ed;
    line-height:120%;
    }
h4 {
    font:italic 100%/140% Verdana, sans-serif;
    padding-bottom:5px;
    font-weight:normal;
    color:#1f84b3;
    margin:0;
    } 
#vertical_slide h4 {
    color:#dce9ed;
    }
p#close a {
    display:block;
    margin:20px 0 0 510px;
    padding-left:25px;
    height:23px;
    line-height:1.9em;
    color:#dce9ed;
    text-decoration:none;
    background: transparent url(../images/xmark.gif) left top no-repeat;
    } 
span.logo {
    text-indent:-9999px;
    display:block;
    float:left;
    width:100px;
    height:32px;
    padding-right:5px;
    margin-top:-18px;
    background: transparent url(../images/logo_white.png) left top no-repeat;
    }
#vertical_slide h3 span.smaller {
    color:#fff;
    }
p#error_txt {
    color:red;
    font-weight:bold;
    border:2px solid red;
    padding:6px;
    text-align:center;
    background-color:#fff;
    }
p#success_txt {
    color:#11a411;
    font-weight:bold;
    border:2px solid #11a411;
    padding:6px;
    text-align:center;
    background-color:#fff;
    }
.smaller {
    font-size:.7em;
    }
strong {
    color:#175266;
    }
form {
    clear:both;
    padding-top:10px;
    }
input.text, textarea {
    width:325px;
    border-radius:5px;
    -webkit-border-radius:5px;
	-moz-border-radius:5px;
    border:1px solid #C3C3C3;
    padding:8px;
    font:normal 80%/150% Verdana, sans-serif;
    }

select {
    width:343px;
    }
textarea {
    width:684px;
    }
form label {
    display:block;
    font:italic 110%/140% Verdana, sans-serif;
    color:#1f84b3;
    }
p {
    color:#175266;
    margin:0 0 10px 0;
    font-size:80%;
    } 
#vertical_slide .credits {
    color:#175266;
    margin-top:15px;
    }
#vertical_slide .credits a {
    color:#175266;
    }
.gray {
    color:#afafaf;
    }  
.clear {
    clear:both;
    }
.left {
    float:left;
    padding-bottom:10px;
    }
div.left, div.right {
    width:343px;
    }
.right {
    float:right;
    }
.center {
    text-align:center;
    }
.line_light {
    clear:both;
    height:5px;
    margin-bottom:5px;
	border-bottom:3px solid #eeeeee;
    }
#vertical_slide .line_light {
    height:15px;
    border-bottom:3px solid #298dbc;
    margin-bottom:20px;
    }
input.submit, a#download, a#create {
	float:right;
	display:block;
	height:75px;
	width:260px;
	border:none;
	cursor:pointer;
	font-size:150%;
	line-height:100%;
	font-style:italic;
	color:#dce9ed;
	text-decoration:none;
	background:transparent url(../images/add_button.png) left top no-repeat;
}

a#download, a#create {
    float:none;
    height:50px;
 	margin:20px auto 0 auto;
	padding-top:25px;
	background:transparent url(../images/buttons.png) left top no-repeat;
    }