body
{
    margin:0px;
}
.Header
{
   height:60px;   
   background-image:url('../Images/Backgrounds/TopLine.png');
   background-repeat:repeat-x;
   background-position:top;
   background-color:White;
   padding-left:50px;
   padding-top:20px;
   -webkit-box-shadow: 0px 3px 8px rgba(50, 50, 50, 0.75);
   -moz-box-shadow:    0px 3px 8px rgba(50, 50, 50, 0.75);
   box-shadow:         0px 3px 8px rgba(50, 50, 50, 0.75);
   position:relative;
   
}

.Logo
{
    float:left;
}

.Menus
{
    list-style:none;
    float:left;
    margin:-10px 10px;
}

.Menus li
{
    display:block;
    position:relative;
    float:left;
    text-align:center; 
    padding:26px 0px; 
    background-color:#fff; 
    border-right:1px #C3C3C3 solid;
}

.Menus li:first-child
{
    border-left:1px #C3C3C3 solid;
}

.Menus li a
{
    text-decoration:none;
    padding:26px 20px;
    color:Gray;
    font-family:Trebuchet MS;
    font-style:italic;
    
}

.Menus li a:hover{
	border-bottom:4px #D31245 groove;
	 -webkit-transition: border-bottom 0.5s; /* For Safari 3.1 to 6.0 */
    transition: border-bottom 0.5s;
	-moz-transition: border-bottom 0.5s;
	-o-transition: border-bottom 0.5s;
	}
	
.Footer
{
   height:70px;   
   background-repeat:repeat-x;
   background-position:top;
   background-color:Black;
   padding-left:50px;
   padding-top:10px;
   -webkit-box-shadow: 0px 3px 8px rgba(50, 50, 50, 0.75);
   -moz-box-shadow:    0px 3px 8px rgba(50, 50, 50, 0.75);
   box-shadow:         0px 3px 8px rgba(50, 50, 50, 0.75);
   position:relative;
   
}

.FMenus
{
    list-style:none;
    float:left;
    margin:10px 10px;
}

.FMenus li
{
    display: block;
    position: relative;
    float: left;
    text-align: center;
    padding: 5px 0px;
    color: White;
    border-right: 1px #494949 solid;
}

.FMenus li:first-child
{
    border-left:1px #494949 solid;
}

.FMenus li a
{
    text-decoration:none;
    padding:5px 10px;
    color:Silver;
}

.FMenus li a:hover{
	color:White;
	 -webkit-transition: color 0.5s; /* For Safari 3.1 to 6.0 */
    transition: color 0.5s;
	-moz-transition: color 0.5s;
	-o-transition: color 0.5s;
	}

#copyright
{
    color:Gray;
    text-decoration:none;
    font-size:14px;
    float:right;
    margin-right:50px;
}

#copyright a
{
    color:Gray;
    text-decoration:none;
}
#copyright a:hover
{
    color:Silver;
    text-decoration:none;
}


#ContentsofPage1
{
    background-color:#3c3c3c;
    height:500px;
}

#ContentsofPage2
{
    background-color:#D4E2F7;
    height:500px;
}

.MainContentsofPage1
{
    height:500px;
    width:450px;
    margin-left:50px;
    float:left;
}

.MainContentsofPage2
{
    height:500px;
    width:650px;
    margin-left:50px;
    float:left;
}

#AboutusImage
{
    margin-top:10px;
}

#MainContentsofPageDiv1
{
    margin-top:20px;
    color:White;
    text-align:justify;
}

.Slider
{
    box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.4);
    -webkit-box-shadow:0px 0px 4px 2px rgba(0,0,0,0.4);
   -moz-box-shadow:0px 0px 4px 2px rgba(0,0,0,0.4);
    height:435px;
    width:1250px;
    margin:auto;
    z-index:0;
    margin:auto; 
    padding-top:10px;
    width:1260px;
}

#whatWeDoHome .container
{
    width:100%;
    height:500px;
    background-color:#333333;
    color:White;
    padding-top:20px;
}

