/* Fonts */
@import url(../../css-1);

/* CSS Reset */
	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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
	table {border-collapse: collapse; border-spacing: 0;}
	
/* Utility Classes */
	.clear {
		clear: both;
		display: block;
		font-size: 0;
		height: 0;
		line-height: 0;
		margin: 0;
		overflow: hidden;
		padding: 0;
		width: 0;
		visibility: hidden;
	}
	.floatleft {float:left;}
	.floatright {float:right;}

/* Mobile First */

	/* General */
		body {
			font-size: 14px;
			font-family: 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif;
		}
		
		embed, iframe, img, object, video {max-width: 100%;}
		b, strong {font-weight: bold;}
		em, i {font-style: italic;}
		
		a { color: #712424; }
		a:hover { color: #a33434; }
	/* Header */
		#header_container {
			padding: 1em;
			background-color: #000000;
			border-bottom: 1px solid #adacac;
		}
		#header {
			max-width: 960px;
			margin: 0 auto;
		}
		#top_nav_container {
			background-color: #fafb48;
			border-bottom: 1px solid #808080;
		}
		#top_nav {
			width: 95%;
			max-width: 960px;
			padding: 1em 0;
			margin: 0 auto;
			text-align: center;
            color:black;
			font-family: Arial, Helvetica, sans-serif;
		}
		#top_nav a {
			color: #000000;
			text-decoration: none;
		}
		#top_nav a:hover {
			color: #777;
		}
		#top_nav #links {
			margin-bottom: 0.5em;
		}
		#bottom_nav #social_media {
			text-align: center;
		}
		#bottom_nav #social_media a {
			color: #ffffff;
			font-weight: bold;
			text-decoration: none;
		}
		#bottom_nav #social_media a:hover {
			color: #e7e7e7;
		}
		#bottom_nav #social_media a img {
			vertical-align: middle;
		}
		#logo {
			text-align: center;
		}
		#search {
			text-align: center;
			margin: 1em 0;
		}
		#search button {
			background: #161616;
			border: 1px solid #4f4f4f;
			vertical-align: middle;
			cursor: pointer;
		}
		#search input {
			background: #161616;
			border: 1px solid #4f4f4f;
			vertical-align: middle;
			padding: 0.3em;
			color: #cbcbcb;
		}
		::-webkit-input-placeholder {
			color:    #6d6d6d;
		}
		:-moz-placeholder {
			color:    #6d6d6d;
		}
		::-moz-placeholder {
			color:    #6d6d6d;
		}
		:-ms-input-placeholder {
			color:    #6d6d6d;
		}
        .floatright {
            text-align:right;
            color: white;
            margin-top: 1.25em;
            font-size:16px;
        }
        .floatright .btn {
    padding:.5em 1em;
    color:black;
    background-color:#fafb48;
    display:inline-block;
    margin-top:.5em;
}
        .floatright a:hover {
        opacity:.6;
    }




		
	/* Navigation */
		#mobile-menu-pull {
			background-color: #333333;
			color: #ffffff;
			padding: 1em;
		}
		#navigation_container {
			background-color: #000000;
		}
		#navigation {
			max-width: 960px;
			margin: 0 auto;
		}
		#navigation ul {
			list-style-type: none;
		}
		#navigation ul li {
			display: block;
			border-bottom: 1px solid #333333;
		}
		#navigation ul li a {
			padding: 0 1em;
			height: 3em;
			line-height: 3em;
			display: block;
			text-decoration: none;
			color: #fafb48;
		}
		#navigation ul li.dropdown ul {
			display: none;
			background-color: #f6f3f3;
		}
		#navigation ul li.dropdown ul li {
			border-bottom: 1px solid #e3e3e3;
		}
		#navigation ul li.dropdown ul li a {
			color: #434242;
		}
		#navigation ul li.dropdown ul li a:hover {
			color: #757373;
		}
		#navigation ul li.dropdown:hover ul {
			display: block;
		}
		
	/* Content */
		#content_container {
			border-top: 1px solid #000000;
            border-bottom:1px solid #d6d6d6;
		}
		#content {
			max-width: 960px;
			margin: 0 auto;
			line-height: 1.5em;
			padding: 3em;
			background-color: #ffffff;
		}

		/* Headlines */
			#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
				font-family: Arial, Helvetica, sans-serif;
				font-weight: bold;
				margin: 0 0 0.5em 0;
				line-height: normal;
			}
			#content h1 {
				font-size: 2.28571428571em;
			}
			#content h2 {
				font-size: 1.8em;
			}
			#content h3 {
				font-size: 1.71428571429em;
			}
			#content h4 {
				font-size: 1.42857142857em;
			}
			#content h5 {
				font-size: 1.28571428571em;
			}
			#content h6 {
				font-size: 1.14285714286em;
			}
		
		/* Links */
			#content a {
				text-decoration: underline;
			}
			#content a:hover {
				cursor: pointer;
			}
		
		/* Lists */
			#content ol, #content ul {
				margin: 0 0 1.5em 0;
				padding: 0 0 0 1.5em;
			}
			#content ol li {list-style-type: decimal;}
			#content ul li {list-style-type: disc;}
		
		/* Paragraphs */
			#content p {
				margin: 0 0 1.5em 0;
				padding: 0;
			}
		
		/* Index Page */		
			#mission_statement {
				font-size: 1.5em;
				line-height: 1.5em;
				color: #434242;
				border-top: 1px solid #d8d9d7;
				border-bottom: 1px solid #d8d9d7;
				padding: 1em 0;
				margin-bottom: 1em;
			}
			#get_a_quote {
				display: none;
			}

			/* Rotator */
				#rotator_container {
					display: none;
				}
				#rotator {}
				
			/* Features */
				#features_container {}
				#features {}
				#features .feature_container {
					margin: 0 auto;
				}
				#features .feature_container.middle {
					border-top: 1px solid #000000;
					border-bottom: 1px solid #000000;
				}
				#features .feature {
					padding: 1em;
					color: #666666;
				}
				#features .feature .title {
					text-transform: uppercase;
					color: #434242;
					font-weight: bold;
					font-size: 1.15em;
				}
				#features .feature a {
					color: #666666;
				}
				#features .feature a:hover {
					color: #999999;
				}
				
		/* Secondary Pages */
			/* Primary */
				#primary_container {}
				#primary {
					padding: 1em;
				}
				/* Project Gallery */
					.project_year {
						border-top: 1px solid #d5d5d5;
						padding-top: 0.5em;
					}
					.project_year > .title {
						font-size: 1.5em;
						line-height: 1.5em;
					}
					.project_year .title {
						font-weight: bold;
					}
					.job_type .title {
						color: #ffffff;
						background-color: #999;
						padding: 0.2em;
					}
				/* Awards and Testimonials */
					.testimonial {
						border-top: 1px solid #d5d5d5;
						padding-top: 1em;
					}
					.testimonial .quote {
						font-style: italic;
						font-size: 1.2em;
						line-height: 1.5em;
					}
					.testimonial .author {
						padding-left: 1em !important;
					}
					
			/* Secondary */
				#secondary_container {
					display: none;
				}
				#secondary {}
				.sidebar_item_container {
					margin-bottom: 1em;
				}
				#contact.sidebar_item iframe {
					margin-top: 0.5em;
				}
				#contact.sidebar_item p {
					margin-bottom: 0;
					text-align: center;
					font-size: 1.2em;
				}
				.sidebar_item .title {
					font-size: 1.2em;
					padding: 0.5em;
					background-color: #555;
					color: #ffffff;
					margin-bottom: 0.5em;
				}

				
	/* Footer */
		#footer_social_media_container {
			background-color: #1f1f1f;
			padding: 0.5em;
			color: #fafb48;
		}
		#footer_social_media {
			max-width: 960px;
			margin: 0 auto;
		}
		#footer_social_media_right a {
			color: #ffffff;
			font-weight: bold;
			text-decoration: none;
			padding: 0.5em 1em;
			display: block;
			float: left;
		}
		#footer_social_media_right a:hover {
			color: #e7e7e7;
			background-color: #434343;
		}

		#footer_social_media_right a img {
			vertical-align: middle;
		}
		
		#footer_container {
			padding: 1em;
			color: #626363;
            background-color: #f6f3f3;
            border-top:1px solid white;
            border-bottom:1px solid white;
		}
		#footer {
			max-width: 960px;
			margin: 0 auto;
		}
		
		/* Columns */
			#footer .column {
				margin-bottom: 1em;
			}
			#footer .column .title_container {
				background: url('../../img/public/footer/title-container-bg.png') repeat-x left center transparent;
				margin-bottom: 1em;
			}
			#footer .column .title {
				font-weight: bold;
				font-size: 1.15em;
				display: inline;
				padding: 0 0.5em 0 0;
				background-color: #f6f3f3;
			}
			#about.column img {
				display: block;
			}
			#recent_tweets .tweet {
				border-bottom: 1px solid #d1cfcf;
				padding: 1em 0;
			}
			#recent_tweets .tweet a {
				color: #000000;
			}
			#recent_tweets .tweet a:hover {
				color: #525252;
			}
			#recent_tweets .tweet .date {
				color: #000000;
			}
			#recent_posts ul {
				padding: 0.5em;
				font-size: 0.875em;
			}
			#recent_posts ul li {
				padding: 0px 1em 0.5em;
				list-style: none;
				background: url('../../img/public/footer/li.png') no-repeat 0 0.5em;
			}
			#stay_connected form.standard input {
				margin-bottom: 0.5em;
			}
			#stay_connected form.standard button {
				float: right;
			}
		
		#footer_bottom_container {
			background-color: #ffffff;
			color: #626363;
			padding: 0.5em 0;
			text-align: center;
		}
		#footer_bottom_container a {
			color: #626363;
		}
		#footer_bottom_container a:hover {
			color: #777777;
		}
		#footer_bottom {
			border-top: 1px solid #e7e6e6;
			padding-top: 0.5em;
			max-width: 960px;
			margin: 0 auto;
		}
		#footer_copyright {
			margin: 0 0 1em 0;
		}
		#footer_backlink {
			margin: 0 0 1em 0;
		}
		#footer_toplink {
			display: block;
			margin: 1em;
			padding: 0.5em 1em;
			text-align: center;
		}
		
	/* Standard Forms */
		form.standard table {width: 100%;}
		form.standard table th {
			width: 1px;
			white-space: nowrap;
			padding: 0 0.5em 0 0;
			font-weight: bold;
			vertical-align: top;
			text-align: left;
			line-height: 2.25em;
		}
		form.standard table th label {color: #000000;}
		form.standard table td {padding: 0 0 0.714286em 0;}
		form.standard input, form.standard textarea, form.standard select {
			background-color: #f6f3f3;
			border: 1px solid #CCCCCC;
			width: 100%;
			box-sizing: border-box;
			line-height: 1.75em;
			height: 2.25em;
			padding: 0.25em;
			font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
			margin: 0;
		}
		form.standard textarea {
			resize: none;
			height: 5.25em;
		}
		form.standard input[type=checkbox], form.standard table input[type=radio] {
			width: auto;
			height: auto;
			padding: 0;
			margin: 0 0.25em 0 0;
			line-height: normal;
			border: 1px solid #c0bebe;
		}
		form.standard input:focus, form.standard select:focus, form.standard textarea:focus {
			outline: 0;
			border-color: #333333;
		}
		form.standard button {
			width: auto;
			padding: 0.25em 1.5em;
			color: #585858;
			font-weight: bold;
			border-radius: 0.5em;
			border: 0;
			cursor: pointer;
			font-size: 1.142857em;
			font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
			background: #ffffff;
			background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0));
			background: -webkit-linear-gradient(top, #ffffff 0%,#f0f0f0 100%);
			background: -o-linear-gradient(top, #ffffff 0%,#f0f0f0 100%);
			background: -ms-linear-gradient(top, #ffffff 0%,#f0f0f0 100%);
			background: linear-gradient(top, #ffffff 0%,#f0f0f0 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#f0f0f0',GradientType=0 );
			box-shadow: 2px 2px 2px rgba(0,0,0,0.25);
		}
		form.standard button:hover {background: #ffffff;}
		form.standard input.error, form.standard select.error, form.standard textarea.error {border-color: #990000;}
		form.standard label.error {
			font-size: 0.75em;
			color: #990000;
		}

/* Progressive Enhancement */
	@media screen and (min-width: 320px) {
		
		body {
			/*
			background-image: url('/img/public/background/body.png');
			background-position: center top;
			background-repeat: repeat-x;
			*/
		}
		
		/* Header */
			#header_container {
				/*
				background-image: url('/img/public/background/header.png');
				background-position: center top;
				background-repeat: repeat-x;
				*/
			}
			
		/* Navigation */
			#navigation_container {
				/*
				background-image: url('/img/public/background/navigation.png');
				background-position: center top;
				background-repeat: repeat-x;
				*/
			}
			
		/* Content */
			#content_container {
				/*
				background-image: url('/img/public/background/content.png');
				background-position: center top;
				background-repeat: repeat-x;
				*/
			}
			
		/* Footer */
			
		
	}

	@media screen and (min-width: 480px) {}
	@media screen and (min-width: 600px) {}
	@media screen and (min-width: 768px) {
	
		/* Header */
			#header_container {
				padding: 0;
				border-bottom: 0;
			}
			#bottom_nav {
				padding: 1em;
			}
			#links {
				float: left;
			}
			#contact_info {
				float: right;
			}
			#logo_container {
				float: left;
			}
			#search {
				text-align: right;
				padding-top: 1em;
			}
			
		/* Navigation */
			#mobile-menu-pull {
				display: none;
			}
			#navigation_container {
				padding: 0 0 1em 0;
			}
			#navigation {
				width: 95%;
				padding-top: 0.5em;
				border-top: 1px solid #333333;
			}
			#navigation ul {
				display: inline;
			}
			#navigation ul li {
				display: inline;
				border-top: 0 none transparent;
				border-bottom: 0 none transparent;
			}
			#navigation ul li a {
				display: inline;
				height: auto;
				line-height: normal;
				padding: 0.25em;
			}
			#navigation ul li.dropdown {
				position: relative;
			}
			#navigation ul li.dropdown ul {
				position: absolute;
				width: 100%;
				min-width: 150px;
			}
			#navigation ul li.dropdown ul li {
			}
			#navigation ul li.dropdown ul li a {
				display: block;
				padding: 0.5em;
				border-bottom: 1px solid #e3e3e3;
			}
		
		/* Content */
			#content_container {
				border-top: 0 none transparent;
				/*background: url('/img/public/content/collage-background.jpg') repeat left top;*/
			}
			#content {
			}
			#get_a_quote {
				display: block;
				margin: 3em 0;
			}

		
			/* Index Page */		
				/* Features */
					#features {
						width: 95%;
						margin: 0 auto;
					}
					#features .feature_container {
						width: 23.5%;
						margin-right: 2%;
						float: left;
					}
					#features .feature_container.last {
						margin-right: 0;
					}
					#features .feature_container.middle {
						border-top: 0 none transparent;
						border-bottom: 0 none transparent;
						margin: 0 3%;
					}
					#features .feature {
						padding: 0;
						min-height: 365px;
						position: relative;
					}
					#features .feature a {
						position: absolute;
						left: 0;
						bottom: 0;
					}
		
			/* Secondary Pages */
				/* Primary */
					#primary_container {
						width: 66.666666%;
						float: left;
					}
					#primary {
						padding: 0 1em 1em 0;
					}
					
				/* Secondary */
					#secondary_container {
						display: block;
						width: 33.333333%;
						float: right;
					}
					#secondary {
						padding: 0 0 1em 1em;
					}
					
		/* Footer */
			#footer {
				width: 95%;
				padding: 2em 0;
			}
			#footer_bottom {
				padding: 1em;
			}
			#footer .column {
				width: 23%;
				float: left;
				margin-right: 2%;
			}
        #footer .column#about {
            width:70%;
        }
			#footer_container {
				padding: 0;
			}
			
			#footer_copyright {
				float: left;
			}
			#footer_backlink {
				float: right;
			}
			#footer_toplink {
				display: none;
			}		
	
	}
	
	@media screen and (min-width: 960px) {
	
		/* Rotator */
			#rotator_container {
				display: block;
				background: url('../../img/public/rotator/background.jpg') no-repeat #ffffff center center;
				height: 434px;
			}
			#rotator_slides .slide {
				text-align: center;
			}
		

		/* Footer */
			#footer_social_media_right {
				float: right;
				
			}
			#footer_social_media_left {
				float: left;
				padding: 0.5em 1em;
			}
	
	}