body {margin:0; background:url(/images_temp/background_body.jpg) #f0edde}
#wrapper {position:relative; top:0; left:0; background:url(/images_temp/background_tile.jpg) repeat-x; min-height:400px; height:auto !important; height:400px}
#inner {position:absolute; top:100px; background:url(/images_temp/cube_background.jpg) no-repeat; min-width:984px}
a {color:#33c}
a.back {line-height:40px}
.left {float:left}
.right {float:right}
h1 {font:bold 20px arial, sans-serif; padding:10px 0 10px 0; margin:0}
h3 {font:normal 13px arial, sans-serif; border-bottom:1px dashed #999; border-top:1px dashed #999; padding:4px 0 4px 10px; margin:0 0 8px 0}
.cubes {width:194px; height:178px; float:left}
.cube1 {background:url(/images_temp/cube01.jpg) no-repeat}
.cube2 {background:url(/images_temp/cube02.jpg) no-repeat}
.cube3 {background:url(/images_temp/cube03.jpg) no-repeat}
.cube4 {background:url(/images_temp/cube04.jpg) no-repeat}
.cube5 {background:url(/images_temp/cube05.jpg) no-repeat}
.cube6 {background:url(/images_temp/cube06.jpg) no-repeat}
.cube7 {background:url(/images_temp/cube07.jpg) no-repeat}
.cube8 {background:url(/images_temp/cube08.jpg) no-repeat}
.cube9 {background:url(/images_temp/cube09.jpg) no-repeat}
.cube10 {background:url(/images_temp/cube10.jpg) no-repeat}
.cube11 {background:url(/images_temp/cube11.jpg) no-repeat}
.cube12 {background:url(/images_temp/cube12.jpg) no-repeat}

ul.plain {list-style:none; margin:0; padding:0; clear:both}
ul.plain li {float:left; margin:0; padding:0; display:inline; width:194px; height:178px;}

ul#nav {list-style:none; margin:0; padding:0; z-index:11}
ul#nav li {float:left}
ul#nav li a {padding-right:25px; display:block; font:bold 13px/35px arial, sans-serif; color:#000; text-decoration:none}
ul#nav li a:hover, ul#nav li a.on {text-decoration:underline}

ul#subnav {list-style:none; margin:0; padding:0}
ul#subnav li {float:left}
ul#subnav li a {padding-right:25px; display:block; font:normal 13px/40px arial, sans-serif; color:#000; text-decoration:none}
ul#subnav li a:hover, ul#nav li a.on {text-decoration:underline}

#body_copy {clear:both; border-top:1px dashed #000; font:normal 12px arial, sans-serif;}

#left {float:left; padding:35px 7px 35px 6px; width:388px}
#mid {float:left; width:566px; min-height:400px; height:auto !important; height:400px}
#right {float:left; margin-left:17px; padding:35px 0 35px 0}

ins {display:block; clear:both; height: 0px; visibility: hidden}
p.copyright {padding:0 0 8px 0; margin:0; font:normal 10px arial, sans-serif; color:#999; width:100; text-align:center; padding-right:13px}

/* 3rd party site logos */
div.preloader {
	z-index:-1; position:absolute; left:-1000px; top:0;
	background:url(/images_temp/logo_facebook_on.png);
	background:url(/images_temp/logo_myspace_on.png);
	background:url(/images_temp/logo_sonicbids_on.png);
	background:url(/images_temp/logo_hi5_on.png);
	background:url(/images_temp/logo_friendster_on.png);
}
ul.logos {clear:both; list-style:none; margin:0; padding:0} 
ul.logos li {float:left}
li.logo_facebook {margin:0 0px 0px 0px; height:30px; width:108px; background:url(/images_temp/logo_facebook_off.png) #f3f3f3 no-repeat; padding:0 2px 0 2px}
li.logo_facebook:hover {background:url(/images_temp/logo_facebook_on.png) #fff no-repeat}
li.logo_myspace {margin:0 0px 0px 60px; height:30px; width:130px; background:url(/images_temp/logo_myspace_off.png) #f3f3f3 no-repeat; padding:0 5px 0 5px}
li.logo_myspace:hover {background:url(/images_temp/logo_myspace_on.png) #fff no-repeat}
li.logo_sonicbids {margin:0 0px 0px 0px; height:30px; width:67px; background:url(/images_temp/logo_sonicbids_off.png) no-repeat}
li.logo_sonicbids:hover {background:url(/images_temp/logo_sonicbids_on.png) no-repeat}
li.logo_hi5 {margin:0 0px 0px 60px; height:30px; width:45px; background:url(/images_temp/logo_hi5_off.png) no-repeat}
li.logo_hi5:hover {background:url(/images_temp/logo_hi5_on.png) no-repeat}
li.logo_friendster {margin:0 0px 0px 0px; height:30px; width:140px; background:url(/images_temp/logo_friendster_off.png) no-repeat}
li.logo_friendster:hover {background:url(/images_temp/logo_friendster_on.png) no-repeat}

/* post-it note */
#postit_top {position:absolute; top:0; left:147px; z-index:10}
#postit_bottom {position:absolute; top:98px; left:147px; z-index:10}

/* iTunes link */
#itunes {position:absolute; left:862px; top:68px;}

/* cart */
.cart_message {padding:10px; border: 1px solid #ddd; background:#f8f8f8}
.cart_message a {color:#666}
.errorMessage {font:bold 13px arial, sans-serif; color:#c00;}
.tabularData {font:12px arial, san-serif;}
.tabularData td {padding:2px 4px 2px 4px; background-color:#f2f2f2}
.tabularData th {padding:2px 4px 2px 4px; background-color:#ede7e3}

/* Gallery */
#gallery_wrapper {}
#gallery_grid {float:left;}
#gallery_links {width:142px; border-right:1px solid #d1cfc1; float:left; min-height:434px; height:auto !important; height:434px}
#gallery_links a {font:normal 11px arial, sans-serif; color:#010101; text-decoration:none; display:block}
#gallery_links a:hover, #gallery_links a.on {font:bold 11px/17px arial, sans-serif; color:#010101}
ul.gallery_row {margin: 0; padding: 0; list-style: none; clear:both}
ul.gallery_row li {float:left; height:82px; width:82px; padding:2px 3px 2px 2px; margin:0 2px 2px 0;}
ul.gallery_row li img {border:0}
ul.gallery_row li div {font:normal 9px arial, sans-serif}

/* contact form */
#contact .input {width:250px; margin-bottom:12px; display:block}
#contat label {font:normal 11px arial, sans-serif; display:block}

/* media */
.album_tbl {border-top:1px solid #aaa; border-left:1px solid #aaa}
.album_tbl td {background:#f4f4f4; border-bottom:1px solid #aaa; border-right:1px solid #aaa; padding:6px}
.album_tbl td.header {background:#ddd; font-weight:bold}
.album_tbl td.subheader {background:#eee}