/* @override 
	http://entertainmentdesignonlinellc.businesscatalyst.com/stylesheets/edo_style.css
	http://entertainmentdesignonlinellc.businesscatalyst.com/StyleSheets/edo_style.css
*/

/*
    AUTHOR: Alexander Vietmeier // Entertainment Design Online, LLC
            alex@entertainmentdesignonline.com
*/

/* @group Resets, Basics */
/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { font: 62.5% Verdana, sans-serif; }
ul { list-style: none inside; }
p { font: 1.3em/1.3em; margin-bottom: 1.3em; }
a { outline: none; }
a img { border: none; }
/* END RESET */
/* @end Resets, Basics */








/* @group Color */
/* ------------------------------------------ */
/* COLOR */
/* ------------------------------------------ */
body {
	color: #fffeff;
	background: #000 url(../images/edo_background.png) no-repeat fixed center top;
}
a{
	text-decoration: none;
	color: #fbff7e;
}
a:hover{
	text-decoration: underline;
}

.transbg{
	background: url(../images/edo_transbg.png) repeat;
}
#top-bar{
	background-color: #000;
}
.portfolio-container h2 a{
	color: #FFF;
}
.portfolio-container h2 a:hover {
	text-decoration: none;
	color: #fbff7e;
}

/* END COLOR */
/* @end Color */




