/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Defaults
 * 3.0 - Repeatable Patterns
 * 4.0 - Basic Structure
 * 5.0 - Header
 * 6.0 - Navigation
 * 7.0 - Content
 * 8.0 - Sidebar
 * 9.0 - Footer
 * 10.0 - Featured Content
 * 11.0 - Media Queries
 * 12.0 - Print
 * -----------------------------------------------------------------------------
 */

/**
 * 1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal
 * http://necolas.github.com/normalize.css/ and Blueprint
 * http://www.blueprintcss.org/
 *
 * -----------------------------------------------------------------------------
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure { margin: 0; padding: 0;  }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; }
a, u { outline: none; text-decoration: none; }
a img { border: none; }
hr { border: 0}
article, aside, dialog, figure, footer, header, hgroup, nav, section, main { display:block; zoom:1; }


/* Removes default focus outline from elements */
*:focus { 
  outline: none;
}

/* Removes default webkit border radius */
input {
  border-radius: 0;
}

/* Removes default webkit styles from inputs */
input {
  -webkit-appearance: none;
}

/* Removes tap highlight Mobile Safari*/
a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* Box sizing rule makes padding part of element size */
* {
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}

/* Sets device width Windows phone */
@-ms-viewport { 
	width: device-width; 
}

/**
 * 2.0 Defaults
 * -----------------------------------------------------------------------------
 */

  body {
    font-family: Arial Narrow, sans-serif;
    font-size: 100%;  
  }

  a {
    color: #D27900;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
  }
  
  #header .wrap,
  #content .wrap,
  #footer .wrap {
    max-width: 960px;
    margin: 0 auto;
    padding: 10px;
  }  

/**
 * 3.0 Repeatable Patterns
 * -----------------------------------------------------------------------------
 */
  
  .btn {
    display: block;
    margin-bottom: 20px;
    font-size: 1.3em;
    background: #260879;
    color: white;
    padding: 10px 20px 10px 20px;
  }   

  img.fill, 
  span.fill img {
    max-width: 100%;
  }

  form.default label {
    display: block;
    margin-bottom: 5px;
  }
  form.default p {
    margin-bottom: 20px;
  }  
  form.default fieldset {
    margin-bottom: 10px;
  }    
  form.default textarea,  
  form.default input {
    width: 100%;
    padding: 10px;
    border: 1px solid #DDDDDD;
  }  
  
  .group:after {
  	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
   }  
   
/**
  * 4.0 Header
  * -----------------------------------------------------------------------------
  */ 
   
  #logo {
    font-size: 1.25em; /* 20 / 16 */
    float: left;
  }
  #menu-anchor {
    float: right;
  }  
  #click-to-call {
    float: right;
    margin: 0 20px 0 0;
    color: black;
  }  
  #click-to-call span {
    font-weight: bold;
    margin-right: 3px;
  }  
  
/**
  * 5.0 Navigation
  * -----------------------------------------------------------------------------
  */    
  
  #menu {
    clear: both;
    margin-bottom: 20px;
  }
  #menu ul li a{
  	color: black;
  	text-decoration: none;
  	background: white;
  	padding: 20px;
  	display: block;
  	border-bottom: 1px solid #D2D2D2;
  }  
  
/**
  * 6.0 Content
  * -----------------------------------------------------------------------------
  */ 


  .links ul {
    margin-bottom: 20px;
  }
  .links ul li a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #EEEEEE;
  }
  
  #content .wrap {
    border-top: 1px solid #D27900;
    border-bottom: 1px solid #D27900;
    padding-bottom: 40px;
  }  

  .page .header {
    margin-bottom: 20px;
  }
  .page .header h1 {
    font-size: 1.75em; /* 28 / 16 */
    font-weight: bold;
  }  
  .page .content h2 {
    font-size: 1.5625em; /* 25 / 16 */;
    font-weight: bold;
    margin-bottom: 20px;
  }    
  .page .content p {
    margin-bottom: 20px;
  } 

  .page .vcard {
    padding: 20px;
    border: 1px solid #DDDDDD;
    margin-bottom: 20px;
  }
  .page .vcard div {
    margin-bottom: 5px;
  } 
  .page .vcard .email {
    display: block;
    margin-bottom: 5px;
  }
  .page  .vcard .org, 
  .page  .vcard .tel {
    font-size: 1.125em; /* 18 / 16 */
    font-weight: bold;
  }    
  
  #map {
    padding: 10px;
    border: 1px solid #DDDDDD;
  }
  
  
  #sidebar h2  {
    font-size: 1.5625em; /* 25 / 16 */;
    font-weight: bold;
    margin-bottom: 20px;
  }   
  
  #sidebar h3  {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
  }   
  
  #sidebar p {
    margin-bottom: 10px;
  }    
  
  #sidebar ul {
    margin-bottom: 20px;
  }
  #sidebar ul li {
    padding: 10px;
    border-bottom: 1px solid #EEEEEE;
  }
  
