﻿/* Call To Action - Best used as a full width banner */

.calltoaction{display:block; padding:10px; text-transform:uppercase; font-size:1em; color:#000000; background-color:#ddd;}
#container .calltoaction h1{margin:0 0 12px 0; padding:0; font-size:2.5em; text-transform:uppercase;}
.calltoaction p{margin:0; padding:0; line-height:1.4em; text-transform:none;}
.calltoaction .button{display:block; text-align:center; line-height:1.4em;}

.calltoaction.opt1{border:solid #FF9900; border-width:0 0 0 5px;}
.calltoaction.opt2{border:solid #FF9900; border-width:0 5px 0 0;}
.calltoaction.opt3{border:solid #FF9900; border-width:0 5px;}
.calltoaction.opt4{border:solid #FF9900; border-width:2px 0; font-size:1.8em;}

/*------------------------Framework and Columns-------------------------------------*/
.one_half, 
.one_third, .two_third, 
.one_quarter, .three_quarter, 
.one_fifth, .two_fifth, .three_fifth, .four_fifth, 
.one_sixth, .two_sixth, .three_sixth, .four_sixth, .five_sixth{display:inline; float:left; margin:0 0 0 20px; list-style:none;}
.first{clear:left;}
.first, .nogutter{margin-left:0;}
.one_quarter{width:21.25%;}
.three_quarter{width:73.75%;}
.one_quarter.nogutter{width:25%;}
.three_quarter.nogutter{width:75%;}
.one_half{width:47.5%;}
.one_half.nogutter{width:50%;}
.one_third{width:30%;}
.two_third{width:65%;}
.one_third.nogutter{width:33.33333%;}
.two_third.nogutter{width:66.66666%;}


/* 240 + 320px */

@media screen and (min-width:180px) and (max-width:360px) {

	.one_half, .one_half.nogutter, 
	.one_third, .two_third, .one_third.nogutter, .two_third.nogutter, 
	.one_quarter, .two_quarter, .three_quarter, .one_quarter.nogutter, .two_quarter.nogutter, .three_quarter.nogutter, 
	.one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_fifth.nogutter, .two_fifth.nogutter, .three_fifth.nogutter, .four_fifth.nogutter, 
	.one_sixth, .two_sixth, .three_sixth, .four_sixth, .five_sixth, .one_sixth.nogutter, .two_sixth.nogutter, .three_sixth.nogutter, .four_sixth.nogutter, .five_sixth.nogutter{display:block; float:none; width:auto; margin:0 0 5% 0; padding:0;}

	.footerbottom p, .footermenu {float:none;text-align:center;}

}
/* 480px */

@media screen and (min-width:361px) and (max-width:615px) {
		
	.one_half, .one_half.nogutter, 
	.one_third, .two_third, .one_third.nogutter, .two_third.nogutter, 
	.one_quarter, .two_quarter, .three_quarter, .one_quarter.nogutter, .two_quarter.nogutter, .three_quarter.nogutter, 
	.one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_fifth.nogutter, .two_fifth.nogutter, .three_fifth.nogutter, .four_fifth.nogutter, 
	.one_sixth, .two_sixth, .three_sixth, .four_sixth, .five_sixth, .one_sixth.nogutter, .two_sixth.nogutter, .three_sixth.nogutter, .four_sixth.nogutter, .five_sixth.nogutter{display:block; float:none; width:auto; margin:0 0 5% 0; padding:0;}
	
	.footerbottom p, .footermenu {float:none;text-align:center;}

	}

@media screen and (max-width: 800px) {
		
	.one_half, .one_half.nogutter, 
	.one_third, .two_third, .one_third.nogutter, .two_third.nogutter, 
	.one_quarter, .two_quarter, .three_quarter, .one_quarter.nogutter, .two_quarter.nogutter, .three_quarter.nogutter, 
	.one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_fifth.nogutter, .two_fifth.nogutter, .three_fifth.nogutter, .four_fifth.nogutter, 
	.one_sixth, .two_sixth, .three_sixth, .four_sixth, .five_sixth, .one_sixth.nogutter, .two_sixth.nogutter, .three_sixth.nogutter, .four_sixth.nogutter, .five_sixth.nogutter{display:block; float:none; width:auto; margin:0 0 5% 0; padding:0;}
	
	.footerbottom p, .footermenu {float:none;text-align:center;}

	}

/* Buttons */

.button{display:inline-block; border:1px solid; font-weight:bold; text-transform:uppercase;text-shadow: -1px 1px 1px #000;}
.button.gradient{
	background:-moz-linear-gradient(top); background:-webkit-gradient(linear, left top, left bottom); background:-webkit-linear-gradient(top); background:-o-linear-gradient(top); background:-ms-linear-gradient(top); background:linear-gradient(to bottom);
	text-shadow:2px 3px 0 rgba(30, 30, 30, 0.2);
	-moz-transition:color .3s ease-in, -moz-transform .3s ease-in; -webkit-transition:color .3s ease-in, -webkit-transform .3s ease-in; -o-transition:color .3s ease-in, -o-transform .3s ease-in; transition:color .3s ease-in, transform .3s ease-in;
	}

.button.small{font-size:.9em; padding:6px 15px 5px 15px;}
.button.medium{font-size:1.1em; padding:10px 20px 9px 20px;}
.button.large{font-size:1.4em; font-weight:normal; padding:18px 18px 17px 18px;}
.button.orange{color:#FFFFFF; background-color:#FF9900; border-color:#CC7500;}
.button.orange:hover{color:#FF9900; background-color:#A66000; border-color:#FF9900;}
.button.orange.gradient{
	background:#A66000;
	background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxODIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRjkwMDAiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNBNjYwMDAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cxODIpIiAvPgo8L3N2Zz4=);
	background:-moz-linear-gradient(#FF9000 0%, #A66000 100%);
	background:-webkit-gradient(color-stop(0%,#FF9000), color-stop(100%,#A66000));
	background:-webkit-linear-gradient(#FF9000 0%,#A66000 100%);
	background:-o-linear-gradient(#FF9000 0%,#A66000 100%);
	background:-ms-linear-gradient(#FF9000 0%,#A66000 100%);
	background:linear-gradient(#FF9000 0%,#A66000 100%);
	}
.button.white{color:#000; background-color:#FFFFFF; border-color:#A8A8A8;}
.button.white:hover{color:#333333; background-color:#EFEFEF; border-color:#000000;}
.button.white.gradient{
	background:#EFEFEF;
	background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0MTkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFRkVGRUYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c0MTkpIiAvPgo8L3N2Zz4=);
	background:-moz-linear-gradient(#FFFFFF 0%, #EFEFEF 100%);
	background:-webkit-gradient(color-stop(0%,#FFFFFF), color-stop(100%,#EFEFEF));
	background:-webkit-linear-gradient(#FFFFFF 0%,#EFEFEF 100%);
	background:-o-linear-gradient(#FFFFFF 0%,#EFEFEF 100%);
	background:-ms-linear-gradient(#FFFFFF 0%,#EFEFEF 100%);
	background:linear-gradient(#FFFFFF 0%,#EFEFEF 100%);
	}
.button.red{color:#FFFFFF; background-color:#D54346; border-color:#AC2629;}
.button.red:hover{color:#D54346; background-color:#7A1B1D; border-color:#D54346;}
.button.red.gradient{
	background:#7A1B1D;
	background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4NjAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNENTQzNDYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM3QTFCMUQiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c4NjApIiAvPgo8L3N2Zz4=);
	background:-moz-linear-gradient(#D54346 0%, #7A1B1D 100%);
	background:-webkit-gradient(color-stop(0%,#D54346), color-stop(100%,#7A1B1D));
	background:-webkit-linear-gradient(#D54346 0%,#7A1B1D 100%);
	background:-o-linear-gradient(#D54346 0%,#7A1B1D 100%);
	background:-ms-linear-gradient(#D54346 0%,#7A1B1D 100%);
	background:linear-gradient(#D54346 0%,#7A1B1D 100%);
	}

.button.yellow{color:#333333; background-color:#FDE803; border-color:#FDC703;}
.button.yellow:hover{color:#FDE803; background-color:#D2A402; border-color:#FDE803;}
.button.yellow.gradient{
	background:#D2A402;
	background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1MjkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGREU4MDMiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNEMkE0MDIiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1MjkpIiAvPgo8L3N2Zz4=);
	background:-moz-linear-gradient(#FDE803 0%, #D2A402 100%);
	background:-webkit-gradient(color-stop(0%,#FDE803), color-stop(100%,#D2A402));
	background:-webkit-linear-gradient(#FDE803 0%,#D2A402 100%);
	background:-o-linear-gradient(#FDE803 0%,#D2A402 100%);
	background:-ms-linear-gradient(#FDE803 0%,#D2A402 100%);
	background:linear-gradient(#FDE803 0%,#D2A402 100%);
	}
.button.blue{color:#FFFFFF; background-color:#56AED4; border-color:#287A9D;}
.button.blue:hover{color:#56AED4; background-color:#1C546C; border-color:#56AED4;}
.button.blue.gradient{
	background:#1C546C;
	background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5MDkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM1NkFFRDQiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMxQzU0NkMiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c5MDkpIiAvPgo8L3N2Zz4=);
	background:-moz-linear-gradient(#56AED4 0%, #1C546C 100%);
	background:-webkit-gradient(color-stop(0%,#56AED4), color-stop(100%,#1C546C));
	background:-webkit-linear-gradient(#56AED4 0%,#1C546C 100%);
	background:-o-linear-gradient(#56AED4 0%,#1C546C 100%);
	background:-ms-linear-gradient(#56AED4 0%,#1C546C 100%);
	background:linear-gradient(#56AED4 0%,#1C546C 100%);
	}
.button.green{color:#FFFFFF; background-color:#C0E079; border-color:#98BA55;}
.button.green:hover{color:#7C9B41; background-color:#98BA55; border-color:#7C9B41;}
.button.green.gradient{
	background:#98BA55;
	background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NjgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNDMEUwNzkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM5OEJBNTUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c2NjgpIiAvPgo8L3N2Zz4=);
	background:-moz-linear-gradient(#C0E079 0%, #98BA55 100%);
	background:-webkit-gradient(color-stop(0%, #C0E079), color-stop(100%, #98BA55));
	background:-webkit-linear-gradient(#C0E079 0%, #98BA55 100%);
	background:-o-linear-gradient(#C0E079 0%, #98BA55 100%);
	background:-ms-linear-gradient(#C0E079 0%, #98BA55 100%);
	background:linear-gradient(#C0E079 0%, #98BA55 100%);
	}

.button.grey{color:#FFFFFF; background-color:#A8A8A8; border-color:#333333;}
.button.grey:hover{color:#666666; background-color:#C9C9C9; border-color:#666666;}
.button.grey.gradient{
	background:#A8A8A8;
	background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4NDciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNDOUM5QzkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNBOEE4QTgiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c4NDcpIiAvPgo8L3N2Zz4=);
	background:-moz-linear-gradient(#C9C9C9 0%, #A8A8A8 100%);
	background:-webkit-gradient(color-stop(0%,#C9C9C9), color-stop(100%,#A8A8A8));
	background:-webkit-linear-gradient(#C9C9C9 0%,#A8A8A8 100%);
	background:-o-linear-gradient(#C9C9C9 0%,#A8A8A8 100%);
	background:-ms-linear-gradient(#C9C9C9 0%,#A8A8A8 100%);
	background:linear-gradient(#C9C9C9 0%,#A8A8A8 100%);
	}

/* General Rounded Corners */

.rnd5, .list.tagcloud.rnd5 a, form.rnd5 input, form.rnd5 textarea{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.rnd8, .list.tagcloud.rnd8 a, form.rnd8 input, form.rnd8 textarea{-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.rnd10, .list.tagcloud.rnd10 a, form.rnd10 input, form.rnd10 textarea{-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.rnd12, .list.tagcloud.rnd12 a, form.rnd12 input, form.rnd12 textarea{-moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px;}

/* Jquery Accordion + Jquery Toggle */

.accordion-wrapper, .toggle-wrapper{display:block; width:100%; margin-top:15px;}
.accordion-wrapper:first-child, .toggle-wrapper:first-child{margin-top:0;}
.accordion-wrapper .accordion-title, .accordion-wrapper .accordion-title.active, .toggle-wrapper .toggle-title, .toggle-wrapper .toggle-title.active{display:block; padding:0 0 0 34px; background:no-repeat 9px center; border:1px solid #E5E4E3;}
.accordion-wrapper .accordion-title span, .accordion-wrapper .accordion-title.active span, .toggle-wrapper .toggle-title span, .toggle-wrapper .toggle-title.active span{display:block; padding:8px 15px; border-left:1px solid #E5E4E3;}
.accordion-wrapper .accordion-title, .toggle-wrapper .toggle-title{background-image: url('../images/plus-16x16.png');}
.accordion-wrapper .accordion-title.active, .toggle-wrapper .toggle-title.active{color:#000; background-image:url("../images/minus-16x16.png");}
.accordion-wrapper .accordion-content, .toggle-wrapper .toggle-content{display:none; padding:15px 32px; border:solid #E5E4E3; border-width:0 1px 1px 1px;}

/*
table thead th{color:#FFFFFF; background-color:#666666; border:1px solid #CCCCCC; border-collapse:collapse; text-align:center; table-layout:auto; vertical-align:middle;}
table tbody td{vertical-align:top; border-collapse:collapse; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
table thead th, table tbody td{padding:5px; border-collapse:collapse;}
table tbody tr.light{color:#979797; background-color:#F7F7F7;}
table tbody tr.dark{color:#979797; background-color:#E8E8E8;}
*/
.contain_image { 
width: 200px; 
margin: 0; padding: 0;
font: .85em/1.75em Verdana, sans-serif;
position: relative;
border:5px #555 solid
}
.contain_image p {
margin: 0; padding: 0;
background:#000;
filter: alpha(opacity=80);
-khtml-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
position: absolute;
bottom: 0;
left: 0;
padding: 10px;
color: #fff;
width:180px
}
.contain_image:hover { 
border:5px #ff9900 solid
}

/****************** Featured Project Index *********************/

.featured-projects {
	background:#fff;
	font-size:0.85em;
	-moz-box-shadow:0 1px 3px rgba(34,25,25,0.4);
	text-align:center;
	overflow:hidden;
	position:relative;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
	border:1px solid #eee;
}
.featured-projects:hover {
}
.featured-projects-image {
	padding:0px;
}
.featured-projects-image img {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}
.featured-projects-image a {
	display:block
}
.featured-projects-content {
	padding:0 10px
}
.featured-projects-content p {
	color:#222;	
	margin-bottom:10px;
	text-align:left
}
.featured-projects-content h1, .featured-projects-content h2{
	font-size:13px;
	line-height:1;
	font-weight:bold;
}
.featured-projects-content h1 a, .featured-projects-content h2 a {
	padding-bottom:10px;
	border-bottom:1px solid #eee;
	display:block;
	color:#222;
}
/* Services /* ============================================================== */
.services {
	margin-top:25px;
}
.services h2 {
	font-size:1.1em;
	line-height:1.2;
	margin-top:5px;
	text-transform:uppercase
}
.services i {
	margin-right:7px;
}
/*=============================================== * Fade Effects* ===============================================*/
.flexslider .slides img,.textItem,.services h2,.faqstitle,.testimonial h4,.hero-unit,.sectiontitlepost h1,#filter ul li {
animation:fadein 2s;
-moz-animation:fadein 2s;
/* Firefox */
-webkit-animation:fadein 2s;
/* Safari and Chrome */
-o-animation:fadein 2s;
/* Opera */
}
@keyframes fadein {
from {
	opacity:0;
}
to {
	opacity: 1;
}
}
@-moz-keyframes fadein {
/* Firefox */
from {
	opacity:0;
}
to {
	opacity: 1;
}
}
@-webkit-keyframes fadein {
/* Safari and Chrome */
from {
	opacity:0;
}
to {
	opacity: 1;
}
}
@-o-keyframes fadein {
/* Opera */
from {
	opacity:0;
}
to {
	opacity: 1;
}
}