/* @group Style */
/* ------------------------------------------ */
/* STYLE */
/* ------------------------------------------ */
h1{
	margin-bottom: 15px;
	text-transform: uppercase;
	font-size: 2.5em;
}
h2{
	margin-bottom: 5px;
	color: #919191;
}
h3{
	margin-bottom: 10px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
}
p{
	margin-bottom: 15px;
}
.emphasis{
	font-size: 12px;
}
.lastp{
	margin-bottom: 0;
}
.homedesc{
	font-size: 12px;
}
.edo_header{
	background: url(/images/edo_logo.png) no-repeat center center;
	text-indent: -1000em;
	margin: 0;
	height: 50px;
}
.about-header{
	text-indent: -1000em;
	height: 26px;
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 15px;
	background: url(/images/edo_header-about.png) no-repeat left top;
	padding-bottom: 10px;
}
.resources-header{
	text-indent: -1000em;
	height: 14px;
	width: 100%;
	border-bottom: 1px solid #797979;
	margin-bottom: 5px;
	background: url(/images/edo_header-bigcity.png) no-repeat left top;
	padding-bottom: 5px;
}
.values-header{
	text-indent: -1000em;
	height: 14px;
	width: 100%;
	border-bottom: 1px solid #797979;
	margin-bottom: 5px;
	background: url(/images/edo_header-smalltown.png) no-repeat left top;
	padding-bottom: 5px;
}
.goals-header{
	text-indent: -1000em;
	width: 100%;
	background: url(/images/edo_header-goals.png) no-repeat left top;
	border-bottom: 1px solid #797979;
	height: 14px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.contact-header{
	text-indent: -1000em;
	height: 26px;
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 15px;
	background: url(/images/edo_header-contact.png) no-repeat left top;
	padding-bottom: 10px;
}
.testimonials-header{
	text-indent: -1000em;
	height: 26px;
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 15px;
	background: url(/images/edo_header-testimonials.png) no-repeat left top;
	padding-bottom: 10px;
}
.help-header{
	text-indent: -1000em;
	height: 14px;
	width: 100%;
	border-bottom: 1px solid #797979;
	margin-bottom: 5px;
	background: url(/images/edo_header-help.png) no-repeat left top;
	padding-bottom: 5px;
}
.phone-header{
	text-indent: -1000em;
	height: 14px;
	width: 100%;
	border-bottom: 1px solid #797979;
	margin-bottom: 5px;
	background: url(/images/edo_header-phone.png) no-repeat left top;
	padding-bottom: 5px;
}
.skype-header{
	text-indent: -1000em;
	height: 14px;
	width: 100%;
	border-bottom: 1px solid #797979;
	margin-bottom: 5px;
	background: url(/images/edo_header-skype.png) no-repeat left top;
	padding-bottom: 5px;
}
.services-header{
	text-indent: -1000em;
	height: 26px;
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 15px;
	background: url(/images/edo_header-creativeservices.png) no-repeat left top;
	padding-bottom: 10px;
}
.creative-header{
	text-indent: -1000em;
	height: 14px;
	width: 100%;
	margin-bottom: 5px;
	background: url(/images/edo_header-creative.png) no-repeat left top;
	padding-bottom: 5px;
}
.service-header{
	text-indent: -1000em;
	height: 14px;
	width: 100%;
	margin-bottom: 5px;
	background: url(/images/edo_header-service.png) no-repeat left top;
	padding-bottom: 5px;
}
.post-header{
	text-indent: -1000em;
	height: 14px;
	width: 100%;
	margin-bottom: 5px;
	background: url(/images/edo_header-post.png) no-repeat left top;
	padding-bottom: 5px;
}
.defproduction-header{
	text-indent: -1000em;
	height: 14px;
	width: 100%;
	margin-bottom: 5px;
	background: url(/images/edo_header-defproduction.png) no-repeat left top;
	padding-bottom: 5px;
}
.live-header{
	text-indent: -1000em;
	height: 14px;
	width: 100%;
	margin-bottom: 5px;
	background: url(/images/edo_header-live.png) no-repeat left top;
	padding-bottom: 5px;
}
.motion-header{
	text-indent: -1000em;
	height: 14px;
	width: 100%;
	margin-bottom: 5px;
	background: url(/images/edo_header-motion.png) no-repeat left top;
	padding-bottom: 5px;
}
.tutorials-header{
	text-indent: -1000em;
	height: 14px;
	width: 100%;
	margin-bottom: 5px;
	background: url(/images/edo_header-videotutorials.png) no-repeat left top;
	padding-bottom: 5px;
}
.supportrequest-header{
	text-indent: -1000em;
	height: 14px;
	width: 100%;
	margin-bottom: 5px;
	background: url(/images/edo_header-supportrequest.png) no-repeat left top;
	padding-bottom: 5px;
}
h2.triangle-header{
	text-indent: -1000em;
	height: 14px;
	width: 100%;
	background: url(/images/edo_header-triangle.png) no-repeat left top;
	padding-bottom: 5px;
}
.graphics-header{
	text-indent: -1000em;
	height: 14px;
	width: 100%;
	margin-bottom: 5px;
	background: url(/images/edo_header-graphics.png) no-repeat left top;
	padding-bottom: 5px;
}
.business-header{
	text-indent: -1000em;
	height: 14px;
	width: 100%;
	margin-bottom: 5px;
	background: url(/images/edo_header-business.png) no-repeat left top;
	padding-bottom: 5px;
}
.online-header{
	text-indent: -1000em;
	height: 14px;
	width: 100%;
	margin-bottom: 5px;
	background: url(/images/edo_header-online.png) no-repeat left top;
	padding-bottom: 5px;
}
.web-header{
	text-indent: -1000em;
	height: 26px;
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 15px;
	background: url(/images/edo_header-web.png) no-repeat left top;
	padding-bottom: 10px;
}
.support-header{
	text-indent: -1000em;
	height: 26px;
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 5px;
	background: url(/images/edo_header-support.png) no-repeat left top;
	padding-bottom: 10px;
}
.featureslist-header{
	text-indent: -1000em;
	height: 26px;
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 15px;
	background: url(/images/edo_header-featureslist.png) no-repeat left top;
	padding-bottom: 10px;
}
.tour-header{
	text-indent: -1000em;
	height: 26px;
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 15px;
	background: url(/images/edo_header-tour.png) no-repeat left top;
	padding-bottom: 10px;
}
.overview-header{
	text-indent: -1000em;
	height: 26px;
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 15px;
	background: url(/images/edo_header-overview.png) no-repeat left top;
	padding-bottom: 10px;
}
.edit-header{
	text-indent: -1000em;
	height: 26px;
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 15px;
	background: url(/images/edo_header-edit.png) no-repeat left top;
	padding-bottom: 10px;
}
.gfx-header{
	text-indent: -1000em;
	height: 26px;
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 15px;
	background: url(/images/edo_header-gfx.png) no-repeat left top;
	padding-bottom: 10px;
}
.production-header{
	text-indent: -1000em;
	height: 26px;
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 15px;
	background: url(/images/edo_header-production.png) no-repeat left top;
	padding-bottom: 10px;
}
.terms-header{
	text-indent: -1000em;
	height: 26px;
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
	background: url(/images/edo_header-terms.png) no-repeat left top;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.privacy-header{
	text-indent: -1000em;
	height: 26px;
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
	background: url(/images/edo_header-privacy.png) no-repeat left top;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.404-header{
	text-indent: -1000em;
	height: 26px;
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
	background: url(/images/edo_header-404.png) no-repeat left top;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.unauthorized-header{
	text-indent: -1000em;
	height: 26px;
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
	background: url(/images/edo_header-access.png) no-repeat left top;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.portfolio-header{
	text-indent: -1000em;
	height: 26px;
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
	background: url(/images/edo_header-portfolio.png) no-repeat left top;
	padding-bottom: 10px;
	margin-bottom: 0;
}
.features-header{
	text-indent: -1000em;
	height: 14px;
	width: 100%;
	border-bottom: 1px solid #797979;
	margin-bottom: 5px;
	background: url(/images/edo_header-features.png) no-repeat left top;
	padding-bottom: 5px;
}
.industry-header{
	text-indent: -1000em;
	height: 14px;
	width: 100%;
	border-bottom: 1px solid #797979;
	margin-bottom: 5px;
	background: url(/images/edo_header-industry.png) no-repeat left top;
	padding-bottom: 5px;
}
.sitelink-header{
	text-indent: -1000em;
	height: 14px;
	width: 100%;
	border-bottom: 1px solid #797979;
	margin-bottom: 5px;
	background: url(/images/edo_header-sitelink.png) no-repeat left top;
	padding-bottom: 5px;
}
.portdesc-header{
	text-indent: -1000em;
	height: 14px;
	width: 100%;
	border-bottom: 1px solid #797979;
	margin-bottom: 5px;
	background: url(/images/edo_header-description.png) no-repeat left top;
	padding-bottom: 5px;
}
.Amran{
	text-indent: -1000em;
	height: 26px;
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 15px;
	background: url(/images/edo_header-amran.png) no-repeat left top;
	padding-bottom: 10px;
}
.Nelson-header{
	text-indent: -1000em;
	height: 26px;
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 15px;
	background: url(/images/edo_header-bradnelson.png) no-repeat left top;
	padding-bottom: 10px;
}
.Benedetti-header{
	text-indent: -1000em;
	height: 26px;
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 15px;
	background: url(/images/edo_header-courtneybenedetti.png) no-repeat left top;
	padding-bottom: 10px;
}
.Bensaid-header{
	text-indent: -1000em;
	height: 26px;
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 15px;
	background: url(/images/edo_header-jackiebensaid.png) no-repeat left top;
	padding-bottom: 10px;
}
.DeMaio-header{
	text-indent: -1000em;
	height: 26px;
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 15px;
	background: url(/images/edo_header-joedemaio.png) no-repeat left top;
	padding-bottom: 10px;
}
.Altman-header{
	text-indent: -1000em;
	height: 26px;
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 15px;
	background: url(/images/edo_header-lucasaltman.png) no-repeat left top;
	padding-bottom: 10px;
}
.Moving.Theater-header{
	text-indent: -1000em;
	height: 26px;
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 15px;
	background: url(/images/edo_header-movingtheater.png) no-repeat left top;
	padding-bottom: 10px;
}
.Jazz-header{
	text-indent: -1000em;
	height: 26px;
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 15px;
	background: url(/images/edo_header-opusjazz.png) no-repeat left top;
	padding-bottom: 10px;
}
.TV-header{
	text-indent: -1000em;
	height: 26px;
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 15px;
	background: url(/images/edo_header-ourscenetv.png) no-repeat left top;
	padding-bottom: 10px;
}
.Plants-header{
	text-indent: -1000em;
	height: 26px;
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 15px;
	background: url(/images/edo_header-rebeccaplants.png) no-repeat left top;
	padding-bottom: 10px;
}
.Fashions-header{
	text-indent: -1000em;
	height: 26px;
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 15px;
	background: url(/images/edo_header-solarfashions.png) no-repeat left top;
	padding-bottom: 10px;
}
.Pride-header{
	text-indent: -1000em;
	height: 26px;
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 15px;
	background: url(/images/edo_header-stonewall.png) no-repeat left top;
	padding-bottom: 10px;
}
.EDOblog-header{
	text-indent: -1000em;
	height: 26px;
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
	background: url(/images/edo_header-blog.png) no-repeat left top;
	padding-bottom: 10px;
	margin-bottom: 0;
}
.comments-header{
	text-indent: -1000em;
	height: 14px;
	width: 100%;
	border-bottom: 1px solid #797979;
	margin-bottom: 5px;
	background: url(/images/edo_header-comments.png) no-repeat left top;
	padding-bottom: 5px;
}
.postcomment-header{
	text-indent: -1000em;
	height: 14px;
	width: 100%;
	border-bottom: 1px solid #797979;
	margin-bottom: 5px;
	background: url(/images/edo_header-postcomment.png) no-repeat left top;
	padding-bottom: 5px;
	margin-top: 15px;
}
.recentposts-header{
	text-indent: -1000em;
	height: 10px;
	width: 100%;
	border-bottom: 1px solid #FFF;
	background: url(/images/edo_header-recentposts.png) no-repeat left top;
	padding-bottom: 3px;
	margin-bottom: 15px;
}
.tags-header{
	text-indent: -1000em;
	height: 10px;
	width: 100%;
	border-bottom: 1px solid #FFF;
	margin-bottom: 5px;
	background: url(/images/edo_header-tags.png) no-repeat left top;
	padding-bottom: 3px;
}
.archive-header{
	text-indent: -1000em;
	height: 10px;
	width: 100%;
	border-bottom: 1px solid #FFF;
	margin-bottom: 5px;
	background: url(/images/edo_header-archive.png) no-repeat left top;
	padding-bottom: 3px;
}
.side-info p{
	font-size: 12px;
}
div.webform div.item img{
	padding-top: 5px;
	padding-bottom: 5px;
}
.contact .form label, .webform label {
	display: inline-block;
	width: 30%;
}
.contact .form input, .webform input {
	width: 67%;
}
input#catwebformbutton.cat_button.submit {
	width: 107px;
	padding: 6px;
}

input#CAT_Custom_73091_0{
	width: auto;
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 15px;
}

input#CAT_Custom_73091_1,input#CAT_Custom_73091_2,input#CAT_Custom_73091_3,input#CAT_Custom_73091_4 {
	width: auto;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 15px;
}

input.cat_button.submit {
	padding: 6px;
}
#Captcha.text{
	width: auto;
}

p.prev-next {
	margin-top: 30px;
	padding-top: 5px;
	text-align: right;
	border-top: 1px solid #797979;
}
ol{
	padding-left: 15px;
}
ol li{
}

.container{
	padding: 15px;
	position: relative;
}
.tour.container{
	background-color: #fff;
}
#top-bar .container{
	padding: 0;
	line-height: 25px;
}
#logo-header .container{
	padding: 0;
}
#main-nav .container{
	height: 20px;
}
ul#nav_475485{
}
ul#nav_475485 li{
	float: left;
	padding: 0 18px;
}
ul#nav_475485 li #first{
	padding: 0px;
}
ul#nav_475485 li #last{
	padding: 0px;
}
ul#nav_475485 li a{
	display: block;
	text-indent: -1000em;
	height: 20px;
}

