/*
Theme Name: The Mindriot
Theme URI: http://www.themindriot.com
Description: This theme was coded for The Mindriot by Sean Heilweil.
Author: The Mindriot, LLC
Author URI: http://www.themindriot.com/

*/

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

*,a{outline:none!important}

body {

}

#header-wrapper {
background: #fff;
width: 100%;
height: 108px;
border-top: 7px solid #2b2b2b;
}

#header {
margin: 0 auto;
width: 960px;
height: 108px;
overflow: hidden;
}

#header img {
float: left;
margin-top:15px;
}

#head {
margin: 0 auto;
width: 960px;
height: 108px;
text-align: center;
}

#head img {
text-align: center;
margin-top:15px;
}

ul#mainnav {
float: right;
position: relative;
margin-top: 27px;
}

#mainnav li {
display: block;
margin-bottom: 10px;
}

#mainnav li a {
color: #2b2b2b;
text-decoration: none;
font-size: 16px;
font-family: "Arvo", Arial, Helvetica, sans-serif;
font-weight: normal;
}

#mainnav li a:hover {
color: #7B7B7B;
text-decoration: none;
font-size: 16px;
font-weight: 100;
-webkit-transition: color 0.4s ease;
-moz-transition: color 0.4s ease;
}

#mainnav li.selected a {
color: #ff0051;
}

#featured-wrapper {
background: url(../images/bg.gif);
width: 100%;
overflow: hidden;
-webkit-box-shadow: inset 0 0 5px #c4c4c4;
-moz-box-shadow: inset 0 0 5px #c4c4c4;
-o-box-shadow: inset 0 0 5px #c4c4c4;
box-shadow: inset 0 0 5px #c4c4c4;
}

#featured {
margin: 0 auto;
width: 960px;
height: 488px;
}

#crumb {
margin: 0 auto;
width: 960px;
height: 75px;
}

#crumb h1 {
font-family: "Arvo", Arial, Helvetica, sans-serif;
font-size: 28px;
color: #2b2b2b;
font-weight: 100;
line-height: 70px;
}

.shadow1 {
-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
}

.divider {
clear: both;
text-align: center;
border-bottom: solid 1px #B3B3B3;
height: 12px;
}

.divider span {
margin-bottom: -10px;
padding: 5px 10px;
background: #fff;
font-family: "Arvo", Arial, Helvetica, sans-serif;
font-style: oblique;
font-size: 12px;
color: #5C5C5C;
height: 12px;
margin-left: -5px;
}

#content-wrapper {
background: #fff;
width: 100%;
overflow: hidden;
padding-top: 25px;
padding-bottom: 25px;
}

#content {
margin: 0 auto;
width: 960px;
overflow: hidden;
}

#content h1 {
font-family: "Arvo", Arial, Helvetica, sans-serif;
font-size: 28px;
color: #505050;
font-weight: lighter;
margin-bottom: 15px;
padding-bottom: 15px;
}

#content h2 {
font-family: "Arvo", Arial, Helvetica, sans-serif;
font-size: 16px;
color: #ff0051;
font-weight: lighter;
margin-bottom: 10px;
}

#content h3 {
font-family: "Arvo", Arial, Helvetica, sans-serif;
font-size: 14px;
color: #505050;
font-weight: lighter;
padding-top: 10px;
}

#content h4 {
font-family: "Droid Sans", Arial, Helvetica, sans-serif;
font-size: 10px;
color: #7B7B7B;
line-height: 24px;
font-weight: lighter;
}

.content-box p {
font-family: "Droid Sans", Arial, Helvetica, sans-serif;
font-size: 14px;
color: #7B7B7B;
line-height: 24px;
}

.sidebar ul {
position: relative;
margin: 15px 0 30px 0;
}

.sidebar li {
display: block;
font-family: "Droid Sans", Arial, Helvetica, sans-serif;
font-size: 14px;
color: #7B7B7B;
line-height: 24px;
padding: 5px 0 5px 8px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

.sidebar li:nth-child(odd) {
background: #e4e4e4;
}

#slogan {
margin: 55px 0 55px 0;
width: 960px;
overflow: hidden;
}

#slogan h1 {
font-family: "Arvo", Arial, Helvetica, sans-serif;
font-size: 36px;
color: #2b2b2b;
font-weight: normal;
text-align: center;
}

#slogan p {
font-family: "Droid Sans", Arial, Helvetica, sans-serif;
font-size: 20px;
color: #2b2b2b;
font-weight: 100;
text-align: center;
}

#projects {
margin: 25px 0 35px 0;
width: 960px;
overflow: hidden;
}

.projects-col1, .projects-col2, .projects-col3 {
float: left;
margin: 75px 0 50px 0;
}

.projects-col2 {
margin: 75px 42px 50px 42px;
}

.projects-col1 h2, .projects-col2 h2, .projects-col3 h2 {
font-family: "Arvo", Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ff0051;
font-weight: normal;
line-height: 18px;
margin: 15px 0 5px 0;
}

.projects-col1 img, .projects-col2 img, .projects-col3 img {
border: 5px solid #ccc;
}

.projects-col1 img:hover, .projects-col2 img:hover, .projects-col3 img:hover {
border: 5px solid #ff0051;
}

