﻿@font-face {
  
    font-style: normal;
    font-family: MyriadPro;
    src:  url('fonts/MyriadPro-Regular.ttf') format('truetype'),
    url('fonts/MyriadPro-Regular.svg#MyriadPro') format('svg');
}


@font-face {
    
    font-style: normal;
    font-family: MyriadProSemiBold;
    src:  url('fonts/MyriadPro-Semibold.ttf') format('truetype'),
    url('fonts/MyriadPro-Semibold.svg#MyriadProSemiBold') format('svg');
}




body 
{
    margin: 0px; font-family: MyriadPro, Arial; font-size: 15px; color: #666666; line-height: 17px;
}

.header1
{
 background-image: url('../interface/header1.png'); background-repeat: repeat-x; height: 176px; width: 100%;
 
}

.header1p
{
 background-image: url('../interface/header1p.png'); background-repeat: repeat-x; height: 176px; width: 100%;
 
}

.header2
{
 background-image: url('../interface/header2b2.png'); background-repeat: no-repeat; height: 86px; width: 940px;
 
}


.header2p
{
 background-image: url('../interface/header2p.png'); background-repeat: no-repeat; height: 86px; width: 940px;
 
}

.header2pp
{
 background-image: url('../interface/pilheader1.png'); background-repeat: no-repeat; height: 86px; width: 940px;
 
}

.threebuttonblock1
{
    width: 303px; height: 106px; background-color: #B9A475; color: White;
    padding: 5px;
         -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	cursor:pointer;
}

.threebuttonblock1h
{
    width: 353px; height: 106px; background-color: #B9A475; color: White;
    padding: 5px;
         -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
}

.threebuttonblock1p
{
    width: 303px; height: 106px; background-color: #A1CBEE; color: White;
    padding: 5px;
         -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	cursor:pointer;
}

.threebuttonblock1hp
{
    width: 353px; height: 106px; background-color: #A1CBEE; color: White;
    padding: 5px;
         -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
}

.threebuttoninner
{
width: 180px; float: left; padding-left: 10px; font-size: 12px; color: #f2f2f2; font-family: MyriadProSemiBold, MyriadPro, calibri, Arial;
text-align: left; font-weight: bold;
}

.threebuttoninner:hover
{
width: 180px; float: left; padding-left: 10px; font-size: 12px; color: #fff; font-family: MyriadProSemiBold, MyriadPro, calibri, Arial;
}


.threebuttonblock2
{
     width: 303px; height: 106px; background-color: #1C91B2; color: White;
      padding: 5px;
               -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	cursor:pointer;
}

.threebuttonblock2h
{
     width: 343px; height: 106px; background-color: #1C91B2; color: White;
      padding: 5px;
               -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
}


.threebuttonblock2p
{
     width: 303px; height: 106px; background-color: #9DA0A7; color: White;
      padding: 5px;
               -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	cursor:pointer;
}

.threebuttonblock2hp
{
     width: 343px; height: 106px; background-color: #9DA0A7; color: White;
      padding: 5px;
               -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
}

.threebuttonblock3
{
    width: 303px; height: 106px; background-color: #58C5E4; color: White;
     padding: 5px;
              -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
}

.threebuttonblock3h
{
    width: 353px; height: 106px; background-color: #58C5E4; color: White;
     padding: 5px;
              -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
}


.threebuttonblock3p
{
    width: 303px; height: 106px; background-color: #E1D8C7; color: White;
     padding: 5px;
              -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
}

.threebuttonblock3hp
{
    width: 353px; height: 106px; background-color: #E1D8C7; color: White;
     padding: 5px;
              -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
}


.icon1
{
 border: solid 5px #ffffff; width: 72px; height: 72px; background-image: url('../interface/icon-symptoms.png');
 background-repeat: no-repeat; float: left; margin-top: 12px; margin-left: 5px;
}

.icon2
{
 border: solid 5px #ffffff; width: 72px; height: 72px; background-image: url('../interface/icon-services.png');
 background-repeat: no-repeat; float: left; margin-top: 12px; margin-left: 5px;
}

.icon3
{
 border: solid 5px #ffffff; width: 72px; height: 72px; background-image: url('../interface/icon-products.png');
 background-repeat: no-repeat; float: left; margin-top: 12px; margin-left: 5px;
}


.icon1a
{
 border: solid 5px #ffffff; width: 72px; height: 72px; background-image: url('../interface/but1.png');
 background-repeat: no-repeat; float: left; margin-top: 12px; margin-left: 5px;
}

