/**********************************************************************************************
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"); }

.ie7 div#main-navigation { width:760px; }
.ie7 div#main-navigation ul li#services a{  margin-right:14px; }
.ie7 div#main-navigation ul li#services a span{ margin-right:-14px; } 
.ie6 div.box1 div.top-left div.top-right , .ie6 div.box1 div.bottom-left div.bottom-right  { padding-right:39px; }

.ie6 div#main-navigation{ width:760px; }
.ie6 div#main-navigation ul li#services a{  margin-right:6px; }
.ie6 div#main-navigation ul li#services a span{ margin-right:-6px; } 

.ie6 div#main-navigation ul li.parent ul.child li a , .ie7 div#main-navigation ul li.parent ul.child li a { height:1%; }
.ie6 div#footer div.wrapper {  background:url(../images/footer/footer-bg.gif) left top no-repeat;  padding:16px 34px 10px; top:-0px; position:relative; height:1%; }
.ie7 div#footer { margin-top:16px; position:relative; }
.ie6 div#content div.wrapper { background:url(../images/content/content-inner.gif) left top no-repeat; position:relative; padding:32px 0px 0px; margin-bottom:-40px; }
.ie6 div#footer { top:-10px; position:relative; }
.ie6 div#footer div.logo { margin-top:10px; }
.ie6 div#footer div.ads { margin-top:-70px; position:relative; }
/*---- Services ---*/
ie div#footer , ie div#footer div.wrapper{height:1%; }

.ie7 div#main-navigation ul li#services a { margin-right:30px; }
.ie7 div#main-navigation ul li#services  a span {  margin-right:-30px; }
.ie7 div#main-navigation ul li#services a span{ padding-right:57px; }
.ie7 div#main-navigation ul li#agency a span{ padding-right:39px; }
.ie7 div#main-navigation ul li#clients a span{ padding-right:38px; }
.ie7 div#main-navigation ul li#portfolio a span{ padding-right:33px; }
.ie7 div#main-navigation ul li#contact a span{ padding-right:33px; }
.ie7 div#main-navigation ul li#blog a span{ padding-right:33px; }



.ie6 div#main-navigation ul li{ float:left; margin-right:4px; }
.ie6 div#main-navigation ul li a { float:left; display:block; background:url(../images/navigation/tabs.gif) left -84px no-repeat; height:42px; margin-right:14px;  }
.ie6 div#main-navigation ul li a span { display:block; float:left; background:url(../images/navigation/tabs.gif) right bottom no-repeat; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; letter-spacing:-1px; height:42px; margin-right:-30px; position:relative; line-height:42px; font-size:180%; color:#fff; }
.ie6 div#main-navigation ul li.parent:hover a { background:url(../images/navigation/tabs.gif) left top no-repeat; text-decoration:none;  }
.ie6 div#main-navigation ul li.parent:hover a span { background:url(../images/navigation/tabs.gif) right -42px no-repeat; }
.ie6 div#main-navigation ul li a:hover { text-decoration:none; }

.ie6 div#main-navigation ul li.active a{ background:url(../images/navigation/tabs.gif) left top no-repeat; text-decoration:none; }
.ie6 div#main-navigation ul li.active a span{ background:url(../images/navigation/tabs.gif) right -42px no-repeat;  }

.ie6 div#main-navigation ul li.parent{ position:relative; }
.ie6 div#main-navigation ul li.parent ul.child{ position:absolute; left:0px; top:42px;  display:none;  } 
.ie6 div#main-navigation ul li.parent ul.child li { float:none; display:block; margin:0px; padding-bottom:2px; background:url(../images/navigation/drop-down-bg.png) left top repeat; filter: alpha(opacity = 85); }
.ie6 div#main-navigation ul li.parent ul.child li a{ float:none; display:block; background:none; margin:0px; padding:0; height:auto; }
.ie6 div#main-navigation ul li.parent ul.child li a span{ float:none; display:block; line-height:25px; background:none; font-size:110%; color:#412c13; padding:0; margin:0; height:auto; letter-spacing:normal; }
.ie6 div#main-navigation ul li.parent:hover ul.child { display:block; }

