/* flush & reset */

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {	outline: 0; }
body {	line-height: 1; color: black; background: white; }
ol, ul {	list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate;	border-spacing: 0; }
caption, th, td {	text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after {	content: ""; }
blockquote, q {	quotes: "" ""; }
p {padding-bottom: 1.4em;}

/* Set Up */

body {
	background-color:#000;
	background-image:url(/gfx/bg2011a.jpg);
/* background-image:url(/gfx/head-background.jpg); */
	background-attachment:fixed;
	background-repeat:no-repeat top center;
	no-repeat top center
	margin-left: -10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:"Trebuchet MS", Arial;
	font-family2:Arial, Verdana, Geneva, sans-serif;
	font-size: 13px; color: #cccccc; 
	}
	
body2 { background: #000000 url(/gfx/head-background.jpg) no-repeat top center; font-family: Helvetica, Arial, sans-serif;	font-size: 13px; color: #444444; }

img {
	border:none;
}

a { 
	color:#CADD29; 
	text-decoration:none; 
	}
	
a:hover { 
	color:#CADD29; 
        text-decoration:underline; 
	}
	
strong { 
	font-weight: 700; 
	}

.wrap-center { 
	width:965px; 
	padding-left:9px; 
	padding-right:9px; 
	margin: auto; 
	}

.fl { float:left;}
.fr { float:right; }
.clear {  clear:both; }
.rel { position:relative; }
.abs { position:absolute; }
hr { border: none 0; border-bottom: 1px solid #E0E0E0;	height: 1px; margin: 10px 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Navigation */

#menu-logo {  
	background:url(/gfx/head-tran.png) repeat-x; 
	height:90px; 	
	margin:0px; 
	padding:0px; 
	position:relative; 
	z-index:5; 
	margin-top:-10px;
	}
	
#logo { 
	width:350px; 
	float:left; 
	padding-top:13px; 
	}

#menu {margin:0px; padding:0px; float:right; }
#menu .active {color:#CADD29; text-decoration:none;  }
#menu .active a, #menu .active a:hover {  color:#CADD29; text-decoration:none; }
#menu .active ul a{ color:#fff;}

#menu li { float:left; text-align:center; font-size: 16px; list-style:none; margin-top:40px; }
#menu a { padding:0px 16px; display:block; color:#ffffff; background:url(/gfx/menu-divider.png) top right no-repeat; text-decoration:none; padding-bottom:10px;}
#menu a:hover { color:#CADD29; }


/* Drop Down */
#menu li ul{ position:absolute; display:none; background: transparent url(/gfx/menubackground.png); width:150px; padding:2px; margin:0px; height:auto;}
#menu li ul li{ padding:0px; margin:0px; list-style:none; float:none; clear:both; text-align:center; text-align:left;}
#menu li ul a { background:url(/gfx/pt.png) no-repeat left center; background-position:0px 4px; padding-left:11px; padding:3px; padding-left:11px; margin:0px; height:auto; font-size:14px;}
#menu li:hover ul { display:block;}

/* slider */

#slider{ 		
	z-index:4;
	position:relative;
    height:305px;
	}

#slider-stage{
	width:965px;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:hidden;
	height:300px;
	margin:0 auto;
	}


#slider-list{
	width:3000px;
	border:0;
	margin:0;
	padding:0;
	padding-top:10px;
	left:400px;
	}

#static {
	border:0;
	margin:0;
	padding:0;
	padding-top:10px;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:hidden;
	height:289px;
	margin:0 auto;
	
}
	
#slider-list li{
	list-style:none;
	margin:0;
	padding:0;
	border:0;
	margin-right:0px;
	padding:0px;
	float:left;
	width:965px;
	height:300px;
	color:#ffffff;
	}

#slider-buttons{
	z-index:10;
	height:30px;
	position:absolute;
	left: 840px;
	top: 260px;
	}	

.slider-image{
	float:left;
	width:425px;
	height:305px;
	padding-left:25px;
	}

.slider-text{
	float:right;
	width:440px;
	height:200px;
	padding-right:35px;
	padding-top:100px;
	text-align:justify;
	

	}
	
.slider-text-right{
	float:left;
	width:550px;
	height:200px;
	padding-right:35px;
	padding-top:40px;
	text-align:justify;
	color:#FFFFFF;
	line-height:18px;
	}
	
.openview a { text-decoration:none;}	


.slidertitle{
	color:#f8f8f8;
	font-size:24px;
	line-height:28px;
	letter-spacing:1px;
	font-weight:bold;
	}


#wtf {margin-top:2px; height:3px;}
	
