/* 
    Document   : style
    Created on : Nov 28, 2012, 10:05:34 AM
    Author     : Shepherd
    Description:
        Purpose of the stylesheet follows.
*/


html                                    {  }
body                                    { 
   font:12px helvetica, arial; background: #31A13F url(../images/comingssoon.png) no-repeat center 200px; color: #222;

}
/***** Typography *****/
/* 
h1 = Page Title
h2 = Post View Title
h3 = Post Preview Title
h4 = Side-content Title
*/
h1, h2, h3, h4, h5, h6                  { 
    font-weight:normal; 
    font-family:"Oswald", Georgia, arial, Times, serif; 
    margin: 5px 0;

} 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a      { font-weight:inherit; }
h1                                      {  font-size:40px;  text-transform: capitalize;}
h2                                      {  font-size:30px;   }
h3                                      {  font-size:26px;  }
h4                                      {  font-size:22px;   }
h5                                      {  font-size:18px;  }
h6                                      {  font-size:16px;  }

p                                       { margin:0; margin:0 0 10px 0; line-height:22px; }

strong                                  { font-weight:bold; color:#333; }
em                                      { font-style:italic; color:#666; }
small                                   { font-size:80%; }
sup, sub                                { height:0; line-height:5px; vertical-align:baseline; _vertical-align:bottom; position:relative; font-size:80%; }
sup                                     { bottom:5px; }
sub                                     { top:5px; }
code, pre                               { padding:0 3px 2px; color:#333; font-size:11px; }
code                                    { padding:0 4px 2px 4px; background-color:#000; border:1px solid #000; color:#f1f1f1; }
pre ol li{
    border-left: #7698C6 3px solid;
    background: #eee;
    padding-left: 10px;
}
/***** Lists *****/

ul, ol                                  {  }
ul                                      { list-style-type: none; }
ul li                                   {  line-height:18px; background:transparent url('../images/bullet.png') no-repeat 0 3px; }

ul ul, ul ol                            { margin:5px 0 5px 0; }
ol ol, ol ul                            { margin:5px 0 5px 20px; }
ul ul li, ul ol li, ol ol li, ol ul li  { margin:0 0 6px 0; }

ul.square, ul.square ul                 { list-style:square outside; }
ul.circle, ul.circle ul                 { list-style:circle outside; }
ul.disc, ul.disc ul                     { list-style:disc outside; }
ul.square li,
ul.circle li,
ul.disc li                              { margin:0 0 5px 15px; padding:0; line-height:18px; background:none; }

ol                                      { margin:0 0 20px 20px; list-style:decimal; }
ol li                                   { margin:0 0 5px 0; padding:0; line-height:18px; }

/***** Blockquotes *****/

blockquote, blockquote p                { 
    margin:20px 20px;
    padding:10px;
    font-family: 'Opensans-Light';
    font-size: 1em;
    line-height:24px; 
    color:#777; 
    font-style:italic; 
}
blockquote                              { margin:10px 0 15px 0; padding:0 0 0 5px; border-left:1px solid #747474; }
blockquote cite                         { display:block; font-size:12px; color:#555; }
blockquote cite:before                  { content:"\2014 \0020"; }
blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited               { color:#555; }
blockquote span                         { width:15px; display:inline-block; }

hr                                      { 
    border: 1px solid #fff;
    border-right: none;
    border-bottom:1px none #666;
    padding: 0;
    margin: 0;
}

/***** Links *****/
a{text-decoration: none;color: rgb(64,150,238); }
a:hover, a:focus {border-bottom: 1px dashed #777}
a:active                                { color: #333; }

/***** Tables  *****/

table                                   { margin:0 0 20px 0; width:100%; }
table th                                { padding:10px 8px 10px 8px; background-color:#3D79D0; color:#fff; font-weight:bold; border:1px solid blue; }
table td                                { padding:10px 8px 10px 8px; background-color:#fff; color:#333; border:1px solid #999; }
table tr.even td                        { background-color:#f5f5f5; }
table tr.odd td                         { background-color:#fff; }
table td.highlight                      { color:#FFF; font-weight:bold; }
table tr td.highlight                   { background-color:#333;  }


/***** Images iFrames & Videos  *****/

img                                     { border:0; -ms-interpolation-mode:bicubic; }
.max-img                                { width:100%; height:auto; }        
.media                                  { position:relative; margin:0 0 15px 0; padding-bottom:51%; padding-top:30px; height:0; overflow:hidden; border:1px solid #ccc; }
.media iframe,
.media object,  
.media embed                            { position:absolute; top:0; left:0; width:100%; height:100%; }


/***** Forms *****/

#stylized-form                          { margin:10px 0 20px 0; padding:20px; background-color:#f4f4f4; -webkit-border-radius:4px; -moz-border-radius:4px; }

.wrapper-block label                    { padding:0; display:block; font-weight:bold; text-align:right; width:140px; float:left; }
.wrapper-block [type="text"]            { font-size:12px; padding:4px 2px; border:solid 1px #bbbbbb; width:200px; margin:2px 0 15px 10px; }
.wrapper-block select                   { font-size:12px; padding:2px; border:solid 1px #bbbbbb; margin:2px 0 15px 10px; }
.wrapper-block [type="radio"]           { line-height:16px; margin:0 2px 15px 10px; }
.wrapper-block [type="checkbox"]        { line-height:16px; margin:0 2px 15px 10px; }
.wrapper-block textarea                 { padding:4px 2px; border:solid 1px #bbbbbb; width:200px; margin:2px 0 15px 10px; font:12px "Century Gothic", "Trebuchet MS", Helvetica, sans-serif; }

.wrapper-inline label                   { padding:0; display:block; font-weight:bold; text-align:right; width:140px; float:left; }
.wrapper-inline [type="text"]           { font-size:12px; padding:4px 2px; border:solid 1px #bbbbbb; width:200px; margin:2px 0 15px 10px;  float:left; }
.wrapper-inline select                  { font-size:12px; padding:4px 2px; border:solid 1px #bbbbbb; margin:2px 0 15px 10px; float:left; }
.wrapper-inline [type="radio"]          { line-height:16px; margin:0 2px 15px 10px; float:left; }
.wrapper-inline [type="checkbox"]       { line-height:16px; margin:0 2px 15px 10px; float:left; }
.wrapper-inline textarea                { padding:4px 2px; border:solid 1px #bbbbbb; width:140px; margin:2px 0 15px 10px; font:12px "Century Gothic", "Trebuchet MS", Helvetica, sans-serif; float:left; }

a.btn-form, input.btn-form              { margin:5px 0 5px 150px; padding:4px 28px 4px 8px; display:inline-block; font-size:11px; color:#fff; border:1px solid #444; background:#333 url(../images/btn-arrow.png) no-repeat right; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; cursor:pointer; }
.small-label                            { display:block; font-size:10px; font-weight:normal; color:#666; text-align:right; width:140px; }



/***** Global Classes *****/

.img-left                               { float:left; margin:0 30px 30px 0; border:none; }
.img-right                              { float:right; margin:0 0 30px 30px; border:none; }

.clear                                  { clear:both; }
.float-left                             { float:left; }
.float-right                            { float:right; }

.text-big                               { color:#a2bd30; font-weight:bold; line-height:26px; }
.text-left                              { text-align:left; }
.text-right                             { text-align:right; }
.text-center                            { text-align:center; }
.text-justify                           { text-align:justify; }

.normal                                 { font-weight:normal; }
.bold                                   { font-weight:bold; }
.italic                                 { font-style:italic; }
.underline                              { border-bottom:1px solid; }
.highlight                              { padding:0 3px 2px; color:#333; font-size:11px; background:#00deff; font-weight:bold; }

.nopadding                              { padding:0; }
.noindent                               { margin-left:0; padding-left:0; }
.nobullet                               { list-style:none; list-style-image:none; }

.block                                  { display:block; }
.hidden                                 { display:none; }
.hide                                   { display:none; }

.hidden                                 {visibility: hidden;}
.visible                                {visibility: visible;}





.page{ margin:20px 0; z-index: 1; position: relativel;}
.logo{height: 130px;}
.logo img {max-height: 120px; width: 150px; top: 20px; position: relative;}
article, section{
    height: 85%;
    min-height: 450px;
}
section{   padding: 20px; }
.form-wrapper{   background: #fff;  border-radius: 3px; display: inline-block; box-shadow: inset 0 0 7px #eee; border:1px solid #ccc; display: inline-block; margin: 20px;}
.form-wrapper .button{margin-right: 5px;}
.form-wrapper input[type=text]{   border: none; padding: 12px;  border-radius: 3px; width: 200px; background: transparent;}
footer-wrapper{
    height: 15%;
    min-height: 50px;
}
.copyright{text-align: center; padding: 10px 0;}
.social-network{float: right; padding: 10px 0;}
.social-network ul li{float: left;  margin-left: 6px;}
footer{
    margin: 0 20px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 2px;
    color: #FFFFFF;
    margin: 0 20px;
    padding: 15px;
}
.subscribe h4{margin: 20px;}
/*BUTTON*/
.iform .buttons input, .button{
    padding: 6px;
    background: #4479BA;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor: pointer;
    display: inline-block;
}
.iform .buttons input:hover, .iform .button input:focus,
.button:hover, .button:focus {
    background: #356094;
    border: solid 1px #2A4E77;
    text-decoration: none;
}

.iform .buttons input:active,
.button:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
}


/* -- Contact Detail-- */

.contact-detail li{    padding: 10px 0 10px 24px;    list-style: none;}
.contact-detail .position{    background: url(../images/icons/location.png) no-repeat center left;}
.contact-detail .phone{    background: url(../images/icons/phone.png) no-repeat center left;}
.contact-detail .email{    background: url(../images/icons/mail.png) no-repeat center left;}

.coming-soon{font-size: 70px; color: #fff; z-index: 0; position: fixed; top: 150px;}

.progress{
    width: 50%; height: 22px; background: url(../images/bar.gif); border-radius: 3px;
}