@charset "utf-8";
/* CSS Document */
@font-face { 
  font-family: Yanone Kaffeesatz; 
    src: url('../fonts/YanoneKaffeesatz-Regular.eot'); 
    src: local("Yanone Kaffeesatz"), url('../fonts/YanoneKaffeesatz-Regular.ttf'); 
} 

@font-face { 
  font-family: News Cycle; 
    src: url('../fonts/NewsCycle-Regular.eot'); 
    src: local("News Cycle"), url('../fonts/NewsCycle-Regular.ttf'); 
}
.header {background:url(../images/heading1.png); background-repeat:no-repeat;}
.welcome {font-family:"Arial Narrow", Tahoma; font-size:22px; font-weight:bold; color: #067bec; letter-spacing:1px; }
.product_heading {font-family:'Yanone Kaffeesatz', arial, sans-serif; font-size:20px; font-weight: normal; color: #be05e6;}
.topmenu_a {font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#000000; text-decoration:none;}
.topmenu_a:hover {font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color: #CC0000; text-decoration:none;}
.divider {border-bottom:dotted; border-bottom-color:#333333; border-bottom-width:1px; height:5px;}
.vertical_divider {background:url(../images/ver_divider.png); background-repeat:repeat-y;}
.tint_heading {font-family:'Yanone Kaffeesatz', arial, sans-serif; font-size:23px; font-weight: bold; color: #000000; border-bottom:#000000; border-bottom:dotted; border-bottom-width:1px;}
.name_heading {font-family:'Yanone Kaffeesatz', arial, sans-serif; font-size:23px; font-weight: normal; color: #CCFF00; }
/*********************************************************************************/
/* Menu                                                                          */
/*********************************************************************************/

.menu_strip { background:url(../images/menu_strip.png); background-repeat:repeat-x;  -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }

		#nav {
		margin:0; 
		padding:3; 
		list-style:none; font-family:'Yanone Kaffeesatz', arial, sans-serif; font-size:19px; font-weight: normal; height:40px; letter-spacing:1px;
	}	
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {
			float:left; 
			display:block; 
			width:120px; 
			position:relative;
			z-index:500; 
			margin:0 1px;
		}
		
		/* this is the parent menu */
		#nav li a {
			display:block; 
			padding:8px 5px 0 5px; 
			font-weight: normal;  
			height:23px; 
			text-decoration:none; 
			text-align:center; 
			color:#ffffff;
		}

		#nav li a:hover {
			color: #00FFFF;
		}
	
		/* you can make a different style for default selected value */
		#nav a.selected {
			color: #00FFFF;
		}
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;
		}
		
		#nav ul li { background:url(../images/dd_menu.png); background-repeat:repeat;
			width:140px; 
			float:left; 
			border-top:1px solid #efefef; border-bottom: solid; border-bottom-color: #ffffff; border-bottom-width:1px; border-left:solid; border-left-color: #ffffff; border-left-width:1px; border-right:solid; border-right-color: #ffffff; border-right-width:1px;}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;  
			height:15px;
			padding: 9px 6px; 
			color: #ffffff;
		}
		
		#nav ul a:hover {
			text-decoration: none; color: #00FFFF;	
		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul {
			margin:0 0 0 -2px;
		}

/*********************************************************************************/
/* Menu  End                                                                        */
/*********************************************************************************/
/*********************************************************************************/
/* Button Style                                                                  */
/*********************************************************************************/

	.button
	{
		display: inline-block;
		margin: 1em 0em;
		padding: 0.5em 2em 0.5em 2em;
		background: #CC0000;
		border-radius: 8px;
		letter-spacing: 0.20em;
		text-decoration: none;
		text-align: center;
		text-transform: uppercase;
		font-weight: 400;
		font-size: 0.90em;
		color: #FFF;
	}
	
	.button:before              
	{
	}
/*********************************************************************************/
/* Button Style  End                                                                */
/*********************************************************************************/

/*********************************************************************************/
/* Social Icon Styles                                                            */
/*********************************************************************************/

	ul.contact
	{
		overflow:  hidden;
		margin: 0em 0 1em 0;
		padding-top: 0em;
		text-align: center;
	}
	
	ul.contact li
	{
		display: inline-block;
		padding: 0em 0.30em;
		font-size: 1em;
	}
	
	ul.contact li span
	{
		display: none;
		margin: 0;
		padding: 0;
	}
	
	ul.contact li a
	{
		color: #FFF;
	}
	
	ul.contact li a:before
	{
		display: inline-block;
		width: 40px;
		height: 40px;
		line-height: 20px;
		text-align: center;
		font-size: 2em;
		color: rgba(255,255,255,.3);
	}
/*********************************************************************************/
/* Social Icon Styles  End                                                           */
/*********************************************************************************/

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

	#copyright
	{
		overflow: hidden;
		padding: 0em 0em;
	}
	
	#copyright p
	{
		letter-spacing: 1px;
		text-align: center;
		text-transform: none;
		font-size: 18px;
		color: #ffffff;
	}
	
	#copyright a
	{
		text-decoration: none;
		color: #ffffff;
	}
	#copyright a:hover
	{
		text-decoration: none;
		color: #FFCC00;
	}
/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

		
.tint1 {background-color:#c3d7fb; padding:5px; border:dotted; border-width:1px; border-color:#7790bf; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.tint2 {background-color:#efefef; padding:5px; border:dotted; border-width:1px; border-color:#cecdcd; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.tint3 {background-color:#e6c3fc; padding:5px; border:dotted; border-width:1px; border-color:#a77bc3; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.footer_a { font-family:'Yanone Kaffeesatz', arial, sans-serif; font-size:18px; font-weight: normal; color: #FFFF00; text-decoration: none; letter-spacing:0.5px;}
.footer_a:hover { font-family:'Yanone Kaffeesatz', arial, sans-serif; font-size:18px; font-weight: normal; color: #ffffff; text-decoration: none; letter-spacing:0.5px;}
.image_border { border: #CCCCCC; border-style: dotted; border-width:1px; -webkit-border-radius: 15px; -moz-border-radius: 15px;
border-radius: 15px;-webkit-box-shadow: 0 10px 8px -8px black;-moz-box-shadow: 0 10px 8px -8px black;box-shadow: 0 10px 8px -8px black-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000');}
.outer_border { border: #333333; border-style: dotted; border-width:1px; -webkit-border-radius: 15px; -moz-border-radius: 15px;
border-radius: 15px;}
.link_a { color: #049ed7; text-decoration:none;}
.link_a:hover { color: #FF3300; text-decoration:none; }
.sidemenu_divider{ border-bottom:dashed; border-bottom-color:#999999; border-bottom-width:1px;}
.sidemenu_a {color:#CC0000; text-decoration:none; }
.sidemenu_a:hover {color: #3366FF; text-decoration:none;}
.sidemenu_a_current {color: #339900; text-decoration:none; }
.gotop_a {font-size:24px; font-weight:bold; letter-spacing:1px; color:#CC0000; text-decoration:none;}
.gotop_a:hover {font-size:24px; font-weight:bold; letter-spacing:1px; color: #0066FF; text-decoration:none;}

