/* buttons */
#button1{background-image: url('../images/inactive-mac-consulting.png'); cursor: pointer; width: 100px; height: 100px;}
#button1.active{background-image: url('../images/active-mac-consulting.png');}
#button1.inactive{background-image: url('../images/inactive-mac-consulting.png');}
#button1.inactive:hover{background-image: url('../images/active-mac-consulting.png');}

#button2{background-image: url('../images/inactive-switching.png'); cursor: pointer; width: 100px; height: 100px;}
#button2.active{background-image: url('../images/active-switching.png');}
#button2.inactive{background-image: url('../images/inactive-switching.png');}
#button2.inactive:hover{background-image: url('../images/active-switching.png');}

#button3{background-image: url('../images/inactive-network-support.png'); cursor: pointer; width: 100px; height: 100px;}
#button3.active{background-image: url('../images/active-network-support.png');}
#button3.inactive{background-image: url('../images/inactive-network-support.png');}
#button3.inactive:hover{background-image: url('../images/active-network-support.png');}

#button4{background-image: url('../images/inactive-webdesk.png'); cursor: pointer; width: 100px; height: 100px;}
#button4.active{background-image: url('../images/active-webdesk.png');}
#button4.inactive{background-image: url('../images/inactive-webdesk.png');}
#button4.inactive:hover{background-image: url('../images/active-webdesk.png');}

#button5{background-image: url('../images/inactive-web-design.png'); cursor: pointer; width: 100px; height: 100px;}
#button5.active{background-image: url('../images/active-web-design.png');}
#button5.inactive{background-image: url('../images/inactive-web-design.png');}
#button5.inactive:hover{background-image: url('../images/active-web-design.png');}

#button6{background-image: url('../images/inactive-web-dns.png'); cursor: pointer; width: 100px; height: 100px;}
#button6.active{background-image: url('../images/active-web-dns.png');}
#button6.inactive{background-image: url('../images/inactive-web-dns.png');}
#button6.inactive:hover{background-image: url('../images/active-web-dns.png');}


#button-twitter{background-image: url('../images/inactive-twitter.png'); background-repeat: no-repeat; cursor: pointer; width: 60px; height: 100px; float: left; margin-left: 20px;}
#button-twitter.active{background-image: url('../images/active-twitter.png');}
#button-twitter.inactive{background-image: url('../images/inactive-twitter.png');}
#button-twitter.inactive:hover{background-image: url('../images/active-twitter.png');}

#button-delicious{background-image: url('../images/inactive-delicious.png'); background-repeat: no-repeat; cursor: pointer; width: 60px; height: 100px; float: left; margin-left: 20px;}
#button-delicious.active{background-image: url('../images/active-delicious.png');}
#button-delicious.inactive{background-image: url('../images/inactive-delicious.png');}
#button-delicious.inactive:hover{background-image: url('../images/active-delicious.png');}

*html #button-twitter{background-image: url('../images/inactive-twitter-2.png'); background-repeat: no-repeat; cursor: pointer; width: 60px; height: 90px; float: left; margin-left: 20px;}
*html #button-twitter.active{background-image: url('../images/active-twitter-2.png');}
*html #button-twitter.inactive{background-image: url('../images/inactive-twitter-2.png');}
*html #button-twitter.inactive:hover{background-image: url('../images/active-twitter-2.png');}

*html #button-delicious{background-image: url('../images/inactive-delicious-2.png'); background-repeat: no-repeat; cursor: pointer; width: 60px; height: 90px; float: left; margin-left: 20px;}
*html #button-delicious.active{background-image: url('../images/active-delicious-2.png');}
*html #button-delicious.inactive{background-image: url('../images/inactive-delicious-2.png');}
*html #button-delicious.inactive:hover{background-image: url('../images/active-delicious-2.png');}


