@font-face {
    font-family: 'CopperplateRegular';
    src: url('fonts/copperplate-webfont.eot');
    src: url('fonts/copperplate-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/copperplate-webfont.woff') format('woff'),
         url('fonts/copperplate-webfont.ttf') format('truetype'),
         url('fonts/copperplate-webfont.svg#CopperplateRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

#emoContentContainer #contact_us textarea{
	height:101px;
}

/* Emochila Theme 3 CSS */

/* reset */

	* {
	  padding:0;
	  margin:0;
	}
	
	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, font, 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 {
		margin: 0;
		padding: 0;
		border: 0;
	}
	
	fieldset { margin:0; padding: 0 }
	select option { padding:0 5px; }
	
	a { outline:none; text-decoration: none; }
	a img { border:none; }

/* page structure */

	body {
		font: 13px "Helvetica Neue", Arial, Helvetica, sans-serif;
		color: #060606;
		background: url("images/columns_slice.gif") repeat-y 50% 0px #858776;	
	}
	
	.homepage { background-color : #fff ; }		
	
	.container {
		width: 964px;
		margin: 0 auto;
		overflow: hidden;
	}
	
	.col-1 {
		float: left;
		width: 300px;
	}


/* header */
	
	#topstrip {
		height: 17px;
	}	
	
	#header-wrapper {
		background-color : #fff;
	}	
	
	#header {
		margin: 24px auto 6px auto; 
		padding-bottom: 12px;
	}
	
	.line {
		border-bottom: 1px solid #d7d7d7;
		height: 1px;
	}
	
	#header h1{
	font-size: 30px;
	font-weight: normal;
	}

/* primary nav */

		ul#nav {
			float: left;
			text-align: left;
			list-style: none;
			width: 960px;	
			height: 34px; 
			line-height: 28px;
			margin-top: 6px;
			margin-bottom : 0 ;
		}
		
		ul#nav li:first-child {
			background: url("images/home_icon.jpg") no-repeat scroll 2px 0 transparent;
			text-indent: -9999px;
			height: 25px;
			line-height: 25px;
			width: 32px;
			margin: 0;
			border:none;
		}
		
		ul#nav li {
			width: 160px;
			margin-left: 23px;
			font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			letter-spacing: 0.2em;
			text-align: center;
			float: left;
			height: 25px; 
			line-height: 25px; 
			overflow: hidden;
			margin-bottom : 0 ;
			border: 1px solid #D0D0D0;
		}
		
		ul#nav li a {
			font-weight:lighter;
			font-family: CopperplateRegular;
			text-decoration: none;
			display: block;
			outline: none;
			border: none;
		}
		

