/*
    Document   : jm.css
    Created on : 20-July-2011
    Author     : Steve Peck | steve@stevepeck.co.uk
    Description:
        Clean easy layout - Grey & Orange.
*/

/*
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
    margin:0px;
    padding:0px;

    background:white;
    font-family: 'Microsoft Sans Serif', Geneva, sans-serif;
    /* font-family: Georgia; */
    color:#303030;
    font-weight:normal;
    font-size:10pt;
}

h1 {
    font-size: 10pt;
    font-weight: bold;
    margin-bottom: 10px;
}
.logo {
    /*
    border-style:solid;    border-width:1px;    border-color:black;
    */
    height:100px;
    width:115px;
    position:absolute;
    left:815px;
    top:15px;
}
.pLogos {
    position:absolute;
    left:235px;
    top:600px;
}
.imHeight {
    height: 40px;
}
.topMenu {
    /*
    border-style:solid;     border-width:1px;    border-color:black;
    */
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-size:14pt;
    font-weight:normal;
    height:55px;
    width:400px;
    position:relative;
    left:228px;
    top:50px;
    margin-bottom: 10px;
    z-index: 200;
}
span.top {
    background:white;
    margin:15px;
}
.sideMenu {
    /*
    border-style:solid;    border-width:1px;    border-color:red;
    */
    font-size:10pt;
    height:475px;
    width:100%;
    position:relative;
    left:25px;
    top:65px;
}
.subMenu {
    /*
    border-style:solid;    border-width:1px;    border-color:blue;
    */
    font-size:10pt;
    height:150px;
    width:100%;
    position:relative;
    left:0px;
    top:30px;
}
.contact-adr {
    /*
    border-style:solid;    border-width:1px;    border-color:blue;
    */
    border-style:solid;    border-width:0px;    border-color:blue;

    font-size:10pt;
    height:520px;
    width:200px;
    position:relative;
    float:left;
    left:30px;
    top:112px;
    z-index: 200;
}
.social {
    margin-bottom: 4px;
}
.address {
    font-size:10pt;
}
.numbers {
    /*
    border-style:solid;    border-width:1px;    border-color:blue;
    */
    height:14px;
    width:450px;
    position:relative;
    left:235px;
    top:60px;
    font-size:9pt;
}
.numTxt {
    position:absolute;
    left:180px;
    top:95px;
    font-size:9pt;
}
.pmain {
    width:570px;
    font-size:10pt;
    padding:0px;
    text-align: justify;
}
.t-thumb {
    border: 5px;
}
.tdmain {
    font-size:10pt;
    padding-top:8px;
    padding-bottom:8px;
    padding-right:25px;
}
.tdtopspace {
    font-size:10pt;
    padding-top:8px;
    padding-bottom:0px;
    padding-right:25px;
}
.tdnospace {
    font-size:10pt;
    padding-top:0px;
    padding-bottom:0px;
    padding-right:25px;
}
.tdbottomspace {
    font-size:10pt;
    padding-top:0px;
    padding-bottom:8px;
    padding-right:25px;
}
.imageBox {
    /*
    border-style:solid;    border-width:1px;    border-color:aqua;
    */
    height:475px;
    position:absolute;
    left:228px;
    top:140px;
}
#portrait {
    float:left;
}
#home-slider{
    position:relative;
    overflow:hidden;
    width:686px;
    height:475px;
}
.contentBox {
    /*
    border-style:solid;    border-width:1px;    border-color:green;
    */
    height:465px;
    position:absolute;
    left:228px;
    top:135px;
}
.contactBox {
    /*
    border-style:solid;    border-width:1px;    border-color:green;
    */
    position:absolute;
    width: 680px;
    left:228px;
    top:135px;
}
.aboutContent {
    display: inline-block;
    position: relative;
    width:680px;
    text-align: justify;
}

#proImage {
    height:475px;
}

.infoBox {
    /*
    border-style:solid;    border-width:1px;    border-color:orange;
    */
    position:relative;
    overflow:hidden;
    width:680px;
    left :28px;
    float: left;
    top: -425px;
    text-align: justify;
}
.heading {
    /*
    border-style:solid;    border-width:1px;    border-color:yellow;
    */
    height:20px;
    width:680px;
    position:relative;
    float:left;
    left:28px;
    top:70px;
    text-align:left;
    font-size:10pt;
    margin-bottom: 10px;
}
.blurb {
    /*
    border-style:solid;    border-width:1px;    border-color:green;
    */
    min-height:20px;
    width:885px;
    position:relative;
    left:28px;
    top:80px;
    margin-left: 5px;
    text-align:left;
    font-size:10pt;
    text-align: justify
}
.bottomMenu {
    /*
    border-style:solid;    border-width:1px;    border-color:gray;
    */
    margin-top: 50px;
    height:20px;
    width:885px;
    position: relative;
    text-align:left;
    font-size:9pt;
    color: slategray;
}
.bmenu {
    margin-right: 20px;
}
a {
    color:#303030;
}
a:visited  {
    color:#303030;

}
a:hover{
    color:#FFA500;
}
a.bmenu:link { color: slategray; text-decoration: none; }
a.bmenu:hover { color: slategray; text-decoration: none;}
a.bmenu:visited { color: slategray; text-decoration: none;}

