body                  { background-color: #ffffff;
                        font-family : verdana, arial, helvetica, sans-serif;
					    font-size : 16px;
					    font-weight : normal;
                        color: #000000;
					    margin-left: 0px;
					    margin-top: 0px;
					    margin-right: 0px;
					    margin-bottom: 0px;
					    margin-width : 0px;
					    margin-height : 0px;
                    	padding:0;
	                    height:100%;
					    scrollbar-3dlight-color : #0095d0;
					    scrollbar-highlight-color : #000000;
					    scrollbar-darkshadow-color : #0095d0;
					    scrollbar-shadow-color : #000000;
					    scrollbar-face-color : #0095d0;
                        scrollbar-arrow-color : #0095d0;
                        scrollbar-track-color : #ffffff;}

@font-face{ 
	font-family: 'Champagne';
	src: url('CHAMPGNE.eot');
	src: url('CHAMPGNE.eot?#iefix') format('embedded-opentype'),
	     url('CHAMPGNE.woff') format('woff'),
	     url('CHAMPGNE.ttf') format('truetype'),
	     url('CHAMPGNE.svg#champgne') format('svg');
}

.font { 
    font-family: 'Champagne', Verdana, Tahoma;
    font-size : 96px;
    font-weight : normal;
    color: #00aeef;
}

@media (max-width: 640px) { 
.font { 
    font-family: 'Champagne', Verdana, Tahoma;
    font-size : 50px;
    font-weight : normal;
    color: #00aeef;
}
}

@media (max-width: 320px) { 
.font { 
    font-family: 'Champagne', Verdana, Tahoma;
    font-size : 40px;
    font-weight : normal;
    color: #00aeef;
}
}

.ind20 {text-indent: 20px;}

div.cellwidener {
  margin: 0px 15px 0px 15px;
}
td.afp20 {
  padding: 0px 20px 0px 20px;
}

.tbl100 {
        width: 100%;
        height: 100%;
        border: 0px solid #0095d0;
        padding: 0 0 0 0;
        border-style: none;
        border-spacing: 0px;
        border-collapse:collapse;
}
@media all and (max-width: 640px) {
  .tbl100 {width: 100%;
             margin-left:auto; 
             margin-right:auto;
}
  .height10 {height:5px;}
}
    
@media all and (max-width: 320px) {
  .tbl100 {width: 90%;
             margin-left:auto; 
             margin-right:auto;
}
    .height10 {height:3px}
}

.tbl80  {
        width: 80%;
        height: 100%;
        margin-left:auto; 
        margin-right:auto;
        text-align: left;
        padding: 0 0 0 0;
        border-style: none;
        border-spacing: 0px;
        border: 3px solid #0095d0;
-webkit-border-radius: 20px;
   -moz-border-radius: 20px;
        border-radius: 20px;
        background-color: #ffffff;
/*      same as cellspacing=0
        border-collapse:collapse;
*/
}
@media all and (max-width: 640px) {
  .tbl80   { width: 95%;
             margin-left:auto; 
             margin-right:auto;
}
  .height10 {height:5px;}
}
    
@media all and (max-width: 320px) {
  .tbl80   { width: 90%;
             margin-left:auto; 
             margin-right:auto;
}
    .height10 {height:3px}
}

.height20 { height:20px;
}
.height10 { height:10px;
}

img {
	max-width: 100%;
	height: auto;
    width: auto\9; /* ie8 */
}

img.ff {
	width: 100%;
	height: auto;
    width: auto\9; /* ie8 */
}
@media (max-width: 640px) { 
img.ff { 
	width: 100%;
	height: auto;
    width: auto\9; /* ie8 */
}
}

@media (max-width: 320px) { 
img.ff { 
	width: 100%;
	height: auto;
    width: auto\9; /* ie8 */
}
}

img.ff2 {
	max-width: 100%;
	height: auto;
    width: auto\9; /* ie8 */
}
@media (max-width: 640px) { 
img.ff2 { 
	width: 100%;
	height: auto;
    width: auto\9; /* ie8 */
}
}

@media (max-width: 320px) { 
img.ff2 { 
	width: 100%;
	height: auto;
    width: auto\9; /* ie8 */
}
}

img.ff-50 {
	width: 50%;
	height: auto;
    width: auto\9; /* ie8 */
}

h1                    { text-indent: -100em; margin:0px,0px,0px,0px;}

.afp-14-b              { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 14px;
                        color: #000000;
	                    font-weight: bold;}

.afp-18-b              { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 18px;
					    color: #0095d0;
					    font-weight: bold;
					    background-color:#000000;}

.cw-14-b              { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 14px;
                        color: #000000;
	                    font-weight: bold;}

.center  { margin-left:auto; 
           margin-right:auto;
}

.left    { text-align: left;
}
.centert { text-align: center;
}
.right   { text-align: right;
}
.justify { text-align: justify;
           text-justify: inter-word;
}

#clr { clear:both }

/*
table.but-bg{ 
background-image: url(images/but-bg.png);
width: 1px; 
height: 50px; 
background-repeat:repeat;
background-position:center;
text-align: center; 
vertical-align: top;
width: 100%;
}
*/

.but-bg{ 
background-image: url(../images/but-bg.png); /* forward slash for the path */ 
width: 1px; /* use you own image size; */ 
height: 50px; /* use you own image size; */ 
background-repeat:repeat;
background-position:center;
text-align: center; 
vertical-align: top;
width: 100%;
}

.upload             { text-align: center;}
.upload a:link      { font-size: 18px; color: #006690; font: bold; text-decoration: none; background-color:#258E1F;}
.upload a:visited   { font-size: 18px; color: #006690; font: bold; text-decoration: none; background-color:#258E1F;}
.upload a:hover     { font-size: 18px; color: #0095d0; font: bold; text-decoration: none; background-color:#258E1F;}
.upload a:active    { font-size: 18px; color: #c0c0c0; font: bold; text-decoration: none; background-color:#258E1F;}

.click             { text-align: center;}
.click a:link      { font-size: 18px; color: #0070bf; font: bold; text-decoration: none; background-color:#000000;}
.click a:visited   { font-size: 18px; color: #0070bf; font: bold; text-decoration: none; background-color:#000000;}
.click a:hover     { font-size: 18px; color: #0095d0; font: bold; text-decoration: none; background-color:#7d63b2;}
.click a:active    { font-size: 18px; color: #ffffff; font: bold; text-decoration: none; background-color:#ff0000;}

.top-but              { width: 25%;
                        text-align: center;}
.top-but a:link       { font-size: 16px; font-family: sans-serif; font-weight: bold; color: #006690; text-decoration: none;}
.top-but a:visited    { font-size: 16px; font-family: sans-serif; font-weight: bold; color: #006690; text-decoration: none}
.top-but a:hover      { font-size: 16px; font-family: sans-serif; font-weight: bold; color: #0095d0; text-decoration: none}
.top-but a:active     { font-size: 16px; font-family: sans-serif; font-weight: bold; color: #006690; text-decoration: none;}

.top-but-on           { width: 25%;
                        text-align: center;}
.top-but-on a:link    { font-size: 16px; font-family: sans-serif; font-weight: bold; color: #0095d0; text-decoration: none;}
.top-but-on a:visited { font-size: 16px; font-family: sans-serif; font-weight: bold; color: #0095d0; text-decoration: none}
.top-but-on a:hover   { font-size: 16px; font-family: sans-serif; font-weight: bold; color: #006690; text-decoration: none}
.top-but-on a:active  { font-size: 16px; font-family: sans-serif; font-weight: bold; color: #0095d0; text-decoration: none;}

.top-but-2            { width: 20%;}
.top-but-2 a:link     { font-size: 16px; font-family: sans-serif; font-weight: bold; color: #000000; text-decoration: none;}
.top-but-2 a:visited  { font-size: 16px; font-family: sans-serif; font-weight: bold; color: #000000; text-decoration: none}
.top-but-2 a:hover    { font-size: 16px; font-family: sans-serif; font-weight: bold; color: #ffffff; text-decoration: none}
.top-but-2 a:active   { font-size: 16px; font-family: sans-serif; font-weight: bold; color: #c0c0c0; text-decoration: none;}


.top-but-3            { width: 20%;}
.top-but-3 a:link     { font-size: 16px; font-family: sans-serif; font-weight: bold; color: #ffffff; text-decoration: none;}
.top-but-3 a:visited  { font-size: 16px; font-family: sans-serif; font-weight: bold; color: #ffffff; text-decoration: none}
.top-but-3 a:hover    { font-size: 16px; font-family: sans-serif; font-weight: bold; color: #0095d0; text-decoration: none}
.top-but-3 a:active   { font-size: 16px; font-family: sans-serif; font-weight: bold; color: #c0c0c0; text-decoration: none;}

/* Button Start */

.home              { width: 14%;
                         text-align: center;}
.home a:link       { font-size: 16px; font-family: sans-serif; font-weight: bold; color: #7d63b2; text-decoration: none;}
.home a:visited    { font-size: 16px; font-family: sans-serif; font-weight: bold; color: #7d63b2; text-decoration: none}
.home a:hover      { font-size: 16px; font-family: sans-serif; font-weight: bold; color: #af98dd; text-decoration: none}
.home a:active     { font-size: 16px; font-family: sans-serif; font-weight: bold; color: #ffffff; text-decoration: none;}

.about              { width: 14%;}
.about a:link       { font-size: 16px; font-family: sans-serif; font-weight: bold; color: #7d63b2; text-decoration: none;}
.about a:visited    { font-size: 16px; font-family: sans-serif; font-weight: bold; color: #7d63b2; text-decoration: none}
.about a:hover      { font-size: 16px; font-family: sans-serif; font-weight: bold; color: #af98dd; text-decoration: none}
.about a:active     { font-size: 16px; font-family: sans-serif; font-weight: bold; color: #ffffff; text-decoration: none;}

.portfolio              { width: 14%;}
.portfolio a:link       { font-size: 16px; font-family: sans-serif; font-weight: bold; color: #7d63b2; text-decoration: none;}
.portfolio a:visited    { font-size: 16px; font-family: sans-serif; font-weight: bold; color: #7d63b2; text-decoration: none}
.portfolio a:hover      { font-size: 16px; font-family: sans-serif; font-weight: bold; color: #af98dd; text-decoration: none}
.portfolio a:active     { font-size: 16px; font-family: sans-serif; font-weight: bold; color: #ffffff; text-decoration: none;}

.contact             { width: 14%;}
.contact a:link       { font-size: 16px; font-family: sans-serif; font-weight: bold; color: #7d63b2; text-decoration: none;}
.contact a:visited    { font-size: 16px; font-family: sans-serif; font-weight: bold; color: #7d63b2; text-decoration: none}
.contact a:hover      { font-size: 16px; font-family: sans-serif; font-weight: bold; color: #af98dd; text-decoration: none}
.contact a:active     { font-size: 16px; font-family: sans-serif; font-weight: bold; color: #ffffff; text-decoration: none;}

/* Button End */

/* Start Float To The Top Button */
		div#page {
			max-width: 100%;
			margin-left: auto;
			margin-right: auto;
			padding: 0px;
		}
		
		.back-to-top {
			position: fixed;
			bottom: 4em;
			right: 0px;
			text-decoration: none;
			color: #000000;
			background-color: rgba(235, 235, 235, 0.80);
			font-size: 12px;
			padding: 1em;
			display: none;
		}

		.back-to-top:hover {	
			background-color: rgba(135, 135, 135, 0.50);
		}	
/* End Float To The Top Button */

table.t600 {
        width: 600px;
        height: 100%;
        border: 0px solid #0095d0;
        padding: 0 0 0 0;
        border-style: none;
        border-spacing: 0px;
        border-collapse:collapse;
}
@media all and (max-width: 640px) {
table.t600 {width: 95%;
             margin-left:auto; 
             margin-right:auto;
}
  .height10 {height:5px;}
}
    
@media all and (max-width: 320px) {
table.t600 {width: 95%;
             margin-left:auto; 
             margin-right:auto;
}
    .height10 {height:3px}
}

.ht5                  { height: 5px;}

.bg1                  { background-color: #ffffff;}
.bg2                  { background-color: #0095d0;}
.bg3                  { background-color: #dbf1fa;}
.line2                { border: 1px solid; 
                        color: #0095d0;}
.line3                { border: 1px solid; 
                        color: #0095d0;
                        width: 95%;}

.dir16               { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; font-weight: normal;}
.dir16 a:link       { font-size: 16px; font-family: sans-serif; font-weight: normal; color: #a2b629; text-decoration: none;}
.dir16 a:visited    { font-size: 16px; font-family: sans-serif; font-weight: normal; color: #a2b629; text-decoration: none}
.dir16 a:hover      { font-size: 16px; font-family: sans-serif; font-weight: normal; color: #bfd730; text-decoration: none}
.dir16 a:active     { font-size: 16px; font-family: sans-serif; font-weight: normal; color: #aeb96e; text-decoration: none;}
@media (max-width: 640px) { 
.dir16 { font-family: Verdana, Helvetica, sans-serif; font-size : 12px; color: #000000; font-weight : normal;}}
@media (max-width: 320px) { 
.dir16 { font-family: Verdana, Helvetica, sans-serif; font-size : 10px; color: #000000; font-weight : normal;}}

.dir18               { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; font-weight: normal;}
.dir18 a:link       { font-size: 18px; font-family: sans-serif; font-weight: normal; color: #006690; text-decoration: none;}
.dir18 a:visited    { font-size: 18px; font-family: sans-serif; font-weight: normal; color: #006690; text-decoration: none}
.dir18 a:hover      { font-size: 18px; font-family: sans-serif; font-weight: normal; color: #0095d0; text-decoration: none}
.dir18 a:active     { font-size: 18px; font-family: sans-serif; font-weight: normal; color: #c0c0c0; text-decoration: none;}
@media (max-width: 640px) { 
.dir18 { font-family: Verdana, Helvetica, sans-serif; font-size : 14px; color: #000000; font-weight : normal;}}
@media (max-width: 320px) { 
.dir18 { font-family: Verdana, Helvetica, sans-serif; font-size : 12px; color: #000000; font-weight : normal;}}

.dir18b              { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; font-weight: bold;}
.dir18b a:link       { font-size: 18px; font-family: sans-serif; font-weight: bold;; color: #006690; text-decoration: none;}
.dir18b a:visited    { font-size: 18px; font-family: sans-serif; font-weight: bold;; color: #006690; text-decoration: none}
.dir18b a:hover      { font-size: 18px; font-family: sans-serif; font-weight: bold;; color: #0095d0; text-decoration: none}
.dir18b a:active     { font-size: 18px; font-family: sans-serif; font-weight: bold;; color: #c0c0c0; text-decoration: none;}
@media (max-width: 640px) { 
.dir18b { font-family: Verdana, Helvetica, sans-serif; font-size : 14px; color: #000000; font-weight : bold;}
.dir18b a:link       { font-size: 14px; font-family: sans-serif; font-weight: bold;; color: #006690; text-decoration: none;}
.dir18b a:visited    { font-size: 14px; font-family: sans-serif; font-weight: bold;; color: #006690; text-decoration: none}
.dir18b a:hover      { font-size: 14px; font-family: sans-serif; font-weight: bold;; color: #0095d0; text-decoration: none}
.dir18b a:active     { font-size: 14px; font-family: sans-serif; font-weight: bold;; color: #c0c0c0; text-decoration: none;}}
@media (max-width: 320px) { 
.dir18b { font-family: Verdana, Helvetica, sans-serif; font-size : 12px; color: #000000; font-weight : bold;}
.dir18b a:link       { font-size: 12px; font-family: sans-serif; font-weight: bold;; color: #006690; text-decoration: none;}
.dir18b a:visited    { font-size: 12px; font-family: sans-serif; font-weight: bold;; color: #006690; text-decoration: none}
.dir18b a:hover      { font-size: 12px; font-family: sans-serif; font-weight: bold;; color: #0095d0; text-decoration: none}
.dir18b a:active     { font-size: 12px; font-family: sans-serif; font-weight: bold;; color: #c0c0c0; text-decoration: none;}}

.dir20               { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #000000; font-weight: normal;}
@media (max-width: 640px) { 
.dir20 { font-family: Verdana, Helvetica, sans-serif; font-size : 16px; color: #000000; font-weight : normal;}}
@media (max-width: 320px) { 
.dir20 { font-family: Verdana, Helvetica, sans-serif; font-size : 14px; color: #000000; font-weight : normal;}}

.dir20b              { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #000000; font-weight: bold;}
@media (max-width: 640px) { 
.dir20b { font-family: Verdana, Helvetica, sans-serif; font-size : 16px; color: #000000; font-weight : bold;}}
@media (max-width: 320px) { 
.dir20b { font-family: Verdana, Helvetica, sans-serif; font-size : 14px; color: #000000; font-weight : bold;}}

.dir24               { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #000000; font-weight: normal;}
@media (max-width: 640px) { 
.dir24 { font-family: Verdana, Helvetica, sans-serif; font-size : 18px; color: #000000; font-weight : normal;}}
@media (max-width: 320px) { 
.dir24 { font-family: Verdana, Helvetica, sans-serif; font-size : 16px; color: #000000; font-weight : normal;}}

.dir24b              { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #000000; font-weight: bold;}
@media (max-width: 640px) { 
.dir24b { font-family: Verdana, Helvetica, sans-serif; font-size : 18px; color: #000000; font-weight : bold;}}
@media (max-width: 320px) { 
.dir24b { font-family: Verdana, Helvetica, sans-serif; font-size : 16px; color: #000000; font-weight : bold;}}

.dir24w              { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #ffffff; font-weight: bold;}
@media (max-width: 640px) { 
.dir24w { font-family: Verdana, Helvetica, sans-serif; font-size : 18px; color: #ffffff; font-weight : bold;}}
@media (max-width: 320px) { 
.dir24w { font-family: Verdana, Helvetica, sans-serif; font-size : 16px; color: #ffffff; font-weight : bold;}}

.afpfont               { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal;}
.afpfontb              { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold;}

.tt1 a:link           { color: #808080; text-decoration: none;}
.tt1 a:visited        { color: #980000; text-decoration: none}
.tt1 a:hover          { color: #b30000; text-decoration: none}
.tt1 a:active         { color: #ff0000; text-decoration: none;}

.tt2 a:link           { color: #000000; text-decoration: none;}
.tt2 a:visited        { color: #000000; text-decoration: none}
.tt2 a:hover          { color: #980000; text-decoration: none}
.tt2 a:active         { color: #ff0000; text-decoration: none;}

.tt-bot a:link        { font-size: 16px; color: #4eb748; text-decoration: none;}
.tt-bot a:visited     { font-size: 16px; color: #4eb748; text-decoration: none}
.tt-bot a:hover       { font-size: 16px; color: #96924D; text-decoration: none}
.tt-bot a:active      { font-size: 16px; color: #c0c0c0; text-decoration: none;}

.buttons a:link       { font-size: 18px; color: #ffffff; font: bold; text-decoration: none;}
.buttons a:visited    { font-size: 18px; color: #ffffff; font: bold; text-decoration: none}
.buttons a:hover      { font-size: 18px; color: #993333; font: bold; text-decoration: none}
.buttons a:active     { font-size: 18px; color: #c0c0c0; font: bold; text-decoration: none;}

.links a:link         { font-size: 18px; color: #800020; font: bold; text-decoration: none;}
.links a:visited      { font-size: 18px; color: #800020; font: bold; text-decoration: none}
.links a:hover        { font-size: 18px; color: #993333; font: bold; text-decoration: none}
.links a:active       { font-size: 18px; color: #c0c0c0; font: bold; text-decoration: none;}

.links-bot a:link     { font-size: 18px; color: #000000; font: bold; text-decoration: none;}
.links-bot a:visited  { font-size: 18px; color: #000000; font: bold; text-decoration: none}
.links-bot a:hover    { font-size: 18px; color: #800020; font: bold; text-decoration: none}
.links-bot a:active   { font-size: 18px; color: #c0c0c0; font: bold; text-decoration: none;}

.main-outside-table   { background-color:#af98dd;}

.main-inside-table    { background-color:#7d63b2;}

.designer a:link      { font-size: 11px; color: #7d63b2; text-decoration: none;}
.designer a:visited   { font-size: 11px; color: #7d63b2; text-decoration: none}
.designer a:hover     { font-size: 11px; color: #af98dd; text-decoration: none}
.designer a:active    { font-size: 11px; color: #e3daf6; text-decoration: none;}

.ast { font-size: 28px;
       color: #ff0000;
       font-weight: bold;
       text-decoration: none;}

.disclaimer { font-size: 9px;
              color: #ffffff;
              font-weight: normal;
              text-decoration: none;}
.disclaimer a:link      { font-size: 11px; color: #e3daf6; font-weight: bold; text-decoration: none;}
.disclaimer a:visited   { font-size: 11px; color: #e3daf6; font-weight: bold; text-decoration: none}
.disclaimer a:hover     { font-size: 11px; color: #af98dd; font-weight: bold; text-decoration: none}
.disclaimer a:active    { font-size: 11px; color: #ffffff; font-weight: bold; text-decoration: none;}

.dislink { font-size: 11px;
              color: #af98dd;
              font-weight: normal;
              text-decoration: none;}
.dislink a:link      { font-size: 11px; color: #7d63b2; font-weight: bold; text-decoration: none;}
.dislink a:visited   { font-size: 11px; color: #7d63b2; font-weight: bold; text-decoration: none}
.dislink a:hover     { font-size: 11px; color: #af98dd; font-weight: bold; text-decoration: none}
.dislink a:active    { font-size: 11px; color: #ffffff; font-weight: bold; text-decoration: none;}

.map { font-size: 10px;
              color: #ffffff;
              font-weight: bold;
              text-decoration: none;}
.map a:link      { font-size: 11px; color: #ffffff; text-decoration: none;}
.map a:visited   { font-size: 11px; color: #ffffff; text-decoration: none}
.map a:hover     { font-size: 11px; color: #af98dd; text-decoration: none}
.map a:active    { font-size: 11px; color: #e3daf6; text-decoration: none;}

.email             { font-size: 10px;
                     color: #ffffff;
                     font-weight: bold;
                     text-decoration: none;}
.email a:link      { font-size: 10px;
                     color: #ffffff;
                     font-weight: bold;
                     text-decoration: none;}
.email a:visited   { font-size: 10px;
                     color: #ffffff;
                     font-weight: bold;
                     text-decoration: none}
.email a:hover     { font-size: 10px;
                     color: #e2f4fd;
                     font-weight: bold;
                     text-decoration: none}
.email a:active    { font-size: 10px;
                     color: #e3daf6;
                     font-weight: bold;
                     text-decoration: none;}

.email16           { font-size: 16px;
                     color: #59c3d8;
                     font-weight: bold;
                     text-decoration: none;}
.email16 a:link    { font-size: 16px;
                     color: #59c3d8;
                     font-weight: bold;
                     text-decoration: none;}
.email16 a:visited { font-size: 16px;
                     color: #59c3d8;
                     font-weight: bold;
                     text-decoration: none}
.email16 a:hover   { font-size: 16px;
                     color: #af98dd;
                     font-weight: bold;
                     text-decoration: none}
.email16 a:active  { font-size: 16px;
                     color: #e3daf6;
                     font-weight: bold;
                     text-decoration: none;}
@media (max-width: 640px) { 
.email16           { font-size: 14px;
                     color: #59c3d8;
                     font-weight: bold;
                     text-decoration: none;}
.email16 a:link    { font-size: 14px;
                     color: #59c3d8;
                     font-weight: bold;
                     text-decoration: none;}
.email16 a:visited { font-size: 14px;
                     color: #59c3d8;
                     font-weight: bold;
                     text-decoration: none}
.email16 a:hover   { font-size: 14px;
                     color: #af98dd;
                     font-weight: bold;
                     text-decoration: none}
.email16 a:active  { font-size: 14px;
                     color: #e3daf6;
                     font-weight: bold;
                     text-decoration: none;}
}
@media (max-width: 320px) { 
.email16           { font-size: 12px;
                     color: #59c3d8;
                     font-weight: bold;
                     text-decoration: none;}
.email16 a:link    { font-size: 12px;
                     color: #59c3d8;
                     font-weight: bold;
                     text-decoration: none;}
.email16 a:visited { font-size: 12px;
                     color: #59c3d8;
                     font-weight: bold;
                     text-decoration: none}
.email16 a:hover   { font-size: 12px;
                     color: #af98dd;
                     font-weight: bold;
                     text-decoration: none}
.email16 a:active  { font-size: 12px;
                     color: #e3daf6;
                     font-weight: bold;
                     text-decoration: none;}
}

.table10              { background: rgba(255,255,255,0.1);
                       -webkit-animation: fadein 5s; /* Safari and Chrome */
                       -moz-animation: fadein 5s; /* Firefox */
                       -ms-animation: fadein 5s; /* Internet Explorer */
                       -o-animation: fadein 5s; /* Opera */
                        animation: fadein 5s;}

.table20              { background: rgba(255,255,255,0.2);
                       -webkit-animation: fadein 5s; /* Safari and Chrome */
                       -moz-animation: fadein 5s; /* Firefox */
                       -ms-animation: fadein 5s; /* Internet Explorer */
                       -o-animation: fadein 5s; /* Opera */
                        animation: fadein 5s;}
						
.table30              { background: rgba(255,255,255,0.3);
                       -webkit-animation: fadein 5s; /* Safari and Chrome */
                       -moz-animation: fadein 5s; /* Firefox */
                       -ms-animation: fadein 5s; /* Internet Explorer */
                       -o-animation: fadein 5s; /* Opera */
                        animation: fadein 5s;}
						
.table40              { background: rgba(255,255,255,0.4);
                       -webkit-animation: fadein 5s; /* Safari and Chrome */
                       -moz-animation: fadein 5s; /* Firefox */
                       -ms-animation: fadein 5s; /* Internet Explorer */
                       -o-animation: fadein 5s; /* Opera */
                        animation: fadein 5s;}

.table50              { background: rgba(255,255,255,0.5);
                       -webkit-animation: fadein 5s; /* Safari and Chrome */
                       -moz-animation: fadein 5s; /* Firefox */
                       -ms-animation: fadein 5s; /* Internet Explorer */
                       -o-animation: fadein 5s; /* Opera */
                        animation: fadein 5s;}

.table60              { background: rgba(255,255,255,0.6);
                       -webkit-animation: fadein 5s; /* Safari and Chrome */
                       -moz-animation: fadein 5s; /* Firefox */
                       -ms-animation: fadein 5s; /* Internet Explorer */
                       -o-animation: fadein 5s; /* Opera */
                        animation: fadein 5s;}

.table70              { background: rgba(255,255,255,0.7);
                       -webkit-animation: fadein 5s; /* Safari and Chrome */
                       -moz-animation: fadein 5s; /* Firefox */
                       -ms-animation: fadein 5s; /* Internet Explorer */
                       -o-animation: fadein 5s; /* Opera */
                        animation: fadein 5s;}

.table80              { background: rgba(255,255,255,0.8);
                       -webkit-animation: fadein 5s; /* Safari and Chrome */
                       -moz-animation: fadein 5s; /* Firefox */
                       -ms-animation: fadein 5s; /* Internet Explorer */
                       -o-animation: fadein 5s; /* Opera */
                        animation: fadein 5s;}

.table90              { background: rgba(255,255,255,0.9);
                       -webkit-animation: fadein 5s; /* Safari and Chrome */
                       -moz-animation: fadein 5s; /* Firefox */
                       -ms-animation: fadein 5s; /* Internet Explorer */
                       -o-animation: fadein 5s; /* Opera */
                        animation: fadein 5s;}

.font10               { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 10px;
                        color: #000000;
                        font: normal;}

.font11               { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 11px;
                        color: #000000;
                        font: normal;}

.font12               { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 12px;
                        color: #000000;
                        font: normal;}

.font12w              { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 12px;
                        color: #ffffff;
                        font: normal;}

.font12wb             { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 12px;
                        color: #ffffff;
                        font: bold;}

.font13               { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 13px;
                        color: #000000;
                        font: normal;}

.font13w              { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	                    font-size: 13px;
	                    color: #ffffff;
						font: normal;}

.font13wb             { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 13px;
                        color: #ffffff;
                        font: bold;}

.font14               { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 14px;
                        color: #000000;
                        font: normal;}
.font14 a:link        { font-size: 14px;
                        color: #000000;
                        font-weight: bold;
                        text-decoration: none;}
.font14 a:visited     { font-size: 14px;
                        color: #000000;
                        font-weight: bold;
                        text-decoration: none}
.font14 a:hover       { font-size: 14px;
                        color: #00aeef;
                        font-weight: bold;
                        text-decoration: none}
.font14 a:active      { font-size: 14px;
                        color: #e3daf6;
                        font-weight: bold;
                        text-decoration: none;}

.font14wb             { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 14px;
                        color: #ffffff;
						font: bold;}
.font14wb a:link      { font-size: 14px;
                     color: #ffffff;
                     font-weight: bold;
                     text-decoration: none;}
.font14wb a:visited   { font-size: 14px;
                     color: #ffffff;
                     font-weight: bold;
                     text-decoration: none}
.font14wb a:hover     { font-size: 14px;
                     color: #00aeef;
                     font-weight: bold;
                     text-decoration: none}
.font14wb a:active    { font-size: 14px;
                     color: #e3daf6;
                     font-weight: bold;
                     text-decoration: none;}

.font14p              { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 14px;
						color: #7d63b2;
						font: normal;}

.font14dp             { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 14px;
						color: #3c0077;
						font: normal;}

.font15w              { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 15px;
						color: #ffffff;
						font: normal;}

.font15wb              { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 25px;
						color: #ffffff;
						font-weight: bold;}

.font16               { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 16px;
						color: #000000;
						font: normal;}

.font16g              { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 16px;
						color: #c0c0c0;
						font: normal;}

.font16w              { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 16px;
						color: #ffffff;
						font: normal;}

.font16p              { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 16px;
						color: #7d63b2;
						font: normal;}

.font16dp             { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 16px;
						color: #3c0077;
						font: normal;}

.font18               { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 18px;
						color: #000000;
						font: normal;}

.font18w              { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 18px;
						color: #ffffff;
						font: normal;}

.font18p              { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 18px;
						color: #7d63b2;
						font: normal;}

.font18dp             { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 18px;
						color: #3c0077;
						font: normal;}

.font18lp             { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 18px;
						color: #af98dd;
						font: normal;}

.font20               { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 20px;
						color: #000000;
						font: normal;}

.font20w              { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 20px;
						color: #ffffff;
						font: normal;}

.font20p              { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 20px;
						color: #7d63b2;
						font: normal;}

.font22               { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 22px;
						color: #000000;
						font: normal;}

.font22w              { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 22px;
						color: #ffffff;
						font: normal;}

.font22p              { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 22px;
						color: #7d63b2;
						font: normal;}

.font22lp             { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 22px;
						color: #af98dd;
						font: normal;}

.font22lpb            { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 22px;
						color: #af98dd;
						font: bold;}

.font-white-40-bold-center { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                             font-size: 40px;
						     color: #ffffff;
						     font-weight: bold;
                             text-align: center}

.header14             { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 14px;
						color: #af98dd;
						font: italic;}
						
.header16             { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 16px;
						color: #af98dd;
						font: italic;}

.header18             { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 18px;
						color: #af98dd;
						font: italic;}
						
.header20             { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 20px;
						color: #af98dd;
						font: italic;}

.header22             { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 22px;
						color: #af98dd;
						font: italic;}

.header26             { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 26px;
						color: #59c3d8;
						font-weight: bold;}
@media (max-width: 640px) { 
.header26 { 
    font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
    font-size : 18px;
    font-weight : normal;
    color: #59c3d8;
}
@media (max-width: 320px) { 
.header26 { 
    font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
    font-size : 14px;
    font-weight : normal;
    color: #59c3d8;
}

.header36             { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 36px;
						color: #000000;
						font: bold;}

.header40             { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
                        font-size: 40px;
						color: #000000;
						font: bold;}

ul.gray               { list-style-type: square;
                        color: #c0c0c0;}

ul.blue               { list-style-type: square;
                        color: #91bede;}

ul.dark               { list-style-type: square;
                        color: #000000;}

ul.black              { position:relative;
                        list-style-position: outside;
                        color: #000000; 
						text-indent: -2px; 
						list-style-type: square; 
						text-align: left;
						left:-5%;}

ul.black li           { font-family: Tahoma, Arial, Helvetica, Sans-serif;
                        font-size: 12px;
						text-align:left;}

ul.black li:first-line{ color:#ff0000;}

.w10 {
        width: 10%;
}
.w20 {
        width: 20%;
}
.w25 {
        width: 25%;
}
.w33 {
        width: 33%;
}
.w45 {
        width: 45%;
}
.w50 {
        width: 50%;
}
.w90 {
        width: 90%;
}
.w95 {
        width: 95%;
}
.w100 {
        width: 1000px;
}
.w-266 {
        width: 266px;
}
.w-267 {
        width: 267px;
}

.btn {
  background: #000000;
  background-image: -webkit-linear-gradient(top, #4eb748, #258e1f);
  background-image: -moz-linear-gradient(top, #4eb748, #258e1f);
  background-image: -ms-linear-gradient(top, #4eb748, #258e1f);
  background-image: -o-linear-gradient(top, #4eb748, #258e1f);
  background-image: linear-gradient(to bottom, #4eb748, #258e1f);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #000000;
  background-image: -webkit-linear-gradient(top, #5ec058, #84d97f);
  background-image: -moz-linear-gradient(top, #5ec058, #84d97f);
  background-image: -ms-linear-gradient(top, #5ec058, #84d97f);
  background-image: -o-linear-gradient(top, #5ec058, #84d97f);
  background-image: linear-gradient(to bottom, #5ec058, #84d97f);
  text-decoration: none;
}

.button {
   background-image: -webkit-linear-gradient(top, rgba(77,183,72,1) 0%,rgba(37,142,31,1) 100%);
   background-image:    -moz-linear-gradient(top, rgba(77,183,72,1) 0%,rgba(37,142,31,1) 100%);
   background-image:     -ms-linear-gradient(top, rgba(77,183,72,1) 0%,rgba(37,142,31,1) 100%);
   background-image:      -o-linear-gradient(top, rgba(77,183,72,1) 0%,rgba(37,142,31,1) 100%);
   background-image:         linear-gradient(top, rgba(77,183,72,1) 0%,rgba(37,142,31,1) 100%);
   border: solid 1px rgba(77,183,72,1);
   -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
           border-radius: 4px;
   padding: 4px;
   display: inline-block;
   font-size: 14px;
   color: rgba(0,0,0,1);
}
.button:hover {
}
.button:active {
}

/********************************************************************************************************************/
/*** start form code ***/
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab);
* {
/* With these codes padding and border does not increase it's width and gives intuitive style.*/

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

div#envelope{
width: 55%;
margin: 10px 30% 10px 25%;
padding:10px 0;
/* border: 2px solid gray; */
border-radius:10px;
}
form{
width:70%;
margin:4% 15%;
}

/* Makes responsive fields. Sets size and field alignment.*/
input[type=text]{
margin-bottom: 1px;
margin-top: 0px;
width:100%;
padding: 5px;
border-radius:5px;
border:3px solid #af98dd;
}

textarea{
margin-bottom: 1px;
margin-top: 0px;
width:100%;
padding: 5px;
border-radius:5px;
border:3px solid #af98dd;
resize:none;
}
input[type=text]:focus,textarea:focus {
border-color: #7d63b2;
}
@media all and (max-width: 640px) {
div#envelope{
width: 90%;
margin: 10px 5% 10px 5%;
padding:10px;
/* border: 2px solid gray; */
border-radius:10px;
}
form{
width:100%;
margin:0;}
} 
@media all and (max-width: 320px) {
div#envelope{
width: 96%;
margin: 5px 2% 5px 2%;
padding:10px 0;
/* border: 2px solid gray; */
border-radius:10px;
}
form{
width:100%;
margin:0;}
}
/** end form code ***/
    
.textwrap   { float: right;
              margin: 10px;
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}
.mar { margin: 30px;}
/********************************************************************************************************************/

#wrapper { min-height:100%;
	       position:relative;
}
#header {  margin-left:auto; 
           margin-right:auto;
           text-align: center;
}
#content { padding-bottom:30px;   /* Height of the footer element */
}
#footer  { width:100%;
           height:65px;
           clear:both;
           position:fixed;
           bottom:0px;
	       left:0;
           text-align:center;
           background:#000000;
           font-family:verdana;
           font-size:10px;
           color:#ffffff;
           font-weight :normal;
}
    
/* IE 6 */
* html #footer {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}