/* ==========================================================================
   General
/* ========================================================================== */

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/century-gothic-2-webfont.eot');
    src: url('../fonts/century-gothic-2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/century-gothic-2-webfont.woff') format('woff'),
         url('../fonts/century-gothic-2-webfont.ttf') format('truetype'),
         url('../fonts/century-gothic-2-webfont.svg#century_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/century-gothic-bold-2-webfont.eot');
    src: url('../fonts/century-gothic-bold-2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/century-gothic-bold-2-webfont.woff') format('woff'),
         url('../fonts/century-gothic-bold-2-webfont.ttf') format('truetype'),
         url('../fonts/century-gothic-bold-2-webfont.svg#century_gothicbold') format('svg');
    font-weight: bold;
    font-style: normal;

}

a {
	color:#000;
	text-decoration:none;
}

a:hover {
	color:#8DB7C9;
	text-decoration:underline;
}

a.btn {
	text-decoration:none;
}

/* color/font specific */

.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { text-decoration:underline; }
.cc-red { color:#EE2D23; }
.cc-green { color:#9ECF66; }

/* link specific */

a.white { color:#FFF; }
a:white:hover { color:#CCC; }

a.green { color:#9ECF66; }

p {
	margin:0 0 15px;
	padding:0;
}

h2 {
	font-weight:400;
}

form {
	margin:0;
}

.img-left {
	float:left;
	margin:0 20px 10px 0;
}

.img-right {
	float:right;
	margin:0 0 10px 20px;
}

div {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}


/* ==========================================================================
   Layout
/* ========================================================================== */

body {
	color:#fff;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-weight:400;
	margin:0;
	background:#000;
}

#wrapper {
	position:relative;
	width:970px;
	margin:0 auto;
	padding:0 20px;
	font-size:75%;
	background:#000 url(../images/container-bg.jpg) no-repeat;
}

/* ==========================================================================
   Header
/* ========================================================================== */

#logo {
	float:left;
}

#logo img {
	display:block;
}


/* ==========================================================================
   Navigation
/* ========================================================================== */

#nav-container {
	float:right;
}

#nav {
	width:590px;
	margin:0;
	padding:0;
	list-style:none;
}

#nav li {
	float:left;
	width:16.6666%;
	height:96px;
}

#nav li.active {
	background:url(../images/nav-arrow-down.png) center 77px no-repeat;
}

#nav li a {
	display:block;
	border-left:1px solid #3c3c3c;
	border-top:1px solid #3c3c3c;
	border-bottom:1px solid #3c3c3c;
	line-height:75px;
	text-align:center;
	text-decoration:none;
	font-size:125%;
	color:#fff;
	text-transform:lowercase;
	background: #303030; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #303030 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#303030), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #303030 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #303030 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #303030 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(135deg,  #303030 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#nav li a:hover {
	background: -moz-linear-gradient(-45deg,  rgba(238,45,35,0.8) 0%, rgba(51,51,51,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(238,45,35,0.8)), color-stop(100%,rgba(51,51,51,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(238,45,35,0.8) 0%,rgba(51,51,51,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(238,45,35,0.8) 0%,rgba(51,51,51,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(238,45,35,0.8) 0%,rgba(51,51,51,1) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(238,45,35,0.8) 0%,rgba(51,51,51,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccee2d23', endColorstr='#333333',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#nav li:first-child a {
	border-left:0;
}

#nav li.nav-last a {
	border-right:1px solid #3c3c3c;
}

/* ==========================================================================
   Home
/* ========================================================================== */

h1.headline { position:relative; padding:20px 0 10px 0; font-size:24px; font-weight:normal; text-align:center; }

#row-video { position:relative; border:1px solid #3C3C3C; padding:6px; }
#row-video > div { float:left; margin-left:11px; }
#row-video div:first-child { margin-left:0; }

#connect { width:42px; }
#connect-text {
	display:none;
}
#connect .icons { margin-top:9px; background-color:#FFF; text-align:center; }
#connect .icons img { padding:4px 0; }

#testimonials { position:relative; padding:10px; border:1px solid #3C3C3C; background-color:#161616; width:426px; height:296px; }
#testimonials-head {
	border-bottom:1px solid #3c3c3c;
}
#testimonials #head { font-size:11px; font-style:italic; margin-top:6px; width:215px; text-align:right; padding:0 5px 10px 0; }
#testimonials #sign { position:absolute; right:0px; top:-4px; width:199px; height:64px; background-image:url(../images/client-testimonials.png); cursor:pointer; }
#testimonials #sign a { display:block; height:64px; }
.testimonials {
	margin-top:10px;
}
#testimonials .entry img { margin:0 10px 0 0; }
#testimonials .entry { font-size:11px; margin:0 0 15px 0; }
#testimonials .content { font-style:italic; }

#row-company-info { position:relative; margin:15px 0 10px 0; font-size:11px; }
#latest-work-head { position:relative; float:left; width:30%; font-size:26px; padding-top:10px; text-align:center; }
#latest-work-head img { position:absolute; left:0px; bottom:0px; }



#company-info { float:left; position:relative; width:70%; margin-bottom:10px; }
#company-info p { padding:0; margin:0px; }
#company-info img { float:right; margin-left:10px; }

#company-left {
	float:left;
	width:40%;
	margin-left:5%
}

#company-right {
	float:left;
	width:50%;
	margin-right:5%;
}


