﻿


#slideShow
{
    width:858px;
    height:230px; 
    
    padding:0;
    margin:10px 0px 15px 0px;    
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-radius-topright:3px;
    -webkit-borded-radius-topleft:3px;
    
}



#leftSlide
{
    width:546px;
    float:left;
    border:0;
    padding:0;
    margin:0;
       
}

#rightSlide
{
    float:right;
    height:230px;
    border:0;
    padding:0;
    margin:0; 
    width:309px;
    display:block;
}




/* boxes beneath slide show on home page */
/* boxes on landing pages and img within boxes */


.boxesSmall
{
   
   float:left;
   width: 206px;
   margin:0px 4.5px 10px 4.5px;
   padding:0px;
   border:1px solid #063e8b;
   background-color:white;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-radius-topright:3px;
    -webkit-borded-radius-topleft:3px;
    text-align:left;
    height:340px;
     position:relative;
}

.softwareBoxesLists 
{
    margin:10px 0 0 20px;
    list-style-type:circle;
    
    
}

.softwareBoxesLists li
{
    margin:2px 0 2px 0;
}


.boxesSmall img
{
    border:none;
}




.boxesSmallSoftwarePage img
{
    border:none;
}
.subLandingBoxes
{
    
    width:130px;
    margin:10px 10px 3px 10px;
    border:none;
    padding:0;
    float:left;
    height:60px;
    background-color:white;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-radius-topright:3px;
    -webkit-borded-radius-topleft:3px;
    text-align:left;
     position:relative;

    
}






.imgSmallBoxes
{
    
    height:100px;
    border-bottom:1px solid #e2e2e2;
    padding:0;
    margin:0;
    
}


p.boxesSmallText
{
    color:Black;
    font-family:Lucida Sans Unicode;
    font-size:11px;
    text-align:left;
    padding:0;
    margin:0;
    padding-left:7px;
    padding-right:5px;
    
}

h4.boxesSmallHeadings 
{
    font-family:Lucida Sans Unicode;
   font-size:13px;
   font-weight:bold;
   color:#063e8b;
   padding:0;
   margin:7px 0 5px 4px;
   text-align:left;  
}
.readMore
{
    
    position:absolute;
    bottom:2px;
}

.readMore a
{
    color:gray;
    font-size:11px;
    font-style:italic;
    text-decoration:underline;
    margin:8px 2px 2px 4px;
    
}

.readMore a:hover
{   
    color:Black;
}
/* End boxes */








/* end boxes */

/* Landing Pages */

.landingPageH4
{
    
    width:60%;
    border-bottom:1px solid #e2e2e2;
    margin-bottom:15px;
    font-family:Arial;
    font-size:x-large;
    color:#474E4F;
    
}

.landingPageH6
{
    width:60%;   
    margin-top: 10px;
    margin-bottom:5px;
    font-family:Arial;
    border-bottom:1px solid #e2e2e2;
    font-size:medium;
    color:#87a9d8;
}


.landingPageMainTextParagraphs
{
    color:black;
    margin-top:10px;
    width:380px;
    float:none;
    margin-bottom:6px;   
}

.landingPageSubParagraphs
{
    color:Black;
    padding-top:5px;
    width:380px;
    float:left; 
}






/* Contacts Page Styles */


.contactsPageH5
{
    width:60%;   
    margin-top: 10px;
    margin-bottom:5px;
    font-family:Arial;
    border-bottom:1px solid #e2e2e2;
    font-size:medium;
    color:#87a9d8;
}

.subHeader
{
    font-weight:normal;
    width:100%;   
    margin-top: 10px;
    margin-bottom:5px;
    font-family:Arial;
    font-size:medium;
    color:#87a9d8;
      
}

.leftColumn
{
    float:left;
    width:500px;   
}
.rightColumn
{
    text-align:right;
    
    float:right;
    width:360px;   
}



.addressInfo
{
    margin:5px 0px 5px 5px;
       
}

address
{
    font-style:normal;   
}



/* Begin Contact Form */

#formContacts
{
    width:500px;
    border:1px solid #C9DCA6;
    border-right:none;
    margin-top:10px;
    padding:10px;
    
}

.h3ContactForm
{
    width:700px;
    color: #333333;
    margin-bottom:8px;
    margin-top:10px;
    
    
}
#contactForm
{   
    
    font-size:1.1em;
    color:#333;
    
       
}

#formContacts label
{
    display:inline-block;
    line-height: 16px;
    vertical-align:top;
}

#formContacts ol
{
    list-style-type:none;
}

#formContacts li
{
    
     padding:5px;  
     font-size:13px;
     list-style:none;  
}
label
{
    width:200px;
}
#formContacts fieldset 
{
    border:none;
    margin-top:10px;
    margin-bottom:10px;
}

#formContacts input[type=text]
{
    width:200px;
}


.onFocus 
{
    width:200px;
    border:2px solid #a7c407;
}

.idleField
{
    background-color:#fbe3e3;
    border:1px solid #fc4a4a;   
}


#checkBoxList input
{
    margin: 4px;
    display:inline;
    float:left;
}

#checkBoxList label
{
    width: 200px;
    padding:1px;   
}
#checkBoxList li
{
    width:245px;
    display:block;
    float:left;
    margin:0;
    padding:0;
}

#checkBoxList input[type=submit]
{
    padding:5px;
}

.errorLabels
{
 font-family:Arial;
 color:Red;
 font-size: 10px;

    
}

/* response */
#response
{
    width:860px;
    text-align:center;
    font-size: 14px;
    font-family:Arial;
    color:Gray;
}   
    
    









/* END FORM From Diract-it website */
/* GOOGLE Maps */ 
#mapGoogle
{
    width: 360px;
    height: 400px;
    margin:10px 0px 0px 0px;   
    float:right;
}

#inputAddress
{
    margin-top:9px;
    text-align: left;
    
}

#inputAddress a
{
    color: #9f9f9f;
    text-decoration:none; 
    cursor:pointer;  
}

#inputAddress a:hover
{
    color:Black;
}

/* End google maps */

/* End Contacts Page styles */


.clear
{
    clear:both;
}





