﻿/**
    Note: Scheme is this:  box + a capital A, B, C.. suggests there are orphan divs.  i.e., #box3A, #box3AAA, #box3BA, #box 3B
          box + small letter a, b, c... suggests the div is does not have orphans. i.e, #box3Aa, #box3Ab
*/
html, body {
	height: 100%;
}

.bulleted-text1 {
    padding-left: 17px;
    font-size: 11px;
    font-weight: normal;
    color: #4C4C4C;
    background: url(Images/homepage07.gif) no-repeat left center;
}

.bulleted-text2 {
    margin-bottom: 15px;
    padding-left: 21px;
    font-size: 16px;
    text-align: left;
    color: #555555;
    background: url(Images/homepage08.gif) no-repeat left center;
}

.bulleted-text3 {
    margin-bottom: 15px;
    padding-left: 21px;
    font-size: 13px;
    color: #555555;
    background: url(/Images/homepage08.gif) no-repeat left center;
}

.hr1 {
    clear: both;
    height: 1px;
    padding: 10px 0px;
    background: url(Images/homepage18.gif) no-repeat center center;
}
/** HEADER */

#header {
	height: 160px;
	margin: 0px auto;
}

#logo {
    float: left;
    height: 160px; width: 236px;
    background: url(Images/homepage02.png) no-repeat;
}

#slogan {
    float: left;
    height: 160px; width: 434px;
    background: url(Images/pics01a.jpg) no-repeat;
}

#logo b, #slogan b { position: absolute; left: -10000px; }

/** CONTENT */

#content {
	width: 700px;
	margin: 0px auto;
}

#left {
	float: left;
	width: 236px;
}

#right {
	float: left;
	width: 464px;
}

/** BOX1 */

#box1 {
    margin-left: -3px;
}
#box1 .content {
    display: inline-block;
	height: auto;
	padding: 15px 0px 0px 35px;
}

html>body #box1 .content {
	height: auto;
}

.titleApp {
    color: #0a586c;
}

.subTitleApp {
    color: maroon;
}

.titleApps {
    color: goldenrod;   
}

#box1 ul { 
	margin: 0px;
    width: 196px;
	padding: 0px;
	list-style: none;
    background: url(Images/homepage01.jpg) repeat;

}
    #box1 li {
        clear: both;
        width: 200px;        
    }
        #box1 li ul {
            background: url(Images/homepage03.jpg) repeat;
        }
.liTitle {
    /*color: goldenrod;*/ 
    font-size: 13px; 
    font-weight: bold;
    margin-bottom: 50px;
    background: url(Images/homepage04.jpg) no-repeat right center;
}

#box1 a {
    display: block;
    float: left;
    height: 24px; width: 168px;
    padding-top: 5px;
    text-decoration: underline;
    color: #686868;
    background-position: 100% 50%;
    background: url(Images/homepage04.jpg) no-repeat right center;
}
#box1 ul li ul li a, divAboutUs a {
    display: block;
    float: left;
    height: 24px; width: auto;
    padding-top: 5px;
    background: none;
    text-decoration: underline;
    color: #686868;
}
#box1 a:hover {
	text-decoration: none;
}
#box1 .hline {
    float: left;
    height: 1px; width: 142px;
    background: url(Images/homepage05.gif) repeat-x;
}
#contactUs{
    display: block;
}
#emailSubject {
    z-index: 3000; clear: both;
}
#emailBody{
   background-color: #fefefe; 
}
#emailBtnSend {
    float: right;
}
#box1_sub1a {
    width: 100%; 
    text-align: center;
}
#box1_sub4 {
    clear: both;
    position: absolute;
    margin-left: 196px;
    display: none;
    padding: 3px 2px;
    background-color: #eee;
    width: 373px;
    border: 1px solid #dfefef;
    text-decoration: none;
    padding: 8px;
    border-radius: 2px;
    -webkit-appearance: none;
}

    #box1_sub4 .txtEmail {
        margin-left: 3px;
        margin-bottom: 3px;
        padding: 5px;
        width: 165px;
        margin-right: -10px;
        border: 1px solid #bbbbbb;
        border-radius: 4px;
    }

    #box1_sub4 .txtBody {
        margin-left: 3px;
        margin-bottom: 3px;
        padding: 5px;
        width: 96%;
        height: 100px;
        border: 1px solid #bbbbbb;
        border-radius: 4px;
    }

    #box1_sub4 .btnEmailSend {
        clear: both;
        display: block;
        background-color: #555555;
        color: #fff;
        margin-top: 8px;
        clear: both;
        border: none;
        border-radius: 4px;
    }