ul#nav_475485{
}
ul#nav_888873{
	width: 100%;
	height: auto;
}
ul#nav_888873 li{
	margin-bottom: 5px;
}
ul#nav_888873 li a{
	display: block;
	text-indent: -1000em;
	height: 25px;
}
ul#nav_888496{
	width: 100%;
	height: auto;
}
ul#nav_888496 li{
	margin-bottom: 5px;
}
ul#nav_888496 li a{
	display: block;
	text-indent: -1000em;
	height: 25px;
}
ul#nav_892651{
	width: 100%;
	height: auto;
}
ul#nav_892651 li{
	margin-bottom: 5px;
}
ul#nav_892651 li a{
	display: block;
	text-indent: -1000em;
	height: 25px;
}


#breadcrumbs .container{
	line-height: 25px;
	padding: 0 15px;
}
#breadcrumbs img{
	margin-right: 6px;
}
#breadcrumbs .container p{
	text-transform: uppercase;
}

.userheader{
	margin-bottom: 10px;
	border-bottom: 1px solid #FFF;
	padding-bottom: 5px;
}
#user1 .blog-post{
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 10px;
	border-bottom: 1px solid #5e5e5e;
	padding-bottom: 10px;
}
#user1 .blog-post h2.post-title {
	font-size: 12px;
	margin: 0;
	padding: 0;
	border-bottom-style: none;
}
#user1 .blog-post .post-details {
	color: #c0c0c0;
	font-size: 9px;
	margin: 0 0 5px;
}
#user1 .blog-post .post-details .author{
	display: none;
}
#user1 .blog-post .post-body .intro{
	display: none;
}
#user1 .blog-post .post-body{
	margin: 0;
}
#user1 .blog-post .post-body .links{
	display: none;
}
.signup{
	font-size: 9px;
	color: #a9a9a9;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
}
#user3 div.form div.item,#user3 div.webform div.item {
	margin-top: 8px;
	margin-bottom: 0px;
}