h4 { font-size:22px;
	 color:#ffffff;
}
/* Top Panels */
#topshelf{ 		
	z-index:4;
	position:relative;
    height:80px;
	}

#topshelf h1 {font-size:48px; color:#ffffff; text-align:left; margin:0px;padding-top:20px; } 


/* Main Content*/
#content-area {
		background-image:url(/gfx/transpancy.png);
         background-repeat:repeat;
		margin:auto;
		margin-top:-5px;
		padding-bottom:10px;
		min-height:450px;
}


#leftcontent {
		float:left;
		margin-top:5px;
		width:620px;
		margin-right:25px;
		padding:20px;
		font-size:14px;
		line-height:1.2em;
}

#leftcontent h2 { font-size:24px; margin-top: 5px; margin-bottom:10px; font-weight:bold; color:#ffffff; }
#leftcontent h1 { font-size:24px; margin-top: 5px; margin-bottom:10px; font-weight:bold; color:#CADD29; }
#leftcontent h3 { font-size:20px; margin-top: 20px; margin-bottom:10px; font-weight:bold; color:#CADD29; }
#leftcontent .recent h2 { font-size:20px; margin-top: 20px; margin-bottom:5px; font-weight:bold; color:#ffffff; }
#leftcontent ul {  list-style: none;  padding: 0px;  margin:0px;}
#leftcontent  ul li { line-height:20px; }
#leftcontent .panel {  float: left; width: 270px; margin-right:20px; padding:5px;padding-top:10px; min-height:65px;}
#leftcontent .previous {  float: left; width: 270px; margin-right:20px; padding:5px;padding-top:10px; min-height:290px;font-size:13px; line-height:16px;}
#leftcontent .text { font-size:13px; }
#leftcontent .panel img { float:left ; padding-top:5px;padding-right:20px;padding-bottom:30px;}
#leftcontent .previous img {padding-bottom:5px;padding-top:5px;}
#leftcontent .previous h3 { font-weight:bold; color:#CADD29; font-size: 16px; margin-top: 5px; padding-bottom:3px; }
a.prev {display:block; text-align:right; font-size:12px; font-weight:bold;text-decoration:none;}
a.prev:hover {display:block; text-align:right; font-size:12px; font-weight:bold;text-decoration:underline; color:#ffffff;}


#ccontent h2 { font-size:20px; margin-top: 5px; margin-bottom:10px; font-weight:bold; color:#ffffff; }
#ccontent h1 { font-size:20px; margin-top: 5px; margin-bottom:10px; font-weight:bold; color:#CADD29; }
#ccontent h3 { font-size:20px; margin-top: 20px; margin-bottom:10px; font-weight:bold; color:#CADD29; }
#ccontent .recent h2 { font-size:20px; margin-top: 20px; margin-bottom:5px; font-weight:bold; color:#ffffff; }
#ccontent ul {  list-style: none;  padding: 0px;  margin:0px;}
#ccontent  ul li { line-height:20px; }
#ccontent .panel {  float: left; width: 270px; margin-right:20px; padding:5px;padding-top:10px; min-height:65px;}
#lccontent .previous {  float: left; width: 270px; margin-right:20px; padding:5px;padding-top:10px; min-height:65px;font-size:13px; line-height:16px;}
#ccontent .text { font-size:13px; }
#ccontent .panel img { float:left ; padding-top:5px;padding-left:5px;padding-right:15px;padding-bottom:10px;}
#ccontent .previous img {padding-bottom:5px;padding-top:5px;}
#ccontent .previous h3 { font-weight:bold; color:#CADD29; font-size: 16px; margin-top: 5px; padding-bottom:3px; }
a.prev {display:block; text-align:right; font-size:12px; font-weight:bold;text-decoration:none;}
a.prev:hover {display:block; text-align:right; font-size:12px; font-weight:bold;text-decoration:underline; color:#ffffff;}




#pagecontent {
		float:left;
		margin-top:5px;
		width:620px;
		margin-right:25px;
		padding:20px;
		font-size:14px;
		line-height:1.2em;
}

#pagecontent h3 { font-size:18px; text-decoration:none; margin-top: 20px; margin-bottom:10px; font-weight:bold; text-decoration:none; color:#CADD29; }
#pagecontent h1{ font-size:18px; text-decoration:none; margin-top: 20px; margin-bottom:10px; font-weight:bold; text-decoration:none; color:#CADD29; }

a.bloghead {font-size:20px;font-weight:bold; color:#CADD29; text-decoration:none;}

.contact-form { width:450px; float:left; } 
.new-contact-form{ margin: 1.9em 0; width:450px;}
.contact-form  form{ padding-left:80px; } 
.contact-from .submit {text-align:right;}
#contact-ecce-media h2 { font-size:20px; padding-top:20px;padding-bottom:20px; font-weight:bold; color:#ffffff; }


a.talk {font-weight:bold; color:#CADD29; text-decoration:none;}
a.talk:visited {font-weight:bold; color:#CADD29; text-decoration:underline;}
a.talk:hover {font-weight:bold; color:#ffffff; text-decoration:underline;}

#rightcontent 
{		float:left;
		margin-top:5px;
		width:230px;
		margin-right:15px;
		padding:0px;
		padding-top:20px;
		font-size:16px;
}
#rightcontent p {
padding: 0;
}
.padded-list{ margin: 1em 0; }
#rightcontent  ul li { padding-bottom:10px; font-size:12px; background: url(/gfx/pt.png) no-repeat; background-position:0px 4px; padding-left:11px; line-height:16px;}
#tools img {margin:auto;padding-left:16px;}
#rightcontent h2 { font-size:20px;font-weight:bold; margin-bottom:10px; color:#ffffff;}
#rightcontent a {font-size:12px; text-decoration:none;}
#rightcontent a:hover {font-size:12px; text-decoration:underline; color:#ffffff;}
#rightcontent p { font-size: 12px; line-height: 1.25em;margin-bottom: 0.6em; }
.fnote {font-size:13px; font-style:italic;text-align:center;color:#CADD29;}


ul.links {  list-style: none;  padding: 0px;  margin:0px;}
ul.links li { padding-bottom:20px; text-align:center; font-size:12px;font-style:italic; color:#CADD29;}

.tdate {display:block;font-size:10px;color:#666; text-align:right;}

.field, #form_jdge0_form input, #form_jdge0_form select, #form_jdge0_form textarea {
border:1px solid grey;
background-color:#000;
color:#ddd;
font-style:italic;
font-size:13px;
color:#aaa;
width:100%;
padding:4px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom:8px;
}
#form_jdge0_form .submit input { background-color: transparent; float:right; border:none; width: 65%; padding-right:0; }
#prodcopy ul { margin-left:25px; padding-bottom:10px;}
#prodcopy ul li { background: url(/gfx/pt.png) no-repeat; background-position:0px 4px; padding-left:11px; }
#prodcopy h4 {color:#fff; font-size:16px; padding-top:10px;padding-bottom:3px;}

#contact-ecce-media { padding-bottom:10px;}
		
		/*blog*/
		
.author {  background: transparent url(/gfx/transpancy.png); padding-top:4px; padding-bottom:4px; width:auto; height:60px; font-size:10px;color:#999;}
.author img {float:left; padding: 10px; padding-top:7px;}

		
		
		
		 
		 /*footer */
/* footer links and footer */


#footer { background: #000000 url(/gfx/footer-background.jpg) top center;}
#footer-link-columns { height:200px; padding-top:25px; background:url(/gfx/footer-top-overlay.png) repeat-x top center;  clear:both; overflow:hidden;  }
#footer-link-columns h3 { font-size:16px; margin-bottom:10px; font-weight:bold; text-transform:capitalize; color:#ffffff; }
#footer-link-columns ul {  list-style: none;  padding: 0px;  margin:0px; }
#footer-link-columns ul li { line-height:20px; background: url(/gfx/pt.png) no-repeat; background-position:0px 4px; padding-left:11px; }
#footer-link-columns a { color:#CCCCCC; text-decoration:none; }
#footer-link-columns a:hover { color:#ffffff; text-decoration:underline; }
#footer-link-columns ul li ul { display:none; }
#footer-link-columns .panelfooter2 {  float: left; width: 165px; margin-right:25px; }
#footer-link-columns .panelfooter {  float: left; width: 215px; margin-right:25px; }
#footer-link-columns .wrap-center div { height:190px; overflow:hidden; line-height:18px; }
/* one fifth of footer whole width */
#footer-link-columns .onefifth { width:165px; float:left; margin-right:20px; }
#footer-link-columns .onefifth-last { width:180px; float:left; margin-right:0px; }
/* one fourth of footer whole width */
#footer-link-columns .onefourth { width:220px; float:left; margin-right:20px; }
#footer-link-columns .onefourth-last { width:220px; float:left; margin-right:0px; }
/* one third of footer whole width */
#footer-link-columns .onethird {  width:295px; float:left; margin-right:20px; }
#footer-link-columns .onethird-last {  width:295px; float:left;  margin-right:0px; }
/* one half of footer whole width */
#footer-link-columns .onehalf { width:460px; float:left; margin-right:20px;  }
#footer-link-columns .onehalf-last { width:460px; float:left; margin-right:0px;  }


#footer-links {	list-style: none; }
#footer-bottom { background: url(/gfx/footer-bottom-overlay.png) repeat-x top center;  min-height:65px; padding-top:10px; margin:0px;}
#footer-bottom .copy { width:600px; color:#c8c8c8; line-height:13px; font-size:11px; padding-top:15px;}
#footer-bottom .copy a { color:#CADD29; text-decoration:underline; }
#footer-bottom .copy a:hover { color:#CADD29; text-decoration:none; }
#footer-bottom .socials { width:300px; float:left;padding-top: 15px; }
a.green { color:#CADD29; }
#footer-bottom .socials  img { padding-left:140px;padding-top:4px; margin-bottom:3px; border:0;}


a.twit { color:#CADD29; text-decoration:none; font-weight:bold; }
a.twit:hover {color:#CADD29; text-decoration:underline;font-weight:bold;  }
a.twit:visited {color:#CADD29; text-decoration:none; font-weight:bold; }

.errormessage h1{ font-size:12px; font-weight:bold; color:#900; text-align:center; padding-bottom:10px;}
.errormessage li{color:#900;}

.successmessage { font-size:12px; text-align:center;}
.successmessage h1{ font-size:14px; font-weight:bold;  text-align:center; padding-bottom:10px;}


#smack { padding-top:225px;width:400px; margin:auto; text-align:center;}
#smack h2 {font-size:18px; font-weight:bold; color:#fff; text-align:center; padding-bottom:10px; }


li.included {
font-size:14px;
list-style:inside;
color:#FFFFFF;
list-style-image: url(/gfx/we-do-it.png);
padding: 5px;
margin-left:-17px;
}

#letstalk_form div.submit{text-align:right;}
#formsupportcontainer div.submit{text-align:right;}
#formsupportcontainer label{display:block;}
#formsupportcontainer{ width:450px; margin:auto;}
/* CUSTOM */

#footer-link-columns a.talk {
	color:#CADD29;
}

a.linkmeup {
	color:#CADD29;
	text-decoration: none;
}

a.linkmeup:hover {
	color:#CADD29;
	text-decoration: underline;
}

.bullet {
        background:url("/gfx/we-do-it.png") no-repeat scroll 0 0 transparent;
padding-left: 25px;
}

.bullet2 {
        background:url("/gfx/pt.png") no-repeat scroll 0 4px transparent;
padding-left: 11px;
}

#blogcomm{font-size:12px;}
#blogcomm label span.description{display:block; font-size:10px; color:#7F7F7F;}
#blogcomm{width:500px; margin:auto;}
#blogcomm input.blogcommentinput{border:1px solid #222;
background-color:#000;
color:#ddd;
font-style:italic;
font-size:13px;
color:#aaa;
width:100%;
padding:4px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom:8px;}
#blogcomm textarea.blogcommenttextarea{border:1px solid #222;
background-color:#000;
color:#ddd;
font-style:italic;
font-size:13px;
color:#aaa;
width:100%;
padding:4px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom:8px;
height:100px;}
#blogcomm div.submit{text-align:right; margin-top:10px;}
#blogcomm div.submit input{padding:3px;}

.blogcomment{width:400px; margin:auto; margin-top:10px;}
.blogcommentby{ font-size:10px;}
#sitemap li{ width:45%; float:left; list-style:circle; margin-left:20px;}

.ad {margin-left:10px;margin-right:10px; font-size:12px;}

#page-flip { position:relative; right:0; top:0; float:right; z-index:9999;  }
		#page-flip-image { width:50px; height:52px; z-index:99; position:absolute; right:0; top:0; -ms-interpolation-mode:bicubic; }
		#page-flip-message { width:50px; height:50px; overflow:hidden; position:absolute; right:0; top:0; background:url(/gfx/subscribe.png) no-repeat right top; }

/**** PAGINATE ****/

#prodcopy div.pageNate {
	display: block;
	float: right;
}

p.pageNext a:hover, p.pagePrev a:hover {
	text-decoration: none;
	color: #fff;
}

#prodcopy p.pagePrev {
	margin-right: 30px;
	padding: 5px;
	float: left;
	border: 1px dotted #d2de4c;
	color: #d2de4c;
}

#prodcopy p.pageNext {
	margin: 0;
	padding: 5px;
	float: left;
	border: 1px dotted #d2de4c;
	color: #d2de4c;
}

.fb-like-box { float:left; }