/** BOX2 */

#box2 .content, #box2A .content, #box2B .content, #box2C .content, #box2D .content, #box11 .content, #box33 .content {
	padding: 22px 28px 8px 29px;
}
#box2 h2 {
    margin-left: 3px;
}
#box2 p {
    padding: 0px 5px 0px 6px;
}
#box2A, #box2B, #box2C, #box2D{
    text-align: left;
}
#box2AA, #box2BA, #box2CA, #box2DA{
    text-align: left;
}
#box2AA a, #box2BA a, #box2CA a, #box2DA a{
    text-align: center;
}
#box2AAa, #box2BAa, #box2CAa, #box2DAa {
    height: 147px;
    width: 181px;
    background: url(Images/homepage06.jpg)no-repeat;
    background-size: 181px 147px;
}
#box2CAa {
    height: 41px;
    width: 181px;
    background: url(Images/homepage06.jpg)no-repeat;
    background-size: 181px 41px;
}
#box2CAaa {
    height: 111px;
    width: 181px;
    background: url(Images/homepage06.jpg)no-repeat;
    background-size: 181px 111px;
}

#box2AAA, #box2BAA, #box2CAA, #box2DAA {
    text-align: center;
}

#box2BAa {
    background: url(Images/smallPlane3.jpg)no-repeat;
    background-size: 181px 147px;
}

#box2CAa {
    background: url(Images/SLG_Blackbg.png)no-repeat;
    background-size: 181px 36px;
}
#box2CAaa {
    background: url(Images/HomeWithFullMoon.jpg)no-repeat;
    background-size: 181px 111px;
}

#box2DAa {
    height: 65px;
    width: 181px;
    background: url(Images/SPEC2_BlackBackgroundForWebHigh.jpg)no-repeat;
    background-size: 181px 65px;
}

/** BOX3 */
#box3 {
    padding: 13px 9px 5px 10px;
}
#box3a{
    text-align: center;
}
#box3b {
    float: left;
    height: 67px;
    width: 100px;
    margin-right: 15px;
    background: url(Images/dubai1.jpg) no-repeat;
    background-size: 100px 67px;
}
#box3a h2 {
    margin-bottom: 18px;
}
#box3_sub1 {
    display: none;
    position: absolute;
    width: 430px;
    margin-left: -10px;
    padding: 0px 10px 10px 10px;
    background-color: #fefefe;
    border: 1px solid #ddd;
    border-top: none;
    clear: both;
}

/** BOX4 */

#box4 {
    clear: both;
    margin: 0px 9px 5px 9px;
    padding: 13px 0px 0px 0px;
    background: url(Images/homepage10.gif) repeat-x;
}
#box4 p {
	padding: 0px 5px;
}
#box4-3col {
    clear: both;
    width: 100%;
}
#box4A, #box4B, #box4C {
    float: left;
    width: 33%;
}

#box4Aa, #box4Ba, #box4Ca {
    float: left;
    height: 67px;
    width: 96%;
    background: url(Images/dubai4.jpg) no-repeat;
    background-size: 100% 67px;
}
#box4_sub1 {
    display: none;
    text-align: center;
}

#box4B {
	width: 34%;	
}
#box4Ba {
    background: url(Images/automation.jpg) no-repeat;
    background-size: 100% 67px;
}

#box4C {
    width: 33%;
}
#box4Ca {
    background: url(Images/RealAlycticsChart.jpg)no-repeat;
    background-size: 100% 67px;
}