/* content */

	#content-intro {
		margin-top: 12px;
		background-color: #858776;
	  	background: -moz-radial-gradient(30% 30%, farthest-side, #8b8d7f, #858776);
	  	background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#8b8d7f), to(#858776));
	}
	
	.homepage {
		background-image : none ;	
	}
	
	.homepage #content-intro {
		height: 380px;
		margin-top : 1px;
	}
	/* new system */
	#photo-splash {
		width: 955px;
		height: 353px;
		margin-top: 12px;
	}
	#photo-splash .splash-element {
		height: 353px;
		position: relative;
		float: left;
	}
	#photo-splash .splash-element .plus {
		position: absolute;
		right: 7px;
		bottom: 15px;
		z-index: 100;
	}
	#photo-splash .splash-element .overlay {
		position: absolute;
		top: 0;
		left: 0;
		height: 353px;
	}
	#photo-splash .splash-element .overlay:hover {
		background:none;
	}
	#photo-splash .splash-element .link-text {
		color:#FFF;
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 5px 5px 5px 10px;
		font:lighter 22px CopperplateRegular;
	}
	
		
	#second-photo .overlay {
		border-left-width: 0px;
		border-left-style: solid;
	}
	#third-photo .overlay {
		border-left-width: 3px;
		border-left-style: solid;
	}
	#fourth-photo .overlay {
		border-left-width: 5px;
		border-left-style: solid;
	}
	
	#second-photo {
		width: 135px;
	}
	#fourth-photo .overlay {
		width: 131px;
	 }
	#second-photo .overlay {
		width: 138px;
	}
	/* end of new system */
	#lrg-photo {
		height: 352px;
		width: 551px;
		margin: 14px 0 0 0;
		display: inline;
		float: left;
		position: relative;
	}
		
	#first-photo {
		width: 335px;
		height: 117px;
		position: absolute;
		top: 112px;
		left: 95px;
	}

	#first-photo a{
		color:#FFF;
	}
	
	#first-photo h1{
		font:lighter 50px/30px CopperplateRegular;
		margin-bottom:15px;
	}
	
	#first-photo p{
		font-weight:normal;
		font-size:14px;
		margin-bottom:18px;
	}
		
	#second-photo a div, #third-photo a div, #fourth-photo a div{
		position:relative;
		top:288px;
		left:14px;
	}
	
	#third-photo, #third-photo .overlay {
		width: 134px;
	}
	
	#fourth-photo {
		width: 127px;
	}
	
	#second-photo, #third-photo, #fourth-photo {
		display: inline-block;
	}
	
	#emoContentContainer ul.group {
		margin-left: 0;
	}
	
/* column structure */

	.column-container {
		overflow : visible ;
	}

	#column-wrapper {
		width : 960px;
		float : left;
		margin-left: 2px;
		background: url("images/columns_slice.gif") repeat-y 0px 0px;
	}

	#left-col {
		float : left;
		display : inline;
		width : 172px;
	}	

	#main-col {
		float : left;
		display : inline;
		width : 788px;
		position:relative;
		bottom:46px;
	}
	
	#main-col .banner {
		margin-left:1px;
		display:block;
		height: 124px;
		width: 788px;
	}
	
	#main-col .inner {
  		margin : 20px 25px 5px 25px; 
	}	
	
/* left col */

	#left-col #sidebar-nav {
		list-style-type : none;
		margin : 0 10px;
	}
	#left-col ul#sidebar-nav ul {
		margin: 10px;
	}
	
	#left-col #sidebar-nav li {
		padding : 0;
		text-transform : uppercase;
		margin : 0 0 6px 0;
	}

	#left-col #sidebar-nav a {
		display : block;
		padding : 4px 12px 4px 12px;
	}		
	
	#left-col #sidebar-nav a:hover 		{ text-decoration:none;}	
	
	#left-col #sidebar-nav > li > ul { display:none; }		
	
	
/* common content */

	.banner {
		border-top : 1px solid #d3d3d3;
	}
	
	#emoContentContainer {
		color : #343434;
	}

	#emoContentContainer h1,
	#emoContentContainer h2,
	#emoContentContainer h3,
	#emoContentContainer h4,
	#emoContentContainer h5,
	#emoContentContainer h6 {
		font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
	}


	#emoContentContainer blockquote {
		border : 1px solid #dfdfdf;
		padding : 16px 25px 4px 25px;
		clear : left;
		margin : 0 0 15px 0;
	}	
	
	#emoLogo{
		margin-left:25px;
	}
	
/* form styles */

	#emoContentContainer form b{
	font-family: CopperplateRegular,arial,sans-sarif;
	}

/* services content */

	h3.serviceTitle:hover{
	text-decoration: underline;
	}

