/* CSS Document */

/* ---------------------------------------------------------- CSS RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;} :focus {outline: 0;} ol, ul {list-style: none;} table {border-collapse: collapse; border-spacing: 0;} caption, th, td {text-align: left; font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} input, select {margin:0; padding:0;}

/* ---------------------------------------------------------- GLOBALS */

html,
body {
   margin:0;
   padding:0;
   height:100%;
}

body {
background:url(../images/bg_top.jpg) repeat-x;
font-family:Arial, Helvetica, sans-serif;
}

a:link, a:visited, a:hover, a:active {color:#707070; text-decoration:none;}

#container {
   min-height:100%;
   position:relative;
}

#body {
   	height:auto;
	min-height:600px;
  	padding:10px;
   	padding-bottom:75px;   /* Height of the footer */
}

#wrapper {
width:790px;
height:auto;
min-height:600px;
margin:5px auto 10px auto;
}


#header {
font-size:18px;
height:90px;
margin:10px 0 15px 10px;
width:780px;
}

html>body #header {
margin:0 0 15px 10px;
}

#nav {
float:left;
width:500px;
padding:75px 0 0 0;
color:#707070;
}

#nav b, #subnav b {
color:#000000;
}

#logo{
text-align:right;
margin:0 10px 0 0;
}

#login {
 margin:8px 0 0 0;
 }
#subnav {
font-size:16px;
color:#8aa4c8;
margin:0 0 30px 15px;
}

#subnav a {
color:#8aa4c8;
}

#subnav a:hover {
color:#e14cb9;
}

#space {
color:#FFFFFF;
}

.pointer {
font-size:15px;
font-weight:bold;
color:#e14cb9;
float:right;
padding:0 30px 0 0;
}

.pointer_artist { 
font-size:15px;
font-weight:bold;
color:#e14cb9;
padding:0 35px 0 0;
}

.pointer a, .pointer a:visited, .pointer_artist a, .pointer_artist a:visited {
color:#e14cb9;
}

/* ---------------------------------------------------------- HOME */
#slideshow {}

#show_reel{
width:790px;
height:230px;
}

#box {
height:305px;
width:790px;
background:url(../images/box_home.jpg) no-repeat;
margin:30px 0 10px 20px;
}
.column {
float:left;
width:355px;
height:250px;
padding:0 10px 0 10px;
}

.column h1 {
font-size:22px;
color:#cccccc;
font-weight:bold;
margin:5px 0 0 10px;
}

.thumbnail {
padding:10px 0 5px 15px;
}

#info_box {
width:750px;
text-align: left;
}

#wbenc_icon {
margin:0 0 0 35px;
}



/* ---------------------------------------------------------- ARTISTS */

.artist {
clear:left;
height:200px;
}

.artist_name {
float:left;
width:200px;
margin:20px 0 0 25px;
font-size:24px;
font-weight:bold;
}

html>body .artist_name {
margin:20px 0 0 50px;
}

.artist_thumb {
float:left;
width:460px;
height:180px;
margin:10px 0 0 0;
}

/* ---------------------------------------------------------- SERVICES */

#services_box {
height:490px;
width:790px;
background:url(../images/services_box.jpg) no-repeat;
margin:30px 0 10px 20px;
}

#services_list {
float:left;
width:220px;
height:490px;
font-size:16px;
line-height:30px;
padding:10px 0 0 20px;
}

#services_list h1 {
font-size:22px;
color:#cccccc;
font-weight:bold;
margin:0 0 10px 0;
}

#services_list a {
color:#8aa4c8;
}

#services_list a:hover {
color:#e14cb9;
}

.category {
height:150px;
}

.type {
float:left;
width:145px;
font-weight:bold;
padding:15px 0 0 10px;
font-size:18px;
}

html>body .type {
width:140px;
padding:15px 0 0 15px;
}

/* ---------------------------------------------------------- COMPANY & CONTACT */

#name {
float:left;
width:200px;
margin:20px 0 0 25px;
font-size:24px;
font-weight:bold;
}

html>body #name {
margin:20px 0 0 50px;
}

#about {
width:500px;
font-size:16px;
margin:30px 0 0 250px;
}

