@charset "UTF-8";
/* CSS Document */

* {
	padding: 0;
	margin: 0;

}

img{
	border: 0;
	color: #09C;
	
	
}

Body
{
	
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight: 300;
	color:#666;
	background-color:#8DC63F;
	background-image:url(../images/body_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	
}


::selection {
        background: #8DC63F; /* Safari custom text selection color */
		color: #FFF;
        }
::-moz-selection {
        background: #8DC63F; /* Firefox */
		color: #FFF;
}

a
{
	color:#555;
	text-decoration: underline;
	
}

a:hover
{
	color:#8DC63F;
	text-decoration: none;
}

.master
{
	width:100%;
	height: auto;

	
}

.main-content-centered
{
	margin: 0 auto;
	width: 770px;
	height: auto;
	padding-bottom: 20px; 

}

.header
{
	background-image:url(../images/header-bg-option3.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	height: 124px;
	background-color:#FFF;
	
}






.esl-mainlogo:hover
{
	position: relative;
	top:2px;
	
}

.main-nav
{
	background-image: url(../images/main-nav-bg2.jpg);
	background-position:top;
	background-repeat:repeat-x;	
	height: 39px;
	border-bottom: 1px solid #DDD;

}

.main-banner
{
	background-image: url(../images/main-banner-bg.jpg);
	background-position:top;
	background-repeat:repeat-x;	
	width: auto;
	height: auto;
	border-top: 1px solid #f7f7f7;
	border-bottom: 1px solid #f7f7f7;
	
}


.main-content
{
	background-image: url(../images/main-content-bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#ffffff;
	width: auto;
	height: auto;
	font-size: 14px;
	line-height: 21px;
	text-align:left;
	padding: 0 0 15px 0;
	
	
}

.tab-content
{
	margin: 0 auto;
	width:auto; 
	padding: 25px;
	clear:both;
	
}

.tabs
{
		margin: 25px;
}


.footer
{
	background-image: url(../images/footer-bg.jpg);
	background-position:top;
	background-color:#FFF;
	background-repeat:repeat-x;	
	height: 100px;
	text-align:center;
	clear:both;
	border-top: 1px solid #CCC;
}

.footer-copy
{
	width:auto;
	padding: 40px;
	display:block;
}

.footer-copy a
{
	text-decoration:none;
}

.head-table
{
	margin:0 auto;
	width: auto;
	position:relative;
	top:25px;
}

.menu
{
	width:820px;
	margin: 0 auto;
	height: auto;
	position:relative;
	top:5px;


}

.menu a
{
	text-decoration: none;
		text-shadow:0 1px 0 rgba(255,255,255,.8);
	-webkit-font-smoothing: subpixel-antialiased;
	font-size:11px;
}

.menu a:hover
{
	text-decoration: none;
	
}

.menu td
{
	width:auto;
	padding:10px 20px 12px 20px;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:.04em;
}

a.myownclass:hover{
	background: none;
}


.sub-nav
{
	width: 100%;
	height:auto;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	
}

.selected-button
{
	background-image: url(../images/nav-arrow.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	
	
}

.selected-button a
{
	color: #8DC63F;
}

.solutions-headings
{
	text-transform:uppercase;
}

.ulist
{
	list-style-type:square;
	width:auto;
	height:auto;
	text-align:left;

}

.ulist li
{
	margin: 0 20px 20px 30px;
}

.ulist li a
{
	text-decoration:none;
}

.ulist li a:hover
{
	position:relative;
	top:2px;
}



.paragraph-style
{
	padding: 0 20px 0 20px;
	text-align: justify;
	display:block;
}

hr
{
	border: 1px outset #F7F7F7;
}

.tabs-next-previous
{

	width:auto;
	height: auto;
	background-color:#8DC63F;
	padding: 10px 20px 10px 20px;
	display: inline-block;
	font-size: 16px;
	color: #FFF;
	font-weight:bold;
	border: 2px solid #FFF;
	text-decoration:none;
	

}

.tabs-next-previous:hover
{
	border: 1px solid #8DC63F;
	background-color:#FFF;
	color: #8DC63F;
}

span.all-jobs-link{
	
	width:auto;
	height: auto;
	padding: 10px 20px 10px 20px;
	background-color:#8DC63F;
	display: inline-block;
	font-size:14px;
	font-weight:bold;
	margin: 12px 10px 0 0;
}

.all-jobs-link
{
	width:auto;
	height: auto;
	padding: 10px 20px 10px 20px;
	background-color:#8DC63F;
	display: inline-block;
	color:#FFF;
	text-decoration:none;
	font-size: 18px;
	


}

.all-jobs-link a
{
	color:#FFF;
	text-decoration:none;
}
.courses-get-started-button
{
	
		padding:0 !important;
		margin:0 !important;
		border:0 !important;
		text-align:center;
}

.courses-get-started-button a
{
	color: #FFFFFF;
	background-color: #27AAE1;
	padding: 15px 20px 15px 20px;
	width:auto;
	height: auto;	
	background-color:#8DC63F;
	display:inline-block;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration:none;
	font-size:24px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	
}

.courses-get-started-button a:hover 
{
	box-shadow:inset 0 0 5px #333333;
	color: #FFFFFF;
	background-color: #27AAE1;
}


.all-jobs-link:hover, .all-jobs-link a:hover{
	color: #FFFFFF;
	background-color: #27AAE1;

}

.all-jobs-link:hover{
	box-shadow:inset 0 0 5px #333333;
	-moz-box-shadow: 0;
	-webkit-box-shadow: 0;
	box-shadow: 0;
}
.contact-table
{
	width: auto;
	text-align:left;
	
}

.contact-table td
{
	vertical-align: middle;
	padding: 0 40px 0 40px;
	font-size:14px;
	
}

td.vcard
{
	padding: 0;
	text-align:left;

}



td.vcard span
{
	padding:0;
	position:relative;
	top:-35px;
	
}

td.hours span
{
	
	position:relative;
	top:-20px;
}

td.phone span
{
	position:relative;
	top:-35px;
}

td.mailing-add span
{
	position:relative;
	top:-30px;
	
}


.client-logos
{
	height: 700px;
	width: 100%;
	text-align:center;
}

.client-logos img
{
	padding: 50px 0 50px 0;
}


.search
{
	width:auto;
	height: auto;
	padding: 10px 30px 10px 30px;
	background: #27AAE1;
	color:#FFF;
	border:0;
	text-decoration:none;
}

.search:hover
{
	background: #8DC63F;
	padding: 10px 30px 10px 30px;
	border:0;
	cursor: pointer;
}


.faq-btt-link
{
	float:right;
	padding: 0 35px 0 0;
}

.faq-list
{
	width:auto;
	height:auto;
	position: relative;
	left:75px;
	font-size:13px;
}

.faq-list li
{
	line-height: 40px;
}


.testimonials-table td
{
	text-align:center;
	line-height: 41px;
	height: 200px;
}

.testimonials-table td
{
	border-bottom: 1px dashed #CCC;
	line-height: 18px;
}

blockquote
{
	font-size: 16px;
	color:#333;
	
}

blockquote:before {
    content: "“";
	font-size:68px;
	color:#8DC63F;
	position:relative;
	top:30px;
	left: -10px;
}
 
blockquote:after {
    content: "”";
	font-size:68px;
	color:#8DC63F;
	position:relative;
	top:30px;
	left: 10px;
}

.floated-left-images
{
	float: left;
	margin: 0 40px;
	border:0;
}

.solution-detail-table
{
	width:800px;
	
}

.solution-detail-table td
{
	height:auto;
	background-color:#FFFFFF;
	vertical-align:top;
	padding: 10px;
}

td.course-outline
{
	width: 325px;
	text-align:center;
}

.solution-detail-table td span.cost
{
	font-size:16px;
	color:#27AAE1;
}

.solution-pic
{
	float:left;
	margin: 0 20px 20px 23px;

}




.solution-list
{
	list-style-type:none;
	width:auto;
	height:auto;
	text-align:left;

}

.solution-list li
{

	clear:both;
}



.solution-table a
{
	text-decoration:none;
	font-size:16px;
	font-family:Century Gothic, sans-serif;
}


.solution-table tr.coloured-row
{
	background-color:#FCFCFC;
	
}

.solution-table td
{
	padding: 30px;
	text-align: center;
	
}

.solution-table img:hover
{
		position:relative;
		top:-1px;
}

.usd
{
	font-size:9px;
}

.trigger ul.solution-menu
{
	display:none;
	padding: 10px;
	width:65%;
	margin:0 auto;
	color: #777777;
	font-size:10px;
	
}

.trigger ul.solution-menu li
{
	width:auto;
	height:auto;
	padding: 0 10px 0 10px;
	list-style-type:none;

}

.trigger ul.solution-menu li a
{
	text-decoration:none;
	text-align:center;
}

.trigger ul.solution-menu td
{
	text-align:center;
	padding: 15px 0 15px 0;
}


ul.solution-menu .topborderrow td
{
	border-top: 1px solid #F7F7F7;
}
	


.trigger:hover ul.solution-menu
{
	display: block;

}



.blog-table
{
	padding: 30px 0 20px 0;
}


.course-outline-list
{
	text-align:left;
	list-style-position: outside;
	list-style-type:none;
	border:3px solid #EEE;
}

.course-outline-list li
{
	padding: 7px 7px 7px 14px;
	font-size:14px;
}

.top-images
{
	overflow-x: hidden;
	overflow-y: auto;
	height: 280px;
	width:183px;
	padding:10px;
	
	
	
}

.top-images td
{
padding:10px;
	
	
}


.selection-box{
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	background-color: #F7F7F7;
	border: 0;
	height:25px;
}

.form_email
{
	color:#777;
	border:0;
	background-color: #F7F7F7;
	height: auto; 
	padding:7px;
	font-size:13px;
	width: 233px;
	margin: 0 0 0 2px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	 -moz-box-shadow: inset 0 0 .3em #777;
	-webkit-box-shadow: inset 0 0 .3em #777;
     box-shadow: inset 0 0 .3em #777;

	
}

.form_email_comments
{
	color:#777; 
	border:0; 
	background-color: #F7F7F7;
	height: 70px; 
	padding:5px;
	font-size:13px;
	width: 240px;
	overflow-y: auto;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	 -moz-box-shadow: inset 0 0 .3em #777;
	-webkit-box-shadow: inset 0 0 .3em #777;
     box-shadow: inset 0 0 .3em #777;

	
}

.starter-sol-table td
{
	text-align:center;
	width:auto;
	padding: 10px;
	border:0;
	font-size:11px;
}


.webstartsolution
{
	font-family: Arial, Helvetica, sans-serif;
	background-color:#FFF;
	line-height: 26px;
}

.signingup 
{
	padding: 30px 0 0 20px;
}

.webstartsolution table label
{
	font-size:13px;
	color:#999;
}

.webstartsolution table img
{
	border:7px solid #EEE;
}

.webstartsolution table img:hover
{
	border:7px solid #8DC63F;
}

h3.web-starter-solution, h2.web-starter-solution
{
	color: #8DC63F;
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	text-align:left;

}

h1, h2
{
	font-size:22px;
	line-height: 35px;
	text-align:left;
	
}

h3 a{
	text-decoration:none;
	margin: 20px;
	line-height:21px;
}

.web-starter-content-indent
{
	padding-left: 30px; 
	font-family:Arial, Helvetica, sans-serif;
}

.centered
{
	width: auto;
	margin: 0 auto;
}

.right-align
{
	float: right;
	padding: 0 15px 15px 25px;
	border:0;
}

.right-align:hover
{
	position:relative;
	top: 1px;
}

.webstartsolution p
{
	clear: both;
}

.align-left
{
	float: left;
		display:inline-block;
	margin: 0 15px 15px15px;
}


.starter-sol-table img
{
	border: 7px solid #EEE;
}

.starter-sol-table img:hover
{
	border: 7px solid #8DC63F;
	opacity: .77; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=77); /* IE lt 8 */
	-ms-filter: "alpha(opacity=77)"; /* IE 8 */
	-khtml-opacity: .77; /* Safari 1.x */
	-moz-opacity: .77; /* FF lt 1.5, Netscape */
}

.customize-q-list
{
	width: 750px;	
}

.customize-q-list li
{
	padding: 26px;
	color: #444;
	font-size:13px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	clear:both;
	list-style-type:none;
	

}

.customize-q-list li:hover, .customize-q-list td:hover
{
	background-color:#8DC63F;
	color:#FFF;
	
}


.customize-q-list li.last:hover
{
	background-color:#FFF;
}

.inner-scroll
{
	widthe:100%;
	height:300px;
	overflow-y: scroll;
}

.emircoCMSflist
{
	font-size:15px;
	
}

.emircoCMSflist li
{
	list-style-type:none;
	padding: 18px 18px 18px 90px;
	color: #666;
	background:url(../images/check-box-checked-bg.png) left;
	background-repeat:no-repeat;
	text-align:left; 
	
}

.emircoCMSflist li a:hover
{
	color: #FFF;
}
li.bgmod, li.bgmod a 
{
	background-color:#EEEEEE;
}

.emircoCMSflist li:hover
{
	background-color:#8DC63F;
	color:#FFFFFF;
}



.services-list
{
	width: 500px;
	margin:0 auto;
}


.services-list li
{
	list-style-type:none;
	
}


.services-list li a
{
	
	padding: 18px 18px 18px 90px;
	color: #666;
	text-align:left;
	display:block;
	font-size:16px;
	text-decoration:none;
	background:url(http://www.emirco-studios.com/images/check-box-checked-bg.png);
	background-repeat:no-repeat;
	background-color: none;
	background-position: left;
	
}

.services-list li.bgmod
{
		background-color:#EEEEEE;
}

.services-list li a:hover
{
	background-color:#8DC63F;
	color:#FFFFFF;
}

.plus-sign
{
	font-size:64px;
	font-weight:bold;
	padding:10px;
	color:#8DC63F;
	position:relative;
	top:200px;
}

li.bgcolor 
{
	background-color:#FBFBFB;
	padding: 26px;
	
}

li.bgcolor:hover
{
	background-color:#8DC63F;	
}

ul.browser-list
{
	
	width:590px;
	margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	display:block;
	position: relative;
	top:10px;

	
}

ul.browser-list a
{
	text-decoration:none;
	color:#999;
}

ul.browser-list a:hover
{
	text-decoration:none;
	color:#F58025;
}

ul.browser-list li
{

	float:left;
	margin: 20px;
	text-align:center;
	color: #999999;
	list-style-type:none;
}

.chrome
{
	background-image:url(../images/browser-icons/google-chrome-bw.png);
	background-repeat:no-repeat;
	background-position:top;
	display:block;
	width: 36px;
	height: 36px;
	
}

.chrome:hover
{
	background-image:url(../images/browser-icons/google-chrome-colour.png);
	background-repeat:no-repeat;
	background-position:top;

	
	
}


.safari
{
	background-image:url(../images/browser-icons/apple-safari-bw.png);
	background-repeat:no-repeat;
	background-position:top;
	display:block;
	width: 36px;
	height: 36px;
}

.safari:hover
{
	background-image:url(../images/browser-icons/apple-safari-colour.png);
	background-repeat:no-repeat;
	background-position:top;
	
	
}


.firefox
{
	background-image: url(../images/browser-icons/mozilla-firefox-bw.png);
	background-repeat:no-repeat;
	background-position:top;
	display:block;
	width: 36px;
	height: 36px;
}

.firefox:hover
{
	background-image: url(../images/browser-icons/mozilla-firefox-colour.png);
	background-repeat:no-repeat;
	background-position:top;
	display:block;
	
}

.facebook
{
	background-image: url(../images/social-icons/Facebook_icon_bw.png);
	background-position:top;
	background-repeat:no-repeat;
	display:block;
	width: 36px;
	height: 36px;
}

.facebook:hover
{
	background-image: url(../images/social-icons/Facebook_icon.png);
	background-position:top;
	background-repeat:no-repeat;
}

.twitter
{
	background-image: url(../images/social-icons/Twitter_icon_bw.png);
	background-position:top;
	background-repeat:no-repeat;
	display:block;
	width: 36px;
	height: 36px;
}

.twitter:hover
{
	background-image: url(../images/social-icons/Twitter_icon.png);
	background-position:top;
	background-repeat:no-repeat;
	
}


.youtube
{
	background-image: url(../images/social-icons/youtubeicon_bw.png);
	background-position:top;
	background-repeat:no-repeat;
	display:block;
	width: 36px;
	height: 36px;
}

.youtube:hover
{
	background-image: url(../images/social-icons/youtubeicon.png);
	background-position:top;
	background-repeat:no-repeat;

}

.linkedin
{
	position: relative;
	top:8px;
}

.sublists
{
	margin: 0 0 0 25px;
	
}

.sublists li
{
	list-style-type: square;
	
}


ul.store-sections li
{
	text-transform:uppercase;
	font-weight: lighter;
	text-align: left;
	padding: 0;
	margin-left: 15px;
	
}

ul.store-sections li a
{
	padding: 0 25px 0 0;
	margin: 0 0 10px 0;
	display:block;
	font-size:11px;
	letter-spacing:.07em;

}

ul.solutions-dropdown li
{
	
}

.sitemap
{
	background-image:url(../images/sitemap-bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#FFF;
	border-bottom: 1px solid #CCC;
	padding: 38px 0 38px 0;
		text-shadow:0 1px 0 rgba(255,255,255,.8);
	-webkit-font-smoothing: subpixel-antialiased;
		clear:both;

}

.copyright
{
	
	color:#777;
	background-image:url(../images/copyright-bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#FFF;
	padding: 10px;
	margin: 0 0 23px 0;
}



.copyright-table
{
	width:820px;
	margin: 0 auto;
	border: 0;
	
	
}


.sitemap-details-table
{
	width:auto;
	margin: 0 auto;
	
	
}

.sitemap-details-table td
{
	width: 125px;
	vertical-align:top;
	

}

.sitemap-details-table tr.headings a
{
	text-transform:uppercase;
	text-decoration:none;
	font-size:9px;
	padding: 3px 3px 3px 3px;
	margin: 0 7px 0 5px;
	display:block;
	border-bottom: 1px dotted #999;
}

.sitemap-details-table tr.headings td
{
	padding: 10px 0 10px 0;
}


.sitemap-details-table td a
{
	text-decoration:none;
	font-size:11px;
	padding: 0 10px 0 10px;
	display:block;
	
}


.sitemap-detail-list li
{
	list-style-type:none;
	padding: 5px 0 5px 0;
	
	
}

.portfolio-thumb-table
{
	margin: 0 auto;
	width: auto;

}

.portfolio-thumb-table img
{
	border: 7px solid #EEE;
	margin: 15px 20px 15px 20px;
}

.portfolio-thumb-table img:hover
{
	border: 7px solid #8DC63F;
}


.pr-summary-list
{
	width:auto;
	text-align:left
}

.pr-summary-list li
{
	list-style-type: none;

}


.pr-link
{
		 display:block;
		 width:100%;
		 height:auto;
		 padding: 10px 15px 10px 15px;
		 border-bottom: 1px dotted #CCC;
		 text-decoration:none;
		 color: #777;
}

.pr-link:hover
{
		 text-decoration:none;
		 color: #FFF;
		 background-color: #27AAE1;
		 
}

h1.pr-title
{
	display:block;
	font-weight:bold;
	padding: 0 0 3px 0;
	font-size:14px;
	
}


.pr-date
{
	 border-right: 1px dotted #CCC;
	 width:auto;
	 display:inline-block;
	 padding: 0 10px 0 0;
	 margin: 0 12px 0 0;
	 font-weight: bold;
	 color:#CCC;
	 text-align: left;
}

.trigger ul.menu
{
    display: none;
}
.trigger:hover ul.menu
{
    display: block;
}

.horizontal-scroll
{
	overflow-x:auto;
	overflow-y: hidden;
	width:748px;
	text-align:center;
	padding: 10px;
	background-image:url(../images/emircoCMS-gallerybg.jpg);
	background-repeat:repeat-y;
}

hr
{
  border-color: #ccc;
  border-style:  dashed;
  border-width: 1px 0 0;
  clear: both;
  margin: 20px 0 0;
  height: 0;

}

.revenue-ideas-table
{
	
}

.revenue-ideas-table td
{
	text-align:center;
	width:auto;
	height:auto;
	
}

.revenue-ideas-table a
{
		display: inline-block;
		width: 200px;
		padding: 20px 0 20px 0;
		background-color:#27AAE1;	
		color: #FFF;
	
}

.revenue-ideas-table a:hover
{
		background-color:#8DC63F;	
		color: #FFF;
}

.revenue-ideas-detail{
	 
	position:absolute; 
	visibility: hidden; 
	border: 9px solid #8DC63F; 
	background-color: #FFF; 
	width: 200px; 
	height: auto; 
	padding: 14px; 
	z-index:999; 
	text-align: left;
 
 }
 
 .green-badge
{
	position:fixed;
	bottom:13px;
	right:15px;
	 

}

.topbannerad
{
	border: 5px solid #DDD;
	background-color:#DDD;
	
}

.topbannerad:hover
{
		opacity: .83; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=83); /* IE lt 8 */
	-ms-filter: "alpha(opacity=83)"; /* IE 8 */
	-khtml-opacity: .83; /* Safari 1.x */
	-moz-opacity: .83; /* FF lt 1.5, Netscape */
	background-color:#FFFFFF;
}

.top-design-firms
{
	color:#FFF;
}

.CharacterStyle1
{
	font-family:"Minion Pro";
	font-weight:bold;
	font-size:24pt;
	position:relative;
	top: 8px;
	color:rgb(140,198,64);
	
}

tr.headings td
{
	padding: 10px;
}

tr.totals td
{
	border-top: 1px dashed #CCC;
	border-bottom: 1px dashed #CCC;
	padding: 10px;
	margin-top: 10px;
	
}

.payment-table td
{
	padding: 10px 10px 7px 10px;
}

.fb-like-container
{
	margin: 0 auto;
	width:895px;
	
}



.clear
{
	clear: both;
}