.announcement-list{
	margin-bottom: 10px;
	margin-top: 10px;
}
.announcement-list h2{
	font-size: 12px;
}
.announcement-list .date{
	color: #c0c0c0;
	font-size: 9px;
}

#footer .container{
	padding: 0 15px;
}
#footer{
	line-height: 25px;
}
.portfolio-container h2{
	text-transform: uppercase;
	font: 16px verdana;
}
p.portfolio-desc{
	color: #FFF;
}
.blog-container{
	position: relative;
}
.blogrss{
	position: absolute;
	top: 10px;
	right: 0;
}
.portfolio-back img{
	border: 1px solid #797979;
	padding: 6px;
}
.portfolio-back{
	position: absolute;
	left: 15px;
	bottom: 15px;
}
.portfolio-site{
	margin-bottom: 50px;
}
/* END STRUCTURE */
/* @end Style */











/* @group Layout */
/* ------------------------------------------ */
/* PAGE LAYOUT */
/* ------------------------------------------ */
.extrafield{
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
}
#top-bar{
	height: 25px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}
#top-bar .container{
	width: 824px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
}
#page-wrap {
	width: 824px;
	margin: 0 auto;
}
#logo-header{
	width: 325px;
	height: 50px;
	margin-top: 40px;
	float: left;
}
#main-nav{
	margin-left: 15px;
	height: 50px;
	float: left;
	margin-top: 40px;
	width: 484px;
}
#breadcrumbs{
	width: 100%;
	height: 25px;
	margin-top: 15px;
}
#main-content{
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
}
#main-column{
	width: 618px;
	margin-top: 15px;
	margin-bottom: 15px;
	float: right;
	position: relative;
}
#left-column{
	width: 191px;
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 15px;
}
#newsletter{
	margin-top: 15px;
}
#left-menu{
	margin-bottom: 15px;
}
#newsletter .cat_textbox_small, .cat_listbox_small {
	width: 156px;
}
#lower-modules{
	margin-bottom: 15px;
}
#user1{
	float: left;
	width: 260px;
	height: 200px;
	margin-right: 15px;
	margin-bottom: 15px;
}
#user2{
	float: left;
	width: 259px;
	height: 200px;
	margin-right: 15px;
	margin-bottom: 15px;
}
#user3{
	float: left;
	width: 275px;
	height: 200px;
	margin-bottom: 15px;
}
#user3 .cat_textbox_small, #user3 .cat_listbox_small {
	width: 240px;
}
#newsletter .cat_button, #user3 .cat_button{
	border: 1px solid #5e5e5e;
	padding: 0;
	margin: 0;
}
#user3 .cat_button{
	float: right;
}
#user1 .container,#user2 .container,#user3 .container{
	height: 155px;
	overflow: hidden;
}
#footer{
	width: 824px;
	height: 25px;
	margin-bottom: 15px;
}
.side-info{
	float: right;
	width: 25%;
	margin: auto 0;
	padding: 0;
}
.container-form{
	float: left;
	width: 70%;
	margin-right: 25px;
}
ul.list-3by3.alt-list {
	height: 100%;
	width: 824px;
}
ul.list-3by3.alt-list li {
	width: 252px;
	height: 162px;
	margin-right: 18px;;
	margin-top: 15px;
	float: left;
}
.portfolio-container {
	position: relative;
	padding: 0;
		width: 252px;
	height: 162px;
}
.portfolio-container h2{
	position: absolute;
	left: 0;
	background: url(../images/edo_transbg.png) repeat;
	display: block;
	width: 247px;
	padding-left: 5px;
	bottom: -5px;
}
.portfolio-container img{
	width: 252px;
	height: 162px;
}
.portfolio-img img{
	width: 500px;
}
.portfolio-img{
	width: 500px;
	float: right;
}
.portfolio-details{
	float: left;
	width: 279px;
	margin-right: 15px;
}
.subbox{
	width: 170px;
	margin-left: 15px;
	margin-bottom: 15px;
	color: #fffeff;
	font-size: 12px;
	border-bottom: 1px solid #797979;
	padding-bottom: 15px;
}
.subbox ul{
	list-style-type: square;
	list-style-position: outside;
	margin-left: 15px;
}
.aboutinfo{
	margin-right: 215px;
}
.services-left{
	width: 46%;
	padding-right: 15px;
	font: 12px "courier new";
	margin-bottom: 15px;
}
.services-left ol{
	padding-top: 10px;
	font: 10px verdana;
}
.services-right{
	width: 46%;
	font: 12px "courier new";
	margin-bottom: 15px;
	padding-left: 15px;
}
.services-right ol{
	padding-top: 10px;
	font: 10px verdana;
}
.leftborder{
	border-left: 1px solid #797979;
}
.rightborder{
	border-right: 1px solid #797979;
}
#creative-content{
	border-top: 1px solid #FFF;
	padding-top: 15px;
}
/* END STRUCTURE */
/* @end Layout */





