/********************************************
   AUTHOR:          http://www.ectomachine.com 
   WEBSITE:     http://www.katapulse.com/
   TEMPLATE NAME:  katapulse
   DATE:           Oct-1st-2009

 *******************************************/ 
 
/********************************************
   XHTML ELEMENTS
********************************************/ 

 
* { margin: 0; padding: 0px; }

.widgettitle {display: none}

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

#home { background: #d9d1c2 url(images/bg.gif) repeat-x; } 
#sub { background: #d9d1c2 url(images/subbg.gif) repeat-x; }

#holder, #subholder { margin: 0 auto;  background: url(images/homebg.jpg) no-repeat;  height: 100%;}
#subholder { background: url(images/headersubbg.jpg) no-repeat; }


/* ----------Site Elements--------------------- */
em {display:  none}
.line, .linesub { border: none; background: url(images/linebg.gif) repeat-x; height: 2px; margin: 0 auto; margin-bottom: 14px; margin-top: 64px; }
.linesub { margin-top: 10px; margin-bottom: 26px; }
.clear { clear: both; }
a:active, a:focus{outline: 0;}
img {border: none}


/* ----------Centered Container Or the Layout--------------------- */
#container { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto -4em; /* make sure this matches in the body footer DIV */
width: 940px;
} 


label { font: bold 10pt 'Trebuchet MS', Arial, Sans-serif; color: #777;}

input[type="text"], textarea {
width: 40em;
border: 1px solid #b6ac99;
font: 12px Arial, Helvetica, Sans-serif;
color: #faf9f7;
padding: 8px;
margin-bottom: 14px;
margin-top: 4px;
background-color: #c3b9a7;
}

textarea { height: 8em }

input[type="submit"] {width: 130px; height: 75px; background: url("images/button_submit.gif") no-repeat 0px 0px; border: none; text-indent: -9999px; cursor: pointer;}


/* --------------HEADER---------------------------------------- */
#header { height: 156px;}


/* --------------LOGO IN HEADER *always use this*------------- */
.logolink, #swap { background-image: url('images/logo.png'); background-repeat: no-repeat; height: 132px; width: 275px; float: left}
.logolink a { float: left;  }
.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */


/* --------------TOPNAV------------- */
#topnav { float: right; width: 575px; height: 45px; margin-top: 55px;}
#topnav li{ display: inline;}

#topnav li a{
float: left;
color: #FFF;
text-decoration: none;
padding-right: 17px;
padding-left: 17px;
padding-top: 10px;
padding-bottom: 10px;
text-transform:lowercase;
font: 18px bold Arial, Helvetica, sans-serif;
letter-spacing: -1px;
margin-right: 21px;
}

#topnav li a.last { margin-right: 0px;}
#topnav li a b { font: 11px bold Arial, Helvetica, sans-serif; color: #9ba1b9; letter-spacing: 0px;}
#topnav li a:hover { color: #FFF; text-decoration: none; background: url(images/navrollbar.png) repeat-x; }
#topnav li a:hover b { color: #e6732a}



/* --------------MISSION------------- */
#mission { height: 449px; padding-top: 0px; margin-top: 65px;}
#mission .screen { height: 318px; background: url(images/missionbg.png) repeat; border: 1px solid #23183f }
#mission .player { width: 505px;  border: 1px solid #3b2b54; float: left; margin: 15px; }
#mission .right { float: right; width: 375px; margin: 20px 15px 15px 0px; }
#mission .right h1 { height: 47px; width: 363px; background: url(images/mission_head.png) no-repeat; margin-bottom: 16px; }
#mission .right p { color: #9ba1b9; font: 11px bold Arial, Helvetica, sans-serif; line-height: 16px; padding-right: 12px; margin-bottom: 16px }
#mission .right .button { position: absolute; margin-top: 8px; margin-left: 160px; }


/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/
#main, #mainsub { min-height: 475px; height: auto; height: 100%; background: url(images/contentbg.jpg) no-repeat; padding-top: 25px; margin-top: -64px; }

#main .content, #mainsub .content {
padding: 0px;
margin-left: 425px;
margin-right: 0px;
min-height: 170px; /* Height of Background Img */
height: auto;
}

