@charset "utf-8";
/* INFORMATION
-----------------------------------------------
Creator: Nathan Leduc
website: http://ndezigns.com
contact: leduc.nathan@gmail.com
----------------------------------------------- */
@import url("reset.css");
@import url("layout.css");
@import url("safari.css");

/* MAIN NAVIGATION
----------------------------------------------- */
div#main_nav { color: #fff; font: 12px Arial, Helvetica, sans-serif; position: absolute; top: 73px; left: 40px; }
div#main_nav ul { list-style: none; }
div#main_nav ul li { margin: 0 4px; float: left; }
div#main_nav ul li a, div#main_nav ul li a:visited { color: #fff; font: bold 14px Arial, Helvetica, sans-serif; text-decoration: none; text-transform: uppercase; padding: 1px 6px; }
div#main_nav ul li a:hover, div#main_nav ul li a.current { background-color: #970000; text-decoration: none; }

/* MEDIA PLAYER CONTROLS
----------------------------------------------- */
div#header_container .media_player { width: 295px; height: 20px; background-color: #000; margin-top: -3px; position: absolute; top: 69px; right: 367px; }
div#flash_reel { width: 684px; height: 354px; background-color: #6c6c6c; margin: 20px 10px 25px 0; padding: 0; float: right; }

/* HOME STYLES
----------------------------------------------- */
div#about_main { width: 673px; background-color: #323527; color: #fff; font: normal 12px Arial, Helvetica, sans-serif; margin: 0 15px 100px 0; padding: 0; float: right; }
div#about_main .grungebox_top { background: transparent url(../images/grungebox_top.gif) top left no-repeat; color: #dfa534; font: bold 16px Arial, Helvetica, sans-serif; margin: 0; padding: 20px 10px 10px; }
div#about_main p.last { background: transparent url(../images/grungebox_bottom.gif) bottom left no-repeat; height: 32px; margin: 0 0 -32px; padding: 0; clear: both; }
div#about_main .about_roy { width: 338px; margin: 0 18px 0; padding: 0; float: left; }
div#about_main .about_roy .bio_pic { margin: 0 15px 0px 10px; float: left; }
div#about_main .about_roy h1 { color: #dfa534; font: bold 16px Arial, Helvetica, sans-serif; margin: 0; padding: 0px 10px 10px; }
div#about_main .about_roy p { margin: 0 5px 10px 10px; padding: 0; }
div#about_main .about_roy .read_more { border: none; text-decoration: none; margin: 15px; padding: 0; float: right; }
div#about_main .tour_dates { width: 295px; background: url(../images/tour_dates.gif) no-repeat; color: #fff; margin: 0 0 0; padding-bottom: 30px; float: left; }
div#about_main .tour_dates ul { margin: 50px 5px 0px; padding: 0; }
div#about_main .tour_dates ul li { font: bold 12px Arial, Helvetica, sans-serif; list-style-type: none; margin: 0 15px; padding: 8px 0 4px; }
div#about_main .tour_dates ul li span { text-align: right; position: relative; top: 0; right: 5px; display: block; margin: -15px 15px 0; padding: 0; clear: left; }
div#main_content .myspace img { border: none; text-decoration: none; position: absolute; top: 750px; left: 90px; }
div#main_content .facebook img { border: none; text-decoration: none; position: absolute; top: 715px; left: 90px; }

/* BIO STYLES
----------------------------------------------- */
body#bio .about { width: 620px; color: #fff; font: 12px Arial, Helvetica, sans-serif; margin: 20px 30px; padding: 0; float: right; }
body#bio .about h1 { color: #dfa534; font: bold 16px Arial, Helvetica, sans-serif; margin: 0 0 15px; padding: 0; }
body#bio .about p { line-height: 16px; margin: 0 0 20px; padding: 0; }
body#bio .about img { margin: 0 0 20px 20px; padding: 0; float: right; }
body#bio .about a { color: white; text-decoration: none; }
body#bio .about a:hover { color: #ccc; text-decoration: none; }
body#bio .about a:visited { color: white; text-decoration: none; }