#lw-wrapper { position:relative; padding:6px; border:1px solid #3C3C3C; clear:both; margin-bottom:30px; }
#lw-wrapper .lw-container { margin:0 auto; height:155px; width:916px; padding:10px 0 0; background:#000 url(../images/latest-news-bg.jpg) no-repeat; }

.showbiz h4 {
	margin:0;
}

.showbiz {
	padding:0 10px;
}

.showbiz-navigation {
	margin-bottom:10px;
}

#row-seo-text {
	position:relative;
	padding:6px;
	border:1px solid #3C3C3C;
	background-color:#1E1E1E;
	color:#FFF;
	text-align:justify;
	font-size:12px;
}
#row-seo-text p { padding:0; margin:10px; }

#row-social { position:relative; }
#row-social > div { float:left; margin-left:18px; }
#row-social div:first-child { margin-left:0; }

#upcoming-slides {
	position:relative;
	width:200px;
	height:176px;
	overflow:hidden;
}

#twitter {
	width:485px;
}

#banners {
	margin:30px 0;
}

#banners img {
	width:450px;
	height:auto;
}

#partner-logos {
	margin:20px 0;
}

#row-seo-modules { position:relative; margin-bottom:30px; background:url(../images/seo-header-bg.jpg) no-repeat; }
#row-seo-modules > div { float:left; }
#seo-module-left, #seo-module-right { width:310px; }
#seo-module-center { width:310px; }
#seo-module-left .seo-module-content { border-left:1px solid #303030; border-bottom:1px solid #303030; }
#seo-module-center .seo-module-content { border-left:1px solid #303030; border-right:1px solid #303030; border-bottom:1px solid #303030; }
#seo-module-right .seo-module-content { border-right:1px solid #303030; border-bottom:1px solid #303030; }
.seo-module-head { margin-top:15px; padding:6px 0 0 10px; height:29px; font-size:16px; }
.seo-module-content { padding:10px; height:150px; background-color:#1E1E1E; }

#bottom-photo-container { position:relative;  }

/* ==========================================================================
   Content / Backend
/* ========================================================================== */

#content {
	position:relative;
	min-height:500px;
	margin-top:10px;
	padding:20px;
	border:1px solid #3C3C3C;
	background-color:#000;
}

#content h1 {
	margin:0 0 20px;
	text-transform:uppercase;
	padding-bottom:20px;
	border-bottom:1px solid #3c3c3c;
	font-weight:300;
}

.social {
	float:right;
}

/* clients */
#content .entry { font-size:11px; margin:0 0 20px 0; }
#content .entry .image { float:left; margin:0 10px 0 0; width:152px; min-height:114px; }
#content .entry .content-container { float:left; width:720px; }
#content .entry .name { font-weight:bold; font-size:13px; color:#9ECF66; }
#content .entry .company { font-size:13px; }
#content .entry .content { font-style:italic; padding:5px 0; }

/* services */
#row-services { position:relative; }
#row-services > div { float:left; margin-left:50px; }
#row-services div:first-child { margin-left:0; }
#row-services .name { font-size:20px; text-align:center; letter-spacing:-1px; }

/* portfolio */
.portfolio-btn { float:left; font-size:11px; }

