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



/* image perload */

.hiddenpic {display:none;}


/* errors */


div#not_found {background:url(images/errors/not_found.jpg) no-repeat  top center; width: 700px; height: 530px; margin: 0 auto;}
div#not_found a { padding: 0 700px 530px 0;}
div#error {width: 300px; margin:-10px auto; text-align:center; text-decoration:none; color:#999;}
div#error a {text-decoration:none; color:#555;}


/* generic */

html { font-size: 14px; margin:0; padding: 0;}
ul {margin: 0; padding: 0;}
li {margin: 0; padding: 0;}
body { background: #fff; font-family: "Trebuchet MS", Verdana, Helvetica, Geneva, sans-serif; text-transform:lowercase; margin: 0; padding:0;}
img {text-decoration:none; border:none; margin:0; padding:0;}
p { color: #555; }
div#content div#frame a {text-decoration:none; border:none;}
div#content div#frame div.news a {text-decoration:none; font-weight: bold; border:none; color: #777;}
div#content div#frame div.news a:hover {color: #bbb;}

div#content div#frame a {text-decoration:none; font-weight: normal; border:none; color: #777;}
div#content div#frame a:hover {color: #bbb;}


div#header a.home {padding:130px 975px 130px 0; margin:0 auto;}

div.addthis { clear:both; padding: 0; font-size: 1em; width:16px; height:16px;}

div.addthis a img { text-decoration:none; border:none;}

div.addthisbio { float: left; font-size: 1em; width:16px; height:16px; margin: 15px 0 0 -10px;padding:0 5px 0 5px;}
div.addthisbio a img { text-decoration:none; width:16px; height: 16px; border:none;}
div#main div.addthisbio a { width:16px; height:16px;}

div.icon {float: left; width:16px; height:16px; clear:both; margin: 15px 0 0 -5px;padding:0 10px 0 0;}
div.icon a img { text-decoration:none; border:none; margin:0; padding:0;}
div#main div.icon a { width:16px; height:16px;}



div#content div.addthis a.addthisbuttoncompact {text-decoration:none; font-weight:normal; font-size: smaller; color:#777; display:block; padding: 0; margin: -10px 0 0 ; height:auto; width:16px; }

div#masthead { margin:0 0 30px 0; padding: 0;}

div#main {float:left; width:260px; margin: 0 auto 30px; }

div#indexmasthead { margin:0; padding: 0; position:static;}

div#indexwrapper {}
div#indexbanner {background: url(images/graphics/indexbanner2.jpg) no-repeat top center; height:500px; padding: 0; margin:0 auto;}
div#indexds {background: url(images/graphics/gradientbottom2.png) no-repeat top center; height:23px; padding: 0; margin:0 auto;}
/* div#indexds_sm {background: url(images/graphics/gradientbottom_sm.png) repeat-x top center; height:23px; padding: 0; margin:0 auto;} */

div#indexnavlinks { width: 700px; margin: -20px auto 0;}
div#indexnavlinks ul { list-style-type:none; text-align: center;}
div#indexnavlinks li {display:inline; margin: 0 ; padding: 0 8px;} 
div#indexnavlinks li a { text-decoration:none; font-weight:bold; color:#777; }
div#indexnavlinks li a:hover {color:#bbb;}

div#header {background: url(images/banners/banner8.jpg) no-repeat top center; height: 150px; padding: 0; margin:0 auto;}


div#navlinks {width: 900px; margin: 2px auto 15px;}
div#navlinks ul { list-style-type:none; text-align: center;}
div#navlinks li { font-size: 1em; display:inline; margin: 0 ; padding: 0 8px;} 

div#navlinks li a { text-decoration:none; font-weight:bold; color:#777; }
div#navlinks li a:hover {color:#bbb;}
div#navlinks li a:focus {color:#bbb;}

div#frame { width: 700px; padding: 5px 5px 100px 5px; margin:0 auto;}


div#content { width: 980px; height:auto; margin:0 auto; padding:0; }


h1.title { font-size: 1.6em; color:#555; font-weight: normal; width: 350px; padding: 10px 0; margin:0 auto 7px 0;}

h1 { width: 305px; font-size: 1.6em; color:#555; font-weight: normal; padding: 10px 0; margin:0 auto 15px 0;}
h2 {font-size: 1.2em; color:#555; font-weight:normal;  padding: 0;margin:0 auto;}
h3 { font-size: 1em; color:#555; font-weight: normal; padding:  0 0 15px 0; margin:-20px auto 0;}
h4 { font-size: 1em; color:#555; font-weight: normal; padding:  0 ; margin: 0;}

div#disco ul.credits h4 {width:auto; color:#555; font-weight:normal;  padding: 5px 0 5px 0; margin:0 auto 10px;}

div#content li {margin:0 auto;display:inline; list-style-type:none; border-top: solid 20px #eee; padding-bottom:8px;} 
div#content ul {margin:0 auto;display:inline; list-style-type:none; padding: 15px 0 ; margin: 22px 0;} 






/* disco styles */


div#disco_buy { margin-top: -34px;}

div#disco div#buybutton {position:relative; left:223px; top: 438px;}

div#disco div#buybutton a.buylink { width: 80px; height: 35px; display:block; font-size: .8em; background-image:url(/images/icons/buy.png);}
div#disco div#buybutton a.buylink:hover { background-image: url(/images/icons/buy_hover.png);}
div#disco div#buybutton a.buylink:active { background-image: url(/images/icons/buy_action.png);}


div#disco div#buybutton_el {position:relative; left:189px; top: 438px;}

div#disco div#buybutton_el a.buylink_el { width: 120px; height: 35px; display:block; font-size: .8em; background-image:url(/images/icons/buy_el.png);}
div#disco div#buybutton_el a.buylink_el:hover { background-image: url(images/icons/buy_hover_el.png);}
div#disco div#buybutton_el a.buylink_el:active { background-image: url(images/icons/buy_action_el.png);}



div#content div#maindisco a {text-decoration:none; font-weight:normal; font-size: smaller; color:#999; display:block; padding: 2px 0 0 5px; margin: -20px 0 0 0; height:137px; width:115px; }

div#content div#maindisco a:hover {color:#333;} 

div#disco h3 { font-size: 1em; color:#555; font-weight: normal; padding: 10px 0 5px 0; margin:-35px auto -12px;}


div#maindisco {margin: 2px 0 0 0;}
div#disco { float:left;  width: 380px; margin:0 auto 20px;}

div#disco ul {display:inline; float:left; list-style-type:none; margin:0 auto; padding: 3px 0 20px 0;  width:380px; } 



div#disco a.cover { font-size:.8em; color:#666; width: 113px; height:135px; margin: -20px 0 0 0; padding:1px 0 0 5px;}
div#disco a.cover:hover {color:#aaa;}

div#disco li { float:left; display:inline; width: 120px; height: 110px; margin: 5px 5px 5px 0;}


div#albumsquickindex { float:left; clear:left; width:275px; padding: 0 0 30px 0; margin:0; }

div#albumsquickindex ul#albumssmall {width:330px; display:inline; float:left; list-style-type:none; margin:0 auto; padding: 0;  }
div#albumsquickindex ul#albumssmall li { border:none; float:left; width: 50px; height: 50px; margin: 0 5px -3px 0;}
div#albumsquickindex ul#albumssmall li a {margin: 0; padding:0 49px 32px 0;}
div#albumsquickindex ul#albumssmall li a:hover { border: solid 1px #999;}
div#albumsquickindex h5 { font-size: 1em; width:315px; color:#777; font-weight:normal; background-color: #eee; padding: 10px 0 10px 10px; margin:0;}


div#tracklist { clear:left; width:310px; margin: 0 0 20px -5px; padding:0 ;}
div#content table {margin:0 auto; padding: 0; margin: 15px 0; text-align:left;}
div#content th { font-size: .8em; font-weight: normal; border: solid 1px #999; margin:0; padding:5px;}
div#content td { font-size: .8em; color:#555; margin:0; padding:0 0 5px 5px;}

div#disco ul.credits {width:300px;  display:block;  font-size: .8em; font-weight: normal; list-style-type:none; padding: 0; margin:0;} 
div#disco ul.credits li { width: 300px; height: auto; border:none; display:block;  padding:0; margin:0;} 


div#maincover { width:auto; height:auto; margin: 38px 0 10px 0; padding:0; }
img#cover { float:left; border:solid 1px #999; padding: 0; margin:0; }


div#disco div#ds300 { clear:both; float:left; background: url(/images/graphics/gradientbottom_300.png) no-repeat top left; width:300px; height:25px; padding: 0; margin:-1px 12px -10px -5px;}


div#maincredits p { width:330px; font-size: .8em; padding:0; margin:0; }
div#maincredits { margin:30px 0 10px 6px;}








/* press styles */

img.pressphoto  { width: 650px;}

div.press { width:240px; margin: 0 auto 80px; float:left;}

div#mainpress {margin: -38px auto;}

div.press h1#presslink a { width: 305px; height: auto; font-size: 1em; color:#555; font-weight: normal; padding: 10px 0; margin:0 auto 28px 0;}

div.press h1#presslink a:hover {color:#aaa;}

div.press h1#presslink { width: 305px; height: 20px; font-size: 1.6em; color:#555; font-weight: normal; padding: 0 0 28px; margin:10px auto 14px 0;}

div.press h5#presslinkh5 { font-size:1.2em; height: auto; width: auto;color:#555; clear:left; font-weight:normal; padding: 0 0 8px;margin:0 auto;}

div.press h2{clear:left; font-weight:normal; padding: 0;margin: 0em auto .5em;}
div#mainpress1 h5{ font-size:1.2em; color:#555; clear:left; font-weight:normal; padding: 10px 0 0;margin:0 auto;}
div#mainpress1 h5 a { font-size:1em; height: auto; width: auto;color:#555; clear:left; font-weight:normal; padding: 10px 0 7px;margin:0 auto;}
div#mainpress1 h5 a:hover {color:#aaa;}
div#mainpress1 h5 a:focus {color:#aaa;}
div#mainpress1 { margin:-18px 0 0;}
div#mainpress1  p { width: 300px; font-size:.9em; color:#555; font-weight:normal; padding: 10px 0 0;margin:0 auto 15px;}
div#mainpress1 table { margin: -2px 0 0; padding: 0;}
div#mainpress1 table td {margin: 0;  padding: 0 2px 2px 0;}
div#mainpress1 table td a { height: 120px; margin: 0;  padding: 0;}

div.press h2{clear:left; font-weight:normal; padding: 0;margin:-22px auto 10px;}
div#mainpress2 h5{ font-size:1.2em; color:#999; clear:left; font-weight:normal; padding: 0;margin:0 auto;}
div#mainpress2 h5 a { font-size:1em; height: auto; width: auto;color:#aaa; clear:left; font-weight:normal; padding: 10px 0 7px;margin:0 auto;}
div#mainpress2 h5 a:hover { color:#aaa;}
div#mainpress2 { margin:-18px 0 0;}
div#mainpress2  p { width: 300px; font-size:.9em; color:#999; font-weight:normal; padding: 0;margin:0 auto 15px;}
div#content div.press div#mainpress2 table { margin: 0; padding: 0;}
div#content div.press div#mainpress2 table td { height:auto; width:auto; margin:0; padding:0 10px 10px 0; }
div#content div.press div#mainpress2 table img { margin: 0; padding: 0; }
div#content div.press div#mainpress2 table td a.download_icon { float: right;  width:16px; height: 16px; margin: 0; padding: 0; }


div#mainpress2 div#ds200 { clear:both; float:left; background: url(/images/graphics/gradientbottom_180.png) no-repeat top left; width:180px; height:15px; padding: 0; margin:0;}

div#mainpress2 div.ds200 { clear:both; float:left; background: url(/images/graphics/gradientbottom_180.png) no-repeat top left; width:180px; height:15px; padding: 0; margin:-5px 0 0;}




ul#pressindex {margin: 0; padding:0;}

div#pressindexleft ul.pressindex { float:left; display:block; width: 120px;}
div#pressindexright ul.pressindex {  float:right; display:block; width: 120px;}

div#pressindexleft ul.pressindex  li { background: #fff; border:solid 1px #ccc; width: auto; width: 110px; height: 15px; display:block; 
text-align:left; margin: 0 0 5px 0; padding: 3px 0 5px 5px; position: relative;}
div#pressindexright ul.pressindex li { background: #fff; border:solid 1px #ccc; width: auto; width: 110px; height: 15px; display:block; 
text-align:right; margin: 0 0 5px 0; padding: 3px 0 5px 5px; position: relative;}

div#pressindexleft ul.pressindex li a { color:#777; border: none; height: auto; font-size:.8em;  
margin: -5px 0 -5px -5px; padding:5px; }
div#pressindexright ul.pressindex li a { color:#777; border: none; height: auto; font-size:.8em;  
margin: -5px 0 -5px -5px; padding:5px; }

div#pressindexleft ul.pressindex li a:hover { padding: 5px 0 5px 155px; margin: -5px -255px 0 5px; 
position: absolute; left: -155px; top: 5px; width: 120px; height: 199px; color: #ccc; }
div#pressindexright ul.pressindex li a:hover { padding: 5px 142px 5px 0; margin: -5px 0 0 -215px;	 
position: absolute; right: -137px; top: 5px; width: 120px; height: 199px; color: #ccc; }

div#pressindexright ul.pressindex li#qu1 a:hover { height: auto;}


div#photo { margin-bottom: 150px;}
div#photo a.largephoto {height:auto; width:auto; }






/* direction styles */


div#direction {width: 520px; height:auto; padding:0; margin-left:0;}


div#direction ul.arrows { width: auto;   padding: 0; margin: 0; }
div#direction ul.arrows li {float: left;  list-style-type:none; font-size: 1em; font-weight:normal; color:#999;   padding: 0; margin:0; border:none;} 
div#direction ul.arrows li.nonext { color:#fff; padding: 0 5px; } 

div#direction ul.arrows a {width: auto;text-decoration:none; font-size: .9em; font-weight:normal; color:#999;   height: auto; margin: 0; padding: 5px 10px 5px 0; }
div#direction ul.arrows a:hover {color:#ccc; }
div#direction ul.arrows a.enlarge { text-decoration:none; font-size: .9em; font-weight:normal; color:#999;   height: auto; margin: 0px; padding: 5px; }
div#direction ul.arrows a.enlarge:hover {color:#ccc; }

div#direction ul.arrows a.gallery { clear:both; text-decoration:none; font-size: .9em; font-weight:normal; color:#999;   height: auto; margin: 0px; padding: 5px 10px 5px 5px; }

div#photo img.pressphoto{ border:solid 1px #aaa;}

div.quotes { font-size: .9em; color: #999; clear:left; margin-top: 4em; }
div.quotes b {font-size: .9em; font-weight:normal; color: #555; }

div#direction ul.arrows a.download_icon { clear:both; text-decoration:none; font-size: .9em; font-weight:normal; color:#999;   height: auto; margin: 0 5px ; padding: 5px 10px 5px 5px; }






/* news styles */

div.news { font-size: 1em; width: 390px; float:left ; margin: 0 auto 30px;}

img.news { width: 190px; border: solid 1px #ccc; float:left; padding: 0; margin: 0 15px 0 0; }

div.news h2 { font-weight:normal; padding: 0;margin:-.5em auto .5em;}
div.news h3 { width: 113px; margin: 0 0 -18px 0 ; padding:1px 0 0 5px;}
div.news div#news_current { margin: 0 10px 40px 0;}
div.news b { font-size: 1.2em;  color: #555; padding: 0 ; }
div.news p { clear:right; font-size: .9em; padding: 0 0 .4em 0; margin: 0;}
div.news div#news_old { clear:left; margin: 20px 10px 50px 0;}
div.news div.news_old { clear:left; margin: 20px 10px 50px 0;}
div.news div#ds200 { clear:both; float:left; background: url(/images/graphics/gradientbottom_200.png) no-repeat top left; width:200px; height:25px; padding: 0; margin:-1px 12px -10px -5px;}

div.news div.ds200 { clear:both; float:left; background: url(/images/graphics/gradientbottom_200.png) no-repeat top left; width:200px; height:25px; padding: 0; margin:-1px 12px -10px -5px;}




/* journal styles */

div.journal { font-size: 1em; width: 380px; float:left ; margin: 0 auto 30px;}

img.journal {width: 360px; padding: 0; margin: 0 8px 0 0; }

div.journal h2 { font-weight:normal; padding: 0;margin:-.5em auto .5em;}
div.journal h3 { width: 113px; margin: 0 0 -18px 0 ; padding:1px 0 0 5px;}
div.journal div#post_current { margin: 0 .5em 1.5em 0;}
div.journal b { font-size: 1.2em;  color: #555; padding: 0 ; }
div.journal p { clear:right; font-size: 1em; color: #999; padding: .4em .4em .4em 0; margin: 0;}
div.journal div#post_old { clear:left; margin: 2em .5em 2em 0;}








/* photography styles */


h1#photoh1 { width: 305px; font-size: 1.6em; color:#777; font-weight: normal; padding: 10px 0; margin:0 auto 23px;}


div.photography a#various { width:auto; height:20px; text-decoration:none; border:none; padding:0; margin:0; }


div.gallery_table table.echotable img { border:none; margin:0; padding:0;}
div.photography { font-size: 1em; width: 650px; float:left ; margin: 0 auto 30px;}
div.gallery_table { margin: -5px 0 0 -5px; padding: 0 0 10px;}
div#content div#frame div.gallery_table table.echotable td { padding:0 5px 5px 0; margin:0; }
div.photography div.gallery_table table.echotable td a { width:auto; height:auto; text-decoration:none; border:none; padding:0 ; margin:0; }

div.photography h2 { font-weight:normal; padding: 15px 0;margin:-18px auto;}
div.photography h3 { width: 113px; margin: 0 0 -18px 0 ; padding:1px 0 0 5px;}
div.photography b { font-size: 1.2em;  color: #555; padding: 0 ; }
div.photography p { width: 620px; font-size: .9em; padding: 12px 10px 5px 0; margin: -3px 0 0;}

div#galleryphoto {clear:both; width: 800px;}
div#galleryphotosub {clear:both; width: 800px; padding:5px 0 0;}


div#galleryphoto img {margin:0; padding:5px 0 0; }
div#galleryphotosub img.galleryphoto {margin:0; padding:0; }
div#galleryphotosub img.galleryphoto2 { margin:0; padding:0;}
div#galleryphoto table#varioustable {clear:both; margin: 0 0 0 -5px;}
div#galleryphoto p  { clear:both; width: 700px; font-size: .9em; padding: 0; margin: 0;}

div#direction div#galleryphoto {border:none; margin:0; padding:0;}


div.gallery_element { padding:5px 0 30px; margin: -18px 0 0;}

div#galleryphoto div#ds200 { clear:both; float:left; background: url(/images/graphics/gradientbottom_200.png) no-repeat top left; width:200px; height:20px; padding: 0; margin:-4px 0 0;}

div#galleryphoto div#ds400 { float:left; background: url(/images/graphics/gradientbottom_400.png) no-repeat top left; width:400px; height:20px; padding: 0; margin:-4px 0 0 15px;}

div#galleryphoto div#ds600 { clear:both; float:left; background: url(/images/graphics/gradientbottom_600.png) no-repeat top left; width:600px; height:20px; padding: 0; margin:-4px 0 0;}

div#galleryphoto div#ds700 {clear:both; float:left;  background: url(/images/graphics/gradientbottom_700.png)  no-repeat top left; width:700px; height:20px; padding:0; margin:-4px 0 0;}

div#photo div#ds600 {clear:both; float:left; background: url(../../../images/graphics/gradientbottom_600.png) no-repeat top left; width:600px; height:22px; padding: 0; margin:-2px 0 0 0;}








/* biography styles */


div.biography { font-size: 1em; width: 750px; margin: -15px 0 15px;}

div#photo_nikko {float:right; padding: 0 .5em .5em 0; margin:0 0 0 1em;}
div.biography div#maintext { float:left; width:400px; margin: -601px 0 0 0}

div.biography h2 {font-size: 1.2em; font-weight:normal; padding: 7px 0 10px;margin:0 auto;}
div.biography h2#bio { margin-top: -25px;}
div.biography h2#etc { margin-top: 15px;}
div.biography b { font-size: 1em;  color: #555; padding: 0 ; }
div.biography p { width:460px;font-size: .9em; padding: 0 0 0.5em; margin:0 .5em 0 0;}

div.biography div#photods {clear:right; float:right; background: url(images/graphics/gradientbottom_ph.png) no-repeat top center; width:280px; height:20px; padding: 0; margin:-7px 0 0;}

div#main div#biography_icons {float:left; height:18px; width:38px; margin: 15px 0 ; }

img#nikkobio {float:right; padding: 0 .5em .5em 0; margin:38px 0 0 15px;}


/* copyright styles */


div.beasport { font-size: 1em; width: 700px; float:left ; margin: 0 auto 15px;}

div#photo_nikko { float:right; padding: 0; margin:0;}
div#photo_nikko img#beasport { clear:both; float:right; padding: 0; margin:0;}
div.beasport h2 {font-weight:normal; padding: .5em 0;margin:0 auto;}
div.beasport h2#bio { margin-top: -1em;}
div.beasport b { font-size: .9em;  color: #555; padding: 0 ; }
div.beasport p { font-size: .9em; color: #555; padding: 0  ; margin:0 10px 10px 0;}
div#frame div.beasport a.copyright { width: 90px; height:35px; font-size: 1em; color: #999; padding: 0 ; margin:0 ;}

div.beasport div#photods { background: url(images/graphics/gradientbottom_ph.png) no-repeat top left; width:240px; height:20px; padding: 0 ; margin:0 7px 0 0;}

div.beasport div#copyrighttext {width: 450px; float: left; clear:left; margin:0; }


/* specifics styles */


div.specifics {  font-size: 1em; width: 380px; float:left ; margin: 0 auto 30px;}

div.specifics h2 {clear:left; font-weight:normal;  padding: .5em 0;margin:0 auto;}
div.specifics h2#films { padding: 10px 0 8px}
div.specifics b { display:block; font-size: 1.2em; font-weight: normal; color: #555; padding: 0 ; }
div.specifics p { font-size: .8em; color: #aaa; padding: 0 1.5em .4em 0; margin:0;}


div#posters { font-size: 1em; width: 400px; float:left ; margin: 2px auto 30px;}
div#content div#posters table.posters td { margin:0; padding:0 2px 2px 0; }
div#content div#posters table.posters td a { width:auto; height:auto; margin:0; padding:0; }
div#posters h2 {font-weight:normal; padding: 6px 0 0;margin:0 auto;}
div#posters { width: 330px; margin:7px 0 0; }



/* videos styles */

div#content h1.videoh1 a { width: auto; height:auto; font-size: 1em; color:#555; font-weight: normal; padding:0; margin:0;}
div#content h1.videoh1 a:hover { color:#aaa;}
div#content h1.videoh1{ width: 305px; height:auto; color:#777; font-weight: normal; padding: 10px 0; margin:0 auto 21px 0;}

div#content h2.videoh2 a { width: auto; height:auto; font-size: 1em; color:#555; font-weight:normal;  padding: 0;margin:0 auto;}
div#content h2.videoh2 a:hover { color: #aaa;}
div#content h2.videoh2{ height:auto; color:#777; color:#777; font-weight:normal;  padding: 0;margin:6px auto 0;}
div#main div.videos table.videostills { padding: 0 ; margin: 6px 0 22px;}

div.videos { font-size: 1em; width: 400px; float:left ; margin: 2px auto 30px;}
div.videos p {font-size: .9em;  width: 600px; margin:0; padding:0;}


div#content div.videos table.videostills td { margin:0; padding:0 2px 2px 0; }
div#content div.videos table.videostills td a { width:auto; height:auto; margin:0; padding:0; }
div.videos h2 {font-weight:normal; padding: 0;margin:0 auto;}

div.videos div#shortcut  { width:400px; margin: -15px .5em 1em 0;}
div.videos div#voyage {width:400px;  margin: -1em .5em 1em 0;}
div.videos div#arco_iris {width:400px;  margin: -1em .5em 1em 0;}
div.videos div#view  { width:400px; margin: -15px .5em 1em 0;}


div.videos div#ds700 {clear:both; float:left; background: url(../../../images/graphics/gradientbottom_700.png) no-repeat top center; width:700px; height:20px; padding: 0; margin:-2px 0 0;}

div.videos div#object {padding: 17px 0 0 2px;}


/* video_sidebar styles */


div#video_sidebar { border:solid 1px #ccc; float:right; width:250px; height:900px; padding:10px; margin: 32px 0 200px 5px;}

div#video_sidebar h3 {font-size: 1em; color:#999; font-weight:normal; padding: 0;margin:0 auto;}

div#video_sidebar p { font-size: .8em; color: #ccc; padding: 0; margin:0; width:auto;}
div#video_sidebar a {border:none; font-size: .8em; width: auto; height:auto; color: #ccc; padding:0; margin:0;}
div#video_sidebar a:hover {color: #999;}
div#video_sidebar a.popup {border:none; font-size: .8em; width: 230px; height:auto; color: #ccc; padding:0; margin:-15px 0 0;}
div#video_sidebar a.popup:hover {color: #999;}

div#video_sidebar img {border:solid 1px #999; float:left; padding: 5px 0; margin:0 .5em 0 0;}


div.onsite { clear:both; width:300px; height: 600px; margin: 66px auto 0;}
div#playerds {background: url(images/graphics/gradientbottom_pl.png) no-repeat top center; height:23px; padding: 0; margin:-5px auto 0;}


/* sidebar styles */


div#sidebar {float:right; width:300px; height:400px; padding:18px 0 0; margin: 1px 0 200px 5px;}

div#sidebar h3 {font-size: 1em; color:#555; font-weight:normal; padding: 0;margin:0 auto;}

div#sidebar p { font-size: .8em; color: #ccc; padding: 0; margin:0; width:auto;}
div#sidebar a {border:none; font-size: .8em; width: auto; height:auto; color: #ccc; padding:0; margin:0;}
div#sidebar a:hover {color: #888;}
div#sidebar a.popup {border:none; font-size: .8em; width: 230px; height:auto; color: #555; padding:0; margin:-15px 0 0;}
div#sidebar a.popup:hover {color: #888;}

div#sidebar img {border:solid 1px #999; float:left; padding: 5px 0; margin:0 .5em 0 0;}


div.player {clear:both; width:auto; height: auto; margin: 66px auto 0; padding-top:0;}
div#playerds {background: url(images/graphics/gradientbottom_pl.png) no-repeat top center; height:23px; padding: 0; margin:-5px auto 0;}


/* contact styles */

div#feedback { border:solid 1px #ccc; float:left; width: 350px; height: 500px; font-family: "Trebuchet MS", Verdana, Helvetica, Geneva, sans-serif; text-transform:lowercase; margin: -288px 0 0; padding:10px;}

div#feedback fieldset { font-size: .9em; text-align:left;}
div#feedback fieldset div { color:#555;}
div#feedback fieldset a {text-decoration: none; font-weight: normal; color: #555; display: block; padding: 0; 
margin: 0 5px 45px 0px; height: auto;}
div#feedback fieldset input {width:239px; display: block; padding: 0; margin: 0; height: auto;}
div#feedback  div#pagewidth label {clear:both; color:#555;margin: 0 5px 10px 0; }
div#feedback  div#pagewidth span {text-align:center; clear:both;  margin: 0; color:#555;}

div#dropbox {float:right; clear: right; font-family: "Trebuchet MS", Verdana, Helvetica, Geneva, sans-serif; text-transform:lowercase; margin:-220px 0 10px; padding:0; }
div#social_icons { text-align: right; width: 200px; float: right; clear: right; margin: -130px 0 10px; padding:0;}
div#social_icons a {width: 150px; height:54px; margin: 5px; padding: 0;}

div.contact div#photods {clear:both; float:right; background: url(images/graphics/gradientbottom_ph.png) no-repeat top center; width:300px; height:20px; padding: 0; margin:-7px 0 0;}

div.contact { font-size: 1em; width: 700px; float:left ; margin: -30px auto 15px;}

div.contact h2 {font-weight:normal; padding: .5em 0;margin:0 auto;}
div.contact h2#bio { margin-top: -1em;}
div.contact b {font-size: 1em;  color: #444; padding: 0 ; }
div.contact p { font-size: 1em; color: #555; padding: 0 0 0.5em; margin:0 .5em .2em 0;}


div.contact div#ds300 { clear:both; float:left; background: url(/images/graphics/gradientbottom_300.png) no-repeat top center; width:370px; height:20px; padding: 0; margin:0;}




/* footer styles */



div#footer { clear:both;  margin: 10px auto 0px; padding: 5px 0; text-align:center; }

div#footer ul#bottomlinks {text-align:center; padding: 5px 5px 10px;}
div#footer ul {width: 380px; display: inline; padding: 5px 0; margin:0; }
ul#bottomlinks li {display: inline; font-size: .9em; padding:0 5px ; margin: 0 5px ; }
ul#bottomlinks a {  text-decoration:none; font-weight:normal;  color:#555; }
ul#bottomlinks a:hover {color: #aaa;}

div#footer li.current {text-decoration:none; font-weight:normal; font-size: .9em;  color:#aaa; display:inline;  padding:0; margin:0 0 0 5px;}