ul {
    /*    border-style:solid;    border-width:1px;    border-color:black;*/
    list-style-type:none;
    margin:0px;
    padding:0px;
}
li.indent {
    /*    border-style:solid;    border-width:1px;    border-color:green;*/
    padding-left: 10px;
}
.email {
    font-size:10pt;
    color:#303030;
    text-decoration:none;
}
a:hover.email{
    color:#303030;
}
a.on {
    font-weight:normal;
    color:#FF8C00;
    text-decoration:none;
}
a:hover.on{
    color:#303030;
}
a.off {
    font-weight:normal;
    color:#303030;
    text-decoration:none;
}
a:hover.off{
    color:#FF8C00;
}
.on-num {
    font-weight:normal;
    background-color:#FF8C00;
    text-decoration:none;
}
.off-num {
    font-weight:normal;
    color:#303030;
    text-decoration:none;
}
a img,img[usemap] {
    border: none;
}
.underConstruction {
    position:absolute; left:500px; top:65px; text-align:left; font-family: Verdana, Geneva, sans-serif; font-weight:normal; font-size:9pt;
}

.divider {
    margin: 5px 10px; /*top & bottom - right & left*/
}

.home-on-tm {
    margin: 5px 10px 5px 0px; /*top, right, bottom, left */
    display: inline-block;
    height:25px;
    width: 72px;
    color:#FF8C00;
    background: url('../images/Home-ro.jpg');
    background-repeat: no-repeat;
    background-position: 0 0;
    text-decoration:none;
}
.home-off-tm {
    margin: 5px 10px 5px 0px; /*top, right, bottom, left */
    display: inline-block;
    height:25px;
    width: 72px;
    color:#303030;
    text-decoration:none;
    background: url('../images/Home-ro.jpg');
    background-repeat: no-repeat;
    background-position: 0 -25px;
}
a:hover.home-on-tm{
    background-position: 0 -25px;
    color:#303030;
}
a:hover.home-off-tm{
    background-position: 0 0;
    color:#FF8C00;
}

.services-on-tm {
    margin: 5px 10px; /*top & bottom - right & left*/
    display: inline-block;
    height:25px;
    width: 97px;
    color:#FF8C00;
    background: url('../images/Services-ro.jpg');
    background-repeat: no-repeat;
    background-position: 0 0;
    text-decoration:none;
}
.services-off-tm {
    margin: 5px 10px; /*top & bottom - right & left*/
    display: inline-block;
    height:25px;
    width: 97px;
    color:#303030;
    text-decoration:none;
    background: url('../images/Services-ro.jpg');
    background-repeat: no-repeat;
    background-position: 0 -25px;
}
a:hover.services-on-tm{
    background-position: 0 -25px;
    color:#303030;
}
a:hover.services-off-tm{
    background-position: 0 0;
    color:#FF8C00;
}

.portfolio-on-tm {
    margin: 5px 10px; /*top & bottom - right & left*/
    display: inline-block;
    height:25px;
    width: 104px;
    color:#FF8C00;
    background: url('../images/Portfolio-ro.jpg');
    background-repeat: no-repeat;
    background-position: 0 0;
    text-decoration:none;
}
.portfolio-off-tm {
    margin: 5px 10px; /*top & bottom - right & left*/
    display: inline-block;
    height:25px;
    width: 104px;
    color:#303030;
    text-decoration:none;
    background: url('../images/Portfolio-ro.jpg');
    background-repeat: no-repeat;
    background-position: 0 -25px;
}
a:hover.portfolio-on-tm{
    background-position: 0 -25px;
    color:#303030;
}
a:hover.portfolio-off-tm{
    background-position: 0 0;
    color:#FF8C00;
}

.about-on-tm {
    margin: 5px 10px 5px 0px; /*top, right, bottom, left */
    display: inline-block;
    height:25px;
    width: 105px;
    color:#FF8C00;
    background: url('../images/Why JMD-ro.jpg');
    background-repeat: no-repeat;
    background-position: 0 0;
    text-decoration:none;
}
.about-off-tm {
    margin: 5px 10px 5px 0px; /*top, right, bottom, left */
    display: inline-block;
    height:25px;
    width: 105px;
    color:#303030;
    text-decoration:none;
    background: url('../images/Why JMD-ro.jpg');
    background-repeat: no-repeat;
    background-position: 0 -25px;
}
a:hover.about-on-tm{
    background-position: 0 -25px;
    color:#303030;
}
a:hover.about-off-tm{
    background-position: 0 0;
    color:#FF8C00;
}

.info-on-tm {
    margin: 5px 10px; /*top & bottom - right & left*/
    display: inline-block;
    height:25px;
    width: 48px;
    color:#FF8C00;
    background: url('../images/Info-ro.jpg');
    background-repeat: no-repeat;
    background-position: 0 0;
    text-decoration:none;
}
.info-off-tm {
    margin: 5px 10px; /*top & bottom - right & left*/
    display: inline-block;
    height:25px;
    width: 48px;
    color:#303030;
    text-decoration:none;
    background: url('../images/Info-ro.jpg');
    background-repeat: no-repeat;
    background-position: 0 -25px;
}
a:hover.info-on-tm{
    background-position: 0 -25px;
    color:#303030;
}
a:hover.info-off-tm{
    background-position: 0 0;
    color:#FF8C00;
}

.blog-on-tm {
    margin: 5px 10px; /*top & bottom - right & left*/
    display: inline-block;
    height:25px;
    width: 53px;
    color:#FF8C00;
    background: url('../images/Blog-ro.jpg');
    background-repeat: no-repeat;
    background-position: 0 0;
    text-decoration:none;
}
.blog-off-tm {
    margin: 5px 10px; /*top & bottom - right & left*/
    display: inline-block;
    height:25px;
    width: 53px;
    color:#303030;
    text-decoration:none;
    background: url('../images/Blog-ro.jpg');
    background-repeat: no-repeat;
    background-position: 0 -25px;
}
a:hover.blog-on-tm{
    background-position: 0 -25px;
    color:#303030;
}
a:hover.blog-off-tm{
    background-position: 0 0;
    color:#FF8C00;
}