.projects-col1 p, .projects-col2 p, .projects-col3 p {
font-family: "Droid Sans", Arial, Helvetica, sans-serif;
font-size: 11px;
color: #7b7b7b;
line-height: 14px;
font-style: italic;
}

#services {
width: 960px;
overflow: hidden;
margin-bottom: 35px;
}

#services ul {
position: relative;
margin: 15px 0 30px 0;
}

#services li {
display: block;
font-family: "Droid Sans", Arial, Helvetica, sans-serif;
font-size: 14px;
color: #7b7b7b;
line-height: 24px;
padding: 5px 0 5px 8px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

#services li:nth-child(odd) {
background: #e4e4e4;
}

#services h1 {
font-family: "Arvo", Arial, Helvetica, sans-serif;
font-size: 26px;
color: #505050;
font-weight: lighter;
margin-bottom: 10px;
}

.col1, .col2, .col3, .col4 {
float: left;
width: 220px;
overflow: hidden;
padding-top: 25px;
margin: 45px 0 35px 0;
}

.col1 h2, .col2 h2, .col3 h2, .col4 h2 {
font-family: "Arvo", Arial, Helvetica, sans-serif;
font-size: 20px;
color: #ff0051;
font-weight: lighter;
margin-bottom: 10px;
}

.col1 p, .col2 p, .col3 p, .col4 p {
font-family: "Droid Sans", Arial, Helvetica, sans-serif;
font-size: 14px;
color: #7b7b7b;
line-height: 24px;
}

.col1 a, .col2 a, .col3 a, .col4 a {
background: #ff0051;
font-family: "Droid Sans", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 1px;
color: #fff;
text-decoration: none;
padding: 8px 10px 8px 10px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-webkit-transition: color 0.4s ease;
}

.col1 a:hover, .col2 a:hover, .col3 a:hover, .col4 a:hover {
background: #3d3d3d;
font-family: "Droid Sans", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 1px;
color: #fff;
text-decoration: none;
padding: 8px 10px 8px 10px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-webkit-transition: color 0.4s ease;
}

.col1 {
margin-left: 20px;
}

.col2, .col3  {
margin: 45px 15px 35px 15px;
}


#clients {
width: 960px;
overflow: hidden;
}

#clients ul {
position: relative;
width: 956px;
margin: 55px 0 55px 0;
}

#clients li {
display: inline;
width: 96px;
margin: 0 30px 0 30px;
}

.main p {
margin-bottom: 45px;
}

.main {
float: left;
width: 600px;
overflow: hidden;
margin-right: 60px;
}

.main img {
border: 6px solid #E4E4E4;
margin: 15px 0 15px 0;
}

.sidebar {
float: left;
width: 300px;
overflow: hidden;

}

.sidebar img {
border: 6px solid #E4E4E4;
margin: 15px 0 15px 0;
}

#footer-wrapper {
background: #fff;
width: 100%;
height: 70px;
}

#footer {
margin: 0 auto;
width: 326px;
height: 70px;
}

#footer p {
font-family: "Droid Sans", Arial, Helvetica, sans-serif;
font-size: 10px;
color: #7B7B7B;
line-height: 24px;
}

#footer a {
font-family: "Droid Sans", Arial, Helvetica, sans-serif;
font-size: 10px;
color: #7B7B7B;
line-height: 24px;
text-decoration: none;
}

#footer a:hover {
color: #ff0051;
text-decoration: none;
}

.main {
float: left;
width: 575px;
overflow: hidden;
margin-right: 60px;
margin-left: 25px;
margin-top: 55px;
}

.main img {
border: 6px solid #E4E4E4;
margin: 15px 0 15px 0;
}

.sidebar {
float: left;
width: 300px;
overflow: hidden;
margin-top: 55px;
}

.sidebar img {
border: 6px solid #E4E4E4;
margin: 15px 0 15px 0;
}

label{
display:block;
font-family: "Arvo", Arial, Helvetica, sans-serif;
font-size: 14px;
color: #505050;
line-height: 24px;
font-weight: lighter;
}

input,textarea {
background: #e4e4e4;
font-family: "Droid Sans", Arial, Helvetica, sans-serif;
font-size: 14px;
color: #7B7B7B;
padding:7px;
margin-bottom: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ccc;
}

input{width:210px}
input.smaller{width:100px}
input.larger{width:400px}

.submit {
background: #3d3d3d;
font-family: "Droid Sans", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 1px;
color: #fff;
text-decoration: none;
width:100px;
height:35px;
margin-top:5px;
margin-right:190px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-webkit-transition: color 0.4s ease;
cursor: pointer;
margin-bottom: 225px;
}

.submit:hover { 
background: #ff0051;
font-family: "Droid Sans", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 1px;
color: #fff;
text-decoration: none;
padding: 8px 10px 8px 10px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-webkit-transition: color 0.4s ease;
}

form small{padding:13px 0 0 5px}

#clients p {
font-family: "Droid Sans", Arial, Helvetica, sans-serif;
font-size: 14px;
color: #7b7b7b;
line-height: 24px;
}

#clients a {
color: #ff0051;
}

#clients a:hover {
text-decoration: none;
}