/* ---------------------------------------------------------------------- */
/*	Reset & Clearfix (http://meyerweb.com/eric/tools/css/reset/)
/* ---------------------------------------------------------------------- */

html,body,div,span,footer,h6,ul,li,h2,header,nav,section,select{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
footer,header,nav,section{display:block}
body{line-height:1}
select{vertical-align:middle}
ul{list-style:none}

/* Clearfix */
.clearfix:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0}
* html .clearfix,:first-child+html .clearfix{zoom:1}

/* Some basic settings */
ul { list-style: disc; }
li { margin-left: 30px; }
img { margin-bottom: 5px; }
h2,h6,ul { margin-bottom: 20px; }

/* ---------------------------------------------------------------------- */
/*	Basic Elements & Classes
/* ---------------------------------------------------------------------- */

body {
	background: #fff;
	border-top: 6px solid #3a3a3a;
	color: #909090;
	font: 11px/1.7 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	-webkit-font-smoothing: antialiased; 
	-webkit-text-size-adjust: 100%;
}
::-moz-selection { background: #C02332; color: #fff; text-shadow: none; }
::selection { background: #C02332; color: #fff; text-shadow: none; }
h2, h6 {
	color: #474747;
	font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-weight: 400;
	line-height: 1.25;
	margin-bottom: 15px;
}
a, a > * {
	color: #3a3a3a;
	text-decoration: none;
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	   -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	    -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	     -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	        transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}
a:hover, a > *:hover { color: #C02332; }
	.button:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover {
		background: #3a3a3a;
		color: #fff;
	}

/* ---------------------------------------------------------------------- */
/*	Generic Classes
/* ---------------------------------------------------------------------- */

.align-center { margin-left: auto; margin-right: auto; text-align: center; }
.bolder { font-weight: bold !important;}
.recommend {font-style: italic; padding-left: 200px; color: rgb(16, 84, 191);}

/* ---------------------------------------------------------------------- */
/*	Wrap
/* ---------------------------------------------------------------------- */

.container {
	margin: 0 auto;
	position: relative;
	width: 940px;
}

	/* -------------------------------------------------- */
	/*	Columns
	/* -------------------------------------------------- */
    
	.one-fourth, .three-fourth {
		float: left;
		margin-right: 20px;
	}
	.one-fourth.last { margin-right: 0px; }
	.one-fourth { width: 220px; }
		.three-fourth { width: 700px; }

/* ---------------------------------------------------------------------- */
/*	Header
/* ---------------------------------------------------------------------- */

#header {
	border-bottom: 1px solid #efefef;
	height: 86px;
	z-index: 97;
}
	#logo {
		float: left;
		height: 66px;
        padding-top: 20px;
	}

	/* -------------------------------------------------- */
	/*	Main Navigation
	/* -------------------------------------------------- */
    
	#main-nav { float: right; }
		#main-nav > ul { margin: -6px 0 0; }
			#main-nav li {
				list-style: none;
				float: left;
				margin: 0;
				position: relative;
			}
				#main-nav a {
					border-bottom: 1px solid transparent;
					border-top: 6px solid transparent;
					color: #3a3a3a;
					font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
					font-size: 12px;
					font-weight: 800;
					display: block;
					letter-spacing: -0.08px;
					padding: 26px 20px 40px;
					position: relative;
					text-align: center;
					text-transform: uppercase;
					z-index: 98;
				}
				.ie7 #main-nav a { padding: 33px 20px; }
				#main-nav a:after {
					color: #aeaeae;
					content: attr(data-description);
					font-size: 11px;
					font-style: italic;
					font-weight: 400;
					display: block;
					line-height: 0;
					margin: 3px 0 -3px;
					text-align: center;
					text-transform: lowercase;
				}
					#main-nav a:hover, #main-nav .hover > a, #main-nav .current > a {
						border-bottom-color: #C02332;
						border-top-color: #C02332;
						color: #C02332;
					}
					#main-nav a:hover, #main-nav .hover > a, #main-nav .current > a { background: #f8f8f8; }
					.not-ie #main-nav .current:after {
						background: #C02332;
						bottom: -2.5px;
						content: '';
						left: 50%;
						display: block;
						height: 5px;
						margin: 0 0 0 -2.5px;
						-webkit-transform: rotate(45deg);
						   -moz-transform: rotate(45deg);
							-ms-transform: rotate(45deg);
							 -o-transform: rotate(45deg);
								transform: rotate(45deg);
						position: absolute;
						width: 5px;
					}
				
				/* Dropdown */
				.no-js #main-nav li:hover > ul {
					display: block;
					top: 92px;
				}
				#main-nav ul ul {
					background: #3a3a3a;
					-webkit-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
					   -moz-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
							box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
					display: none;
					left: 0;
					padding: 0;
					position: absolute;
					top: 92px;
					width: 200px;
					z-index: 99;
				}
					#main-nav ul ul li { float: none; }
						#main-nav ul ul a {
							border: 0;
							border-bottom: 1px solid #252525;
							border-top: 1px solid #4c4c4c;
							color: #fff;
							display: block;
							font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
							font-size: 11px;
							letter-spacing: 0;
							font-weight: 400;
							padding: 8px 20px !important;
							text-align: left;
							text-transform: none;
						}
							#main-nav ul ul a:hover, #main-nav ul ul .hover > a, #main-nav ul ul .current > a, #main-nav ul ul .current > a:hover {
								background: #C02332;
								color: #fff;
							}
					.not-ie #main-nav ul ul .current:after { display: none; }

				/* Sub Dropdown */
				#main-nav ul ul ul {
					left: 200px !important;
					top: 0 !important;
				}
                
		/* Responsive Nav */
		#main-nav .responsive-nav {
			background-image: url(../img/responsive-nav-bg.png);
			background-position: center right;
			background-repeat: no-repeat;
			display: none;
			width: 100%;
		}

