/*
 * Temporary gemweb.com.au site
*/

html {
   background:#ECECEC url(images/html_bg.jpg) no-repeat 50% 0;
}
a {
   color:#333;
}
#container {
   width:954px;
   margin:0 auto;
   position:relative;
}
#branding {
   margin:36px 0 0;
}
#branding h1 a {
   background:url(images/gem_design_logo.png) no-repeat 0 0;
   width:207px;
   height:99px;
   text-indent:-9999px;
   display:block;
}
#navMain {
   background:#19161B;
   width:100%;
   height:36px;
   position:relative;
}
#navMain ul {
   width:954px;
   height:36px;
   position:relative;
   margin:0 auto;
}
#navMain ul li {
   float:left;
   display:inline;
}
#navMain ul li a {
   float:left;
   text-indent:-9999px;
   height:36px;   
}
#navMain ul li.home a {
   background:url(images/navMain_home.png) no-repeat 0 0;
   width:342px;
}
#navMain ul li.contact a {
   background:url(images/navMain_contact.png) no-repeat 0 0;
   width:162px;
}
#navMain ul li.twitter a {
   background:url(images/navMain_follow.png) no-repeat 0 0;
   width:189px;
}
#navMain ul li.home.active {
   height:54px;
   background:url(images/navMain_active.png) no-repeat 7% 100%;
}

#content {
   margin:-50px 0 0 324px;
   padding:0 0 54px;
}

/* GEM design -webkit shiny animated button technique */

a.contactMe {
   background:url(images/button_contact_me.png) no-repeat 0 0;   
   width:160px;
   height:32px;
   margin:18px 0 0;
   text-indent:-9999px;
   display:block;
}
a.contactMe:hover {
   background:url(images/button_contact_me.png) no-repeat 0 100%;   
}
a.contactMe span {
   width:160px;
   height:32px;
   float:left;
   opacity:0;
}
a.contactMe:hover span {
   background:url(images/button_contact_me_span.png) no-repeat 200% 0;
   opacity:1;
   -webkit-transition-property: background, opacity;
   -webkit-transition-duration: 1.75s, 0.5s;
   -webkit-transition-timing-function: ease-in, linear;
}


#siteInfo {
   border-top:1px solid #c7c7c7;
   padding:18px 0 0;
   text-align:right;
}
#siteInfo p {
   font-size:85%;
}

.group:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}
* html .group {
   height: 1%;
}
*:first-child+html .group {
   min-height: 1px;
}