/*
Theme Name: Beatworks Mobile Entertainment
Theme URI: http://beatworks.co.nz/
Description: Website theme designed specifically for Beatworks
Author: Loncey Craig | Craig Media
Author URI: http://craigmedia.co.nz/
Version: 1.0
*/
/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
/****GENERAL CSS****/
body {
  margin:0px;
  font-family:Arial, sans-serif;
  font-size: 14px;
  line-height:20px;
  color:#797777;
  background-color:#ffffff;
}

a
{
outline:none !important;
}

.clear
{
clear:both;
}

.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0;
}
 
/****HEADER****/
/********************************/
header#header
{
background-color:#8cc63f;
}

article#header-container
{
margin:0 auto;
padding:30px 15px 10px 15px;
max-width:1230px;
}

/**Header Left**/
.header-left
{
float:left;
width:48%;
}

/**Header Right**/
.header-right
{
float:right;
}

.header-right p a
{
font-family: 'helvetica_ltcondensed-bold';
font-size:23px;
font-weight:normal;
color:#ffffff;
}

.header-right p a:hover
{
color:#AFFC4D;
text-decoration:none;
}

img.social-icon
{
float:right;
margin-left:5px;
margin-bottom:10px;
}

p.contact-email
{
float:right;
}

/**Navigation**/
nav#navigation
{
float:right;
}

ul.navList
{
margin:0px;
}

ul.navList li
{
float:left;
list-style:none;
}

ul.navList li span
{
float:left;
font-size:20px;
line-height:20px;
color:#231f20;
}

ul.navList li a
{
float:left;
font-family: 'helvetica_ltcondensed';
font-weight:normal;
font-size:15px;
line-height:19px;
color:#231f20;
padding:2px 15px 0 15px;
}

ul.navList li a:hover, ul.navList li.current_page_item a
{
color:#ffffff;
text-decoration:none;
}

/****SLIDESHOW SECTION****/
/********************************/
article#slideshow
{
background:url('images/slideshow-bg.jpg') top center;
height:502px;
}

article#slideshow-pages
{
background:url('images/allpages-bg.jpg') top center;
height:200px;
}

section#slideshow-container
{
margin:0 auto;
padding:0px 15px;
max-width:1230px;
}

section#slideshow-container-upper
{
background-color:#231f20;
height:13px;
}

/*section#slideshow-container-lower
{
height:485px;
background-color:orange;
}*/

/****CONTENT SECTION****/
/********************************/
section#content-container
{
margin:0 auto;
padding:0px 15px;
max-width:1230px;
}

section.content-container-sections-submenu
{
padding:60px 0 0 0;
text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}

.content-container-submenu
{
width:31.7%;
background-color:#231f20;
vertical-align: top;
display:inline-block;
    *display: inline;
    zoom: 1;
}

.submenu-info h1
{
font-family: 'helvetica_ltcondensed-black';
font-size:25px;
font-weight:normal;
line-height:28px;
color:#c9da2d;
padding:15px 0 0 10px;
margin:0px;
letter-spacing:2px;
}

.submenu-info h1 span
{
color:#ffffff;
}

a:hover .content-container-submenu h1
{
color:#ffffff;
}

a:hover .content-container-submenu h1 span
{
color:#c9da2d;
}

.submenu-info
{
height:55px;
/*width:382px;*/
}

/****MAIN CONTENT SECTION****/
/********************************/
section.content-container-sections
{
padding:40px 0;
}

.content-container-sections-header
{
margin-bottom:60px;
height:35px;
width:100%;
background-color:#231f20;
}

.content-container-sections-header h1
{
float:left;
font-family: 'helvetica_ltcondensed-black';
font-size:35px;
font-weight:normal;
line-height:37px;
color:#231f20;
padding:0px 10px 0 0px;
margin:0px;
background-color:#ffffff;
}

/*Header Fonts*/
.content-container-sections-left h2
{
font-family: 'helvetica_ltcondensed-bold';
font-size:27px;
font-weight:normal;
line-height:27px;
color:#8bc541;
padding:0px;
}

.content-container-sections-left h3
{
font-family: 'helvetica_ltcondensed-bold';
font-size:23px;
font-weight:normal;
line-height:23px;
color:#8bc541;
padding:0px;
}

.content-container-sections-left h4
{
font-size:18px;
font-weight:bold;
line-height:18px;
color:#8bc541;
padding:0px;
}


/**Content Container Left & Right**/
.content-container-sections-left
{
float:left;
width:65%;
}

.content-container-sections-left a
{
color:#8bc541;
}

.content-container-sections-left a:hover
{
color:#8bc541;
text-decoration:underline;
}


/****ASIDE SIDEBAR****/
/***********************************/
aside#sidebar
{
float:right;
width:31%;
}