.portfolio-btn { margin-left:10px; height:38px; line-height:38px; border:1px solid #333; background:url(../images/portfolio-btn-bg.jpg) repeat-x; cursor:pointer; text-align:center; }
.portfolio-btn:first-child { margin-left:0; }

.portfolio-btn a { display:block; padding:0 10px 0 10px; color:#FFF; text-decoration:none; }
.portfolio-btn a:hover { color:#EE2D23; }
.portfolio-btn span { padding:0 10px 0 10px; }

#categories, #categories_2 {
	height:40px;
}
#categories_2 {
	clear:both;
	margin-top:10px;
}

#categories_2 .portfolio-btn {  }



#form-captcha { position:relative; text-align:center; margin:10px; clear:both; }
#form-captcha div { margin-left:16px; }
.row-submit { position:relative;  }


/* error message */
.error {
	/* supply height to ensure consistent positioning for every browser */
	height:15px;
	background-color:#CC0000;
	border:1px solid #3c3c3c;
	font-size:11px;
	color:#FFF;
	padding:3px 10px;
	margin-left:-2px;


	/* CSS3 spicing for mozilla and webkit */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;

	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;
}

/* pure CSS arrow */
.error em {
	display:block;
	width:0;
	height:0;
	border:10px solid;
	border-color: transparent #CC0000 transparent transparent;

	/* positioning */
	position:absolute;
	top:0;
	left:-17px;
}


/* ==========================================================================
   Forms
/* ========================================================================== */


#content #company-info {
	float:none;
	width:100%;
	margin-bottom:20px;
}

#map iframe { float:left; }

#contact-form {
	clear:both;
	margin:20px 0;
	padding:20px;
	background:#1e1e1e;
	border:1px solid #3c3c3c;
}

.err {
	color:#c00;
	font-weight:bold;
}

.success {
	color:#090;
	font-weight:bold;
}

.one-half {
	float:left;
	width:48%;
	margin-right:2%;
}


/* ==========================================================================
   Footer
/* ========================================================================== */


#footer { position:relative; margin:20px 0; padding-top:10px; text-align:center; border-top:4px solid #3c3c3c; }
#copyright, #bottom-seo-nav { font-size:11px; }
#bottom-seo-nav a { color:#FFF; }
#bottom-seo-nav a:hover { color:#9ecf66; text-decoration:underline; }

/* quick contact floater */

#qcform {
	position:fixed;
	bottom:-285px;
	right:50px;
	width:294px;
	height:350px;
	background:url(../images/qc-bg-closed.jpg) no-repeat;
	color:#333;
}

#qcform_control {
	position:absolute;
	top:0;
	right:-10px;
	width:30px;
	height:27px;
	cursor:pointer;
}

#qcform_content {
	position:relative;
	width:264px;
	height:350px;
	margin:0 auto;
	padding-top:35px;
}

#qcform p {
	margin:0;
	font-size:75%;
	font-weight:bold;
	padding:5px 0 10px 0;
}

#qcform textarea {
	width:252px;
	height:40px;
	border:2px solid #ccc;
	padding:4px;
	margin-bottom:20px;
}

#qcform .qcform_radio {
	min-height:40px;
	margin-bottom:5px;
	line-height:40px;
	padding-left:10px;
	background:url(../images/qc-radio-bg-closed.jpg) no-repeat;
}

#qcform #qcform_email {
	display:none;
	margin-left:22px;
	margin-top:-6px;
	margin-bottom:6px;
}

#qcform_response {
	position:absolute;
	left:0;
	bottom:8px;
	width:160px;
	height:40px;
	color:#C00;
	font-size:95%;
	font-weight:bold;
}

#qcform_send {
	position:absolute;
	right:0;
	bottom:8px;
	cursor:pointer;
}

/* ==========================================================================
   Helpers
/* ========================================================================== */


.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.placeholder {
  color: #aaa;
}

/* ==========================================================================
   Responsive
/* ========================================================================== */


