/* 
Theme Name:  
Description:  
Version: 1.0
Author:  SEO Services Los Angeles
Author URI:  http: //www.seoserviceslosangeles.com
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);

body { background: #f9f9f9; }
img { max-width: 100%; }

#header { margin: 0; background: transparent url(images/layout/header/header-bg.png) repeat-x; }
  #logo img { display: block; margin: 25px 0 13px; }

#content { margin-bottom: 10px; position: relative; z-index: 10; background: #1f1f1f; margin-top: -239px; }

    #nav { margin: 70px 0 0; text-align: right; }
      #nav ul, #nav li { list-style: none; margin: 0; padding: 0; }
      #nav li, #nav a { display: inline-block; }
      #nav li { display: inline-block;  }
      #nav li.last { background: none; }
      #nav a { padding: 12px 17px 10px; text-align: right; font-weight: normal; font-size: 16px; color: #fff; }
      #nav a:hover, #nav ul .current_page_item a { color: #93bcc1; background-color: #fff; text-decoration: none; }

#slideshow-section { background: #f9f9f9; margin-bottom: -73px; position: relative; z-index: -1; top: -100px; }
  #slideshow { margin: 0; overflow: hidden; width: 100%; }
    #slideshow li { list-style: none; max-width: 100%; margin: 0; overflow: hidden; z-index: -1; }
    #slideshow li img { display: block; max-width: 100%; }  

  #maincontent { margin: 0; padding: 42px 32px; }
    #maincontent .heading { font-size: 70px; font-weight: 300; line-height: 76px; }
    #maincontent .title { font-size: 28px; font-weight: 400; }
    #maincontent p { font-weight: 300; text-align: justify; }
    #maincontent .left p { padding: 0 20px 0 0; }
    #maincontent .right p { padding: 0 0 0 20px; }

#footer { padding: 8px 0; font-size: 14px; color: #000; text-align: center; }

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	@media only screen and (min-width:  1366px) {
    .container { width: 1024px; }
    #slideshow-section .container { width: 1366px; }
    #logo { width: 510px; }
  }

  @media only screen and (min-width:  1280px) {
    .container { width: 1024px; }
    #slideshow-section .container { width: 1280px; }
    #logo { width: 510px; }
  }

  @media only screen and (min-width:  1024px) {
    .container { width: 1024px; }
    #slideshow-section .container { width: 1024px; }
    #logo { width: 510px; }
  }
    
	/* Smaller than standard 1024 (devices and browsers) */
	@media only screen and (min-width:  960px) and (max-width:  1023px) {
    #maincontent .left { width: 100%; margin: 0; }
    #maincontent .right { width: 100%; margin: 0; }
    #maincontent .right p { padding: 0 20px 0 0; }
  }

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width:  768px) and (max-width:  959px) {
    #nav a { padding-top: 61px; }
    #maincontent .heading { font-size: 25px; line-height: 30px; }
    #maincontent .title, #maincontent .title2 { font-size: 20px; line-height: 25px; }
    #maincontent .left { width: 100%; margin: 0; }
    #maincontent .right { width: 100%; margin: 0; }
    #maincontent .right p { padding: 0 20px 0 0; }
  }

 	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width:  767px) {
    #logo img { margin: 20px auto 0; }
    #nav { text-align: center; }
    #nav a { font-size: 14px; }
    #maincontent .heading { font-size: 20px; line-height: 25px; }
    #maincontent .title, #maincontent .title2 { font-size: 18px; line-height: 23px; }
    #maincontent .left { width: 100%; margin: 0; }
    #maincontent .right { width: 100%; margin: 0; }
    #maincontent .right p { padding: 0 20px 0 0; }
    #logo { width: 210px; }
    #logo img { margin: 10px; }
  }

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width:  480px) and (max-width:  767px) {
  }

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width:  479px) {
  }
  

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*  @font-face {
	    font-family:  "AnnabelScript";
	    src:  url('fonts/Annabel_Script/AnnabelScript.eot');
	    src:  url('fonts/Annabel_Script/AnnabelScript.eot?iefix') format('eot'),
	         url('fonts/Annabel_Script/AnnabelScript.woff') format('woff'),
	         url('fonts/Annabel_Script/AnnabelScript.ttf') format('truetype'),
	         url('fonts/Annabel_Script/AnnabelScript.svg#webfontZam02nTh') format('svg');
	    font-weight:  normal;
	    font-style:  normal; }
*/
/*
Theme Creator: Lester Tarranza
*/