/*box41 */
#box41 {
    clear: both;
    margin: 0px 9px 5px 9px;
    text-align: center;
    padding: 13px 0px 0px 0px;
    background: url(Images/homepage10.gif) repeat-x;
}
#box41-3col {
    clear: both;
}
#box41A, #box41B, #box41C {
   display: inline-block;
}
#box41 p {
	padding: 0px 5px;
}

#box41Ta {
    clear: both;
    width: 100%;
    text-align: center;
}
    #box41TL h3 {
        text-align: center;
    }

#box41A, #box41B, #box41C {
	float: left;
	width: 33%;
}
#box41Aa, #box41Ba, #box41Ca {
    float: left;
    height: 67px;
    width: 96%;
    background: url(Images/ship2.jpg) no-repeat;
    background-size: 100% 67px;
}

#box41B {
    width: 34%;
}
#box41Ba {
    background: url(Images/truck6.jpg) no-repeat;
    background-size: 100% 67px;
}

#box41C {
	width: 33%;	
}
#box41Ca {
    background: url(Images/Plane6.jpg)no-repeat;
    background-size: 100% 67px;
}

/*box 5*/
#box5 {
    clear: both;
    margin: 0px 9px 5px 9px;
    text-align: center;
    padding: 13px 0px 0px 0px;
    background: url(Images/homepage10.gif) repeat-x;
    background-size: 100%;
}
#box5-3col {
    clear: both;
}
#box5 p {
	padding: 0px 5px;
}
#box5T {
    clear: both;
    width: 100%;
    text-align: center;
}
    #box5Ta {
        width: 100%;
        text-align: center;
    }

#box5A, #box5B, #box5C {
    float: left;
    width: 33%;
}
#box5Aa, #box5Ba, #box5Ca {
    float: left;
    height: 67px;
    width: 96%;
    background: url(Images/doctorWithChart.jpg) no-repeat;
    background-size: 100% 67px;
}

#box5B {
	width: 34%;	
}
#box5Ba {
    background: url(Images/medAllegro.jpg) no-repeat;
    background-size: 100% 67px;
}

#box5C {
	width: 33%;	
}
#box5Ca {
   background: url(Images/IPadChart.jpg)no-repeat;
    background-size: 100% 67px;
}

/*box 6*/
#box6 {
    clear: both;
    margin: 0px 9px 5px 9px;
    text-align: center;
    padding: 13px 0px 0px 0px;
    background: url(Images/homepage10.gif) repeat-x;
}
#box6 p {
	padding: 0px 5px;
}
#box6-3col{
    clear:both;
}
#box6T {
    clear: both;
    width: 100%;
    text-align: center;
}

#box6TL {
    width: 100%;
    text-align: center;
}

#box6A, #box6B, #box6C {
	float: left; 
	width: 33%;
}
#box6Aa, #box6Ba, #box6Ca {
    float: left;
    height: 67px;
    width: 96%;
    background: url(Images/doctorWithChart.jpg) no-repeat;
    background-size: 100% 67px;
}

#box6B {
	width: 34%;	
}
#box6Ba {
    background: url(Images/DCSFamilyForWeb.jpg) no-repeat;
    background-size: 100% 67px;
}

#box6C {
	width: 33%;	
}
#box6CAa {
    background: url(Images/IPadChart.jpg)no-repeat;
    background-size: 100% 67px;
}


/*box 6*/

#box6 {
	margin: 0px 9px 5px 9px;
	padding: 13px 0px 0px 0px;
	background: url(Images/homepage10.gif) repeat-x;
}
#box6 p {
	padding: 0px 5px;
}
#box6A {
	float: left;
	width: 33%;
}

#box6B {
	float: left;
	width: 34%;	
}

#box6C {
	float: left;
	width: 33%;	
}
/** Box7 */
#box7{
    clear: both;
}
#box7Aa {
    float: left;
    height: 97px;
    width: 30%;
    background: url(Images/sport-multi.jpg) no-repeat;
    background-size: 93% 97px;
}
   
/** FOOTER */

#footer {
	width: 704px;
	margin: 0px auto;
	position: relative;
	left: 7px;
}

#links {
	float: right;
	width: 448px;
	height: 39px;
	padding: 25px 30px 0px 0px;
}

