body{
margin:0;
background-image:url(../images/bg.jpg);
background-position:top;
background-attachment:fixed;
}

h2{
margin-bottom:0;
}

p{
font-weight:lighter;
color:#555;
margin-top:10px;
}

p a{

}

form{
position:relative;
}

form label{
color:#3d74aa;
display:block;
font-weight:lighter;
font-size:14px;
}

form input[type="text"]{
border: 1px solid #3d74aa;
font-size: 16px;
font-weight: lighter;
padding: 3px 5px;
font-family: 'Roboto';
margin-bottom: 10px;
width: 288px;
}

form textarea{
resize: none;
border: 1px solid #3d74aa;
font-size: 16px;
font-weight: lighter;
padding: 3px 5px;
font-family: 'Roboto';
width: 288px;
height: 85px;

}

form input[type="submit"]{
background-color: #3d74aa;
color: white;
font-weight: lighter;
border: 1px solid black;
font-family: 'Roboto';
font-size: 14px;
padding: 3px 10px;
transition:0.2s;
cursor:pointer;
}

form input[type="submit"]:hover{
background-color:#438ED8;
}

#wrapper{
width:960px;
margin:auto;
background-color:white;
box-shadow:0px 0px 20px rgba(0,0,0,0.3);
font-family: 'Roboto', sans-serif;
}

header{
padding:20px;
padding-top:30px;
padding-bottom:0;
}

footer{
height:200px;
background-color:black;
border-top:2px solid #555;
}

nav{
border-right: none;
border-left: none;
margin-left: -27px;
width: 974px;
z-index: 99;
position: relative;
box-shadow: 0px 3px 10px rgba(0,0,0,0.3);
margin-top:20px;
}

nav ul{
padding:0;
margin:0;
padding-left:20px;
background: black; /* Old browsers */
background: -moz-linear-gradient(top, #636363 0%, #424242 23%, #020102 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#636363), color-stop(23%,#424242), color-stop(100%,#020102));
background: -webkit-linear-gradient(top, #636363 0%,#424242 23%,#020102 100%);
background: -o-linear-gradient(top, #636363 0%,#424242 23%,#020102 100%);
background: -ms-linear-gradient(top, #636363 0%,#424242 23%,#020102 100%);
background: linear-gradient(to bottom, #636363 0%,#424242 23%,#020102 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#020102',GradientType=0 );
color:white;
font-weight:lighter;
position:relative;
}

nav ul:before{
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 7px 7px;
border-color: transparent transparent #333 transparent;
display: block;
position: absolute;
top: -7px;
left: 0;
}

nav ul:after{
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 7px 7px 0;
border-color: transparent transparent #333 transparent;
display: block;
position: absolute;
top: -7px;
right: 0;
}

nav ul li{
display: inline-block;
margin-right: -1px;
}

nav ul li a{
text-align: center;
border-top: none;
border-bottom: none;
padding: 10px;
font-size: 15px;
cursor: pointer;
display: block;
color: white;
transition: 0.2s;
text-decoration: none;
}

nav ul li a:hover{
background: #3d74aa;
}

.nav_selected{
background: #3d74aa;
}

main{
clear:both;
overflow:auto;
}

#home_slider_wrap{
width: 100%;
height: 300px;
border-bottom: 4px solid black;
box-shadow: 0px 2px 8px rgba(0,0,0,0.3);
}

#home_slider{
margin:0;
}

#home_slider li{
width:100%;
height:300px;
text-align:right;
display:block;
text-shadow: 0px 2px 5px rgba(0,0,0,0.3);
color: white;
margin-left:-40px;
background-size:auto 100%;
background-size:cover;
}

#home_slider li h2{
float: right;
font-size: 35px;
width: 42%;
margin-bottom: 10px;
margin-top:40px;
padding-right: 40px;
}

#home_slider li p{
padding-right: 40px;
float: right;
clear: both;
margin: 0;
font-size: 19px;
color: white;
width: 42%;
font-weight:normal;
}

.column_primary{
float: left;
width: 640px;
padding-bottom: 30px;
}

body .full-width{
width:100%;
}

.column_primary > div{
padding:0px 20px;
}

.column_sidebar{
width:320px;
float:left;
position:relative;
}

.column_sidebar div{
padding:0px 20px 20px 0;
overflow:auto;
}

.header_contact{
padding: 0;
list-style: none;
float: right;
position: relative;
margin: 0;
margin-top:-5px;
}

.header_contact li{
margin: 7px 0px;
text-align: right;
font-weight:lighter;
}

.header_contact img{
width: 20px;
display: inline-block;
margin-top: 1px;
float: right;
margin-left: 10px;
}

.header_contact span{
font-size:14px;
}

.home_estimate{

}

.form_error{
position: absolute;
font-weight: lighter;
background-color: white;
border: 1px solid #ccc;
padding: 3px 7px;
font-size: 14px;
box-shadow: 3px 3px 10px rgba(0,0,0,0.1);
margin-top: -35px;
display: none;
}

.form_error:after{
content: '';
border-color: white;
width: 0px;
height: 0px;
border-right: 8px solid transparent;
border-top: 10px solid white;
border-left: 8px solid transparent;
box-shadow: 10px solid yellow;
display: block;
position: absolute;
bottom: -10px;
}

#partners_grid{
list-style: none;
padding: 0px 20px;
}