#main .navleft, #mainsub .navleft { float:left; width: 379px; margin: 0px; padding: 0px; margin-bottom: 0px;}


/* --------------HOME PLAYER------------- */
#player { margin: 0px; padding: 0px; font: 12px Arial, Helvetica, Sans-Serif;}
#player .head { height: 56px; width: 298px; background: url(images/playerhead.gif) no-repeat; }
#player .holder { padding: 10px; background-color: #ffb76a; margin-bottom: 18px; }
#player .shadow { height: 18px; background: url(images/playershadow.gif) no-repeat }


/* --------------HOME NEWS----------------------- */
#homestudio, #homeind { width: 237px; margin-top: 25px; margin-bottom: 50px; }
#homestudio ul, #homeind ul { margin-left: 10px; padding: 0px;}
#homestudio ul li, #homeind ul li { list-style-type: none; display: block; background: url(images/icon_sound.gif) left top no-repeat }
#homestudio ul li a, #homeind ul li a { color: #34322f; font: bold 12px bold Arial, Helvetica, sans-serif; padding-left: 18px; }
#homestudio p, #homeind p { margin-bottom: 24px; color: #534730; font: 11px bold Arial, Helvetica, sans-serif; padding-left: 18px; }

#homestudio a.readmore, #homeind a.readmore, .latestwork a.readmore, .latestworklast a.readmore 
{ float: right; font: bold 14px Arial, Helvetica, sans-serif; color: #f04f25; text-transform: lowercase; text-decoration: none }

#homestudio a.readmore:hover, #homeind a.readmore:hover, .latestwork a.readmore:hover, .latestworklast a.readmore:hover {text-decoration: underline}

/* -----HOME STUDIO NEWS------------- */
#homestudio { float: left; }
#homestudio b, #homeind b { padding-left: 64px; font: bold 24px bold Arial, Helvetica, sans-serif; color: #f04f25; letter-spacing: -1px; text-transform: lowercase; position: absolute; margin-top: 10px;}
#homestudio .icon, #homeind .icon { position: absolute}
#homestudio .icon { width: 43px; height: 53px; background: url(images/icon_woofer.gif) no-repeat}


/* -----HOME INDUSTRY NEWS------------- */
#homeind { float: right; }
#homeind .icon { width: 44px; height: 53px; background: url(images/icon_earth.gif) no-repeat}


/* --------------SUB PAGE MAIN, SUB LEFTSIDE----------------*/
#mainsub { margin-top: 3px; }
#mainsub .content { margin-left: 344px; margin-bottom: 50px; }

#mainsub .content p {  color: #34322f; font: 12px Arial, Helvetica, Sans-Serif; padding-bottom: 20px; }

#mainsub .content h1, .otherhead { 
color: #f04f25;  
font: bold 24px Arial, Helvetica, Sans-Serif; 
letter-spacing: -1px; 
text-transform: lowercase; 
padding-bottom: 14px; 
}

#mainsub .content .otherhead  { padding-bottom: 0px; margin-bottom: -6px; }


#mainsub .content h2, h4 { font: bold 14px Arial, Helvetica, Sans-Serif; color: #34322f; }
#mainsub .content h4 { margin-bottom: 12px }
#mainsub .content h3 { font: bold 20px Arial, Helvetica, Sans-Serif; color: #f04f25 }
#mainsub .content a, #player a  {color: #f04f25 }

#mainsub .emailpic { float: right; border: 0px; padding: 0px 0px 14px 14px;}

#mainsub .navleft { width: 298px; margin-bottom: 40px; }
#mainsub .navleft .head { width: 298px; height: 56px; background: url(images/subleft_head.gif) no-repeat;  }
#mainsub .navleft .text { background-color: #faf9f7; padding: 10px; color: #34322f; font: 11px Arial, Helvetica, Sans-Serif; margin-bottom: 30px; }
#mainsub .navleft .text p { padding-bottom: 20px; }

