/**********************************************************************************************
PURPOSE
This CSS file provide a clever way to add browser and OS specific css styles.

USAGE
.[os].[browser] .mylink { font-weight: bold; } -> without space between .[os] and .[browser]

AVAILABLE OS CODES [os]:
win - Microsoft Windows
linux - Linux (x11 and linux)
mac - Mac OS
freebsd - FreeBSD
ipod - iPod Touch
iphone - iPhone
webtv - WebTV
mobile - J2ME Devices (ex: Opera mini)

AVIALABLE BROWSER CODES [browser]:
ie - Internet Explorer (All versions)
ie8 - Internet Explorer 8.x
ie7 - Internet Explorer 7.x
ie6 - Internet Explorer 6.x
ie5 - Internet Explorer 5.x
gecko - Mozilla, Firefox (all versions), Camino
ff2 - Firefox 2
ff3 - Firefox 3
ff3_5 - Firefox 3.5 new
opera - Opera (All versions)
opera8 - Opera 8.x
opera9 - Opera 9.x
opera10 - Opera 10.x
konqueror - Konqueror
webkit or safari - Safari, NetNewsWire, OmniWeb, Shiira, Google Chrome
safari3 - Safari 3.x
chrome - Google Chrome
iron - SRWare Iron

EXAMPLES:
html.gecko div#header { margin: 1em; }
.opera #header { margin: 1.2em; }
.ie .mylink { font-weight: bold; }
.mac.ie .mylink { font-weight: bold; }

***********************************************************************************************/

/*------------------------------------------
// IE - All Versions - Windows
//------------------------------------------*/

/* Clearfix Method for containing floats in IE */
.ie .clearfix { display: inline-block; }  /* ... especialy for IE7 */
.ie .clearfix { display: block; }          /* ... for IE5,IE6,IE7 */
* html.ie .clearfix { height: 1%; }       /* ... for IE5 + IE6/Win */

/* Adjustment of .floatbox class for IE */
.ie .floatbox { width:100%; }


/*------------------------------------------
// IE - IE6.0 - Windows 
//------------------------------------------*/

/* Adds near-native PNG support with alpha opacity in IE6 */
/* ie6 img { behavior: url("interface/js/iepngfix.htc");  } */

/* Adds ability to user :hover selector on any tag in IE6 */
.ie6 body { behavior: url("interface/js/csshover.htc"); }
.ie6 div#content { behavior: url("interface/js/iepngfix.htc"); }
.ie6 div#header div.logo { margin:4px 0 0 6px; }
.ie6 div#login-form ul li { height:1%; }


.ie6 div#main-navigation ul li.home a{  background:url(../images/header/navigation.png) left -63px no-repeat; height:63px;  width:110px;  }
.ie6 div#main-navigation ul li.home a:hover , .ie6 div#main-navigation ul li.home a.active{  background:url(../images/header/navigation.png) left top no-repeat;   }

.ie6 div#main-navigation ul li.products a{  background:url(../images/header/navigation.png) -110px -63px no-repeat; height:63px;  width:110px;  }
.ie6 div#main-navigation ul li.products a:hover , .ie6 div#main-navigation ul li.products a.active{  background:url(../images/header/navigation.png) -110px top no-repeat; }

.ie6 div#main-navigation ul li.services a{  background:url(../images/header/navigation.png) -220px -63px no-repeat; height:63px;  width:110px; }
.ie6 div#main-navigation ul li.services a:hover , .ie6 div#main-navigation ul li.services a.active{  background:url(../images/header/navigation.png) -220px top no-repeat;  }

.ie6 div#main-navigation ul li.contests a{  background:url(../images/header/navigation.png) -330px -63px no-repeat; height:63px;  width:110px; }
.ie6 div#main-navigation ul li.contests a:hover , .ie6 div#main-navigation ul li.contests a.active{  background:url(../images/header/navigation.png) -330px top no-repeat; }

.ie6 div#main-navigation ul li.blog a{  background:url(../images/header/navigation.png) -440px -63px no-repeat; height:63px;  width:110px; }
.ie6 div#main-navigation ul li.blog a:hover , .ie6 div#main-navigation ul li.blog a.active{  background:url(../images/header/navigation.png) -440px top no-repeat; }

.ie6 div#main-navigation ul li.contact a{ background:url(../images/header/navigation.png) -550px -63px no-repeat; height:63px;  width:110px; }
.ie6 div#main-navigation ul li.contact a:hover , .ie6 div#main-navigation ul li.contact a.active{ background:url(../images/header/navigation.png) -550px top no-repeat;}


/*------------------------------------------
// SAFARI - All Versions - MAC
//------------------------------------------*/

.safari div#login-form ul li{ background:url(../images/content/squire.gif) left center no-repeat; color:#3c4c53; font-size:120%; font-weight:bold; text-transform:uppercase; line-height:20px; margin-bottom:6px; padding-left:22px; font-family:Myriad Pro, Arial, Helvetica, sans-serif;}
 

/*------------------------------------------
// FIREFOX - All Versions - MAC
//------------------------------------------*/