/**
 * @author  ( Nick Bartosh  )
 * @package Joomla!
 * @subpackage eMediaStudios - Modern
 * @copyright Copyright (C) 2011 eMediaStudios. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */

body,
html					{ height:100% }

body					{ /*background:url(../images/bg-body.png);*/ }
/* columns */
.container				{ width:960px; height:100% }
.column					{ 
	float:left; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left:5px;
	margin-right:5px;
}
.column1				{ width:60px }
.column2				{ width:140px }
.column3				{ width:220px }
.column4				{ width:300px }
.column5				{ width:380px }
.column6				{ width:460px }
.column7				{ width:540px }
.column8				{ width:620px }
.column9				{ width:700px }
.column10				{ width:780px }
.column11				{ width:860px }
.column12				{ width:940px }

.fortyfive				{ width:45% }
.forty					{ width:40% }
.half					{ width:50% }
.third					{ width:33% }
.full					{ width:100% }

.clear					{ clear:both }

.wrapper				{ width:960px; margin:0px auto; }
header { width: 100%; height:80px; margin:0; padding:0; background:url(../images/bg-toolbar-top.png) repeat-x; position:fixed; transition: all 0.2s ease-in-out 0s; border-bottom:1px solid #333; z-index:999; }

.box					{ border:1px solid #333; background:#fff; min-height:20em; }
.box.margin10			{ margin:0px 5px 10px 5px }
.pad10					{ padding:10px; }
.margin10				{ margin:10px; }
.margin10left			{ margin:0px 5px 10px 0px }
.margin10right			{ margin:0px 0px 10px 5px }
.marginvert				{ margin:10px 0px; height:auto; overflow:hidden }


/* Toolbar module area */
#logo { 
	background:url(../images/logo.png) no-repeat;
	background-position:0 -126px;
	display:block;
	width:285px; 
	height:70px;
	position:absolute; 
	top:5px; 
	left:5px; 
	transition: all 0.2s ease-in-out 0s; 
	text-indent:-9999em; 
}

.company-name		{ color:#FFF; font-family:"GothamMedium"; font-size:2em; line-height:2.5em; }
.contact-info		{ position:absolute; right:20px; top:10px }
.contact-info span	{ color:#FFF }
.contact-info a		{ color:#FFF; text-decoration:none }
.contact-info a:hover{ color:#FFF; text-decoration:none; border-bottom:1px solid #fff }
.sticky				{ height:65px; background:#222; border-bottom:1px solid black }
.sticky #logo		{ transform: scale(0.75); top:-3px; left:-32px }
/* Header module area */

/* Banner */
#banner p			{ margin:0; padding:0 }
.banner				{ width:100%; height:40px }
.banner				{ text-align:left; padding:160px 0 0 0 }
.banner h1			{ color:#FFF; font-size:2rem; font-weight:900; text-shadow: 1px 1px 0px #000000;
        filter: dropshadow(color=#000000, offx=1, offy=1);  }
.planner h1			{ color:#000; text-shadow: 1px 1px 0px #dddddd; filter: dropshadow(color=#dddddd, offx=1, offy=1) }
.capabilities,
.seob				{ background:url(../images/banners/banner-capabilities.jpg) no-repeat }
.ads				{ background:url(../images/banners/banner-capabilities.jpg) no-repeat }
.smm				{ background:url(../images/banners/banner-capabilities.jpg) no-repeat }
.ppc				{ background:url(../images/banners/banner-capabilities.jpg) no-repeat }
.portfolio			{ background:url(../images/banners/banner-capabilities.jpg) no-repeat }
.work				{ background:url(../images/banners/banner-our-most-recent-portfolio-of-work.jpg) no-repeat }
.story				{ background:url(../images/banners/header_the_story_of_emediastudios.jpg) no-repeat top center }
.planner			{ background:url(../images/banners/banner-project-planner.jpg) no-repeat top right }
.maint				{ background:url(../images/banners/banner-maintenance-and-support.jpg) no-repeat top center }
.contacts			{ background:url(../images/banners/banner-contact-us.jpg) no-repeat }
.development		{ background:url(../images/banners/custom-rich-internet-application-development.jpg) no-repeat top center }
.graphic-design		{ background:url(../images/banners/banner-graphic-design.jpg) no-repeat }
.logo-design		{ background:url(../images/banners/banner-logo-design.jpg) no-repeat }
.sales-collateral	{ background:url(../images/banners/banner-sales-collateral.jpg) no-repeat }
.website-layouts	{ background:url(../images/banners/banner-website-layouts.jpg) no-repeat }
.business-cards		{ background:url(../images/banners/banner-business-cards.jpg) no-repeat }
.email-marketing	{ background:url(../images/banners/banner-email-marketing.jpg) no-repeat }

/* Navigation */
nav					{ text-align:center; width:100%; margin:32px 10px 0px 0px; transition: margin 0.2s ease-in-out 0s  }
.sticky nav			{ margin-top:24px }
nav li				{ display:inline }
nav a				{ color:#FFFFFF; padding:1em; text-shadow:0 1px 0 rgba(0,0,0,0.5); text-transform:uppercase; font-size:.9em; }

nav a:hover {
	color:#dedede
}

.pagelist li		{ margin:0px 0em 0px 0em; list-style:inside square }
.pagelist li:odd	{ margin-right:.6em }
.blue li			{ color:#19507b }
.purple li			{ color:#5557a7 }
.orange li			{ color:#f89d33 }
.green li			{ color:#119757 }

.red li				{ color:#991616 }

/* Banner */
section#banner			{ background-position:center; background-size:cover; height:auto; width:auto; overflow:hidden; background-color:#dadada; border-bottom:1px solid #888; }
section#mobile-banner	{ display:none; }

/* BreadCrumb */


/*Homepage */
.homecol			{  }
.homecol article	{ background:#FFFFFF;; margin:3px; border:1px solid #acacac; padding:10px; min-height:310px; }

/* Content */
#content			{ width:100%; clear:both; height:auto; overflow:hidden; background:#ffffff; padding:30px 0px 10px 0px }
.read_more			{ font-family:"Helvetica-Neue"; font-weight:bold; font-size:1.2em; }
.web-design 		{ color:#19507b; }
.seo				{ color:#74cf5e; }
.identity 			{ color:#a12118; }
.summary			{ border-bottom:1px solid #dedede; margin-top:15px; max-height:300px; overflow:hidden; position:relative;    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
            transition: all .5s ease; }
.summary li,
.contentlist li		{ list-style-type:square; list-style-position:inside; margin-left:0 }

.hidden				{ height:6.5em }
.expand,
.contract			{ display:block; position:absolute; top:0; right:0; font-size:2em; text-decoration:none }
.expand:hover,
.contract:hover		{ text-decoration:none }

/* Portfolio */
div.item-page div.portfolio	{ float:left; border:1px solid #cdcdcd; width:270px; height:300px; margin:0px 40px 40px 0px; }
div.item-page div.portfolio h3 { margin:143px 0px 10px 10px; font-style:italic; color:#888888;  font-weight:normal; }
div.item-page div.portfolio p { color:#888888; margin:0px 10px 0px 10px; font-size:12px; }

/* Left Modules */
.leftmenu			{ margin-top:79px; }
.leftmenu li		{ list-style-type:none; line-height:1.5em; padding-left:0px; margin:5px 0 1px 0; border-bottom:1px solid #efefef }
.leftmenu .color	{ transition: background-position 0.5s ease 0s; background-repeat:no-repeat; display:block; height:5px; position:relative; background-position:170px center; bottom:2px; width:100%; float:right }
.leftmenu li:hover .color {
	background-position:10px;
}
.leftmenu li .purple	{ background-image:url(../images/icon-slide-purple.gif) }
.leftmenu li .green		{ background-image:url(../images/icon-slide-green.gif) }
.leftmenu li .blue		{ background-image:url(../images/icon-slide-blue.gif) }
.leftmenu li .yellow	{ background-image:url(../images/icon-slide-yellow.gif) }
.leftmenu li .orange	{ background-image:url(../images/icon-slide-orange.gif) }
.leftmenu li .gray		{ background-image:url(../images/icon-slide-gray.gif) }
.leftmenu li a:hover 	{ text-decoration:none; color:#888; }
.leftmenu li a			{ color:#333; }
.leftmenu li li 		{ border-bottom:none; list-style-type:square; margin-left:1px; list-style-position:inside }
.leftmenu li li	.color	{ background-image:none }

/* Right Modules */


/* Footer */
#footer			{ margin-bottom:8px; height:auto; overflow:hidden }
footer			{ height:auto; overflow:hidden; border-top:1px solid #ddd; background:#222; }

footer address,
footer p		{ color:#dddddd; font-family:"Trebuchet MS", arial; font-style:normal; font-size:.8rem;/* 12px / 16px */  float:left; line-height:1.5em; }
footer a		{ color:#ffffff !important; font-size:.8rem }
footer a:hover	{ color:#dddddd !important }
footer *		{ color:#FFF; }
footer-contact p{ margin-right:40px; line-height:.9em; }
footer-hire p	{ }

/* Copyright */
#copyright		{ border-top:1px solid #676767; height:auto; overflow:hidden; padding:5px 0px }

/* Portfolio */


/* Services */


/* All Pages */

/* Sticky Footer */

/***** Tablet & Mobile Considerations *****/
@media only screen and (min-width:768px) and (max-width:1024px){
#logo,
.sticky #logo {
	background-position:0 -40px;
}

nav li {
	margin: 0 10px 0 0
}

nav li:last-child {
	margin: 0
}

nav a {
	font-size:.85em;
	padding:0;
}


.wrapper				{ width:768px; margin:0px auto; }
.container				{ width:768px }
.column1				{ width:44px }
.column2				{ width:108px }
.column3				{ width:172px }
.column4				{ width:236px }
.column5				{ width:300px }
.column6				{ width:364px }
.column7				{ width:428px }
.column8				{ width:492px }
.column9				{ width:556px }
.column10				{ width:620px }
.column11				{ width:684px }
.column12				{ width:748px }

.leftmenu .color	{ background-position:135px center; bottom:2px; width:100%; float:right }
.leftmenu li:hover .color {
	background-position:10px;
}
}

@media only screen and (min-width:480px) and (max-width:767px){
	.wrapper				{ width:768px; margin:0px auto; }
	.container				{ width:768px }
	.column					{ }
	.column1,				
	.column2,				
	.column3,				
	.column4,				
	.column5,				
	.column6,				
	.column7,				
	.column8,				
	.column9,				
	.column10,				
	.column11,
	.column12				{ width:236px }
	#logo,
	.sticky #logo {
		background-position:0 -40px;
		height:56px;
	}

	nav a {
		font-size:.85em;
		padding:0;
	}
	
	section#banner {
		display:none;
	}
	
	section#mobile-banner {
		padding-top:80px;
		height:400px;
		display:block;
		background-position:center; background-size:cover; height:auto; width:auto; overflow:hidden; background-color:#dadada; border-bottom:1px solid #888;
	}
}

@media only screen and (min-width:320px) and (max-width:479px){
.wrapper				{ width:320px; margin:0px auto; }
.container				{ width:320px }
.column					{ 	margin:0px auto }
.column1,				
.column2,				
.column3,				
.column4,				
.column5,				
.column6,				
.column7,				
.column8,				
.column9,				
.column10,				
.column11,
.column12				{ width:320px }

header,
header.sticky				{ height:72px; background:#222; border-bottom:1px solid black }

	#logo,
	.sticky #logo {
		background-image:url(../images/logo.png);
		background-position:0 -40px;
		height:52px;
		width:250px;
		left: 0px;
		top: 0px;
	}
	nav,
	.sticky nav {
		margin-top:52px;
	}
	nav a		{
		font-size:.7em;
		padding:0;
	}
	section#banner {
		display:none;
	}
	section#mobile-banner {
		padding-top:80px;
		height:400px;
		display:block;
		background-position:center; background-size:cover; height:auto; width:auto; overflow:hidden; background-color:#dadada; border-bottom:1px solid #888;
	}
	header,
	.sticky				{ background:#222; border-bottom:1px solid black }

footer address,
footer p		{ width:100%; margin-bottom:1em; line-height:1.25em; color:#efefef; font-family:"Trebuchet MS", arial; font-style:normal; font-size:.75em;/* 12px / 16px */  float:left}
}



@media only screen and (max-width:319px){
	#logo,
	.sticky #logo {
		background-position:0 20;
		height:50px;
		background-image:url(../images/logo.png) no-repeat;
	}
	nav {
		margin-top:57px;
	}
	nav a		{
		font-size:.7em;
		padding:.25em;
	}
	#header,
	.sticky				{ height:65px; background:#222; border-bottom:1px solid black }
}

/* EZ BLOG */
#ezblog-head {
	display:none
}

/* Form Controls */
.formResponsive textarea, 
.formResponsive input[type="text"], 
.formResponsive input[type="password"] {
	background-color:#f0f0f0;
	border:1px solid #ccc;
	border-radius:0;
	box-shadow:none;
	padding:3px
	font-size:1.1em;
}

.formResponsive .formHorizontal h2 {
	border-bottom:3px solid #333;
	padding-top:35px;
	clear:both;
	width:100%
}
.formResponsive .formHorizontal p.formDescription {
    margin-bottom: 0;
    margin-top: 2px;
	color:#333;
	font-style:italic;
	font-size:.85em;
}

.formResponsive .formHorizontal .formControlLabel {
	float:none;
	text-align:left;
	width:100%
}

.formResponsive .formHorizontal .formControls {
	margin:0
}

.formResponsive .formHorizontal .formControls textarea {
	width:99%;
	height:150px
}

.formResponsive .formHorizontal .formControls input {
	width:98%;
}

.formResponsive input[type="submit"] {
	background-color:#1b75bc;
	border:1px solid #015495;
	transition: all 0.2s ease-in-out 0s; 
	background-image:none;
	width:150px;
	padding:3px;
}

.formResponsive input[type="submit"]:hover {
	background-color:#8dc73f;
	border:1px solid #5a9110;
	transition: all 0.2s ease-in-out 0s;
}

.formResponsive .formHorizontal .formControls input[type="submit"] {
	width:150px;
}

.wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -150px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 150px; /* .push must be the same height as .footer */
}

/*** Planner Form ***/
.formResponsive .plan .formHorizontal .formControls {
	margin-left:0px;
}

.formResponsive .plan .formHorizontal .formControlLabel {
	text-align:left;
	width:100%;
}

.formResponsive .plan .formHorizontal .formControlLabel p {
	margin:0;
}

/*** Newsletter Form **/
.newsletter .formResponsive .formHorizontal .formControlLabel {
	color:#FFF;
}

.newsletter .formResponsive .formHorizontal .formControls input {
	width:95%;
}

.newsletter .formResponsive .formHorizontal .rsform-block {
	margin-bottom:0
}

.newsletter .rsform-block-subscribe {
	width:85px;
}

.newsletter #Subscribe {
	size:85px;
	border:1px solid #dedede;
	color:#dedede;
	background-color:#333;
	border-radius:0;
}

.newsletter #Subscribe:hover {
	background-color:#dedede;
	color:#333;
	border:1px solid #333
}

.sld-learn,
.sld-start,
.sld-learn:hover,
.sld-start:hover {
	color:#000;
	font-size:1.2em;
}

.sld-learn {
	font-family:font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
	font-weight:bold;
}

.sld-start {
	font-family:'gothamblackregular';
}

.sld-btn-div {
	float:left;
}

.sld-btn-div:hover {
	-webkit-box-shadow:  1px 1px 10px 1px rgba(0, 0, 0, .4);
    box-shadow:  1px 1px 10px 1px rgba(0, 0, 0, .4);
}