#button-revolution-mini{background-image: url('../images/mobile_revolution_mini_inactive.png'); background-repeat: no-repeat; cursor: pointer; width: 80px; height: 100px; float: left; position: relative; left: 15px;}
#button-revolution-mini.active{background-image: url('../images/mobile_revolution_mini_active.png');}
#button-revolution-mini.inactive{background-image: url('../images/mobile_revolution_mini_inactive.png');}
#button-revolution-mini.inactive:hover{background-image: url('../images/mobile_revolution_mini_active.png');}

#button-oncamera-mini{background-image: url('../images/oncamera_mini_inactive.png'); background-repeat: no-repeat; cursor: pointer; width: 80px; height: 100px; float: left; position: relative; left: 0px;}
#button-oncamera-mini.active{background-image: url('../images/oncamera_mini_active.png');}
#button-oncamera-mini.inactive{background-image: url('../images/oncamera_mini_inactive.png');}
#button-oncamera-mini.inactive:hover{background-image: url('../images/oncamera_mini_active.png');}

#button-insite-mini{background-image: url('../images/mingle_mini_inactive.png'); background-repeat: no-repeat; cursor: pointer; width: 80px; height: 100px; float: left; position: relative; left: 5px;}
#button-insite-mini.active{background-image: url('../images/mingle_mini_active.png');}
#button-insite-mini.inactive{background-image: url('../images/mingle_mini_inactive.png');}
#button-insite-mini.inactive:hover{background-image: url('../images/mingle_mini_active.png');}

#button-revolution{background-image: url('../images/mobile_revolution_biggie_inactive.png'); background-repeat: no-repeat; cursor: pointer; width: 180px; height: 180px; float: left; position: relative; left: 5px;}
#button-revolution.active{background-image: url('../images/mobile_revolution_biggie_active.png');}
#button-revolution.inactive{background-image: url('../images/mobile_revolution_biggie_inactive.png');}
#button-revolution.inactive:hover{background-image: url('../images/mobile_revolution_biggie_active.png');}

#button-oncamera{background-image: url('../images/oncamera_biggie_inactive.png'); background-repeat: no-repeat; cursor: pointer; width: 180px; height: 180px; float: left; position: relative; left: 0px;}
#button-oncamera.active{background-image: url('../images/oncamera_biggie_active.png');}
#button-oncamera.inactive{background-image: url('../images/oncamera_biggie_inactive.png');}
#button-oncamera.inactive:hover{background-image: url('../images/oncamera_biggie_active.png');}

#button-insite{background-image: url('../images/mingle_biggie_inactive.png'); background-repeat: no-repeat; cursor: pointer; width: 180px; height: 180px; float: left; position: relative; left: 0px;}
#button-insite.active{background-image: url('../images/mingle_biggie_active.png');}
#button-insite.inactive{background-image: url('../images/mingle_biggie_inactive.png');}
#button-insite.inactive:hover{background-image: url('../images/mingle_biggie_active.png');}

#drpaul_part1{background-image: url('../images/drpaul1_active.png'); background-repeat: no-repeat; cursor: pointer; width: 64px; height: 64px; padding-top: 25px;}
#drpaul_part1.active{background-image: url('../images/drpaul1_active.png');}
#drpaul_part1.inactive{background-image: url('../images/drpaul1_inactive.png');}
#drpaul_part1.inactive:hover{background-image: url('../images/drpaul1_inactive.png');}

#drpaul_part2{background-image: url('../images/drpaul2_inactive.png'); background-repeat: no-repeat; cursor: pointer; width: 64px; height: 64px; padding-top: 25px;}
#drpaul_part2.active{background-image: url('../images/drpaul2_active.png');}
#drpaul_part2.inactive{background-image: url('../images/drpaul2_inactive.png');}
#drpaul_part2.inactive:hover{background-image: url('../images/drpaul2_active.png');}

#drpaul_part3{background-image: url('../images/drpaul3_inactive.png'); background-repeat: no-repeat; cursor: pointer; width: 64px; height: 64px; padding-top: 25px;}
#drpaul_part3.active{background-image: url('../images/drpaul3_active.png');}
#drpaul_part3.inactive{background-image: url('../images/drpaul3_inactive.png');}
#drpaul_part3.inactive:hover{background-image: url('../images/drpaul3_active.png');}