/* -----------------------------------
Site:       The Ideal Group
CSS author: Jesus Nava
Updated:	11/30/18
----------------------------------- */

/* ----------------------------------------- */
/* BASIC SETUP */
/* ----------------------------------------- */

body {
    margin: 0;
}

html {
    background: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 20px;
    text-rendering: optimizeLegibility;
}

.clearfix {zoom: 1}
.clearfix:after {
    content: '.';
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1 { font-size: 1.100em; font-weight: 600; }
h2 { font-size: 1.250em; font-weight: 600; }
h3 { font-size: 0.900em; font-weight: 600; }
h4 { font-size: 0.750em; font-weight: 500; }
p { font-size: 0.750em; font-weight: 600; }
/* ----------------------------------------- */
/* HEADER */
/* ----------------------------------------- */

header {
    width: 100%;
    margin: 0 auto;
}

.header-container {
    width: 1000px;
    margin: 0 auto;
}

.logo-img {
    width: 344px;
    float: left;
}


/* ----------------------------------------- */
/* NAV MENU */
/* ----------------------------------------- */

.nav-menu {
    width: 640px;
    padding: 35px 0 0 40px;
    float: left;
}

* Giving a background-color to the nav container. */
nav {
    width: 656px;
    margin: 0 auto;
}
/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */
nav:after {
    content:"";
    display:table;
    clear:both;
}
/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
    padding:0;
    margin:0;
    list-style: none;
    position: relative;
    }
/* Positioning the navigation items inline */
nav ul li {
    margin: 0px;
    display:inline-block;
    float: left;
}
/* Styling the links */
nav a {
    display:block;
    padding:0 20px;
    color:#000;
    font-weight: 400;
    font-size: 18px;
    line-height: 50px;
    text-decoration:none;
}
/* Background color change on Hover */
nav a:hover {
    background-color: #fa0b10;
    color: #fff;
}

/* ----------------------------------------- */
/* SLIDER */
/* ----------------------------------------- */

.slider {
    width: 100%;
    overflow: hidden;
}

#slider { 
    width: 1920px; 
    height: 400px;
    margin: 0 auto;
}


/* ----------------------------------------- */
/* CONTACT US IMG */
/* ----------------------------------------- */

.contactus-container {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.contactus-content {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    background-color: #fff;
}

.map {
    margin: 0 auto;
    width: 1000px;
}

/* ----------------------------------------- */
/* CONTENT */
/* ----------------------------------------- */

.page-container { 
    width: 100%; 
    margin: 0 auto;
    overflow: hidden;
}

.page-content { 
    width: 1000px;
    margin: 0 auto;
}

.page-content img {
    float: left;
    padding: 40px 0 0 0;
}

/* ----------------------------------------- */
/* MEMBERS */
/* ----------------------------------------- */

.members-container {
    width: 100%; 
    margin: 0 auto;
    background-color: #edefee;
    overflow: hidden;
}

.members-content {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}

.members-cell {
    width: 250px;
    float: left;
}

.members-content h2 {
    color: #c41f3e;
}

/* ----------------------------------------- */
/* ABOUT US */
/* ----------------------------------------- */

.aboutus-container {
    width: 100%; 
    margin: 0 auto;
    overflow: hidden;
}

.aboutus-content {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    background-color: #fff;
}

.aboutus-content h1,h2,p {
    padding: 0 0 0 20px;
}

.aboutus-content p {
    font-weight: 400;
    padding: 0 20px 0 20px;
}

.aboutus-content ul {
    font-weight: 400;
    font-size: 0.750em;
    padding: 0 0 0 20px;
    list-style-position: inside;
}

/* ----------------------------------------- */
/* INDEX BOTTOM CONTACT INFO */
/* ----------------------------------------- */

.bottom-contact {
    width: 100%; 
    margin: 0 auto;
    overflow: hidden;
    background-color: #f3cfd6;
}

.bottom-contact-content {
    width: 1000px;
    height: 240px;
    margin: 0 auto;
    overflow: hidden;
}

.bottom-contact-side {
    width: 500px;
    float: left;
    overflow: hidden;
}

.bottom-contact-side h3 {
    font-weight: 400;
    padding: 15px 20px 0 20px;
}

.bottom-contact-side p {
    font-weight: 400;
    padding: 0 20px 0 20px;
}

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

footer {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-color: #8b8d8c;
    overflow: hidden;
}

footer .content {
    width: 1000px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}

footer .links {
    width: 1000px;
    float: left;
    text-align: center;
}

footer .links a {
    color: #000; 
    text-decoration: none; 
    font-size: .6em;
    font-weight: 600;
    padding: 10px 10px;
}

footer .links a:hover {
    color: #000; 
    text-decoration: underline;
}

footer .links a:visited {
    color: #000; 
    text-decoration: underline;
}

footer .copyright { width: 1000px; float: left; }

footer .copyright p { color: #000; font-size: .600em; text-align: center; }