/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }


a {
	/* get rid of link outlines in firefox */
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
}

h2.features {
	border-bottom: 1px solid #ccc;
	font-size: 18px;
	font-weight: bold;
	margin: 36px 0;
}
div.feature-list img.f-image {
	float:left;
	margin:-38px 0 0;
}

div.feature-list ul {
	margin:0pt 0pt 36px 100px;
	padding:0pt;
	list-style-type: square;
	list-style-position: outside;
}

div.feature-list li {
	padding:3px 0pt;
}

div.feature-list h3 {
	font-size: 14px;
	margin: 0pt 0pt 18px 84px;
}


/* FixPNG for IE6 */

/* FixPNG from Komodo */

* html .fixPNG {
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "/cssimg/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
);
}
#main img {
	width: 558px;
}
#main ul{
	margin: 0 15px 15px;
}
.col {
  float: left;
  margin-right: 10px;
}
.span-24  { width: 100%; margin: 0; }

/* Misc classes and elements
-------------------------------------------------------------- */

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 1px;
  margin: 0 0 18px;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
  margin: 0 0 36px;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }


.tour{
	color: #000;
}


/* @group Tweak */

div#main h2 {
	margin: 0;
	border-style: none;
}

div#main p {
	margin: 0 0 9px;
	font-size: 12px;
}

