/******************************
CSS RESET - Don't Remove
*******************************/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

ol, ul, li {
    list-style: none;
}

header, nav, footer, section {
    display: block;
}

/******************************
UNIVERSAL 
*******************************/

html, body {
    height: 100%;
}

.wrapper {
    margin: 0 auto;
    width:1020px;
    position: relative;
}

body {
    min-width: 960px;
    background: url(../images/bg-tile.png);
    background-attachment:fixed;
}

.content {
    margin-bottom:40px;
}

.clear {
    clear: both;
}

/******************************
NAVIGATION
*******************************/
#navbar-container {
    height:120px;
}


#navbar-position {
    width:940px;
    margin: 0 auto;
}

.logo {
    float:left;
    margin:10px 0 0 0;
    width:160px;
    height:108px;
}

#navbar ul {
    margin-top:50px;
    list-style-type:none;
    float:right;
}

#navbar ul li {
    float:left;
}

#navbar ul li a {
    float:left;
    display:block;
    padding: 0 30px;
    color:rgba(0,0,0,0.8);
    font-family:"Proxima Nova", "Arial", Gadget, sans-serif;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    line-height:80px;
    /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
text-shadow:3px 3px 3px rgba(0,0,0,0.16);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=3,OffY=3,Color=#29000000,Positive=true)";zoom:1;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3,OffY=3,Color=#29000000,Positive=true);
}

#navbar ul li a:hover {
    color:#FFB973;
}


/******************************
HEADER
*******************************/

header {
    margin:0 auto;
    width:100%;
    height:80px;
    background:url(../images/bg-nav.png) repeat-x top;
}

header h1 {
    margin-left:40px;
    font-family:"Proxima Nova", "Arial", Gadget, sans-serif;
    font-size:26px;
    font-weight:bold;
    line-height:120%;
    color:rgb(240,240,223);
    text-align:left;
    line-height:80px;
    /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    text-shadow:1px 1px 7px rgb(0,0,0);
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#ff000000,Positive=true)";zoom:1;
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#ff000000,Positive=true);
}


/******************************
FOOTER
*******************************/

footer {
    margin-top:40px;
    height:80px;
    font-family:"Proxima Nova", "Arial", Gadget, sans-serif;
    font-size:10px;
    font-weight:600;
    line-height:16px;
    color:rgb(48,48,44);
    text-align:center;
    padding:20px;
}

footer a {
    font-family:"Proxima Nova", "Arial", Gadget, sans-serif;
    font-size:10px;
    font-weight:600;
    line-height:16px;
    color:rgb(48,48,44);
}

footer a:hover {
    font-family:"Proxima Nova", "Arial", Gadget, sans-serif;
    font-size:10px;
    font-weight:600;
    line-height:16px;
    color:#FFB973;
    
}
/******************************
HOME PAGE
*******************************/

#billboard { 
    margin: 0 auto;
    width:940px; height: 520px;
    background: url(../images/bg-billboard.jpg) no-repeat;

}

#billboard-left {
    width:260px;
    float:left;
    margin-top:40px;
    margin-left:100px;
}

#billboard-left h1 {
    font-family:"Proxima Nova", "Arial", Gadget, sans-serif;
    font-size:36px;
    font-style:italic;
    font-weight:bold;
    line-height:120%;
    color:rgb(240,240,223);
    text-align:left;
    margin-bottom:20px;
}

#billboard-left p {
    font-family:"Proxima Nova", "Arial", Gadget, sans-serif;
    font-size:26px;
    line-height:31px;
    color:rgb(240,240,223);
    text-align:left;
}

.cta {
    margin-top:30px;
    width:131px; height:45px;
    display: block;
    text-indent: -9999px;
    background: url(../images/sprite-icons.png) no-repeat;
}

.cta {
    background-position: 0 0;
}

.cta:hover {
    background-position: 0 -45px;
}

.cta:active {
    background-position: 0 -90px;
}

/******************************
ABOUT
*******************************/

#about-header { 
    margin: 0 auto 20px;
    width:940px; height: 341px;
    background: url(../images/about-header.jpg) no-repeat;
}

.content-left {
    width:480px;
    float:left;
    margin-left:70px;
}

.content-left p {
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size:14px;
    line-height:20px;
    color:#30302C;
    text-align:left;
    margin-bottom:20px;
}

.content-left h1 {
    font-family:"Proxima Nova", "Arial Bold", Gadget, sans-serif;
    margin-bottom:7px;
    font-size:26px;
    font-weight:bold;
    line-height:37px;
    color:rgb(48,48,44);
    text-align:left;
}

/******************************
SIDEBAR
*******************************/

.aside {
    width:260px;
    padding:10px 20px 10px 20px;
    margin-right:40px;
    float:right;
    background:url(../images/bg-aside.png) repeat;
}

.aside h1 {
    font-family:"Proxima Nova", "Arial Bold", Gadget, sans-serif;
    margin-bottom:7px;
    font-size:26px;
    font-weight:bold;
    line-height:37px;
    color:rgb(48,48,44);
    text-align:left;}

