/* CSS Document */

/* - - - - - - - - - - - - - - - - - - - - -




/*


----------------------------------------------------------------------------- 
Global Styles
-----------------------------------------------------------------------------*/


html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote { margin:0; padding:0;  list-style:none; }

body { background:url(../images/bg_p.jpg) repeat-x #f0f0f0; font-family:Arial, Helvetica, sans-serif;   color:#969696; font-size:11px; text-align:center;/* for IE */ margin-top:0; margin-bottom:0; }

form{margin:0; padding:0; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; }

fieldset { border: 0; }
    * {
       margin: 0;
   }
html, body {
 height: 100%;
}
#wrapper{
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -128px;
  }

#footer, .push {
 height:128px;
}
img { border:0; padding:0; margin:0;}

h1,h2,h3,h4,h5,h6 {margin:0; padding:0; line-height:normal;}

p, td { margin:0; padding:0;font-family: Arial; font-size:12px; line-height:18px; color:#212121; text-align:left;}

ul,li {margin:0; padding:0; list-style:none; font-size:12px; }

a{margin:0; padding:0; text-decoration:none;  color:#274D8C; font-weight:bold; font-size:11px;  text-decoration:underline;}

h3{ font-family: Arial, Helvetica, sans-serif; font-size:16px; height:30px; line-height:30px; color:#2c374b; padding-bottom:5px; background:url(../images/pointer.jpg) left 2px no-repeat; padding-left:35px;}

.left{ float:left;}
.right{ float:right;}
.clear {clear:both; height:1px; }
.marginlf13{ margin-left:10px;}
.marginrf13{ margin-right:10px;}
.arrow li{ background:url(../images/blue_arrow.gif) left 5px no-repeat; display:block; padding-left:15px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#212121; font-weight:normal; padding-bottom:5px; }
.arrow{  padding-top:10px; padding-left:10px;}
.style3{ padding-left:5px;}
/*
----------------------------------------------------------------------------- 
Template Styles
-----------------------------------------------------------------------------*/
#wrapper{ width:998px; text-align:left;}
#wrapper_home{ background:url(../images/bg.jpg) repeat-x; width:100%; display:block;}
#wrapper .main{ background:url(../images/left_bg.jpg)  left top no-repeat;  width:968px; padding-left:30px;}
#wrapper .main1{   width:968px; padding-left:30px;}


/*
----------------------------------------------------------------------------- 
Navigation Styles
-----------------------------------------------------------------------------*/
.navi{ padding-top:45px; display:block; height:46px; background:url(../images/navi_bg.jpg) bottom repeat-x;}


	
	/* Head links */
.navi li { float:left;   margin-right:2px;}
.navi li  a { background:url(../images/tab_lf.jpg) left no-repeat #2b364a; display:block; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#4f4f4f; font-size:12px; text-decoration:none; cursor:pointer;}
.navi li  a span{ background:url(../images/tab_rf.jpg) right no-repeat; display:block; font-family: Arial, Helvetica, sans-serif;   line-height:46px;  height:46px;}
.navi li  a .drop{ background: url(../images/drop_m.jpg) 10px no-repeat; display:block; font-family: Arial, Helvetica, sans-serif; line-height:46px;  height:46px; padding-right:0px; padding-left:0;}
.navi li  a .pad{padding-left:35px; padding-right:26px;}
.navi li  a .pad2{padding-left:22px; padding-right:26px;}


.navi li  a:hover { background:url(../images/tab_hover_lf.jpg) left no-repeat #2b364a; display:block; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#ffffff; font-size:12px; text-decoration:none;}
.navi li  a:hover span{ background:url(../images/tab_hover_rf.jpg) right no-repeat; display:block; font-family: Arial, Helvetica, sans-serif;   line-height:46px;  height:46px;}
.navi li  a:hover .drop{ background: url(../images/drop.jpg) 10px no-repeat; display:block; font-family: Arial, Helvetica, sans-serif; line-height:46px;  height:46px; padding-right:0px; padding-left:0;}
.navi li  a:hover .pad{padding-left:35px; padding-right:26px;}
.navi li  a:hover .pad2{padding-left:22px; padding-right:26px;}


.navi li  a.selected  { background:url(../images/tab_hover_lf.jpg) left no-repeat #2b364a; display:block; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#ffffff; font-size:12px; text-decoration:none;}
.navi li  a.selected span{ background:url(../images/tab_hover_rf.jpg) right no-repeat; display:block; font-family: Arial, Helvetica, sans-serif;   line-height:46px;  height:46px;}
.navi li  a.selected  .drop{ background: url(../images/drop.jpg) 10px no-repeat; display:block; font-family: Arial, Helvetica, sans-serif;line-height:46px;  height:46px; padding-right:0px; padding-left:0;}
.navi li  a.selected .pad{padding-left:35px; padding-right:26px;}
.navi li  a.selected .pad2{padding-left:22px; padding-right:26px;}

	/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_e{
position:absolute;
top: 0;
border: 2px solid #71e3fe; /*THEME CHANGE HERE*/
border-width: 0 2px 2px 2px;
font:normal 11px Arial, Helvetica, sans-serif;
line-height:23px;
z-index:100;
background:url(../images/navu.gif) top repeat-x #ffffff;
width:175px;
visibility: hidden;
font-weight:normal;
text-transform:capitalize;
text-align:left;

}


.dropmenudiv_e a{
width: auto;
display: block;
text-indent: 4px;
border-bottom: 1px solid #2c2422; /*THEME CHANGE HERE*/
border-bottom-width: 1px;

padding: 2px 0;
cursor:pointer;
text-decoration: none;
color:#4c2d13;
}

* html .dropmenudiv_e a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_e a:hover{ /*THEME CHANGE HERE*/
color: #ffffff;
background:#2b364a;
}

/*
----------------------------------------------------------------------------- 
Header area Styles
-----------------------------------------------------------------------------*/
#header{ display:block; width:auto; display:block; text-align:left;}
#header #logo{ float:left; width:275px; height:327px; display:block; background:url(../images/logo_bg.jpg) no-repeat; text-align:center;}
#header .flash{ float:left; width:693px; height:327px; display:block; background:#ffffff;}
#header .der{ background:url(../images/der.gif) no-repeat; height:50px; width:397px; position:absolute; z-index:1; margin-left:110px; *margin-left:90px; text-align:left;   margin-top:277px; }
#header .der p{ font-family:Arial, Helvetica, sans-serif; padding-left:10px; font-size:22px; line-height:50px; font-style:italic; color:#ffffff; font-weight:normal;}
#header .der p span{ font-family:Arial, Helvetica, sans-serif; font-size:22px; line-height:50px; font-style:normal; padding-left:11px; color:#ffffff; font-weight:normal;}
#header .inner_page{ height:177px;}
#header .inner_page .der1{ background:url(../images/der.gif) no-repeat; height:50px; width:397px; margin-top:10px; *margin-top:7px; margin-left:60px;}
#header .der1 p{ font-family:Arial, Helvetica, sans-serif; padding-left:10px; font-size:22px; line-height:50px; font-style:italic; color:#ffffff; font-weight:normal;}
#header .der1 p span{ font-family:Arial, Helvetica, sans-serif; font-size:22px; line-height:50px; font-style:normal; padding-left:11px; color:#ffffff; font-weight:normal;}
#header .inner_page #logo{ display:block; background:none; width:317px; height:117px; float:none;}
.img_big{ background:#ffffff; padding:5px; border-right:double #c7bbb2 1px;  border-bottom:double #c7bbb2 1px;}
.img_smbig{ background:#ffffff; padding:3px; border-right:double #c7bbb2 1px;  border-bottom:double #c7bbb2 1px;}
#header .head_in{background:url(../images/header_rf.jpg) bottom no-repeat; float:left; width:457px; height:177px;}


/* Easy Slider */

	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:693px;
		height:327px;
		overflow:hidden; 
		}	


#prevBtn{ display:none;}
#nextBtn{ display:none;}



/*
----------------------------------------------------------------------------- 
Content area Styles
-----------------------------------------------------------------------------*/
#content{ display:block; padding-top:34px; text-align:left;}


.green_box{ display:block; float:left; width:311px;}
.green_box .tp{ background:url(../images/green_top.jpg) top no-repeat; display:block; width:276px; padding-left:17px; padding-right:18px; padding-top:17px; min-height:202px;}
.green_box .title{height:72px; background:url(../images/green_tooth.jpg) left no-repeat; display:block; border-bottom:1px solid #c0d9bb; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#0a6800; line-height:72px; padding-left:82px;}
.green_box .button{ display:block; margin-top:8px; background:url(../images/learn_more_green.jpg) no-repeat; width:102px; height:32px; margin:auto;}
.bg_cen{ background: url(../images/bg_cen.jpg) repeat-y; }
.bg_cen p{ padding-left:2px; margin-bottom:10px;}
.bg_bot{ background:url(../images/bg_bot.jpg) no-repeat; height:18px; width:312px;}


.blue_box{ display:block; float:left; width:312px; margin-left:13px;}
.blue_box .tp{ background:url(../images/blue_top.jpg) top no-repeat; display:block; width:271px; padding-left:20px; padding-right:21px; padding-top:17px; min-height:202px;}
.blue_box .button{ display:block; margin-top:8px; background:url(../images/learn_more_green.jpg) no-repeat; width:102px; height:32px; margin:auto;}
.blue_box .title{height:72px; background:url(../images/blue_tooth.jpg) left no-repeat; display:block; border-bottom:1px solid #bdd6dd; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#007c96; line-height:72px; padding-left:82px;}
.blue_box .button{ display:block; margin-top:8px; background:url(../images/learn_more_blue.jpg) no-repeat; width:102px; height:32px; margin:auto;}


.pink_box{ display:block; float:left; width:312px; margin-left:13px;}
.pink_box .tp{ background:url(../images/pink_top.jpg) top no-repeat; display:block; width:271px; padding-left:20px; padding-right:21px; padding-top:17px; min-height:202px;}
.pink_box .button{ display:block; margin-top:8px; background:url(../images/learn_more_green.jpg) no-repeat; width:102px; height:32px; margin:auto;}
.pink_box .title{height:72px; background:url(../images/pink_tooth.jpg) left no-repeat; border-bottom:1px solid #e7c8da; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#a1003e; line-height:72px; padding-left:82px;}
.pink_box .button{ display:block; margin-top:8px; background:url(../images/learn_more_pink.jpg) no-repeat; width:102px; height:32px; margin:auto;}

.gallery{ display:block;}
.gallery li{ float:left; margin-left:10px; margin-right:10px;}
.gallery li img{background:#ffffff; padding:5px; border-right:double #c7bbb2 1px;  border-bottom:double #c7bbb2 1px;}
/*
----------------------------------------------------------------------------- 
Footer area Styles
-----------------------------------------------------------------------------*/
#footer{ display:block; background:url(../images/fot_bg.jpg) top repeat-x; height:128px; width:998px; margin:auto;}
#footer .in{ display:block; background:url(../images/footer_bg.jpg) 250px no-repeat; height:88px; padding-top:40px;}
#footer .in a { color:#3a3a3a; float:left; padding-left:10px; border-right:1px solid #3a3a3a; font-size:11px; padding-right:10px; font-weight:normal; text-decoration:none;}