/* @override http://newmediacampaigns.com/css/compiled.css */

/* Eric Meyer Reset */


/* Layout */
.boundingBox{ margin: 0 auto; width:1050px; }

/* Content */
#contentportfolio{ padding:0; }

/* Content - Portfolio Listing */
ul#portfolio-filter{ margin:0; padding:3px 0px 0px 0px; width:100%;list-style-type:none;}
ul#portfolio-filter li{font-size:1em; padding:0;margin:0;width:100%;}
div.sidebar_bg ul#portfolio-filter a{padding:4px 0 4px 38px;margin:0;width:100%;display:block;}
div.sidebar_bg ul#portfolio-filter p{padding:0;margin:0;width:100%;}
div.sidebar_bg ul#portfolio-filter a:hover { width:210px; }
div.sidebar_bg ul#portfolio-filter a.current{ background: url('../img/layout/sidebar_hover_bg.png') 0 0 repeat-x;}

ul#portfolio-list{ margin:0; padding: 0; list-style: none; }
ul#portfolio-list li{
	width:216px;
	height:150px;
	display:block;
	float:left;
	padding:10px 23px 110px;
	text-align:center;
}
ul#portfolio-list li.mobile{height:220px;}
ul#portfolio-list li a{display:block; width:100%;}
ul#portfolio-list li p{font-size:11px; line-height:15px; margin:5px 0; padding:5px 0 0 0; display:block; width:100%; text-align:center;}
ul#portfolio-list li p, ul#portfolio-list li p a { color:#000;}
ul#portfolio-list h2{ width: 190px; height:20px; display: block; clear: both;margin-bottom:30px; }

ul#portfolio-list li a#port-button{
	display:block;
	background:#b7d33c;
	color:#004289;
	font-weight:bold;
	text-align:center;
	padding:6px 0;
	margin:0 auto;
	width:186px;	
	text-decoration:none;
	font-size:13px;
}
ul#portfolio-list li a#port-button:hover{
	background:#004289;
	color:#fff;
}

/*
---------------------------------------------------------------------------------------------------------------
FORMS
---------------------------------------------------------------------------------------------------------------
*/
#contact-form {
	width:auto;
	margin:0 auto 30px;
	padding:0;
	text-align:center;
	border-top:2px dashed #b7d33c;	
	border-bottom:2px dashed #b7d33c;
	clear:both;
}

#contact-form h5.form-head{
	text-transform:uppercase;
	color:#004289;
	border-bottom:2px dashed #b7d33c;
	margin:5px 0 10px;
	padding:10px 0;
	font-size:16px;
}

input[type=text], input[type=email], input[type=url], input[type=password], input[type=tel], select, textarea {
	width:100%;
    border-style:solid;
    border-width:2px;
    border-color:#004289;
    -webkit-transition:border-color 0.6s;
    transition:border-color 0.6s;
    border-radius:6px;
    padding:6px 10px;
    outline:none;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-appearance:none;
}

input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=tel]:focus, select:focus, textarea:focus {
  	outline:0;
 	border-color:#b7d33c;
}

input[type=submit]{
	background:#b7d33c; 
	color:#004289; 	
	border:none;
	border-radius:0;
	box-shadow:none; 
	padding:10px 40px; 
	margin:20px auto; 
	max-width:400px;
	font-size:20px;
	font-weight:700;
}

input[type=submit]:hover{
	color:#fff; 
	background:#004289;
}

#contact-submit input[type=submit]{
	background:#CC0000; 
	color:#fff; 	
	border:none;
	border-radius:0;
	box-shadow:none; 
	padding:10px 40px; 
	margin:20px auto; 
	max-width:400px;
	font-size:20px;
	font-weight:700;
}

#contact-submit input[type=submit]:hover{
	color:#fff; 
	background:#004289;
}

#contact-form div#google-half {position:relative; width:400px; display:inline-block; margin:0 10px;}

#google-outer{
	text-align:center;
    background:#f9f9f9;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border:2px solid #004289;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    margin:0;
    width:400px;
	height:135px;
	position:absolute;
	top:-135px;
}

#google-inner{
	width:280px;
    height:73px;
    overflow:hidden;
    margin:28px auto 15px;
}
.g-recaptcha{
    position: relative;
    left: -9px;
    top: -2px;	
}
.succMsg { 
	color:#000; 
	font-size:14px;
	font-weight:bold;
	padding:10px;
}

.errMsg { 
	color:#e51e19 ; 
	font-size:14px;
	font-weight:bold;
	padding:10px;
}

.clear2 { clear: both; }

#contact-form div#request-half {width:522px; display:inline-block; margin:0 10px;}
#contact-form div#request-third {width:300px; display:inline-block; margin:0 10px;}
#contact-form div#request-full {width:237px; display:inline-block; margin:0 5px;}

#contact-form div#request-half p#label,
#contact-form div#request-third p#label{
	width:100%; padding:15px 0 0 5px !important; text-align:left;
}
#contact-form div#request-full p#label{width:100%; padding:15px 0 0 5px !important; text-align:left; color:#000 !important;}

#contact-form div#google-full {position:relative; width:237px; display:inline-block; margin:15px 5px 0;}

#google-full-outer{
	text-align:center;
    background:#f9f9f9;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border:2px solid #004289;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    margin:0;
    width:100%;
	position:relative;
}

#google-full-inner{
	width:150px;
	height:60px;
    overflow:hidden;
    margin:0 auto 8px;
}