@charset "UTF-8";
/* CSS Document */

/***** WHOLE PAGE *****/
html {background-color:#E3E3E3; background-image:url(../images/day_gradient.png); background-repeat:repeat-x; overflow:auto;}
body a{outline:none; text-decoration:none;}
div#whole_page {position:absolute;left:0px;top:0px;width:1000px;height:610px;}


/**** HEADER ****/
div#header {position:absolute; left:140px;}
h1 {position:absolute; top:35px; left:50px;background:url(../images/header.png) no-repeat; text-indent:-9999px; width:284px; height:127px;z-index:3;}
h2 {position:absolute; top:-20px; left:-100px; z-index:1;text-indent:-9999px; background:url(../images/light_day.png) no-repeat; width:541px; height:286px;}
p#welcome {position:absolute; left:17px; top:259px; background:url(../images/left_main_welcome.gif) no-repeat; width:89px; height:19px; text-indent:-9999px;}

/* UL CONTACT DETAILS */
div#contact_details {position:absolute;left:430px;top:70px; z-index:5;}
ul#contactdetails {list-style-type:none;font-family:Arial, Helvetica, sans-serif;font-size:11px;}
ul#contactdetails a{text-decoration:none;color:#F36;}
ul#contactdetails a:hover{color:#903;}

/* HP */
div#view_hp {position:absolute; left:30px; top:300px; font-family:Arial, Helvetica, sans-serif; font-size:11px; z-index:7; width:311px;  border-top:1px solid #999; border-top-style:dotted;}
ul#hp {padding:0;}
ul#hp li{list-style-type:none; display:inline; padding-right:10px;}
ul#hp a{text-decoration:none;color:#F36;}
li#linkshp {list-style-image:url(../images/bullet.png); padding-left:10px;}
span#download_note {position:absolute; top:25px; left:150px;font-family:Georgia, "Times New Roman", Times, serif; font-size:9px; color:#666;}


/** UL MENU ITEMS */
/*** ACTUAL MENU***/
div#menu {position:absolute; left:430px; top:150px; z-index:99; height:25px; padding-top:0;}
.menulist li{list-style-type:none;font-family:Arial, Helvetica, sans-serif;font-size:12px;float:left;display:inline;}
.menulist a{text-decoration:none;display:block; outline:none;}

li#home {background:url(../images/menu_home.gif) no-repeat; width:43px; height:25px; text-indent:-9999px;}
li#about {background:url(../images/menu_about.gif) no-repeat; width:48px; height:25px; text-indent:-9999px;}
li#work {background:url(../images/menu_work.gif) no-repeat; width:44px; height:25px;text-indent:-9999px;}
li#blog {background:url(../images/menu_blog.gif) no-repeat; width:39px; height:25px;text-indent:-9999px;}
li#contact {background:url(../images/menu_contact.gif) no-repeat; width:62px; height:25px;text-indent:-9999px;}
li#blank {background:url(../images/menu_spacer.gif) no-repeat; width:34px; height:25px;}

li#home a:hover{background:url(../images/menu_home_roll.gif) no-repeat; width:43px; height:25px; text-indent:-9999px;}
li#about a:hover{background:url(../images/menu_about_roll.gif) no-repeat; width:48px; height:25px; text-indent:-9999px;}
li#work a:hover{background:url(../images/menu_work_roll.gif) no-repeat; width:44px; height:25px;text-indent:-9999px;}
li#blog a:hover{background:url(../images/menu_blog_roll.gif) no-repeat; width:39px; height:25px;text-indent:-9999px;}
li#contact a:hover{background:url(../images/menu_contact_roll.gif) no-repeat; width:62px; height:25px;text-indent:-9999px;}

/* MENU NIGHT */
div#menu_night {position:absolute; left:430px; top:150px; z-index:99; height:25px; padding:0;}
li#homen {background:url(../images/menu_home_n.gif) no-repeat; width:43px; height:25px; text-indent:-9999px;}
li#aboutn {background:url(../images/menu_about_n.gif) no-repeat; width:48px; height:25px; text-indent:-9999px;}
li#workn {background:url(../images/menu_work_n.gif) no-repeat; width:44px; height:25px;text-indent:-9999px;}
li#blogn {background:url(../images/menu_blog_n.gif) no-repeat; width:39px; height:25px;text-indent:-9999px;}
li#contactn {background:url(../images/menu_contact_n.gif) no-repeat; width:62px; height:25px;text-indent:-9999px;}
li#blankn {background:url(../images/menu_spacer_n.gif) no-repeat; width:34px; height:25px;}

li#homen a:hover{background:url(../images/menu_home_n_roll.gif) no-repeat; width:43px; height:25px; text-indent:-9999px;}
li#aboutn a:hover{background:url(../images/menu_about_n_roll.gif) no-repeat; width:48px; height:25px; text-indent:-9999px;}
li#workn a:hover{background:url(../images/menu_work_n_roll.gif) no-repeat; width:44px; height:25px;text-indent:-9999px;}
li#blogn a:hover{background:url(../images/menu_blog_n_roll.gif) no-repeat; width:39px; height:25px;text-indent:-9999px;}
li#contactn a:hover{background:url(../images/menu_contact_n_roll.gif) no-repeat; width:62px; height:25px;text-indent:-9999px;}

/**** DAY NIGHT SWITCHER ****/
div#day_night {position:absolute;right:100px;top:0px;background-color:#FFF;}
ul#daynightlist li{position:relative; left:-15px;list-style-type:none;font-family:Arial, Helvetica, sans-serif;font-size:11px;display:inline; padding-right:10px;}
ul#daynightlist li a{text-decoration:none;color:#333;padding-left:0px;}
ul#daynightlist li a:hover{color:#FF0;}
.day {background-color:#E3E3E3;}
.night {background-color:#000;}


/**** PAGE CONTENTS DIV. LOWER HALF ****/
div#pagecontent {position:absolute; top:210px; left:167px; width:600px; height:340px; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-left:40px; padding-top:40px; z-index:5;}
div#ajax_main {position:absolute; top:0px; left:0px; width:640px; height:380px;}
div#ajax_work {position:absolute; top:0px; left:0px; background:url(../images/work_bg.png) no-repeat; width:640px; height:380px;}

/**** MAIN PAGE CONTENTS *****/
div#left_main {position:absolute; left:0px; width:380px; height:385px; background:url(../images/left_main_bg.gif) no-repeat;}
div#links_main {position:absolute; right:0px; bottom:0px;width:260px; height:85px;background:url(../images/links_bg.gif) no-repeat;}
/***SLIDER***/
div#slider {position:absolute; top:7px;left:12px;width:348px; height:250px; background:#CCC;}

#slider {}
#slider ul, #slider li{margin:0;padding:0;list-style:none;}
	#slider li{ width:348px;height:250px;overflow:hidden; }	
	#prevBtn, #nextBtn{ display:block;width:30px;height:77px;position:absolute;left:-30px;top:71px;}	
	#nextBtn{ left:696px;}														
	#prevBtn a, #nextBtn a{  display:block;width:30px;height:77px;background:url(images/btn_prev.gif) no-repeat 0 0;	}	
	#nextBtn a{ background:url(images/btn_next.gif) no-repeat 0 0;	}

/* LINKS */
div#Links {position:relative; z-index:6; top:-5px; left:-20px; width:280px;}
ul#links li{list-style-type:none; display:inline; float:left;}
li#tweetlink a{background:url(../images/twitter.png) no-repeat; width:90px; height:31px; display:block; position:relative; top:-10px; text-indent:-9999px;}
li#rx a{background:url(../images/link_rx.gif) no-repeat; width:50px; height:20px; display:block; text-indent:-9999px; padding-right:10px;}
li#band {padding-right:10px;}
/* expand */
div#more {position:relative; left:-8px; top:0px; }
ul#links_more {list-style-type:none; }
ul#links_more a{ text-decoration:none;font-family:Georgia, "Times New Roman", Times, serif; color:#666; padding-right:8px; display:block;}
ul#links_more a:hover {color:#000;}
ul#links_more ul li {list-style-type:none;}
ul#links_more ul a{text-decoration:none; display:block;}
ul#links_more ul a:hover{color:#000;}
ul#links_more ul { position:absolute;left:263px;bottom:-4px;;background:#FFF; width:100px; padding:5px;display:none;}
ul#links_more li:hover ul {display:block;}

/*News*/
div#right_main {width:260px; height:300px; float:right;background:url(../images/news_bg.gif) no-repeat;}
/*External*/div#ajaxnews {position:relative; width:228px; height:700px; left:17px; top:20px; padding-top:10px;font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333; border-top:1px solid #999; border-top-style:dotted; z-index:7;}
div#news_label {position:relative; left:20px; top:10px; background:url(../images/news_header.png) no-repeat; width:29px; height:9px; text-indent:-9999px;}
/*External*/div#ajaxlinks {position:absolute; left:11px; top:4px;width:238px; height:27px;}
div#credits {position:absolute; width:230px; top:32px; left:15px; padding-top:7px;font-family:"Times New Roman", Times, serif; font-size:9px; color:#666; line-height:90%; border-top:1px solid #999; border-top-style:dotted;}

/* ABOUT */
div#about {position:absolute; top:0; left:0;width:640px; height:380px; background:url(../images/about_bg.png) no-repeat;}
div#vhp a {position:absolute; top:120px; left:60px; width:70px; height:70px; background:url(../images/viewhpabout.png) no-repeat;text-indent:-9999px; display:block; list-style-type:none;}
ul#aboutlinks li {list-style-type:none; padding:0;}
li#abouttwoot a{position:absolute; left:60px; top:200px;background:url(../images/abouttweet.png) no-repeat; width:139px; height:47px; text-indent:-9999px;}
li#listen a{position:absolute; left:60px; top:250px;background:url(../images/aboutlisten.png) no-repeat; width:139px; height:34px; text-indent:-9999px;}
div#line {position:absolute; border-top:2px solid #999; border-top-style:dotted; width:300px; left:290px; top:130px;}
div#abouttext {position:absolute; left:290px; top:140px;background:#FFF;width:310px; height:200px; padding-top:10px; padding-left:10px;}
span#xo {position:absolute; left:500px; top:320px;background:url(../images/aboutxo.gif) no-repeat; width:50px; height:20px;text-indent:-9999px;}


/* Gallery */
div#gallerycontainer {position:relative; left:20px; top:40px; width:355px; height:313px; z-index:12;}
/*thumbnails*/.thumbnail {padding: 3px 3px 8px 3px;background-color:#CCC;border: 1px solid #FFF;float: left;margin-right: 10px;margin-bottom: 10px; display:block;}
.page {list-style-type:none;text-indent:10px;}
ul#gallery_list a{text-decoration:none; color:#FFF;}
ul#gallery_list a:hover{background:#FF0;color:#FFF;}

/******WORK PAGE******/
div#workmenu {position:absolute; left:407px; top:40px;font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF; z-index:72; width:200px; height:306px;}
h3 {padding-left:10px; background:url(../images/current_display.png) no-repeat; width:140px; height:20px; text-indent:-9999px;}
h4 {padding-left:10px; background:url(../images/select_gallery.png) no-repeat; width:120px; height:28px; text-indent:-9999px;}
/*WORK MENU */
div#viewhp a{position:absolute; left:563px; top:5px;width:70px; height:70px; background:url(../images/viewhp.png) no-repeat; display:block;text-indent:-9999px; z-index:99;}


/* CONTACT */
div#contact_content {position:absolute; left:0; top:0; width:640px; height:380px; background:url(../images/contact_bg.png) no-repeat; z-index:7;}
div#form {position:absolute; left:30px; top:60px; width:550px;}

/* easyscroll */

#easyscroll{background:#fff;margin:1em 0;width:228px;left:17px;top:4px;z-index:7;}	
#easyscrollnav{position:absolute;left:580px;top:200px;margin:1em 0;z-index:8;	}			
#easyscrollnav li{list-style:none;margin-right:10px;padding:0 10px;color:#999;cursor:pointer; padding-bottom:10px;}
li#btnUp {background:url(../images/up.png) no-repeat; width:9px; height:13px; text-indent:-9999px;}
li#btnDown {background:url(../images/down.png) no-repeat; width:9px; height:13px; text-indent:-9999px;}
li#btnReset {background:url(../images/dot.png) no-repeat; width:9px; height:13px; text-indent:-9999px;}
#easyscrollnav li.over{color:#999;text-decoration:underline;}							

/* FLOATING ELEMENTS */
div#adidas {position:absolute; left:792px; top:62px; background:url(../images/adidas.png) no-repeat; width:149px; height:94px; text-indent:-9999px;}