/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 1008px) {}

    @media only screen and (min-width: 768px) and (max-width: 1181px) {

	    #homeBanner {
		    margin-right: 0px;
		    margin-left: 0px;
		    }

	    .requestProposal {
		    margin-right: -15px;
		    }

        .portfolioImageHolder {
            width: 646px;
            margin-right: 0px;
        }

        .portfolioImageHolder .portfolioImageOverflow {
            width: 644px;
            height: 415px;
        }

        .portfolioImageHolder_mobile {
            background-size: auto 100%;
            margin: -290px 0 28px 43px;
            width: 162px;
            height: 331px;
            padding: 48px 18px;
        }

        .portfolioImageOverflow_mobile {
            height: 226px;
            width: 126px;
        }

    }

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 1008px) {
		#homePage #pageHeading {
            height : 156px;
		}
		
		#homeBanner {
			margin:-333px 0px 40px 0px;
		}

        .sticky #mainNav li a {
            font-size   : 13px;
        }

        #header a.logo {
            background-size: 100% auto;
            height: 53px;
            width: 119px;
            margin: 10px 0 0;
        }

        #homeBanner .homeBannerImageWrapper {
            margin: 5px 40px 0 0;
            height: 328px;
			width:94%;
        }

        #homeBanner .homeBannerBackground {
            height: 100%;
        }

        #homeBanner {
            min-height: 333px;
        }

		#homeBanner h1 {
			font-size:21px;
			line-height:26px;
			margin:80px 0 18px;
		}
		
		.featuredServices a, .featuredServices a > span {
			height:140px;
		}
		
		.featuredServices span span {
			padding:45px 0 0 0;
		}
		
		.featuredServices span.featuredServiceTitle {
			font-size:15px;
			line-height:22px;
		}
		
		.featuredServices a:hover span.featuredServiceTitle {
			margin:-140px 0 0 0;
		}
		
		.featuredServices span.featuredServiceContent span {
			padding:28px 0 0 0;
			font-size : 14px;
			line-height:18px;
		}
		
		.featuredServices i {
			font-size:60px;
			bottom:5px;
		}
		
		.featuredServiceSocial i {
			bottom:11px;
		}
		
		#latestClients li {
			width:auto;
		}
		
		#content ul#subNav {
			margin:-40px 0 0;
			padding-bottom:140px;
		}
		
		.featuredBlogTitle {
			font-size:20px;
		}
		
		.requestProposal {
			line-height:32px;
			margin:-98px -24px 0 0;
			height:196px;
		}
		
		.requestProposal span.content {
			margin:54px 0 0 30px;
		}
		
		.requestProposal span.description {
			font-size:14px;
			line-height:20px;
		}
		
		.requestProposal .largeCircle {
			height:196px;
			width:196px;
		}
		
		.requestProposal .smallCircle {
			width:36px;
			height:36px;
		}
		
		.requestProposal:hover .smallCircle {
			height:177px;
			width:177px;
		}
		
		#subscribeForm input[type="submit"] {
			font-size:10px;
		}
		
		.portfolioLogo .inner, .portfolioLogo .inner a {
			height:59px;
			line-height:59px;
		}
		
		#footer-contact-form .form_field input {
			width:90%;
		}

        .portfolioImageHolder {
            width: 506px;
            margin-right: 0px;
        }

        .portfolioImageHolder .portfolioImageOverflow {
            width: 504px;
            height: 385px;
        }

        #portfolio-viewPage #breadcrumbs {
            opacity: 0;
            visibility: hidden;
        }



        .portfolioImageHolder_mobile {
            background-size: auto 100%;
            margin: -290px 0 28px 33px;
            width: 152px;
            height: 311px;
            padding: 48px 18px;
        }

        .portfolioImageOverflow_mobile {
            height: 209px;
            width: 116px;
        }

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		h1 {
			font-size:30px;
			line-height:36px;
		}
		
		.secondary #copy {
			min-height:inherit;
		}

        .inner {
            padding-left: 0;
            padding-right: 0;
        }

		.form_label {
			width:auto;
			padding:0;
		}
		
		.form_required {
			width:5%;
			padding:5px 0 0 10px;
		}
		
		.form_field {
			width:100%;
			float:none;
			margin-top:0;
		}

        #header a.logo {
            background-size: 100% auto;
            height: 42px;
            width: 96px;
            margin: 10px 0 0 10px;
        }

		#headerWrapper {
			padding-top:10px;
			height:77px;
		}

        #topWrapper {
            padding-bottom: 20px;
        }

        #homeBanner .homeBannerImageWrapper {
            margin:150px 0 0;
            height: 169px;
        }

        #homeBanner .homeBannerBackground {
            height: 100%;
        }

		#homeBanner h1 {
			font-size:21px;
			line-height:26px;
			margin:30px 0 18px;
		}

        #subscribeForm {
            display: none;
        }

		#copy {
			margin-top:15px!important;
			min-height:inherit;
		}
		
		#pageHeading {
			padding:30px 0 0;
		}
		
		#pageHeading h1, #pageHeading h2 {
			margin-bottom:8px;
		}
		
		#pageHeading h2 {
            font-size: 22px;
            line-height: 26px !important;
		}
		
		#footer, #footer div, #footerLogos, #connectFooter {
			text-align:center!important;
		}
		
		.footerCopy {
			margin-top:0;
		}
		
		.featuredItem, .featuredItem.omega {
			margin-right:6% !important;
			width:47% !important;
		}

		.portfolioLogo, .portfolioLogo.omega {
			margin-right:5%!important;
			width:30%!important;
		}
		
		.featuredItem.mobile_omega {
			margin-right:0!important;
		}
		
		.portfolioLogo .inner, .portfolioLogo .inner a {
			height:64px;
			line-height:64px;
		}
		
		.teamBlurb {
			width:100%!important;
			padding-top:0;
		}
		
		.mobile_alpha {
			margin-right:20px!important;
		}
		
		#mapWrapper {
			top:0;
			margin-bottom:1px;
		}
		
		.pagePrev, .pageNext {
			top:50%;
		}
		
		.pagePrev {
			padding-left:0;
		}
		
		.pageNext {
			padding-right:0;
		}
		
		#footer-contact-form {
			padding-left:0;
		}

        .portfolioImageHolder {
            width: 100%;
            margin: 0 0 20px;
        }

        .portfolioImageHolder .portfolioImageOverflow {
            width: 100%;
            height: 335px;
        }

        #portfolio-viewPage #pageHeading {
            width: 100% !important;
        }

        .firstPortfolioItem {
            margin-top: -30px;
        }
		
		#homeBanner {
            min-height: 230px;
			margin:-228px 0 0;
        }
		
		#homePage #pageHeading {
			height: 210px;
		}

        .portfolioImageHolder_mobile {
            margin: 10px 0 28px 88px;
        }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.featuredServices {
			width:190px!important;
			float:left!important;
		}

        #homeBanner .banner_text {
            top: 30px;
            position: absolute;
            width: 100%;
            margin: 0 auto;
            position: relative;
            text-align: center;
        }
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		#subscribeForm input[type="submit"] {
			font-size:8px;
		}

        #homeBanner .banner_text {
            top: 40px;
            position: absolute;
            width: 100%;
            margin: 0 auto;
            position: relative;
            text-align: center;
        }

		.featuredItem h3 {
			font-size:15px;
		}
		
		.featuredServices, .featuredServices a, .featuredServices a > span.featuredServiceTitle  {
			width:135px!important;
			height:135px!important;
		}
		
		.featuredServices span span {
			padding:46px 0 0 0;
		}
		
		.featuredServices span.featuredServiceContent span {
			padding:26px 0 0 0;
			font-size : 13px;
			line-height:16px;
		}
		
		.featuredServices a:hover span.featuredServiceTitle {
			margin:-135px 0 0 0;
		}
		
		.featuredServices span.featuredServiceTitle {
			font-size:15px;
			line-height:22px;
		}
		
		.featuredServices i {
			font-size:50px;
			bottom:2px;
		}
		
		.featuredServiceSocial i {
			bottom:8px;
		}
		
		.mobile_alpha {
			margin-right:10px!important;
		}
		
		.portfolioLogo .inner, .portfolioLogo .inner a {
			height:42px;
			line-height:42px;
		}
		
		#homeBanner .homeBannerImageWrapper {
            height: 118px;
        }
		
		#homeBanner h1 {
			margin:10px 0 18px;
		}

        .portfolioImageHolder .portfolioImageOverflow {
            height: 202px;
        }

        .portfolioImageHolder_mobile {
            margin: 10px 0 28px 35px;
        }
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/