@media (max-width: 768px) {
	
	#wrapper {
		width:100%;
	}
	
	#logo img {
		max-width:240px;
	}
	
	#nav {
		max-width:488px;
	}
	
	#nav li {
		height:68px;
	}
	
	#nav li a {
		line-height:53px;
		font-size:100%;
	}

	#nav li.active {
		background:url(../images/nav-arrow-down.png) center 55px no-repeat;
	}
	
	#row-video > div { margin-left:10px; }
	
	#testimonials { height:auto; width:320px; }
	#testimonials-head {  padding-top:0; }
	#testimonials #head { font-size:70%; text-align:center; width:110px; margin:0;  }
	#testimonials .entry { font-size:10px;  }
	
	#video iframe {
		width:320px;
	}
	
	
	#latest-work-head { width:25%; font-size:20px; }
	#company-info { width:75%;  }
	
	#lw-wrapper .lw-container { width:100%; height:180px;	}
	
	
	#twitter {
		width:280px;
	}
	
	
	#banners img {
		width:48%;
	}
	
	#partner-logos img {
		max-width:100%;
	}
	
	#seo-module-left, #seo-module-right { width:33.33%; }
	#seo-module-center { width:33.33%; }
	.seo-module-head { margin-top:15px; padding:6px 0 0 10px; height:29px; font-size:16px; }
	.seo-module-content { padding:10px; height:150px; background-color:#1E1E1E; font-size:85%; }
	
	#bottom-photo-container img { max-width:100%; }
	
	#qcform {
		display:none;
	}
	
	
	#portfolio_categories ul {
		padding-left: 8px !important;
		
	}

	#portfolio_categories ul li {
		padding: 0 6px !important;
		margin-right: 0 !important;
		font-size: 10px !important;
	}
	
}

@media (max-width: 568px) {
	
	#logo {
		float:none;
		width:240px;
		margin:0 auto 20px auto;
	}
	
	#nav-container,
	#nav {
		width:100%;
		float:none;
	}
	
	#nav li:first-child a {
		border-left:1px solid #3c3c3c;
	}
	
	#nav li a {
		font-size:80%;
	}
	
	#row-video { position:relative; border:1px solid #3C3C3C; padding:6px; }
	#row-video > div { float:none; margin-left:0; }
	#row-video div:first-child { margin-left:0; }
	
	#connect { width:100%; float:none; margin-bottom:10px; }
	#connect .icons { float:left; width:100%; margin-top:0; background-color:#FFF; padding:0 10px; text-align:center; }
	#connect .icons img { padding:4px 0; }
	
	#connect > img {
		display:none;
	}
	
	#connect-text {
		display:block;
		float:left;
		background:#fff;
		line-height:50px;
		padding:0 20px;
		color:#000;
		font-size:120%;
	}
	
	
	#testimonials,
	#video {
		float:none;
		width:100%;
	}
	
	#video iframe {
		width:100%;
	}
	
	#testimonials-head {
		padding-top:50px;
	}
	
	#head {
		display:none;
	}
	
	#latest-work-head,
	#company-info,
	#company-left,
	#company-right {
		float:none;
		width:100%;
		margin:0;
	}
	
	#company-left,
	#latest-work-head {
		margin:0 0 20px;
	}
	
	#row-social > div {
		float:none;
		text-align:center;
	}
	
	#upcoming-sites {
		float:none;
		width:200px;
		margin:0 auto 20px auto !important;
	}
	
	#twitter,
	#banners img {
		float:none;
		width:100%;
		margin:0 !important;
	}
	
	#seo-module-left, #seo-module-center, #seo-module-right { float:none; width:100%; background:#1E1E1E; border:1px solid #303030; }
	#seo-module-left .seo-module-content { border:0; }
	#seo-module-center .seo-module-content { border:0; }
	#seo-module-right .seo-module-content { border:0; }
	.seo-module-head { margin-top:15px; padding:6px 0 0 10px; height:29px; font-size:16px; }
	.seo-module-content { padding:10px; height:150px; background-color:#1E1E1E; }
	
	
	#footer img {
		max-width:100%;
	}
	
	
	
	#content img {
		max-width:100%;
	}
	
	.one-half {
		float:none;
		width:100%;
	}
	
	input,
	select,
	textarea {
		max-width:98%;
	}
	
	
	
	#row-services > div { float:none; margin-left:0; margin-bottom:20px; }
	
	#map iframe {
		float:none;
		width:100%;
		margin:0 0 20px 0 !important;
	}
	
	#content .entry .image { float:none; margin:0; width:152px; min-height:114px; }
	#content .entry .content-container { float:none; width:100%; }

	
	#portfolio_categories ul {
		padding-left: 8px !important;
		
	}

	#portfolio_categories ul li {
		padding: 0 6px !important;
		margin-right: 0 !important;
		font-size: 10px !important;
	}
}