.aside p {
    font-family:"Proxima Nova", "Arial", Gadget, sans-serif;
    font-size:14px;
    line-height:143%;
    color:rgb(255,255,255);
    text-align:left;
}

#contact-form {
    margin-top:40px;
}

.text_field {
    font-family:"Proxima Nova", "Arial", Gadget, sans-serif;
    font-size: 16px;
    font-weight:semibold;
    color:#30302C;
    background-color:rgb(240,240,223);
    width:250px;
    height:36px;
    margin-bottom:18px;
    padding-left:10px;

}

textarea {
    margin-bottom:18px;
    padding-left:10px;
    background-color:rgb(240,240,223);
    width:250px;
    height:136px;
    font-family:"Proxima Nova", "Arial", Gadget, sans-serif;
    font-size: 16px;
    font-weight:semibold;
    color:#30302C;
    text-align: left;
    outline: none;
    overflow: auto;
    resize: none;
    outline: none;
}

::-webkit-input-placeholder {
	color: #30302C;
}

:-moz-placeholder {
	color: #30302C;
}

/******************************
SOCIAL ICONS
*******************************/

#social {
    position:relative;
    top:-45px;
    width:86px;
    height:38px;
    float:right;
}

#contact-form ul {
    list-style:none;
}

#contact-form ul li {
    float:left;
    margin-right:5px;
    margin-bottom:15px;
}

.fb {
    margin:0 auto;
    width: 38px;
    height: 38px;
    display: block;
    text-indent: -9999px;
    background: url(../images/sprite-icons.png) no-repeat;
}

.fb {
    background-position: 0 -135px;
}

.fb:hover {
    background-position: 0 -173px;
}

.twit {
    margin:0 auto;
    width: 38px;
    height: 38px;
    display: block;
    text-indent: -9999px;
    background: url(../images/sprite-icons.png) no-repeat;
}

.twit {
    background-position: -48px -135px;
}

.twit:hover {
    background-position: -48px -173px;
}

/******************************
GALLERY
*******************************/

.container {
    width:940px;
    margin:0 auto;

}

#gallery-heading {
float:left;
}

#gallery-catogories {
    margin-top:24px;
    float:left;
    margin-left:120px;

}

#filters {
    list-style:none;
}

#filters li {
    float:left;
}

#filters li span {
    display: block;
    padding:5px 20px;		
    text-decoration:none;
    color:#F0F0DF;
    cursor: pointer;
    font-family:"Proxima Nova", "Arial", Gadget, sans-serif;
    font-weight:200;
    font-size:16px;
    line-height:120%;
    color:rgb(240,240,223);
    text-align:left;
    /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    text-shadow:1px 1px 7px rgb(0,0,0);
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#ff000000,Positive=true)";zoom:1;
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#ff000000,Positive=true);
}

#filters li span:hover {
    display: block;
    padding:5px 20px;		
    text-decoration:none;
    color:#FFB973;
    cursor: pointer;
}

#filters li span.active {
    background: #FFB973;
    color:#F0F0DF;
}

 
#portfoliolist .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width:220px;
	height:136px;
    margin:20px 15px 0 0;
	display:none;
	float:left;
	overflow:hidden;
}

.portfolio-wrapper {
    overflow:hidden;
    position: relative !important;
    background: #666;
    cursor:pointer;
}

.portfolio img {
    width:220px;
    height:136px;
    position: relative;
}

.portfolio .label {
    position: absolute;
    width: 100%;
    height:40px;
    bottom:-40px;
}

.portfolio .label-bg {
    background: #FFB973;
    width: 100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
}

.portfolio .label-text {
    color:#fff;
    position: relative;
    z-index:500;
    padding:5px 8px;
    font-family:"Proxima Nova", "Arial", Gadget, sans-serif;
    font-size:13px;
    font-weight:light;
    line-height:120%;
    color:rgb(240,240,223);
}

.label-text a{
    text-decoration:none;
    font-family:"Proxima Nova", "Arial", Gadget, sans-serif;
    color:rgb(240,240,223);
    font-size:14px;
    font-weight:bold;
}
    
.portfolio .text-category {
    
    display:block;
    font-family:"Proxima Nova", "Arial", Gadget, sans-serif;
    font-weight:regular;
    line-height:120%;
    color:rgb(240,240,223);
    text-align:left;
    font-size:11px;
}

/******************************************
THANK YOU/404/COMING SOON/Maintence PAGEs
*******************************************/

#thanks {
    width:500px;
    margin:100px auto;
    text-align:center;
}

#thanks h1 {
    font-family:"Proxima Nova", "Arial", Gadget, sans-serif;
    font-size:70px;
    font-weight:bold;
    line-height:120%;
    color:#000;
}

#thanks p {
    font-family:"Proxima Nova", "Arial", Gadget, sans-serif;
    font-size:20px;
    font-weight:200;
    line-height:120%;
    color:#000;
}