/* first bit adapted from http://meyerweb.com/eric/tools/css/reset/ */
        /* v1.0 | 20080212 */
        html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }
        body { line-height:1; }
        ol { list-style:none; }
        blockquote,q { quotes:none; }
        blockquote:before,blockquote:after,q:before,q:after { content:'';content:none; }
        ins { text-decoration:none; }
        del { text-decoration:line-through; }
        table { border-collapse:collapse;border-spacing:0; }
        
        body {
            background: #FFFFFF;
            color: rgb(81, 81, 81);
            font-family: 'Helvetica', 'Arial', sans-serif;
            font-weight: 400;
            font-size: 15px;
        }
        .inner {
            margin: 0 auto;
            width: 900px;
        }
        img {
            max-width: 100%;
        }
        .logo {
            float: left;
            padding: 10px;
            padding-left: 0;
        }
        .screenshot {
            float: right;
            padding: 10px;
        }
        .figright {
            float: right;
            position: relative;
            margin-right: -150px;
            padding: 10px;
        }
        .main {
            float: left;
            width: 80%;
        }
        .narrowmain {
            float: none;
            width: 55%;
        }
        .intro {
            float: left;
            padding: 10px;
            width: 220px;
        }
        .intro div {
            line-height: 1.4;
        }
        .rrect img {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
            -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);;
            display: block;
            margin: 0 auto 1em;
        }
        
        .Header {
            background: #0460A0 ;
            color: rgb(255, 255, 255);
            font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue', 'Arial', sans-serif;
            text-align: center;
            font-size: 60px;
            letter-spacing:     0.04em;
            padding: 10px 0;
	    width: 980px;
            margin-left: auto;
            margin-right: auto;
        }
        
        .Title {
            color: rgb(18, 132, 186);
            font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue', 'Arial', sans-serif;
            font-size: 40px;
            font-weight: 100;
            padding-top: 12px;
            padding-bottom: 4px;
            letter-spacing: 0.04em;
        }
        .paragraph_style_intro {
            background: rgb(219, 229, 226);
            color: rgb(18, 132, 186);
            font-family: 'Helvetica-Oblique', 'Helvetica', 'Arial', sans-serif;
            font-size: 15px;
            font-style: italic;
            font-weight: 400;
            letter-spacing: 0;
            line-height: 19px;
            opacity: 1.00;
            padding: 10px;
        }
        .Body {
            padding-bottom: 0.4em;
            margin-left: 1em;
            line-height: 19px;
        }

h1 { font-family: Arial, Helvetica, sans-serif; font-size:24px; color:#fff; line-height:26px; }
h2 { font-family: 'Helvetica Neue', Helvetica, sans-serif; font-weight: 500; font-size:20px; color:#fff; line-height:21px; margin-bottom:20px; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size:18px; color:#404041; line-height:21px; }

a {
	color: #1982d1;
	text-decoration: none;
}
a:focus,
a:active,
a:hover {
	text-decoration: none; color:#39A3DC;
}

.boxouter { margin:auto; padding-top:15px; padding-bottom:30px;}

.boxinfo1 { display:block; float:left; width:260px; height:132px; background-color:#0460A0; margin-left:15px; margin-right:15px; margin-bottom:15px; padding:10px  }


.key { display:block; float:left; width:255px; height:24px; border-bottom:1px solid #04445C; margin-bottom: 6px; }

.key a{ display:block; float:left; width:205px; color:#fff !important; font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size:16px;}
.key a:hover { color:#39A3DC !important; text-decoration:none;}

.icon2 { display:block; float:right; width:15px; height:15px; margin-right:10px; margin-left:10px; } 


        
        @media (max-width: 1000px) {
            .Header {
                font-size: 52px;
		width: 90%;
            }
            .inner {
                width: 85%;
            }
            .screenshot {
                width: 36%;
            }
        }
        
        @media (max-width: 730px) {
            .Header {
                font-size: 42px;
                width: auto;
            }
            .inner {
                position: relative;
                margin: 0 auto;
                width: 90%;
            }
            .main {
                float: left;
                width: 80%;
            }
            .intro {
                width: 67%;
                float: right;
                padding-right: 0;
            }
            .screenshot {
                width: 240px;
                float: right;
                padding: 4px;
            }
            .figright {
                /*width: 240px;*/
                float: right;
            }
            
        }
        @media (max-width: 560px) {
            .Header {
                font-size: 32px;
            }
            .Title {
                font-size: 28px;
            }
            .logo {
                width: 30%;
                padding-right: 0;
            }
            .intro {
                width: 67%;
                float: right;
                padding-right: 0;
            }
            .screenshot {
                width: 240px;
                float: none;
                padding: 4px;
                margin: 0 auto;
            }
            .figright {
                /*width: 240px;*/
                float: none;
                margin: 0 auto;
            }
            .main {
                float: none;
                width: auto;
            }
        }