/* VIDEO STYLES
----------------------------------------------- */
body#video div#video_container { width: 571px; background-color: #323527; color: #fff; font: bold 12px Arial, Helvetica, sans-serif; margin: 30px 40px 100px 0; padding: 0; float: right; }
body#video div#video_container .grungebox_top { background: transparent url(../images/grungebox_top.gif) top left no-repeat; color: #dfa534; font: bold 16px Arial, Helvetica, sans-serif; margin: 0; padding: 10px 10px 10px; }
body#video div#video_container p.last { background: transparent url(../images/grungebox_bottom.gif) bottom left no-repeat; height: 32px; margin: 0 0 -32px; padding: 0; clear: both; }
body#video div#video_container h1 { color: #dfa534; font: bold 16px Arial, Helvetica, sans-serif; margin: 0; padding: 0 50px 10px; }
body#video div#video_container .video_box { width: 470px; height: 313px; background-color: #000; margin: 0 auto; padding: 0; text-align: center; font-size: 18px; }
body#video div#video_container .product1 { width: 142px; height: 211px; background-color: #4a4f3a; margin: 0px 0 10px 51px; padding: 7px; float: left;  }
body#video div#video_container .product2 { width: 142px; height: 211px; background-color: #3e4230; margin: 0px 0 10px ; padding: 7px; float: left; }
body#video div#video_container .product3 { width: 142px; height: 211px; background-color: #5b6143; margin: 0px 0 10px; padding: 7px; float: left; }
body#video div#video_container .product_image img { border: none; text-decoration: none; display: block; margin: 0 auto; padding: 7px 0; }
body#video div#video_container .product_image p { text-align: center; vertical-align: bottom; display: block; margin: 3px auto; }
body#video div#video_container .product_buttons_first { width: 131px; margin: 0 0 0 51px; padding: 0 0 0 25px; float: left; position: relative; }
body#video div#video_container .product_buttons_first a, body#video div#video_container .product_buttons_first a:visited img { border: none; text-decoration: none; margin: 0; padding: 0; padding: 0; }
body#video div#video_container .product_buttons_first a:visited img { border: none; text-decoration: none; margin: 0; padding: 0; }
body#video div#video_container .product_buttons { width: 131px; margin: 0; padding: 0 0 0 25px; float: left; position: relative; }
body#video div#video_container .product_buttons a, body#video div#video_container .product_buttons a:visited img { border: none; text-decoration: none; margin: 0; padding: 0; }
body#video div#video_container .product_buttons a:visited img { border: none; text-decoration: none; margin: 0; padding: 0; }

/* CONTACT STYLES
----------------------------------------------- */
body#contact div#contact_container { width: 545px; background-color: #323527; color: #fff; font: bold 12px Arial, Helvetica, sans-serif; margin: 30px 40px 100px 0; padding: 0; float: right; }
body#contact div#contact_container .grungebox_top { background: transparent url(../images/grungebox_top.gif) top left no-repeat; color: #dfa534; font: bold 16px Arial, Helvetica, sans-serif; margin: 0; padding: 10px 10px 10px; }
body#contact div#contact_container p.last { background: transparent url(../images/grungebox_bottom.gif) bottom left no-repeat; height: 32px; margin: 0 0 -32px; padding: 0; clear: both; }
body#contact div#contact_container h1 { color: #dfa534; font: bold 16px Arial, Helvetica, sans-serif; margin: 0; padding: 0 40px 25px; }
body#contact div#contact_container p { margin: 0; padding: 0 40px 20px; }
body#contact div#contact_container img { margin-bottom: 2px; padding-right: 10px; float: left; clear: left;; }
body#contact div#contact_container img.phone { margin: 0; padding: 0 40px 20px; float: right; }
body#contact div#contact_container img.myspace { margin: 0 40px; border: none; text-decoration: none; float: left; }
body#contact div#contact_container img.facebook { margin: 10px 40px; border: none; text-decoration: none; float: left; }