/* ---------------------------------------------------------------------- */
/*	Content
/* ---------------------------------------------------------------------- */

#content { padding-top: 40px; }
		.slogan {
			font-weight: 300;
			letter-spacing: -0.1px;
			margin-bottom: 40px;
			font-size: 24px;
		}

	/* -------------------------------------------------- */
	/*	Back to Top
	/* -------------------------------------------------- */

	#back-to-top, .touch-device #back-to-top:hover {
		background: url(../img/arrow-up-large.png) no-repeat center center;
		background-color: rgb(221, 221, 221);
		background-color: rgba(221, 221, 221, .7);
		bottom: 20px;
		color: transparent;
		display: none;
		font: 0/0 a;
		height: 46px;
		position: fixed;
		right: 20px;
		text-shadow: none;
		-webkit-transition: all .2s ease;
		   -moz-transition: all .2s ease;
			-ms-transition: all .2s ease;
			 -o-transition: all .2s ease;
				transition: all .2s ease;
		width: 45px;
		z-index: 100;
	}
		#back-to-top:hover, .touch-device #back-to-top:active { background-color: #C02332; }

	/* -------------------------------------------------- */
	/*	Single Project
	/* -------------------------------------------------- */

	.project-title {
		color: #3a3a3a;
		font-size: 32px;
		font-weight: 400;
	}
		.single-project .page-header a:hover { color: #C02332; }

/* ---------------------------------------------------------------------- */
/*	Sidebar
/* ---------------------------------------------------------------------- */

	/* -------------------------------------------------- */
	/*	Widgets
	/* -------------------------------------------------- */
    .widget-title {
        font-weight: 600;
        text-transform: uppercase;
        margin: 0 0 12px;
        color:#1374A8;
        background:transparent url(../img/icon-box-success.png) no-repeat left top;
        padding:6px 0 0 25px;
        height:18px;
    }
		/* ---------------------------------------- */
		/*	Categories
		/* ---------------------------------------- */

		.categories { }
			.categories li {
				background: url(../img/arrow-right-grey.png) no-repeat 0 11px;
				border-bottom: 1px dotted #ced8df;
				list-style: none;
				margin: 0;
			}
			.categories li:last-child { border-bottom: none; }
				.categories a {
					color: #868686;
					display: block;
					padding: 5px 0 5px 15px;
                    cursor: default;
				}
					
					.categories a:hover { color: #C02332; }

/* ---------------------------------------------------------------------- */
/*	Footer
/* ---------------------------------------------------------------------- */

#footer {
	background: #3a3a3a;
	color: #868686;
	margin-top: 80px;
	padding: 35px 0 30px;
	position: relative;
}
	x:-o-prefocus, .not-ie #footer:before { display: none; }
	#footer, #footer a,
	#footer-bottom, #footer-bottom a { color: #868686; }
		#footer a:hover,
		#footer-bottom a:hover { color: #C02332; }
	#footer .title {
		border-bottom: 1px solid #4b4b4b;
		display: block;
		font-size: 10px;
		margin: 0 0 12px;
		padding: 0 0 12px;
		text-transform: uppercase;
	}

	/* -------------------------------------------------- */
	/*	Footer Navigation
	/* -------------------------------------------------- */

	#footer-nav {
		border-bottom: 1px solid #4b4b4b;
		margin: 0 0 12px;
		padding: 0 0 12px;
	}
		#footer-nav ul { margin: 0; }
			#footer-nav li {
				background: none;
				border: none;
				display: inline-block;
				list-style: none;
				margin: 0 -3px 0 0;
			}
			
			.ie7 #footer-nav li { display: inline; }
				 #footer-nav li a {
					border-left: 1px solid #484848;
					font-size: 10px;
					display: block;
					padding: 0 15px;
					text-transform: uppercase;
				}
			
				#footer-nav li:first-child a {
					border-left: none;
					padding-left: 0;
				}
				#footer-nav li:last-child a { padding-right: 0; }

	/* -------------------------------------------------- */
	/*	Contact Info
	/* -------------------------------------------------- */

	#footer .contact-info {}
	.contact-info { margin: 0; }
		.contact-info li {
			float: left;
			list-style: none;
			margin: 0 0 5px 24px;
			padding: 0 0 0 24px;
		}
		.contact-info li:first-child { margin-left: 0; }
		.contact-info .address { background: url(../img/icon-address.png) no-repeat 0 0; width: 300px;}
		.contact-info .phone { background: url(../img/icon-phone.png) no-repeat 0 1px; }
		.contact-info .email { background: url(../img/icon-email-2.png) no-repeat 0 4px; }

	/* -------------------------------------------------- */
	/*	Social Links
	/* -------------------------------------------------- */

	.social-links { margin: 0; }
		.social-links li {
			display: inline-block;
			list-style: none;
			margin: 0 0 10px 15px;
			text-indent: -9999px;
		}
		.ie7 .social-links li {
			display: inline;
			font-size: 0;
			text-indent: 0;
		}
			
		.social-links li:nth-child(6n+1) { margin-left: 0; }
		.social-links li:nth-child(6n) { margin-right: 15px; }
		.social-links li:last-child { margin-right: 0; }
			.social-links a {
				background-repeat: no-repeat;
				background-position: 0 -16px;
				display: block;
				height: 16px;
				-webkit-transition: all 0.2s ease-out;
				   -moz-transition: all 0.2s ease-out;
					 -o-transition: all 0.2s ease-out;
					-ms-transition: all 0.2s ease-out;
						transition: all 0.2s ease-out;
				width: 20px;
			}
			.social-links li.skype a { background-image: url(../img/icon-skype.png); }
			.social-links li.twitter a {
				background-image: url(../img/icon-twitter.png);
				background-position: 0 -15px;
				height: 15px;
				width: 21px;
			}
			.social-links li.linkedin a { background-image: url(../img/icon-linkedin.png); }
			.social-links li.googleplus a { background-image: url(../img/icon-googleplus.png); }
			.social-links li.facebook a { background-image: url(../img/icon-facebook.png); }
            
			.social-links li.youtube a {
				background-image: url(../img/icon-youtube.png);
				background-position: 0 -15px;
				height: 15px;
			}
			.social-links li a:hover { background-position: 0 0; }