/*---- Services ---*/
.ie6 div#main-navigation ul li#services a{ padding-left:18px; }
.ie6 div#main-navigation ul li#services a span{ padding-right:57px; }
.ie6 div#main-navigation ul li#services ul.child{ width:142px; background:url(../images/navigation/services-bottom.gif) left bottom no-repeat; padding-bottom:14px; display:none; }
.ie6 div#main-navigation ul li#services ul.child li a { padding-left:2px; }
.ie6 div#main-navigation ul li#services ul.child li a span{ padding-right:2px; }
.ie6 div#main-navigation ul li#services.parent:hover ul.child{ display:block; }

/*---- Agency ---*/
.ie6 div#main-navigation ul li#agency a{ padding-left:21px; }
.ie6 div#main-navigation ul li#agency a span{ padding-right:39px; }
.ie6 div#main-navigation ul li#agency ul.child{ width:122px;  background:url(../images/navigation/agency-bottom.gif) left bottom no-repeat; padding-bottom:14px;  display:none; }
.ie6 div#main-navigation ul li#agency ul.child li a { padding-left:8px; }
.ie6 div#main-navigation ul li#agency ul.child li a span{ padding-right:8px; }
.ie6 div#main-navigation ul li#agency.parent:hover ul.child{ display:block; }

/*---- Clients ---*/
.ie6 div#main-navigation ul li#clients a{ padding-left:22px; }
.ie6 div#main-navigation ul li#clients a span{ padding-right:38px; }
.ie6 div#main-navigation ul li#clients ul.child{ width:122px; background:url(../images/navigation/agency-bottom.gif) left bottom no-repeat; padding-bottom:14px;  display:none;  }
.ie6 div#main-navigation ul li#clients ul.child li a { padding-left:8px; }
.ie6 div#main-navigation ul li#clients ul.child li a span{ padding-right:8px; }
.ie6 div#main-navigation ul li#clients.parent:hover ul.child{ display:block; }

/*---- Portfolio ---*/
.ie6 div#main-navigation ul li#portfolio a{ padding-left:18px; }
.ie6 div#main-navigation ul li#portfolio a span{ padding-right:33px; }
.ie6 div#main-navigation ul li#portfolio ul.child{ width:126px; background:url(../images/navigation/portfolio-bottom.gif) left bottom no-repeat; padding-bottom:14px;  display:none; }
.ie6 div#main-navigation ul li#portfolio ul.child li a { padding-left:8px; }
.ie6 div#main-navigation ul li#portfolio ul.child li a span{ padding-right:8px; }
.ie6 div#main-navigation ul li#portfolio.parent:hover ul.child{ display:block; }

/*---- Contact ---*/
.ie6 div#main-navigation ul li#contact a{ padding-left:18px; }
.ie6 div#main-navigation ul li#contact a span{ padding-right:33px; }
.ie6 div#main-navigation ul li#contact ul.child{ width:122px; background:url(../images/navigation/agency-bottom.gif) left bottom no-repeat; padding-bottom:14px; display:none; }
.ie6 div#main-navigation ul li#contact ul.child li a { padding-left:8px; }
.ie6 div#main-navigation ul li#contact ul.child li a span{ padding-right:8px; }
.ie6 div#main-navigation ul li#contact.parent:hover ul.child{ display:block; }

/*---- Blog ---*/
.ie6 div#main-navigation ul li#blog a{ padding-left:19px; }
.ie6 div#main-navigation ul li#blog a span{ padding-right:33px; }
.ie6 div#main-navigation ul li#blog ul.child{ width:86px; background:url(../images/navigation/blog-bottom.gif) left bottom no-repeat; padding-bottom:14px; display:none; }
.ie6 div#main-navigation ul li#blog ul.child li a { padding-left:8px; }
.ie6 div#main-navigation ul li#blog ul.child li a span{ padding-right:8px; }
.ie6 div#main-navigation ul li#blog.parent:hover ul.child{ display:block; }
.ie6 div#main-navigation ul li#services ul.child li a , .ie6 div#main-navigation ul li#services ul.child li{ height:1%; }