#copyright {
	float: left;
	width: 226px;
	height: 44px;
	padding-top: 20px;
}

.btnExit, .btnExitPadded
{	z-index: 1031;
	height: 24px !important;
	width: 24px !important;
	padding: 2px 3px 2px 3px !important;
	font-size: 18px !important;
	text-align: center; 
	font-weight: bold;
	vertical-align: middle;
	border: none;
	position: absolute;
	top: 3px;
	right: 3px; 
	background-color: #ffffff;
	border-radius:8px !important;
	  -webkit-appearance: none;
}

.btnExitPadded{

    top: 0px;
    right: 0px;
    padding: 0px;
}

.titleApps {
    color: goldenrod;   
}

.titleAppsOdd {
    color: #669999;   
}

.linkDefinition {
   background: none;
   color: red;
}

.more {
	display: inline;
	text-decoration: none;		
    color: maroon;
}

#divAboutUs a {
    display: inline-block;
   text-decoration: none;
   background: none;
   float: none;
   width: auto;
   height: auto;
   padding: 0px;
   margin: 0px;
   color: #11222c;
}

.RegularExpressionValidators
{
    background-color: maroon;
    padding: 0px 0px 0px 1px;
    color: #fff;
}

.modules{
    display: none;
    position: absolute;
    margin-left: 10px;
    margin-top: 100px;
   
    width: 222px;
    background: #eee;
    border: 1px solid #ccc;
    border-right: none;
    border-radius: 4px 0px 0px 4px;
}

.divSlider, .divMore, .divSliderAbsolute  {
    display: inline-block;
    display: none;
    z-index: 1000;
    font-family: Georgia;
    position: relative;
    clear: both; 
    width: auto;     
    /*border: 1px solid #20527d;*/ 
    /*border: 1px solid #ddd;*/
    text-decoration: none; 
    background:#fefefe;
    border-radius: 4px;
    -webkit-appearance: none;
}

.divSliderAbsolute, .divSliderAbsoluteLeft {
    display: none;
    padding: 0px;
    clear:both;
    position: absolute; 
    background-color: #fefefe;  
    border: none;
    border-bottom: 1px solid maroon;
    width: 450px;
}

.divSliderAbsoluteLeft {
    margin-left: 196px;
    width: 450px;
    padding: 15px;
    border: 1px solid #20527d; 
    border-radius: 4px;  
}

.divSlider ul {
     margin: 4px 5px;
     background: url(Images/homepage01.jpg) repeat;
}

    .divSlider ul li{
       clear: both;
    }

        .divSlider ul li ul li {
            clear: both;
            padding: 4px 25px;
        }

.divSliderWBorder {
    position: absolute;
    margin-left: -10px;
    padding: 0px 10px 10px 10px;
    background: url(Images/homepage01.jpg) repeat;
   
    display: none;
    width: 500px;   
}

.comingSoon {
    color:maroon;
}

.apps {
    color: goldenrod;
}

.divLinkDefinitions {
    background-color: lemonchiffon;
    display: none;
    font-weight: bold;
    font-style: italic;
    padding: 15px;
    position: absolute;
    width: auto;
    text-align: justify;
}

.linksAddedLevel2, .linksAddedLevel3 {
    font-weight: bolder;
    background-color: #fff;
    font-style: italic;
    font-size: 12.5px;
}

#box1_sub2 ul{
    background: none;
}

#ulMainMenu5, #ulMainMenu5b {
    background: none;
    clear: both;
    visibility: visible;
    position: relative;
    left: 0px;
    display: block;
	float: none;
	padding-top: 5px;
    width: 400px;	
}

#ulMainMenu5 li, #ulMainMenu5 li a, #ulMainMenu5b li{
    background: none;
    width: 100%;
}
#ulMainMenu5 ul, #ulMainMenu5b ul{
    visibility: visible;
    left: 0px;
    display: block;
	float: none;
	padding-top: 5px;
    width: 400px;
}

.answers{
    margin-left: 15px;
    
}
#address {
    text-align: center;
}

.name{
    width: 75px;
}