#partners_grid > li{
display: inline-block;
width: 225px;
}

#partners_grid > li > a{
display: block;
margin: 5px;
background-color: black;
color: white;
border: 1px solid black;
cursor:pointer;
box-shadow:0px 0px 0px transparent;
transition:0.2s;
position:relative;
top:0;
}

#partners_grid > li > a:hover{
box-shadow: 0px 7px 11px rgba(0,0,0,0.5);
top:-5px;
}

#partners_grid > li > a span{
display: block;
font-weight: lighter;
padding: 7px;
font-size: 14px;
padding-top: 3px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

#partners_grid > li > a img{
width: 100%;
height: 135px;
}

.partner_info{
position:fixed;
z-index:999;
display:none;
width:100%;
height:100%;
top:0;
left:0;
background-color:rgba(255,255,255,0.4);
}

.partner_info > div{
width: 540px;
background-color: black;
padding: 20px;
color: white;
position: relative;
margin: auto;
margin-top: 200px;
box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
overflow: auto;
}

.partner_info > div h2{
margin-top: 0;
font-size: 20px;
margin-bottom:20px;
}

.partner_info > div p{
width: 200px;
color: white;
margin:0;
float: left;
font-size:14px;
}

.partner_info > div .close_partner_info{
position: absolute;
top: 10px;
right: 13px;
font-weight: lighter;
opacity:0.7;
transition:0.2s;
cursor:pointer;
}

.partner_info > div .close_partner_info:hover{
opacity:1;
}

.partner_info > div .partner_slider{
padding: 0;
list-style:none;
}

.partner_info > div .partner_slider li{
height:230px;
background-size:cover;
}

.partner_info ul{
list-style-type: disc;
padding-left: 20px;
font-weight: lighter;
font-size: 15px;
line-height: 21px;
}

.partner_content{
float: left;
width: 40%;
}

.partner_content em{
font-style:normal;
}

.partners_thumb{
height: 175px;
background-size: cover;
}

.partner_slider_wrapper{
width: 280px;
height: 230px;
margin-left: 20px;
float: right;
margin-top: 35px;
}

.footer_columnA{
float: left;
padding: 40px;
padding-top:20px;
font-size: 14px;
color: white;
list-style: none;
font-weight: lighter;
}

.footer_columnA li{
margin:5px 0px;
}

.downloadable_forms{
padding: 0;
list-style: none;
overflow:auto;
}

.downloadable_forms li{
display: block;
width: 200px;
float: left;
margin-bottom: 10px;
}

.downloadable_forms li a{
display: block;
border: 1px solid #ccc;
padding: 10px;
color:black;
text-decoration:none;
box-shadow: inset 0px 2px 10px rgba(0,0,0,0.1), 0px 2px 10px rgba(0,0,0,0);
margin: 0px 5px;
cursor:pointer;
transition:0.2s;
}

.downloadable_forms li a:hover{
box-shadow: inset 0px 2px 10px rgba(0,0,0,0), 0px 2px 5px rgba(0,0,0,0.1);
}

.downloadable_forms li a img{
display: block;
margin: 10px auto;
width: 40px;
}

.downloadable_forms li a span{
font-weight: lighter;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
font-size: 14px;
}

form .Actions{
overflow:auto;
}

#Form_UploadForm{
margin-bottom:50px;
}

#Form_UploadForm fieldset{
border: 1px solid #ccc;
padding: 10px;
color: black;
text-decoration: none;
box-shadow: inset 0px 2px 10px rgba(0,0,0,0.1), 0px 2px 10px rgba(0,0,0,0);
}

.partner_info .page{
width:40%;
float:left;
font-weight:lighter;
}

.partner_info .page ul{
padding-left: 0;
list-style: none;
}

.partner_info .page ul li{
margin:5px 0px;
}

#Form_UploadForm label{
display:none;
}

#Form_UploadForm input[type="submit"]{
margin-right: 2px;
margin-top: 10px;
}

.column_sidebar form input[type="submit"]{
margin-top:5px;
}

.recent-projects{
list-style:none;
padding:0;
text-align:center;
}

.recent-projects li{
display: inline-block;
border: 1px solid #ccc;
padding: 10px;
width: 27%;
vertical-align: top;
}

.recent-projects div{
width: 100%;
height: 185px;
background-size: cover;
}

.recent-projects h2{
text-align: left;
font-size: 16px;
margin: 0px;
font-weight: lighter;
margin-top: 10px;
}

#Form_sidebarcontact fieldset{
border:0;
margin:0;
padding:0;
}

#Form_sidebarcontact fieldset label{
display:none;
}

#Form_sidebarcontact div{
padding:0;
}

.sidebar{
float: right;
width: 320px;
}

.sidebar > p{

}

.sidebar h2{

}

.sidebar .recent-projects{
margin-top:0;
}

.sidebar .recent-projects li{

}

.sidebar .recent-projects li div{

}

.sidebar .recent-projects li div h2{

}

.sidebar .recent-projects{
}

.sidebar .recent-controls:hover{
opacity:1;
}

.sidebar .recent-controls{
font-weight: lighter;
font-size: 14px;
margin-top: 10px;
opacity:0.5;
transition:0.2s;
cursor:pointer;
}

.sidebar .recent-prev{
float:left;
}

.sidebar .recent-next{
float: right;
margin-right: 25px;
}

.recent-projects-wrap{
width: 295px;
}