/**
  * 7.0 Widgets
  * -----------------------------------------------------------------------------
  */   
  
  #gallery {
    text-align: center;
  }
  
  
/**
  * 8.0 Sidebar
  * -----------------------------------------------------------------------------
  */   
  
  .sidebar .box {
    margin-bottom: 20px;
  }      
  
  .sidebar .box .header h2 {
    font-size: 1.5625em; /* 25 / 16 */;
    font-weight: bold;
    margin-bottom: 10px;
  }  
  .sidebar .box p {
    margin-bottom: 20px;
  }
  .sidebar .box ul {
    list-style: circle;
    margin: 0 0 20px 40px;
  }
  .sidebar .box ul li {
    margin-bottom: 10px;
  }
  
  .quick-contact {
    border: 2px solid #260879;;
  }
  
  .quick-contact .header h2 {
    font-size: 1.3em;
    background: #260879;;
    color: white;
    padding: 10px;
  }  
  
  .quick-contact {
    border: 2px solid #260879;;
  }  
  
  .quick-contact .content {
    padding: 10px;
  }    
  
/**
  * 9.0 Footer
  * -----------------------------------------------------------------------------
  */  
  
  #footer .box .header h2 {
    font-weight: bold;
    font-size: 1.375em; /* 22 / 16 */;
    margin-bottom: 10px;
  }   
  #footer .box  {
    margin-bottom: 20px;
    text-align: center;
  }  
  
  #footer .vcard div {
    margin-bottom: 5px;
  } 
  #footer .vcard .email {
    display: block;
    margin-bottom: 5px;
  }
  #footer .vcard .org {
    font-size: 1.125em; /* 18 / 16 */
    font-weight: bold;
  }  
  
  #copyright {
    clear: both;
    text-align: center;
    font-size: .75em; /* 12 / 16 */
    margin-bottom: 10px;
  }
  #webdesign {
    text-align: center;
    font-size: .75em; /* 12 / 16 */   
  }
    
    
    
  /* child styles */
  
  
  @import url("../../twoninetynine/assets/css/basic.html");

  body {
    background: #260879;
  }

  a {
    color: #261274;
  }

  #operating-hours {
    display: none;
  }

  #brands {
    display: none;
  }

  #logo {
    float: none;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
  }
  #logo a {
    font-size: 1.2em;
    color: white;
  }

  #tagline {
    text-align: center;
    color: white;
  }
  #click-to-call {
    display: block;
    float: none;
    color: white;
    text-align: center;
  }
  #menu-anchor {
    float: none;
    width: 100%;
    display: block;
    color: #FEF800;
    text-align: right;
  }

  #content .wrap,
  #footer .wrap {
    max-width: 960px;
    margin: 0 auto;
    padding: 10px;
    background: white;
  } 
  #content .wrap {
    border-top: none;
    border-bottom: none;
    padding-bottom: 40px;
  }  

  #menu ul li a {
  	color: #260879;
  	background: #FEF800;
    border-bottom: 1px solid white;
  }  


  .page .header h1 {
    color: #260679;
    font-size: 1.8em;
  } 

  .page .content h2 {
    font-size: 1.4em;
  } 


  .brand {
    display: block;
    border: 1px solid #CCCCCC;
    padding: 3px;
    margin: 0 auto 20px auto;
  }
  


  .brand img {
    display: block;
    width: 100%;
  }


  #banner {
    margin-bottom: 20px;
  }
  #bios {
    margin-top: 50px;
  }
  #bios .bio {
    margin-bottom: 40px;
  }
  #bios .bio .pic {
    display: block;
    width: 250px;
    margin: 0 auto 20px auto;
  }