/* =Reset */
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, ul {list-style:decimal;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}


section, article, header, footer, nav, aside, hgroup {display: block;}


/* ---------- ---------- ---------- ---------- ---------- */

/*
font-family: 'Open Sans', sans-serif;
font-family: 'Merriweather', serif;
example: h1 { font-family: 'Open Sans', sans-serif; font-weight: 400;}
*/


/* global */
body {margin: 0; padding: 0; min-width: 990px; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; line-height: 22px; color: #434343; background: #fff;}

.break {clear: both; visibility: hidden; margin: 0; padding: 0;}

h1 {margin: 0 0 10px 0; padding: 0; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 18px; color: #555; text-transform: uppercase;}
	h1.title {font-size: 36px; line-height: 42px; margin: 0 0 0 0;}
	h1.title_home {font-size: 24px; margin: 0 0 0 0;}

	h1.sec {margin: 0 0 30px 0; padding: 0; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 18px; line-height: 28px; color: #555; text-transform: none;}
	h1.method {margin: 0 0 10px 0; padding: 0; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 18px; line-height: 28px; color: #555; text-transform: none; background: pink;}

h2 {margin: 0 0 10px 0; padding: 0; font-family: 'Merriweather', serif; font-weight: 300; font-size: 32px; color: #fff;}
h3 {margin: 0 0 10px 0; padding: 0; font-family: 'Merriweather', serif; font-weight: 300; font-size: 18px; line-height: 24px; color: #fff;}

h4 {margin: 0 0 10px 0; padding: 0; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; line-height: 22px; color: #434343;}


h5.bigger {margin: 30px 0 0 0; padding: 0 0 0 0; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 18px; line-height: 55px; color: #555; text-transform: none; background: none;}
h5.identification {margin: 30px 0 0 0; padding: 0 0 0 60px; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 18px; line-height: 55px; color: #555; text-transform: none; background: url(../images/icon-identification.png) no-repeat left center;}
h5.analysis {margin: 30px 0 0 0; padding: 0 0 0 60px; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 18px; line-height: 55px; color: #555; text-transform: none; background: url(../images/icon-analysis.png) no-repeat left center;}
h5.strategy {margin: 30px 0 0 0; padding: 0 0 0 60px; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 18px; line-height: 55px; color: #555; text-transform: none; background: url(../images/icon-strategy.png) no-repeat left center;}
h5.execution {margin: 30px 0 0 0; padding: 0 0 0 60px; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 18px; line-height: 55px; color: #555; text-transform: none; background: url(../images/icon-execution.png) no-repeat left center;}



/*
h6 {margin: 0 0 10px 0; padding: 0; font: normal 77%/77% Arial, Helvetica, Sans-Serif; color: #333;}
*/

p {margin: 10px 0;}
a { color: #0039a6; font-weight: 400; text-decoration: none;}
strong {font-weight: bold;}
img {border: none;}


#wrapper {width: 990px; height: 100%; margin: 0 auto; padding: 0;}


/* ---------- ---------- ---------- ---------- ---------- */

header {height: 472px; width: 100%; margin: 0; padding: 0; background: url(../images/feature1.jpg) no-repeat center;}
header.sec {height: 116px; width: 100%; margin: 0; padding: 0; background: #005ca9;}


	#headercontent {width: 990px; height: 472px; margin: 0 auto; padding: 0; background: url(../images/feature1.jpg) no-repeat center;}

	#sec_headercontent {width: 990px; height: 116px; margin: 0 auto; padding: 0; background: #005ca9;}

	#identity {float: left; width: 352px; height: 116px; margin: 0; padding: 0;}
	#nav {float: left; width: 553px; height: 22px; margin: 62px 35px 0 50px; padding: 0; font-size: 14px; font-weight: 400; text-align: right; text-transform: uppercase; text-shadow: 1px 1px 1px #000;}
		#nav ul {list-style: none; margin: 0; padding: 0;}
		#nav li {float: left; margin: 0; padding: 0 12px;}
		#nav a {color: white;}
		#nav a:hover {color: #0039a6; text-shadow: none;}

	#pic {float: left; width: 375px; height: 356px; margin: 0; padding: 0;}
	#msg {float: left; width: 580px; height: 196px; margin: 0; padding: 130px 0 0 0; text-shadow: 1px 1px 1px #000;}
	#msg .attribute {width: 580px; height: 30px; margin: 56px 0 0 0; padding: 0; color: #959595; font-size: 12px;}



/* content */
#subfeatures {width: 920px; margin: 45px 0 0 0; padding: 0 35px; text-align: center;}
	/*
.subfeature {float: left; width: 300px; height: 140px; margin: 35px 10px 0 0; padding: 0; background: #ccc;}
		.subfeature.last {float: left; width: 300px; height: 140px; margin: 35px 0 0 0; padding: 0; background: #ccc;}
*/

	/* tips */
	#tips, #tips li {margin:30px 0 0 0; padding:0; list-style:none; color: #555;}
	#tips {font-size: 16px; font-weight: 400; line-height: 24px;}
	#tips li {padding:0; display:none; /* hide the items at first only to display one with javascript */}

	#title {width: 900px; height: 50px; margin: 45px 35px 0; padding: 0; border-bottom: 1px solid #d0d0d0;}
	#title2 {width: 900px; height: 50px; margin: 45px 35px 0; padding: 0;}

#maincontent {float: left; width: 600px; margin: 20px 0 20px 0; padding: 0 35px;}

	ul {list-style: disc; margin: 0 0 0 20px; padding: 0;}
		ul.terms {list-style: none; margin: 0 0 0 20px; padding: 0;}
	li {margin: 0 0 10px 0; padding: 0;}

	.stroke {width: 100%; margin: 30px 0; padding: 0; border-bottom: 1px solid #d0d0d0;}

	/* collapse menus */
	.expIco {padding-left: 20px; background: url(../images/arrow_rt.png) no-repeat 0 12px;}
	.collIco {padding-left: 20px; background: url(../images/arrow_dn.png) no-repeat 0 12px;}
	.demo6 {margin: 10px 0; padding: 0 0 10px 0; cursor: pointer;}*/
	/*.demo6 {font-size: 18px; line-height: 30px; margin: 30px 0; padding: 30px 0; cursor: pointer; border-bottom: 1px solid #ccc;}*/
	.panel {padding: 20px; background: #eeeeea;}

	.more {margin: 0; padding: 20px; font-size: 13px; line-height: 18px;}
		.gallery ul {list-style: none;}
/*
		.tooltip {
			display:none;
			position:absolute;
			border:1px solid #333;
			background-color:#161616;
			border-radius:5px;
			padding:10px;
			color:#fff;
			font-size:12px Arial;
			z-index: 8021;
			}
*/


#sidebar {float: left; width: 300px; margin: 20px 0 0 0; padding: 0;}
	#sidebar ul {list-style: none; margin: 0; padding: 0;}



footer {width: 950px; margin: 100px 0 50px 0; padding: 0 20px; font-size: 12px; color: #898989; text-align: center;}





/* Shared styles */

        .drop-shadow {
            position:relative;
            float:left;
            width:311px;
            height: 103px;
            padding:109px 20px 20px 79px;
            margin: 35px 10px 0 0;
            font: normal 14px/16px Helvetica, sans-serif;
            color: #8a8a8a;
            background: url(../images/businesscard.png) no-repeat #fff;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 0 rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 0 rgba(0, 0, 0, 0.1) inset;
                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 0 rgba(0, 0, 0, 0.1) inset;
        }

        .drop-shadow .nocolor {color: #8a8a8a;}

        .drop-shadow.last {
            position:relative;
            float:left;
            width:260px;
            height: 100px;
            padding:20px;
            margin: 35px 0 0 0;
            background:#fff;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 0 rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 0 rgba(0, 0, 0, 0.1) inset;
                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 0 rgba(0, 0, 0, 0.1) inset;
        }

        .drop-shadow:before,
        .drop-shadow:after {
            content:"";
            position:absolute;
            z-index:-2;
        }

        /*
.drop-shadow p {
            font-size:16px;
            font-weight:bold;
        }
*/

        /* Lifted corners */

        /*
.lifted {
            -moz-border-radius:4px;
                 border-radius:4px;
        }
*/

        .lifted:before,
        .lifted:after {
            bottom:15px;
            left:10px;
            width:50%;
            height:20%;
            max-width:300px;
            -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.3);
               -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.3);
                    box-shadow:0 15px 10px rgba(0, 0, 0, 0.3);
            -webkit-transform:rotate(-3deg);
               -moz-transform:rotate(-3deg);
                -ms-transform:rotate(-3deg);
                 -o-transform:rotate(-3deg);
                    transform:rotate(-3deg);
        }

        .lifted:after {
            right:10px;
            left:auto;
            -webkit-transform:rotate(3deg);
               -moz-transform:rotate(3deg);
                -ms-transform:rotate(3deg);
                 -o-transform:rotate(3deg);
                    transform:rotate(3deg);
        }






.shadow {
  -moz-box-shadow:    0 1px 2px 1px #ccc;
  -webkit-box-shadow: 0 1px 2px 1px #ccc;
  box-shadow:         0 1px 2px 1px #ccc;
}