#whatWeDoHome .container .details
{
    float:left;
    width:500px;
    margin-left:150px;
    text-align:justify;
}

#whatWeDoHome .container .Image
{
    float:left;
    width:450px;
    margin-left:50px;
}

.btn-dark
{
    background-color:#474747;
    padding:10px;
    color:White;
    text-decoration:none;
    border-bottom:4px solid #D31245;
}

.btn-dark:hover
{
    background-color:#FFF;
    color:Black;
}

#homeGrid .container
{
    width:100%;
    color:Black;
    padding-top:20px;
    padding-bottom:30px;
}

#homeGrid .container .workGrid
{
    width:100%;
    list-style:none;
    
}

#homeGrid .container .workGrid .small
{
    float:left;
    width:300px;
    height:400px;
    margin-left:25px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 12px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 12px rgba(50, 50, 50, 0.75);
    text-align:justify;
    padding:10px;
}

#homeGrid .container .workGrid .small h3 a
{
    color:White;
    text-decoration:none;
    padding:5px;
    font-family:Trebuchet MS;
    font-size:14px;
    font-weight:normal;
    margin-left:-10px;
    background-color:#D31245;
}

#homeGrid .container .workGrid .small p
{
    
    font-family:Trebuchet MS;
    font-size:14px;
    font-weight:normal;
    margin-top:0px;
}

#homeGrid .container .workGrid .small h4 a
{
    color:#3B3B3B;
    text-decoration:none;
    margin-bottom:-5px;
    font-family:Trebuchet MS;
    font-size:14px;
    font-weight:bold;
}

#homeGrid .container .workGrid .small:hover
{
    
    -webkit-box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 20px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 20px rgba(50, 50, 50, 0.75);
    
}

.more
{
    height:20px;    
    float:left;
    width:200px;
    margin-left:50px;
    vertical-align:middle;
    padding:10px;
    padding-top:380px;
}

.more a
{
    background-color:#474747;
    padding:10px;
    color:White;
    text-decoration:none;
    border-bottom:4px solid #D31245;
    
}

.more a:hover
{
    background-color:#FFF;
    color:Black;
}

.PageContentDiv
{
    background-color:White; 
    width:1200px;    
    margin:auto;    
    margin-top:10px;  
    box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.4); 
    -webkit-box-shadow:0px 0px 4px 2px rgba(0,0,0,0.4);
   -moz-box-shadow:0px 0px 4px 2px rgba(0,0,0,0.4);
}

#ourservices
{
    padding:10px;
    padding-top:20px; 
    line-height:18px;
    padding-bottom:20px;
    width:95%; 
    margin:auto;
    margin-right: auto; 
    text-align:justify; 
    font-family: 'trebuchet MS';
}

.BigList
{
    font-size: 18px; 
    font-weight:bold; 
    font-family: 'trebuchet MS'; 
    margin:10px 0px 0px 50px;
}

.BigList li
{
    list-style-image: url('../Images/Others/listbuttonImage.png');
    margin: 0px 0px 15px 0;
    padding-bottom:5px;
    border-bottom-style: inset;
    border-bottom-width: 1px;
    border-bottom-color: #C0C0C0;
    text-shadow: 4px 4px 2px rgba(150, 150, 150, 0.6);
}

.BigList li:hover
{    
    color:#034487;
}

#careerCurrentopentings
{
    margin-left: 20px; 
    margin-top: 0px;
    list-style:none;
}


#careerCurrentopentings li
{
    height: 30px; 
    border-bottom-style: inset; 
    border-bottom-width: 1px; 
    border-bottom-color: #2B90C6;
    text-shadow: 4px 4px 2px rgba(150, 150, 150, 0.6);

}

#careerCurrentopentings li a,#careerCurrentopentings li a:visited
{
     color:Black;
     text-decoration:none;
}

#careerCurrentopentings li a:hover
{
     color:#034487;
     text-decoration:underline;
}

