/* Element Fusion Water Content Management System */
/* Theme.css */
/* Created June 3, 2008 */
/* Modified September 29, 2008
------------------------------------------ */

/* <textEditor> */
.imgspacing-upperleft { float: left; margin: 0 10px 5px 0; }
.imgspacing-upperright { float: right; margin: 0 0 5px 10px; }
.imgspacing-midleft { float: left; margin: 5px 10px 5px 0; }
.imgspacing-midright { float: right; margin: 5px 0 5px 10px; }
.imgspacing-lowleft { float: left; margin: 5px 10px 0 0; }
.imgspacing-lowright { float: right; margin: 5px 0 0 10px; } 
/* </textEditor> */

#ef10		{ width: 161px; height: 146px; position: absolute; right: 0; top: 0; display: none; }
#ef10 a 	{border: none;}

#body {color: #333;}
#header {/*min-width: 1100px; position: relative;*/ background: #FFF url(i/header_tile.gif) repeat-x left bottom;}
#feature {background: #02144d url(i/feature_tile.jpg) repeat-x left top; color: #c7f6fa;}
#feature a { color: #c7f6fa; font-weight:bold; }
#feature a:hover { text-decoration:underline; }
#feature .wrap {background: url(i/feature_content_bg.jpg) no-repeat center top;}
#bread {border-top: 1px solid #EEE;}

a, a:link, a:visited {color: #3a63a1;}
a:hover, a:active {color: #0045a3;}

#header .navigation {background: url(i/navigation_bg.gif) no-repeat;}
#header .nav {background: url(i/navigation_right.gif) no-repeat right top;}

#header .nav a {
	color: #222;
	border-left: 4px solid #3ba0d7;
}

#header .nav a:hover, #header .nav .selectedPage a, #header .nav .selectedPageParent a, #header .nav .selectedPageRoot a {
	border-color: #9ec135;
	color: #000;
}

#topContent p {
	line-height:1.4em;
	}

#extraCol .sideBox {background: url(i/side_box_tile.gif) repeat-y;}
#extraCol .nav, #extraCol .sideBox .middle {background: url(i/side_box_top.gif) no-repeat;}

.quoteOpen {
	background: url(i/quote_open.gif) no-repeat; 
	color: #FFF;
	}
	
.quoteClose {
	background: url(i/quote_close.gif) no-repeat; 
	color: #e4eef4; 
	}

#extraCol .nav a {
	color: #0a4ba3;
	border-bottom: 1px solid #e4eef4;
	border-top: 1px solid #FFF;
	background: url(i/bullet_nav.png) no-repeat left 50%;
}

#extraCol .sideBox .bottom {background: url(i/side_box_bottom.gif) no-repeat;}
#extraCol .sideBox .bottom.quote {background: url(i/side_box_quote.gif) no-repeat;}
#extraCol .sideBox blockquote {color: #011248;}
#extraCol .sideBox blockquote a {color: #011248;}

h2, h1.title {color: #666;}
#feature h1, #feature h2, #feature h3, #feature h4, #feature h5, #feature h6 {color: #FFF;}

#header h1 {width: 226px;}
#header h1 a {background: url(i/water_content_management_system.png);}

#promo {
	background: #9ec135 url(i/green_gradient.gif) repeat-x left bottom;
	color: #FFF;
	border-top: 0.5em solid #9ec135;
}

#signUpForm {
	background: #02144d url(i/promo_tile.jpg) repeat-x left top;
	color: #FFF; 
	border-bottom: 1px solid #2f5500;
}

#signUpForm a {color: #2a9cdb;}
#signUpForm a:hover {color: #9ec135;}

#signUpForm .form {
	background: #FFF;
	color: #02144d;
}

#signUpForm .form h4 {
	color: #FFF;
	background: #0071bb;
}

#signUpForm .form p.foot {background: #cadee9;}
#signUpForm .form p.foot a {color: #02144d;}
code {
	background: #EEE;
	border-left: 1em solid #DDD;
	}
	