#contact {
width:500px;
font-size:16px;
line-height:22px;
margin:30px 0 0 250px;
}

#about a, #contact a {
color:#8aa4c8;
}

#about a:hover, #contact a:hover {
color:#e14cb9;
}
 
#bar{
height:40px;
width:750px;
background:url(../images/bar.jpg) no-repeat;
margin:40px 0 10px 20px;
}

#submission_policy{
float:none;
width:750px;
height:500px;
color:#999999;
font-size:10px;
background:url(../images/submission_box.jpg) no-repeat;
margin:60px 0 0 20px;
}

#policy_txt{
width:710px;
padding:10px 0 0 20px;
}

#policy_txt h1 {
font-size:18px;
color:#cccccc;
font-weight:bold;
}

/* ---------------------------------------------------------- GALLERIES */

#display {
width:790px;
height:500px;
text-align:center;
vertical-align:middle;
}

#show {
width:790px;
height:500px;
vertical-align:middle;
text-align:center;
}

#scroll {
width:790px;
height:40px;
background:url(../images/gallery_bar1.jpg) no-repeat;
margin:10px 0 10px 0;
font-size:24px;
color:#999999;
}

#scroll td {
vertical-align:middle;
}

#thumb_bg{
width:790px;
height:110px;
}

#left_btn, #right_btn{
float:left;
width:50px;
height:40px;
margin:22px 0 0 0;
}

#thumb_bound {
float:left;
width:685px;
height:95px;
margin:0 1px 0 1px;
overflow:hidden;
}

#thumb_box {
width:4000px;
}

.gallery_thumb {
float:left;
width:137px;
height:70px;
margin:10px 0 15px 0;
text-align:center;
}

.gallery_thumb p{
font-size:15px;
color:#8aa4c8;
line-height:40px;
text-align:center;
}

.gallery_thumb a, .services_nav a {
color:#8aa4c8;
}

.gallery_thumb a:hover, .services_nav a:hover {
color:#e14cb9;
}

#blue_box {
background:url(../images/blue_box.jpg) no-repeat;
width:790px;
height:90px;
margin:0 0 30px 25px;
float:none;
}


.services_nav {
float:left;
width:185px;
height:90px;
margin:10px 0 0 5px;
line-height:25px;
}

html>body .services_nav {
width:180px;
margin:5px 0 0 10px;
}

#thumbs_pop {
width:900px;
height:1100px;
margin:0 0 0 -15px;
background:#FFFFFF;
}

/* ---------------------------------------------------------- ANIMATICS & VIRAL MARKETING */

#sidenav {
float:left;
width:190px;
height:600px;
padding:20px 0 0 10px;
}

#sidenav ul{
font-size:16px;
color:#8aa4c8;
line-height:30px;
}

#sidenav b {
color:#000000;
}

#sidenav a {
color:#8aa4c8;
}

#sidenav a:hover {
color:#e14cb9;
}

#sidenav h1 {
font-size:18px;
font-weight:bold;
color:#cccccc;
line-height:35px;
}

#right_content {
margin:40px 0 0 190px; 
width:580px; 
text-align:center;
}

html>body #right_content {
margin:40px 0 0 210px; 
}

#scroll_bar {
width:580px;
height:40px;
background:url(../images/animatics_bar.jpg) no-repeat;
margin:10px 0 0 5px;
}

#movie_thumbs_bg{
width:550px;
height:150px;
margin:0 0 0 15px;
}

#movie_thumbs_bound {
width:550px;
height:150px;
overflow:hidden;
}

#movie_thumbs_box {
width:4000px;
margin:10px 0 0 0;
}

#left_arr, #right_arr{
float:left;
width:50px;
height:40px;
}

#label {
float:left;
width:470px;
height:40px;
font-size:18px;
font-weight:bold;
color:#000;
line-height:40px;
text-align:center;
}

/* ---------------------------------------------------------- FOOTER */

#footer {
position:absolute;
bottom:0;
width:100%;
height:15px;
background:url(../images/bg_footer.jpg) repeat-x;
text-align:center;
color:#209384;
font-size:11px;
padding:55px 0 10px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}