#container
{
    width:350px;
    height:75px;
    margin:auto;
    margin-top:10px;
    margin-left:50px;
}
        
.imgcontainer
{
    width:60px;
    height:60px;
    float:left;
    margin-left:3px;
}
        
.imgDiv
{
    position:absolute;           
    width:60px;
    height:60px;
            
}

.QuoteLDiv
{
    height:30px; 
    width:140px; 
    padding:7px 60px 0px 20px; 
    float:left; 
    text-align:right; 
    color:#0178B7
}

.QuoteRDiv
{
    height:30px; 
    width:380px; 
    padding-left:20px; 
    float:left;
}

.QuoteDiv
{
   clear:both; 
   font-family:Trebuchet MS; 
   font-size:14px; 
   vertical-align:middle; 
   line-height:20px; 
   height:35px;
   margin-bottom:15px;
}


.textBoxStyle
{
    width:285px;
    height:25px;
    font-family:Trebuchet MS;
    font-size:14px;
     box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2); 
    -webkit-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.2);
   -moz-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.2);
   padding-left:5px;
}

.ComboBoxStyle
{
    width:285px;
    height:25px;
    font-family:Trebuchet MS;
    font-size:14px;
     box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2); 
    -webkit-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.2);
   -moz-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.2);
   padding-left:5px;
}

.MessagetextBoxStyle
{
    width:285px;
    height:70px;
    font-family:Trebuchet MS;
    font-size:14px;
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2); 
    -webkit-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.2);
   -moz-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.2);
   padding-left:5px;
}


#ourservices ul li
{
    margin-top:10px;
    margin-bottom:10px;
}

#ourservices ul li a
{
    margin-top:10px;
    margin-bottom:10px;
    text-shadow: 4px 4px 2px rgba(150, 150, 150, 0.5);
    color:#366AB2;
}

#ourservices ul li a:hover
{
    text-shadow: 4px 4px 2px rgba(42, 166, 244, 0.5);
    color:Black;
}

#ourservices ul li a:visited
{
     color:#366AB2;
}


ul#with-margin{margin-left:50px;}


li.with-bullets{ margin-left:10px;}

.ServiceBlock
{
    height:250px;
    width:250px;
    margin:25px 10px;
    float:left;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 12px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 12px rgba(50, 50, 50, 0.75);
}

.ServiceBlock:hover
{   
    -webkit-box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 20px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 20px rgba(50, 50, 50, 0.75);
}

.ServiceBlock img
{  
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.ServiceBlock .ServiceBlockTeck
{  
    padding:10px;
    margin-top:-40px;
    text-decoration:none;
    color:White;
    background-color:#D31245;
}

.WebDesignBox
{
    height:760px;
    width:150px;
    float:left;
    margin-right:30px;
    margin-top:0px;
     -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 12px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 12px rgba(50, 50, 50, 0.75);
    font-family:Trebuchet MS;
}

.WebDesignBox:hover
{   
    -webkit-box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 20px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 20px rgba(50, 50, 50, 0.75);
    margin-top:-20px;
}

.WebDesignBox1
{
    height:760px;
    width:200px;
    float:left;
    margin-right:30px;
     -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 12px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 12px rgba(50, 50, 50, 0.75);
    font-family:Trebuchet MS;
}

.WebDesignBoxHeader
{
    height:30px;
    width:100%;
    float:left;
    margin-right:20px;
     -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
   background-color:#D31245;
   font-size:20px;
   font-weight:bold;
   padding-top:5px;
   padding-bottom:5px;
   text-align:center;
   color:White;
}

.FeaturesDesgin
{
    border-bottom:1px dotted silver;
    height:20px;
    font-size:14px;
    text-align:left;
    padding-left:5px;
    padding-top:5px;
    padding-bottom:5px;
    text-align:center;
}

.ProductFeature
{
   background-color:White;
   color:Black;
}

.ProductFeature:hover
{
   background-color:#EDEDED;
    -webkit-transition: background-color 0.3s; /* For Safari 3.1 to 6.0 */
    transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
}