.testimonial-container
{
margin-bottom:60px;
}

.testimonial-container-title
{
height:71px;
background:url('images/quote-top-icon.png') no-repeat left;
}

.testimonial-container-title h1
{
font-family: 'helvetica_ltcondensed-black';
font-size:25px;
font-weight:normal;
line-height:25px;
color:#231f20;
padding:42px 0px 0 20px;
margin:0px;
text-transform:uppercase;
}

.sidebar-container-title h1
{
font-family: 'helvetica_ltcondensed-black';
font-size:25px;
font-weight:normal;
line-height:25px;
color:#231f20;
padding:10px 20px;
margin:0px 0 0 0px;
text-transform:uppercase;
background-color:#8BC541;
}

.testimonial-container-content p, .testimonials-widget
{
font-family:'Times New Roman';
font-style:italic;
font-size:20px;
line-height:22px;
color:#231f20;
margin-top:15px;
padding-left:20px;
}

.testimonial-container-author,.credit
{
height:71px;
background:url('images/quote-bottom-icon.png') no-repeat right;
}

.testimonial-container-author p, span.author
{
text-align:right;
font-family:'Times New Roman';
font-style:italic;
font-weight:bold;
font-size:18px;
color:#231f20;
padding-top:20px;
}



/****FOOTER SECTION****/
/********************************/
footer#footer
{
height:214px;
background:url('images/footer-bg.jpg');
}

article#footer-container
{
margin:0 auto;
padding:0px 15px;
max-width:1230px;
height:130px;
background-color:#8cc63f;
}

section#footer-container-upper
{
height:130px;
}

/**Footer Left**/
.footer-container-upper-left
{
float:left;
height:50px;
}

/**Footer Navigation**/
ul.footerList
{
margin:15px 0 0 0;
padding:0px;
float:left;
}

ul.footerList li
{
float:left;
list-style:none;
}

ul.footerList li a
{
color:#ffffff;
font-family: 'helvetica_ltregular';
font-weight:normal;
font-size:12px;
line-height:18px;
}

ul.footerList li a:hover, ul.footerList li.current_page_item a
{
color:#4a6922;
text-decoration:none;
}

ul.footerList li span
{
padding:0 5px 0 5px;
color:#ffffff;
}

/**Footer Disclaimer**/
.footer-container-upper-contact
{
float:left;
margin-top:30px;
}

.footer-container-upper-contact p
{
font-family: 'helvetica_ltcondensed';
font-weight:normal;
font-size:16px;
line-height:18px;
color:#231f20;
}

.footer-container-upper-right
{
float:right;
padding-top:35px;
}


section#footer-container-lower
{
padding-top:10px;
}

/**Footer Container Lower Left**/
.footer-container-lower-left p
{
float:left;
line-height:18px;
}

.footer-container-lower-left p a
{
color:#8cc63f;
}

.footer-container-lower-left p a:hover
{
color:#dadada;
}

.footer-container-lower-right
{
float:right;
}


/*******PLUGIN FORMS*******/
/***************************/
/*Gravity Form H2*/
h2.gsection_title
{
font-family:'Arial';
color:#202020;
}

.gform_wrapper
{
background-color:#efefef;
padding:5px 20px 40px 20px;
}

#gform_1 input
{
height:35px;
}

.gsection
{
margin:60px 0 30px 0!important;
}


.gform_button
{
width:100px;
height:40px;
background-color:#8cc63f;
color:#ffffff;
}

/*Contact Form 7*/
.wpcf7
{
background-color:#efefef;
padding:30px 20px 40px 20px !important;
}

.wpcf7 input
{
height:35px;
width:600px;
padding-left:5px;
}

.wpcf7 textarea
{
width:600px;
padding-left:5px;
}

.wpcf7 input.wpcf7-submit
{
width:100px;
background-color:#8cc63f;
color:#ffffff;
}

/****404 ERROR PAGE****/
/************************************/
#error-page {
  margin:0px;
  background:url('images/body-404bg.jpg') top center;
}

section#body-container
{
margin:0 auto;
width:1024px;
height:1200px;
position:relative;
}

.logo-container
{
margin-top:250px;
position:absolute;
}

.content-info p.website-info
{
font-family: 'helvetica_ltcondensed-black';
font-size:45px;
font-weight:normal;
line-height:40px;
color:#fff;
margin:0 0 5px 0;
}

.content-info p
{
font-family: 'helvetica_ltcondensed-bold';
font-size:18px;
font-weight:normal;
line-height:18px;
color:#2b4902;
}

.content-info p a
{
color:yellow;
}

.content-info p a:hover
{
text-decoration:underline;
}

.content-info
{
margin-top:-160px;
margin-left:173px;
width:450px;
}