/* Base Template CSS */

/* reset whitespace */
body,div,dl,dt,dd,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
 margin:0;
 padding:0;
}

a img {border: 0px; outline: 0px;}

img a {border: 0px; outline: 0px;}

/* basic layout */
body {
 font-family:Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #000;
 background: #FFFFFF;
 line-height: 18px;
}

.center {
 width: 960px;
 margin: 0 auto 0 auto;
}

.left {
 float: left;
}

.right {
 float: right;
}

.clear { 
 clear: both; 
 height: 0; 
 margin: 0;
}

#logo {
 position:absolute;
 top: 10px;
 left: 10px;
 height: 83px;
 width: 158px;
}

#topright {
 position: absolute;
 top: 25px;
 right: 30px;
 font-size:11px;
 color:#FF0000;
}

#contactus {
 position: absolute;
 top: 105px;
 right: 75px;
 font-size:16px;
 color:#FF0000;
}

.contactnumber {
 position: absolute;
 top: 10px;
 right: 25px;
 width: 180px;
 padding-top:10px;
 height: 80px;
 z-index:2000;
}

.contactnumber p {
 font-size:26px;
 color:#333;
 letter-spacing: -0.05em;
 margin: 0px 0px 10px 0px;;
}

.contactnumber p strong{
 font-size:26px;
 color:#FF0000;
 letter-spacing: -0.05em;
 font-weight: normal;
}

.box .contactnumber {
 position: relative;
 top: 0px;
 left: 0px;
 width: 170px;
}

.box .contactnumber p {
 font-size:20px;
 color:#333;
 font-weight: normal;
 letter-spacing: -0.05em;
 margin: 0px 0px 5px 0px;;
}

.box .contactnumber p strong{
 font-size:20px;
 color:#FF0000;
 letter-spacing: -0.05em;
 font-weight: normal;
}

.box .contactnumber span {
 font-size:11px;
 color:#333;
 font-weight: normal;
 margin: 0px 0px 5px 5px;
}

.box .contactnumber span a{ color:#333; text-decoration:underline;}
.box .contactnumber span a:hover{ color:#FF0000; text-decoration:underline;}

/**/
.box {
 position: absolute;
 top: 320px;
 right: 30px;
 width: 190px;
 border: 1px solid red;
 background: #FFF;
 margin: 0px;
}

.box h1{
 background: transparent url(../images/bg_h1.gif) top left no-repeat;
 padding-left: 25px;  
 color:#666666;
 font-size: 16px;
 margin: 10px 0px 10px 10px;
}

.peoplename {
 background: transparent url(../images/bg_h1.gif) top left no-repeat;
 padding-left: 25px;  
 color:#000000;
 font-size: 10px;
 margin: 8px 0px 5px 7px;
}

.peoplename strong{
 color:#FF0000;
 font-weight: bold;
 font-size: 11px;
 line-height:8px;
 margin: 0px 0px 0px 0px;
}


.box .contactlink {
 color:#FF0000;
 font-size: 14px;
 margin: 10px 0px 10px 10px;
 font-weight: bold;
}

.box img {
 border: 0px;
 padding: 0px;
}

.box p {
 font-size: 11px;
 padding: 4px 7px 6px 6px;
 line-height: 15px;
}


#overflash {
 position: absolute;
 top: 48px;
 left: 200px;
 width: 230px;
 height: 230px;
 z-index: 10500;
}

#overflash h1 {
 font-size: 26px;
 line-height: 30px;
 font-weight: 400;
 color:#FFF;
 margin-bottom: 18px;
}

#overflash p {
 font-size: 11px;
 color:#FFF;
 line-height: 15px;
 font-weight: bold;
}

#header {
 margin-top: 0px;
 background: transparent url(../images/bg_header.gif) top center repeat-x; 
}

#header .center {
 position: relative;
 height: 128px;
 z-index:1000;
}

#content .center {
 position: relative;
 padding: 0px 0px 15px 0px;
 z-index:800;
}

* html #content {
 position: relative;
 top: -3px;
}

#content {
 background: transparent url(../images/bg_content.gif) top left repeat-x; 
}


#footer {
 color: #CCC;
 background: transparent url(../images/bg_footer.gif) top center repeat-x; 
 position: relative;
}

/* minicolumn */

#footerLinks {
 padding-left: 200px;
 width: 760px;
 padding-top: 15px;
 float: left;
}

ul.minicolumn {
 width: 120px;
 float: left;
 list-style-type: none;
 margin: 0;
 padding: 0;
}

ul.minicolumn li, 
ul.minicolumn a {
 font-family: Arial, Verdana;
 font-size: 10px;
 font-weight: bold;
 color: #333;
 text-decoration: none;
}

ul.minicolumn a:hover {
 color: #FF0000;
 text-decoration: none;
}

ul.minicolumn li {
 line-height: 13px;
}

#footer .center {
 position: relative;
 width: 960px;
 height: 93px;
 z-index:100;
 padding: 0px 0px 0px 0px;
}