/* ---------------------------------------------------------------------- */
/*	Footer Bottom
/* ---------------------------------------------------------------------- */

#footer-bottom {
	background: #303030;
	line-height: 17px;
	padding: 12px 0;
}
	#footer-bottom ul { margin: 0; }
		#footer-bottom li {
			float: left;
			list-style: none;
			margin: 0;
		}
			
			 #footer-bottom li:first-child { margin-right: 15px; }
			
			#footer-bottom li a {
				border-left: 1px solid #484848;
				display: block;
				padding: 0 15px;
			}
				#footer-bottom li:last-child a { padding-right: 0; }

/* ---------------------------------------------------------------------- */
/*	Media Queries
/* ---------------------------------------------------------------------- */

/* Standard 960 or larger (browsers) */

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

	#logo { max-height: 100%; }

	/* -------------------------------------------------- */
	/*	Footer
	/* -------------------------------------------------- */

		/* ---------------------------------------- */
		/*	Contact Info
		/* ---------------------------------------- */

		.contact-info li {
			border-bottom: 1px dotted #4b4b4b;
			float: none;
			margin-left: 0;
			padding-bottom: 5px;
		}
		.contact-info li:last-child { border-bottom: none; }

		/* ---------------------------------------- */
		/*	Social Links
		/* ---------------------------------------- */

		.social-links li:nth-child(6n+1) { margin-left: 15px; }
		.social-links li:nth-child(6n) { margin-right: 0; }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	/* -------------------------------------------------- */
	/*	Wrap
	/* -------------------------------------------------- */

	.container { width: 748px; }

		/* ---------------------------------------- */
		/*	Columns
		/* ---------------------------------------- */

		.one-fourth { width: 172px; }
			.three-fourth { width: 556px; }
		
	/* -------------------------------------------------- */
	/*	Header
	/* -------------------------------------------------- */

	#header { height: 72px; }
	#logo { margin-top: -7px; }

		/* ---------------------------------------- */
		/*	Main Navigation
		/* ---------------------------------------- */

			#main-nav a { padding: 26px 20px; }
			#main-nav a:after {
				content: '';
				display: none;
			}
			.no-js #main-nav li:hover > ul, #main-nav ul ul { top: 78px; }

	/* -------------------------------------------------- */
	/*	Footer > Social Links
	/* -------------------------------------------------- */
				
	.social-links li:nth-child(5n+1) { margin-left: 0; }
	.social-links li:nth-child(5n) { margin-right: 10px; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
		
	/* -------------------------------------------------- */
	/*	Wrap
	/* -------------------------------------------------- */

	.container { width: 300px; }

		/* ---------------------------------------- */
		/*	Columns
		/* ---------------------------------------- */

		.one-fourth, #main .one-fourth { width: 300px; }
			.three-fourth, #main .three-fourth { width: 300px; }
		
	/* -------------------------------------------------- */
	/*	Header
	/* -------------------------------------------------- */

	#header { height: auto; }
		#logo {
			display: block;
			float: none;
			text-align: center;
		}

		/* ---------------------------------------- */
		/*	Main Navigation
		/* ---------------------------------------- */

		#main-nav {
			float: none;
			margin: 10px 0 20px;
		}
			#main-nav li { width: 50%; }
				#main-nav a {
					border-bottom-color: #efefef;
					padding: 16px 20px 30px;
				}
				#main-nav > ul > li:last-child a { border-bottom-color: transparent; }
				#main-nav > ul > .current:last-child a { border-bottom-color: #C02332; }
				#main-nav ul ul { width: 100%; }
				.no-js #main-nav li:hover > ul, #main-nav ul ul { top: 72px; }
					#main-nav ul ul li { width: auto; }
						#main-nav ul ul li:first-child > a { border-top: none; }
						#main-nav ul ul li:last-child > a { border-bottom: none; }
						#main-nav ul ul ul {
							border-bottom: 1px solid #252525;
							-webkit-box-shadow: none;
							   -moz-box-shadow: none;
									box-shadow: none;
							display: block !important;
							left: 0 !important;
							margin: 0;
							top: 0 !important;
							position: relative;
						}
						#main-nav ul ul li:last-child ul {
							border-top: 1px solid #252525;
							border-bottom: none;
						}
							#main-nav ul ul ul a { padding-left: 30px; }
								#main-nav ul ul ul li:first-child a { border-top: 1px solid #4c4c4c; }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
		
	/* -------------------------------------------------- */
	/*	Wrap
	/* -------------------------------------------------- */

	.container { width: 420px; }

		/* ---------------------------------------- */
		/*	Columns
		/* ---------------------------------------- */

		.one-half, .one-third, .two-third, .one-fourth, .three-fourth {
			float: none;
			margin-right: 0;
		}
		.one-half, #main .one-half { width: 420px; }
		.one-third, #main .one-third { width: 420px; }
			.two-third, #main .two-third { width: 420px; }
		.one-fourth, #main .one-fourth { width: 420px; }
			.three-fourth, #main .three-fourth { width: 420px; }

	/* -------------------------------------------------- */
	/*	Footer
	/* -------------------------------------------------- */

		/* ---------------------------------------- */
		/*	Contact Info
		/* ---------------------------------------- */

		.contact-info { margin-bottom: 20px; }

		/* ---------------------------------------- */
		/*	Social Links
		/* ---------------------------------------- */
				
		.social-links li:nth-child(12n+1) { margin-left: 0; }
		.social-links li:nth-child(12n) { margin-right: 15px; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	/* -------------------------------------------------- */
	/*	Header > Main Navigation
	/* -------------------------------------------------- */

	#main-nav li { width: 100%; }
		#main-nav a { padding: 18px; }
			#main-nav a:after, #main-nav > ul { display: none; }
			#main-nav a:after { content: ''; }
		.no-js #main-nav > ul, #main-nav .responsive-nav { display: block; }
		.no-js #main-nav li:hover > ul { top: 62px; }

	/* -------------------------------------------------- */
	/*	Footer
	/* -------------------------------------------------- */

		/* ---------------------------------------- */
		/*	Footer Navigation
		/* ---------------------------------------- */

		#footer-nav li {
			border-top: 1px dotted #4b4b4b;
			padding: 5px 0;
			width: 100%;
		}
		#footer-nav li:first-child { border-top: none; }
			#footer-nav li a {
				border: none;
				padding: 0;
			}

		/* ---------------------------------------- */
		/*	Contact Info
		/* ---------------------------------------- */

		.contact-info { margin-bottom: 20px; }

		/* ---------------------------------------- */
		/*	Social Links
		/* ---------------------------------------- */
				
		.social-links li:nth-child(8n+1) { margin-left: 0; }
		.social-links li:nth-child(8n) { margin-right: 15px; }
}