.blogList .postInfo, .blogList .postInfo em, .blogList .postDate {color: #777;}

.photoGalleryElement img {
	width:118px;
	}

/* Events Calendar
--------------------------------------- */
 
.eventsCalendar table {
	border: 3px solid #DDD;
	}
	
.calendarDay, .calendarToday, .calendarDayHeader, .calendarTitle td, .calendarWeekendDay, .calendarOtherMonthDay   {
	border: 1px solid #DDD;
	background: #FFF;
	}
	
.calendarTitle td {
	background: #DDD !important;
	color: #333 !important;
	}
 
.calendarNextPrevious a {
	color: #0071bb !important;
	font-weight: normal;
	}
 
.calendarToday, .calendarToday a {
	color: #333;
	background: #e4eef4;	
	}
 
.calendarDayHeader {
	color: #999;
	background: #EEE;
	}
 
.calendarWeekendDay {
	background: #FFF;
	}
	
.calendarOtherMonthDay {
	color: #CCC;
	background: #FFF;
	}


/* Video
--------------------------------------- */

.featured_video_tile { width: 890px; float: left; margin: 5px 0 50px 0; background: url('i/w_f_video_tile.jpg') 0 0 repeat-y; }
.featured_video_top { width: 890px; float: left; background: url('i/w_f_video_top.jpg') 0 0 no-repeat; }
.featured_video_bottom { width: 850px; float: left; padding: 20px; background: url('i/w_f_video_bottom.jpg') 0 bottom no-repeat; }
.featured_video_file { width: 645px; float: left; }
.featured_video_file { float: left; position: relative; }
.featured_video_file object {  z-index: 8; }
.featured_video_desc { width: 185px; float: right; }
.featured_video_desc h4 { font-size: 16px; letter-spacing: -0.05em; color: #fff; margin: 0;  padding: 5px 5px 5px 5px; font-weight: bold; }
.featured_video_desc_tile { width: 182px; float: left; margin: 0px 0 0 0; padding: 0; background: url('i/w_f_video_desc_tile.jpg') 0 0 repeat-y; }
.featured_video_desc_top { width: 182px; float: left; background: url('i/w_f_video_desc_top.jpg') 0 0 no-repeat; }
.featured_video_desc_bottom { width: 160px; padding: 30px 11px 15px 11px; font-size: .9em; float: left; background: url('i/w_f_video_desc_bottom.jpg') 0 bottom no-repeat; }

.video_section { display: inline; font-weight: bold; letter-spacing: -0.05em; }
.video_tile { width: 890px; float: left; margin: 5px 0 15px 0; background: url('i/w_video_tile.jpg') 0 0 repeat-y; }
.video_top { width: 890px; float: left; background: url('i/w_video_top.jpg') 0 0 no-repeat; }
.video_bottom { width: 850px; float: left; padding: 20px; background: url('i/w_video_bottom.jpg') 0 bottom no-repeat; }
.video_file { width: 645px; height: 394px; float: left; }
.video_file { float: left; position: relative; }
.video_file object {  z-index: 8; }
.video_desc { width: 185px; float: right; }
.video_desc h4 { font-size: 15px; letter-spacing: -0.05em; padding: 5px 5px 5px 5px; margin: 3px 0 3px 0; font-weight: bold; }
.video_desc h4.title_txt_editor { padding-left: 35px; background: url('i/ico_text_editor.jpg') 0 3px no-repeat; }
.video_desc h4.title_form_builder { padding-left: 35px; background: url('i/ico_form_builder.jpg') 0 3px no-repeat; }
.video_desc_tile { width: 182px; float: left; margin: 0px 0 0 0; padding: 0; background: url('i/w_video_desc_tile.jpg') 0 0 repeat-y; }
.video_desc_top { width: 182px; float: left; background: url('i/w_video_desc_top.jpg') 0 0 no-repeat; }
.video_desc_bottom { width: 160px; padding: 30px 11px 15px 11px; font-size: .9em; float: left; background: url('i/w_video_desc_bottom.jpg') 0 bottom no-repeat; }

a#video1 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lumina/templates/Light/c/i/video1.jpg') 0 0 no-repeat; }
a#video2 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lumina/templates/Light/c/i/video2.jpg') 0 0 no-repeat; }
a#video3 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lumina/templates/Light/c/i/video3.jpg') 0 0 no-repeat; }
a#video4 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lumina/templates/Light/c/i/video4.jpg') 0 0 no-repeat; }
a#video5 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lumina/templates/Light/c/i/video5.jpg') 0 0 no-repeat; }
a#video6 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lumina/templates/Light/c/i/video6.jpg') 0 0 no-repeat; }
a#video7 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lumina/templates/Light/c/i/video7.jpg') 0 0 no-repeat; }
a#video8 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lumina/templates/Light/c/i/video8.jpg') 0 0 no-repeat; }
a#video9 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lumina/templates/Light/c/i/video9.jpg') 0 0 no-repeat; }
a#video10 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lumina/templates/Light/c/i/video10.jpg') 0 0 no-repeat; }
a#video11 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lumina/templates/Light/c/i/video11.jpg') 0 0 no-repeat; }
a#video12 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lumina/templates/Light/c/i/video12.jpg') 0 0 no-repeat; }
a#video13 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lumina/templates/Light/c/i/video13.jpg') 0 0 no-repeat; }
a#video14 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lumina/templates/Light/c/i/video14.jpg') 0 0 no-repeat; }
a#video15 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lumina/templates/Light/c/i/video15.jpg') 0 0 no-repeat; }
a#video16 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lumina/templates/Light/c/i/video16.jpg') 0 0 no-repeat; }
a#video17 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lumina/templates/Light/c/i/video17.jpg') 0 0 no-repeat; }
a#video18 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lumina/templates/Light/c/i/video18.jpg') 0 0 no-repeat; }
a#video19 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lumina/templates/Light/c/i/video19.jpg') 0 0 no-repeat; }
a#video20 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lumina/templates/Light/c/i/video20.jpg') 0 0 no-repeat; }


/* Pricing Table
--------------------------------------- */

table.signup td.heading {
	background:#c7c7c7 url(i/bg_td_heading.gif) repeat-x left bottom;
	}
	
table.signup div.popup {
	text-align:left;
	}

table.signup td h2 {
	font-family: candara, "Lucida Grande", tahoma, arial, helvetica, sans-serif;
	font-size:3.4em;
	font-style:normal;
	font-weight:bold;
	text-transform:none;
	margin:8px 0 2px 0;
	padding:0;
	color:#333;
	}
	
table.signup td p {
	font-family: arial, helvetica, sans-serif;
	font-size:1.4em;
	line-height:1.6em;
	font-style:normal;
	font-weight:normal;
	text-transform:none;
	margin:0 0 16px 0;
	padding:0;
	}

table.signup td.heading h3 {
	font-family: candara, "Lucida Grande", tahoma, arial, helvetica, sans-serif;
	font-size:1.8em;
	font-style:italic;
	font-weight:bold;
	text-transform:none;
	color:#011c52;
	}
	
/* Design Detail Pages
--------------------------------------- */

div.designsteps {
	background:#03134e url(i/feature_content_bg.jpg) no-repeat left -100px;
	color:#FFF;
	font-size:1.2em;
	line-height:1.2em;
	padding:20px;
	margin:40px 0 20px 0;
	}
	
div.designsteps table {
	font-size:0.66em;
	}
	
div.designsteps a {
	color:#b0cf48;
	}
	
div.designsteps a:hover {
	color:#86ab1e;
	}

div.designsteps ul {
	margin:0;
	padding:0;
	}

div.designsteps ul li {
	list-style:none;
	}
	
div.designsteps strong,
div.designsteps h3 {
	font-family: candara, "Lucida Grande", tahoma, arial, helvetica, sans-serif;
	font-size:1.8em;
	font-style:italic;
	font-weight:bold;
	text-transform:none;
	}
	
div.designsteps h3 {
	margin:0 0 4px 0;
	padding:0;
	}
	
div.upsell {
	background: #9ec135 url(i/green_gradient.gif) repeat-x left bottom;
	color:#FFF;
	font-family: candara, "Lucida Grande", tahoma, arial, helvetica, sans-serif;
	font-size:1.6em;
	line-height:1.2em;
	font-style:normal;
	font-weight:bold;
	text-transform:none;
	padding:6px 20px;
	margin:0 0 20px 0;
	}
	
div.upsell p {
	padding:0;
	margin:0 0 6px 0;
	}
	
div.getstarted h3 {
	font-family: candara, "Lucida Grande", tahoma, arial, helvetica, sans-serif;
	font-size:2em;
	line-height:1.2em;
	font-style:normal;
	font-weight:bold;
	text-transform:none;
	}
	
div.getstarted ol li {
	list-style:none;
	padding:0 0 0 20px;
	background:url(i/bullet_main.png) no-repeat 0 4px;
	font-family: candara, "Lucida Grande", tahoma, arial, helvetica, sans-serif;
	font-size:1.4em;
	line-height:1.2em;
	font-style:normal;
	font-weight:normal;
	text-transform:none;
	}
	
div.questions {
	background:#03134e url(i/feature_content_bg.jpg) no-repeat center top;
	font-family: candara, "Lucida Grande", tahoma, arial, helvetica, sans-serif;
	font-size:1.6em;
	line-height:1.2em;
	font-style:normal;
	font-weight:bold;
	text-transform:none;
	padding:6px 20px;
	margin:0 0 20px 0;
	color:#FFF;
	}
	
div.questions p {
	padding:0;
	margin:0 0 6px 0;;
	}