/**
* Theme Name: CIMS
* Version: 1.0.0
* Author: WebSpigot
* Author URI: http://webspigot.com/
* Description: REF 3.5.18
* License: GNU General Public License
* License URI: license.txt     
*/   

/*******************************
Website: Cloud Inventory management Systeme CIMS
Designed by: Jason A. Vestidas
*******************************/

Body{
    margin:0;
    background:url(images/bg.jpg) top left repeat-x;
    background-color:#f3f5f7;
}
#wrapper{
    width:1024px;
    margin-left:auto;
    margin-right:auto;
}
#header{
    float:left;
    width:960px;
    height:167px;
    background:url(images/header-bg.jpg) top left no-repeat;
    margin:17px 32px 0 32px;
}
#logo{
    float:left;
    width:257px;
    height:154px;
    margin:5px 0 0 5px;
}
#callus{
    float:right;
    width:394px;
    height:192px;
    background:url(images/callus.png) top left no-repeat;
    margin-top:20px;
}
#nav{
    float:left;
    width:960px;
    height:43px;
    background:url(images/nav-bg.jpg) top left repeat-x;
    margin:0 32px 0 32px;
}
#footer-wrap{
    float:left;
    width:100%;
    background:url(images/footer-bg.jpg) top left repeat-x #6687b1;
}
#footer{
    width:960px;
    height:186px;
    margin-left:auto;
    margin-right:auto;
    font:normal 13px Arial, Helvetica, sans-serif;
    color:#2b3d5a;
    text-shadow: 1px 1px 1px #83a1c6;
    background:url(images/footer-logo.jpg) bottom right no-repeat;
    margin-top:20px;
}
#footer-navs{
    float:left;
    width:960xpx;
    color:#2b3d5a;
}
#footer-navs a{
    text-decoration:none;
    font:normal 13px Arial, Helvetica, sans-serif;
    color:#2b3d5a;
}
#footer-navs a:hover{
    color:#0e2b59;
}
#banner{
    float:left;
    width:972px;
    height:385px;
    margin:0 26px 0 26px;
}
#social{
    float:left;
    width:207px;
    height:72px;
    margin-top:20px;
}
#mailing{
    float:left;
    width:230px;
    height:64px;
    background:url(images/mailing-list.png) top left no-repeat;
    margin-top:20px;
    margin-left:20px;
}
#slides-wrap{
    float:left;
    width:1024px;
    margin-top:20px;
}
#slide{
    float:left;
    width:958px;
}
#slide-content{
    float:left;
    width:938px;
    font:normal 14px Arial, Helvetica, sans-serif;
    color:#7e7e7e;
    padding-right:20px;
}
.title1{
    float:left;
    width:918px;
    height:62px;
    background:url(images/content-sprtr.jpg) bottom left repeat-x;
    font:normal 42px Arial, Helvetica, sans-serif;
    color:#7e7e7e;
    margin:0 20px 0 20px;
    text-align:center;
}
.slide-nav{
    float:left;
    width:33px;
    height:337px;
}
.content-wrap{
    float:left;
    width:972px;
    margin:20px 26px 0 26px;
    background:url(images/content-sprtr.jpg) top left repeat-x;
}
#get-a-quote{
    float:left;
    width:433px;
    padding:15px;
}
#testi{
    float:left;
    width:433px;
    padding:15px;
    margin-left:40px;
    text-align:center;
}
.bubble{
    float:left;
    width:393px;
    padding:20px 20px 0 20px;
    font:italic 12px Arial, Helvetica, sans-serif;
    color:#7e7e7e;
    background:url(images/bubble.png) top left no-repeat;
    text-align:left;
    line-height:18px;
}
#tb1{
    width:430px;
    font:normal 16px Arial, Helvetica, sans-serif;
    color:#7e7e7e;
}
.fontstyle1{
    font:normal 32px Arial, Helvetica, sans-serif;
    color:#2b3d5a;
}
.fontstyle2{
    color:#2b3d5a;
}
.fontstyle3{
    font:normal 32px Arial, Helvetica, sans-serif;
    color:#7e7e7e;
}
.fontstyle4{
    float:left;
    width:393px;
    height:40px;
    color:#2b3d5a;
    text-align:right;
    margin-top:20px;
}
.clearfix{
    clear:both;
}
.tfield{
    width:409px;
    height:23px;
    background:url(images/txt-area1.png) top left no-repeat;
    padding:10px;
    border:none;
}
.tarea{
    width:409px;
    height:148px;
    background:url(images/txt-area2.png) top left no-repeat;
    padding:10px;
    border:none;
}