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



/* body and container */
html, body { height:100%}
body { padding: 0; margin: 0; background:#fff url(../images/bg-header.jpg) no-repeat top center; text-align:center;   }




/* -----------------------  */
#container { width:960px; margin:40px auto 0;}
#main { height:530px; width:960px; position:relative; z-index:0; font-family: 'Nunito Sans', sans-serif; text-transform:uppercase; font-size:16px; color:#a2aebf; margin:0px auto}
#main *{  font-family: 'Nunito Sans', sans-serif; color:#a2aebf }
#main strong { color:#c9d6e0}
.t1, .t2, .t3, .t4 { position:absolute; z-index:3; width:240px; text-align:center; font-size:16px; }
.t1 { top:195px; left:10px;}
.t2 { top:222px; right:44px;}
.t3 { top:415px; left:32px;}
.t4 { top:440px; right:11px;}

ul#text-boxes { display:block; margin:0 auto; padding:0; list-style-type:none; width:860px}
ul#text-boxes li { height:200px; margin:0; display:block; float:left; padding:0; list-style-type:none; padding:25px; text-align:left; font-size:11px; font-weight:300; color:#2e2f32; background:red; width:210px;  margin:0 10px;
border-top-left-radius:12px;-moz-border-top-left-radius:12px;-webkit-border-top-left-radius:12px;
border-top-right-radius:12px;-moz-border-top-right-radius:12px;-webkit-border-top-right-radius:12px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 65%, #ebebeb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 7565,#ebebeb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 65%,#ebebeb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
position:relative; z-index:0;
}
ul#text-boxes li > strong { font-family: 'Nunito Sans', sans-serif; color:#2b335a; display:block; font-size:20px; text-transform:uppercase; background:url(../images/title-separator.gif) no-repeat bottom left; padding-bottom:5px; }
ul#text-boxes li p {text-shadow: 1px 1px #cfe7ed; margin:0; padding:5px 0}
ul#text-boxes li p strong { display:inline-block; margin-top:3px; font-weight:500}
ul#text-boxes li img.shadow { position:absolute; z-index:5; left:0px; bottom:0;}

/* FOOTER */
#footer { background:#f7f7f7 url(../images/footer-pattern.gif) repeat-x top left; margin-top:25px; padding-top:120px; padding-bottom:40px }
#footer-content {width:960px; margin:0 auto; vertical-align:top   }
#footer hr { background:#c9c9c9; border:0 none; margin:50px 0 30px 0; height:1px;}

#footer-left, #footer-right {display:inline-block;   text-align:left; vertical-align:top}
#footer-left {width:350px; margin-left:100px; font-size:18px; line-height:20px}
#footer-right  { width:500px;}
#footer-right h3 { margin-bottom:20px}
#footer-right img { position:relative; top:10px; margin-right:20px}



/* clear float */
.clear{ clear:both; display:block;}
/* -----------------------  */


/* text styles and headings */
body, td, div, input, textarea, table, tr, a{font:normal 14px 'Open Sans', sans-serif; font-weight:400; color: #7f7f7f; text-decoration:none; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}

h1, h2, h3{ text-decoration:none; margin:0; padding:0; color: #42508c;  display:block;  font-family: 'Nunito Sans', sans-serif; font-weight:800 }

h1 { font-size:48px; letter-spacing:-.03em ; }
h2 { font-size:30px; letter-spacing:-.02em; color:#2e2f32 }
h3 { font-size:24px; letter-spacing:-.01em }


h1 strong, h2 strong, h3 strong { color:#15bbc4;}


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

/* paragraph */
p{ margin:0; padding:10px 10px; }



/* text colors */
.text-blue{ color:#42508c!important}
.text-cyan { color:#15bbc4!important}

.text12 { font-size:12px; line-height:13px}

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

/* links */
a { font-size:14px; color: #00a7da; text-decoration: none;  }
a:hover { color:#000; text-decoration:none }
a img{ border:0}
/* -----------------------  */