div#main p.backtop {
	margin: 0 0 36px;
	text-align: center;
}
div#main a:focus, 
div#main a:hover     { color: #1969bc; text-decoration: underline; }
div#main a           { color: #1969bc; text-decoration: none; }


/* @group Slider */

#slider1 div.panelContainer div.panel div.wrapper form {
	margin-top: 45px;
}

	
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 0;
			position: relative;
			width: 100%;
		}
	

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border-top: none;
			margin: auto;
			width: 794px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			/*height: 460px;*/
			clear: both;
		}

#slider1 div.panelContainer div.panel div.wrapper h3 {
	border-bottom: 1px solid #797979;
	margin-top: 30px;
	color: #797979;
}
#slider1 div.panelContainer div.panel div.wrapper h2 {
	border-bottom: 1px solid #797979;
	margin-top: 30px;
}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 794px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			padding-bottom: 5px;
			margin: 0;
			overflow: hidden;
	border-bottom: 1px solid #FFF;
}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
			margin: 0;
			overflow: hidden;
			padding: 0;
		}
		
		.stripNav ul li {
			float: left;
			margin: 0; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		#stripNav0 a { /* The nav links */
			display: block;
			padding-left: 10px;
			padding-right: 10px;
	border-left: 1px solid #797979;
	border-right: 1px solid #797979;
	font-size: 14px;
	color: #797979;
}
		

		#stripNav0 li a:hover {
	color: #fbff7e;
	text-decoration: none;
}
		
		#stripNav0 li a.current {
	color: #fbff7e;
}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			background: #000;
			display: none;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}


/* @end */
/* @group Toolbox */
/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
.transpBlack { background: url(transpBlack.png); }
/* END TOOLBOX */
/* @end Toolbox */