#mainsub .navleft ul { padding: 0px 4px 0px 4px; line-height: 18px; }
#mainsub .navleft ul li { background: url(images/icon_arrow.gif) left center no-repeat; list-style-type: none}
#mainsub .navleft ul li a { color: #f04f25; text-decoration: underline; padding-left: 14px;}


/* --------------IMAGE GALLERY----------------*/
#mainsub .gallery { margin: 0px; padding: 0px; }
#mainsub .gallery ul { margin: 0px; padding: 0px; }
#mainsub .gallery li { display: inline; padding-right: 15px; }
#mainsub .gallery img { border: 5px solid #f04f25; margin-bottom: 20px; }

.ngg-galleryoverview { margin-bottom: -120px; margin-top: 10px; }
.ngg-galleryoverview img { border: 4px solid #f04f25; float: left; clear: right; height: 116px; width: 116px; margin: 0 20px 20px 0 }


/* --------------EMAIL PIC----------------*/

.emailpic {
background: url(images/emailpic.png) no-repeat;
height:223px;
width:207px;
margin: 0px 0px 10px 14px;
text-indent: -9999px;
float: right
}


/* --------------TAG CLOUD----------------*/
.tag {background-color: #fff; padding: 8px}
.tag a { color: #f04f25; font: 12px bold Arial, Helvetica, sans-serif; }


/* --------------SUB LEFT STUDIO SPECS----------------*/
#mainsub .navleft ul.specs { padding: 0px 4px 12px 8px; line-height: 18px; }
#mainsub .navleft ul.specs li { background: url(images/icon_arrow.gif) left center no-repeat; list-style-type: none; padding-left: 10px;}

#mainsub .navleft b { color: #f04f25; }
#mainsub .navleft img { float: left; border: 0px; padding: 0px 14px 7px 0px; }


/* --------------SUB LEFT HEADERS----------------*/
#mainsub .navleft .favmov, .favmusic, .favlinks, .perfect, .studio, .news { padding: 0px; margin-left: 14px; height: 43px; width: 252px; }
#mainsub .navleft .favmov { background: url(images/lefthead_favmovie.gif) no-repeat; }
#mainsub .navleft .favmusic { background: url(images/lefthead_favmusic.gif) no-repeat; }
#mainsub .navleft .favlinks { background: url(images/lefthead_favlinks.gif) no-repeat; }
#mainsub .navleft .perfect { background: url(images/lefthead_perfect.gif) no-repeat; }
#mainsub .navleft .studio { background: url(images/lefthead_studio.gif) no-repeat; }
#mainsub .navleft .news { background: url(images/lefthead_news.gif) no-repeat; }


/* --------------STUDIO NEWS----------------*/
#mainsub .studionews, .industrynews { margin: 0px; padding: 0px }
#mainsub .studionews img, .industrynews img { float: left; margin: 0px 16px 11px 0px; border: 5px solid #fbb58d }
#mainsub .studionews .right { float: right }


/* --------------INDUSTRY NEWS----------------*/
#mainsub .industrynews a.titlelink, .latestwork a.titlelink, .latestworklast a.titlelink {  font: bold 20px Arial, Helvetica, Sans-Serif; color: #f04f25; text-decoration: underline; text-transform: lowercase }



/* --------------LATEST WORK----------------*/
#mainsub .latestwork { background: url(images/linebg.gif) bottom repeat-x; min-height: 155px; height: auto; height: 100%; margin-bottom: 30px; }
#mainsub .latestworklast { background: none }
#mainsub .latestwork .left, .latestworklast .left { float: left; width: 150px; }
#mainsub .latestwork .left img, .latestworklast .left img {border: 5px solid #fbb58d }
#mainsub .latestwork .right, .latestworklast .right { float: right; width: 445px; }
#mainsub .latestwork a.readmore, .latestworklast a.readmore { margin-bottom: 30px; }


#previous_page_link a {
width: 109px; 
height: 51px; 
background: url("images/button_prev.gif") no-repeat; 
border: none; 
text-indent: -9999px; 
cursor: pointer; 
float: left; 
margin-bottom: 70px 
}

#next_page_link a {
width: 109px; 
height: 51px; 
background: url("images/button_next.gif") no-repeat; 
border: none; 
text-indent: -9999px; 
cursor: pointer; 
float: right;
margin-bottom: 70px;
}


.next_prev_links { margin-top: 26px }
.next_prev_links a { font: bold 20px Arial, Helvetica, Sans-Serif; }
.next_prev_links .right { float: right }

/* --------------LATEST WORK INSIDE PAGES----------------*/
#mainsub .latestworkinside { margin: 0px; padding-bottom: 50px; }

#mainsub .latestworkinside .player { margin-bottom: 50px; padding-top: 20px; height: 333px; width: 585px; background: none; text-align:center;  }

#mainsub .latestworkinside .socialbar { margin: 0 auto; padding: 0px;}
#mainsub .latestworkinside .socialbar img { margin-bottom: 30px;  }
#mainsub .latestworkinside .socialbar .left { float: left; font: bold 20px Arial, Helvetica, Sans-Serif; color: #f04f25; }
#mainsub .latestworkinside .socialbar .right { float: right } 
#mainsub .latestworkinside .socialbar .left a, a.right { font: bold 20px Arial, Helvetica, Sans-Serif; color: #f04f25;}



/* --------------PURPLE BOX and SELLBOX------------- */
#purpbox, #sellbox { width: 513px; margin: 0px; padding: 0px }
#purpbox .top { height: 21px; background: url(images/purpbox_top.gif) no-repeat }
#purpbox .text, #sellbox .text { background: #350650 url(images/purpbox_bg.gif) repeat-x; width: 513px; min-height: 104px; height: 100%; height: auto;  }
#purpbox .text p { padding: 0px 18px 0px 18px; font: 20px Arial, Helvetica, Sans-Serif; color: white; line-height: 26px; }
#purpbox .text p.smalltext { padding: 0px 18px 0px 18px; font: 14px Arial, Helvetica, Sans-Serif; color: white; line-height: 20px; }
#purpbox .text b { font-size: 24px; color: #ffb76a; font-weight: bold}
#purpbox .text .info { float: right; font: 14px Arial, Helvetica, Sans-Serif; color: #ffb76a; margin-right: 18px; font-weight: lighter }
#purpbox .bot { height: 22px; background: url(images/purpbox_bot.gif) no-repeat }

#purpbox .corner { position: absolute; margin-left: -16px;background: url(images/purpbox_corner.gif) no-repeat; width: 16px; height: 19px; }



/* --------------SELL BOX------------- */
#sellbox, #sellbox .text { width: 598px }
#sellbox .top { height: 23px; background: url(images/sellbox_top.gif) no-repeat }
#sellbox .bot { height: 23px; background: url(images/sellbox_bot.gif) no-repeat }
#sellbox .text p { padding: 0px 18px 0px 18px; font: 14px Arial, Helvetica, Sans-Serif; color: white; line-height: 26px; }




/* --------------FOOTER------------- */
#footer, .push { 
clear: both;
width: 100%;
height: 4em; /* make sure this matches in the body container DIV */
bottom: 0;
left: 0;
margin: 0 auto; 
position: relative;
} 

#footer { background-color: #34322f; height: 100px; height: auto; border-top: 1px solid #f6eede }
#footer .content { width: 940px; margin: 0 auto; position: relative; }

#footer .left { float: left; width: 450px; height: 100px;}
#footer .right { float: right; width: 300px; height: 100px; text-align: right; padding-top: 22px; }


/* --------------FOOTER LINKS------------- */
#footer ul { padding: 22px 10px 10px 0px;  margin-left: -10px;}

#footer .links ul { margin: 0px; padding: 0px;}
#footer .links li { display: inline; list-style-type: none;}
#footer .links li a { color: #d8d3c8; text-decoration: none; border-right: 1px solid; padding: 0px 10px 0px 10px; font: 12px Arial, Helvetica, Sans-Serif; text-transform: lowercase}
#footer .links li a.last { border-right: 0px;}
#footer .links li a:hover { text-decoration: underline;}

#footer .w3 ul { margin: 0px; padding: 10px;}
#footer .w3 li { display: inline; list-style-type: none; padding-left: 10px;}