.icon2b
{
 border: solid 5px #ffffff; width: 72px; height: 72px; background-image: url('../interface/but2.png');
 background-repeat: no-repeat; float: left; margin-top: 12px; margin-left: 5px;
}

.icon3c
{
 border: solid 5px #ffffff; width: 72px; height: 72px; background-image: url('../interface/but3.png');
 background-repeat: no-repeat; float: left; margin-top: 12px; margin-left: 5px;
}


.heading1
{
    float: left; margin-left: 10px; font-size: 14px;
}

.contentbg
{
 background-image: url('../interface/contentbg.png'); background-repeat: repeat-x; height: 300px;  
padding-top: 12px;
}

.divider
{
    height: 8px;
}

.footerbg
{
 background-image: url('../interface/footerbg.png'); background-repeat: repeat-x; height: 63px;  
 vertical-align: top;
}


.belowfooter
{
 background-color: #666666; height: 60px; padding-top: 15px; color: White; font-size: 12px;
}

.contentheader1
{
    background-image: url('../interface/contentheader1.png'); background-repeat: no-repeat; height: 38px; 
    width: 42px;  
}


.contentheader2
{
    height: 38px; 
    width: 42px;  
}



h2
{
    margin: 0px; padding: 0px; font-weight: normal; font-size: 21px; padding-top: 2px;
}

h3
{
 margin: 13px 0px 0px 0px; padding: 0px; font-weight: normal;   
}


.imageborders
{	
	padding: 11px;
	box-shadow: 0px 0px 6px #999999;
	margin: 0 15px 15px 0px;
  -moz-box-shadow: 0px 0px 5px #999999;
  -webkit-box-shadow: 0px 0px 4px #999999;
	border: solid 1px #cccccc\9;
}

.imageborders2
{	
	padding: 5px;
	box-shadow: 0px 0px 6px #999999;
	margin: 0 15px 15px 0px;
  -moz-box-shadow: 0px 0px 5px #999999;
  -webkit-box-shadow: 0px 0px 4px #999999;
	border: solid 1px #cccccc\9;
}


.textbox
{
 border: solid 1px #999999; padding: 2px;   font-family: Arial; font-size: 12px;
}

.textbox:hover
{
 border: solid 1px #58C5E4; padding: 2px;   
}

.button
{
        background-image: url('../interface/button.png'); background-repeat: repeat-x; height: 25px; 
    width: 80px; color: White; text-transform: uppercase; border: none; border-radius: 3px; cursor: pointer;
}


.button:hover
{
        background-image: url('../interface/buttonh.png'); background-repeat: repeat-x; height: 25px; 
    width: 80px; color: White; text-transform: uppercase; border: none; border-radius: 3px;
}


.button2
{
        background-image: url('../interface/button.png'); background-repeat: repeat-x; height: 25px; 
    width: 150px; color: White; text-transform: uppercase; border: none; border-radius: 3px; cursor: pointer;
    margin-top: 10px;
}


.button2:hover
{
        background-image: url('../interface/buttonh.png'); background-repeat: repeat-x; height: 25px; 
    width: 150px; color: White; text-transform: uppercase; border: none; border-radius: 3px;
    margin-top: 10px;
}

.submitdiv
{
padding: 15px 10px 10px 85px;
background-image: url('../interface/submitdiv.png'); background-repeat: no-repeat; height: 100px; 
    width: 205px; background-position: 0px 15px;
}


.watermark
{
 font-family: Arial; font-size: 11px; color: #999999; font-style: italic; padding: 4px;
}

.clearall
{
 clear: both;   
}


hr { display: block; height: 1px;
    border: 0; border-top: 1px solid #ccc;
    margin: 1em 0 0.5em; padding: 0;}
    
    
    .ndslink A:link {text-decoration: none; font-size: 10px; color: #999999; font-family: Arial;}
.ndslink A:visited {text-decoration: none; font-size: 10px; color: #999999;}
.ndslink A:active {text-decoration: none; font-size: 10px; color: #999999;}
.ndslink A:hover {text-decoration: none; font-size: 10px; color: #999999; text-decoration: none}


A:link {text-decoration: none; color: #336699;}
A:visited {text-decoration: none; color: #336699;}
A:active {text-decoration: none; color: #336699;}
A:hover {text-decoration: underline; color: #336699;}