/* content boxes */

	#content-boxes {
	
	}

	#content-boxes ul {
		list-style-type : none;
		float : left;
		margin : 0 0 6px 0;
		width : 100%;
	}
	
	#content-boxes ul li {
		float : left;
		width : 226px;
		border-right : 1px solid #dfdfdf;
		padding : 0 0 7px 0;
		margin : 5px 18px 5px 0px;
	}

	#content-boxes ul li.box-01 {
		border-left : 7px solid #92D0D5; 
	}
	
	#content-boxes ul li.box-02 {
		border-left : 7px solid #64A4B0;
	}		
	
	#content-boxes ul li.box-03 {
		margin-right : 0 ; 
		border-left : 7px solid #397882;
	}
	
	#content-boxes ul li h3 {
		border-top : 1px solid #dfdfdf;
		font-size : 18px;
		font-weight : normal;
		color : #9DA18E;
		border-bottom : 1px dotted #dfdfdf;
		padding : 11px 22px 3px 22px;
		margin : 0 0 10px 0;
		font-variant : small-caps;
		font-family:CopperplateRegular,arial,sans-sarif;
	}
	

	#content-boxes ul li .li-inner {
		margin: 10px 0 -7px 0;
		padding: 6px 0 6px 23px;
		border-bottom : 1px solid #dfdfdf;
	}
		
	#content-boxes ul li p {
		color : #343434;
		font-size : 12px;
		line-height : 1.3;
		margin : 0 0 11px 0;
	}	
	
	/* main-col footer */
	
	#main-footer {
		margin-top : 4px;
		clear : left;
		float : left;
		width : 100%;
/*		background: url("images/emochila_logo.gif") no-repeat 25px 0px; */
	}
	
	#main-footer .footer-links {
		text-align : center;
		border-top : 1px dotted #dfdfdf;
		padding : 10px 0 6px 0;
		font-size : 12px;
		margin-top : 14px;
		color : #bcbdb6;
	}
	
	#main-footer .footer-links a {
		color : #707163 ;
	}		
	
	#main-footer .footer-links a:hover,
	#main-footer .footer-links a:active {
		text-decoration : underline;
	}		
	
/* feature boxes */

	#feature-wrapper {
		width : 100%;
		background-color : #fff;
		float : left;
	}

	#feature-boxes {
		width : 960px;
		margin : 4px auto 0 auto;
	}

	#feature-boxes .feature-box-list {
		list-style-type : none;
		float : left;
		padding-left: 51px;
	}
	#feature-boxes .feature-box-list .widgetContainer {
		float: left;
	}
	#feature-boxes .feature-box-list .innerWidgetContainer {
		float : left;
		width : 270px;
		border : 1px solid #dfdfdf;
		padding : 0 0 7px 0;
		margin : 5px 7px 5px 7px;
		min-height : 9em;
		position : relative;
	}
	
	#feature-boxes .feature-box-list .innerWidgetContainer h3 {
		font-family:CopperplateRegular;
		font-size : 18px;
		font-weight : normal;
		border-bottom : 1px dotted #dfdfdf;
		width : 226px;
		padding : 7px 22px 3px 22px;
		margin : 0 0 10px 0;
	}
	

	#feature-boxes .feature-box-list .innerWidgetContainer p {
		
	}
		
	#feature-boxes .feature-box-list .innerWidgetContainer p {
		font-weight:normal;
		color : #343434;
		font-size : 12px;
		line-height : 1.3;
		margin : 10px 22px 14px 22px;
	}
	
	#feature-boxes .feature-box-list .innerWidgetContainer .button {
		position : absolute;
		left : 22px;
		bottom : 5px;	
	}
	
	#emoContentContainer blockquote h4{
		font-family:CopperplateRegular;
		font-size:18px;
	}	

/* footer */

	#footer {
		width : 100%;
		height : 25px;
		clear : both;
	}

/* utility classes */

	.access { display:none; } /* For accessibility related elements */
	.clear { clear:both; height:0px; font-size:0px; line-height:0px; overflow:hidden; }
	
	.clearfix:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}
	
	* html .clearfix { height: 1%; }
	.clearfix { display:inline-block; }
	.clearfix { display: block; }
	

/* widgets */
#widget_area_page,#widget_area_header,#widget_area_left,#widget_area_right,#widget_area_footer {
	display:none;
}