.footerLeft {
 margin: 60px 0px 0px 200px;
 float: left;
 font-size: 10px;
}

.footerRight {
 margin: 60px 305px 0px 0px;
 float: right;
 font-size: 10px;
}


/* header */

/**/
.jPanelsContent {
 width: 100%;
 overflow: auto;
 margin: 0px;
 padding: 0px;
 border: none;
 display: none;
}


#flashcontent {
 background-color:#FF0000;
}

.flashimage {
 width: 960px;
 margin: 2px 0px 0px 0px;
 z-index:10;
 height: 300px;
 /*background-color:#FF0000;*/
}

/* nav */

#hmenu {
 float: left;
 margin: 100px 0px 0px 200px;
 z-index:10000;
 height: 30px;
}


#hmenu ul.nav {
 width: 760px;
 padding-top: 0px;
}

/* maincontent */



.maincontent {
 width: 760px;
 float: left;
 font-size: 12px;
 background: transparent;
 line-height: 23px;
 margin: 20px 0px 0px 20px;
}

#homecopy {
 float: left;
 width:460px;
 margin: 0px 0px 0px 180px;
}

#homecopy p{
 font-size: 11px;
 line-height: 17px;
}
/* ############################# */
/* links */

#homecopy p a{
 color: #000000;
 text-decoration: underline;
}

#homecopy p a:hover {
 color: #FF0000;
 text-decoration: underline;
}

.footerLeft a {
 color: #999999;
 text-decoration: none;
}

.footerRight a{
 color: #999999;
 text-decoration: none;
}

.footerLeft a {
 color: #999999;
 text-decoration: none;
}

.footerLeft a:hover,
.footerRight a:hover{
 text-decoration: underline;
}

#contactus a,
#topright a {
 color:#FF0000;
 text-decoration: none;
}

#contactus a:hover {
 color:#FF0000;
 text-decoration: none;
}

#topright a:hover {
 color:#FF0000;
 text-decoration: underline;
}

.contactlink {
 margin-bottom:10px;
}

.box .contactlink a {
 color:#FF0000;
 text-decoration: none;
}

.box .contactlink a:hover {
 color:#FF0000;
 text-decoration: none;
}


/* ############################# */
/* end links */

/* casestudy */

.casestudy {
 margin-top: 10px;
 margin-bottom: 0px;
 padding-bottom: 5px;
 background: transparent url(../images/bg_casestudy.gif) top center repeat-y; 
}

.box .casestudy p {
 margin-bottom: 0px;
 padding-bottom: 0px;
}


/************************** contact us ***********************/

.contactus {
 margin-top: 10px;
 margin-bottom: 0px;
 height: 125px;
 padding-left:5px;
}


.contactus p {
 margin: 0px;
 font-size: 15px;
 color:#FF0000;
 font-weight: bold;
 padding: 2px 0px 2px 2px;
}

#bigcontactform {
 margin: 20px 0px 2px 0px;
 float: left;
}

#bigcontactform label {
 margin: 0px 0px 2px 0px;
 float: left;
 width: 445px;
}



#bigcontactform input {
 border: 1px solid #FF6B6B;
 width: 240px;
 height: 18px;
 color: #949494;
 padding-top: 1px;
 padding-left: 5px;
 margin-bottom:5px;
 font-family: Arial, Helvetica, sans-serif;
 color: #000;
 font-size:11px;
}

#bigcontactform input.submit {
 border-left: 1px solid #D3D5D6;
 border-right: 1px solid #D3D5D6;
 border-top: 1px solid #D3D5D6;
 border-bottom: 1px solid #D3D5D6;
 width: 100px;
 height: 18px;
 color: #949494;
 padding-top: 1px;
 padding-left: 5px;
 margin-bottom:5px;
 font-family: Arial, Helvetica, sans-serif;
 color: #000;
 font-size:11px;
 float: left;
}



#bigcontactform textarea {
 border: 1px solid #FF6B6B;
 width: 445px;
 height: 134px;
 overflow: auto;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color: #000;
 font-size:10px;
}

#bigcontactform input.gender {
 width: 30px;
 border: 0px;
}

#bigcontactform input.smoker {
 width: 30px;
 border: 0px;
}

#bigcontactform input.health {
 width: 30px;
 border: 0px;
}

/* ul */

#appsitemap ul {
 list-style-type:none;
 list-style-position:inside;
 margin-left:-10px;
}

#appsitemap ul li {
 display: block;
 color: #000;
 width: 250px;
 padding: 0px 0px 0px 11px;
 margin-top: 0px;
 margin-left:0px;
 font-size: 11px;
 list-style-type:none;
 background: transparent url(../images/disc.gif) 0 8px no-repeat; 
}

#appsitemap ul li a {
 color: #000;
 text-decoration: none;
}

#appsitemap ul li a:hover {
 color: #000;
 text-decoration: none;
}