body { 
	/*background: #FFFFFF url(../img/bg.gif);*/ 
	color: #333333; font: normal 11px Arial; margin: 0px auto 0px;
	padding: 0px; 
}

.clearer {clear:both}

#wrap { background: #FFFFFF; width: 990px; margin: 0px auto 0px; padding: 0px; }
#middlepage  { 
	/*background: #FFFFFF url(../img/bgwall.jpg) repeat-x;*/
	background: #A0DDF6;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A0DDF6', endColorstr='#FFFFFF'); /* for IE */ 
	background: -webkit-gradient(linear, left top, left bottom, from(#A0DDF6), to(#FFFFFF)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #A0DDF6,  #FFFFFF); /* for firefox 3.6+ */
}
	
/* HYPERLINKS
--------------------------------------------------------------*/
/*a, a:visited{ color: #00ADEF; text-decoration: none; }*/
a {  color: #555; text-decoration: none;}
a:hover {  color: #333; text-decoration: none;}



/* FORM
--------------------------------------------------------------*/
input {font: normal 11px arial; padding: 2px; background: #FFFFDD; width:200px}
select {font: normal 11px arial; padding: 2px; background: #FFFFDD; width:200px}
textarea {font: normal 11px arial; padding: 2px; background: #FFFFDD; width:200px}

h1 {margin: 0px; color: #000000;}
h2 {margin: 0px; color: #000000;}
h3 {margin: 0px; color: #000000;}

h1 a:hover{margin: 0px; color: #333333;}
h2 a:hover{margin: 0px; color: #333333;}
h3 a:hover{margin: 0px; color: #333333;}



/*	NAVBAR
--------------------------------------------------------------*/
#navxbar { 
	height: 50px;  padding: 0px ; 
	/*background: #666 url(../img/eopp_headmenu.gif) repeat-x; */
	color: white;
	background: #0A2A2E;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#048DC0', endColorstr='#0A2A2E'); /* for IE */ /* #00A6E8 #0177FF*/
	background: -webkit-gradient(linear, left top, left bottom, from(#048DC0), to(#0A2A2E)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #048DC0,  #0A2A2E); /* for firefox 3.6+ */

}
#navbar {  height: 25px; margin: 0px auto 0px; padding: 4px; overflow: hidden; color: white; font: bold 14px arial; }
#navbar img a{ 	margin: 0px; border: none; color: white;}
#navbar a{ 	margin: 0px; border: none; color: white;}
#navbar input { font: bold 10px tahoma; border: 1px solid #FFF; }
#navbar form table tbody tr td input{ font: bold 10px tahoma; border: 1px solid #FFF; width:100px}
#navbar form table tbody tr td .submit input  { font: bold 10px tahoma; border: 1px solid #FFF; width:100px; background: #FFFFFF;}

#breadcrumb { 
	padding: 7px 10px 7px 10px; margin: 0px 0 0px 0; color: white; font: bold 11px arial; 
	/*background: url(../img/eopp_headsubmenu.gif) repeat-x;*/
	background: #333333;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#333333'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#333333)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #000000,  #333333); /* for firefox 3.6+ */
}
#breadcrumb #menutop a:hover{ color: #CDBB65}	



/* MENU
--------------------------------------------------------------*/

#navbuttons {margin-bottom: 20px;}
#navlist li { list-style-type: none; padding: 0px; margin: 0px; height: 59px; width: 320px; }
#home{ 	height: 39px; 	width: 320px; 	text-indent: 0px; 	overflow: hidden; 	background: url(../img/home.gif) top left no-repeat; 	display: block; }
#home:hover{ background-position: bottom left; text-decoration: none; }

#services{ height: 39px; width: 320px; text-indent: 0px; overflow: hidden; background: url(../img/services.gif) top left no-repeat; display: block; }      
#services:hover{ background-position: bottom left; text-decoration: none; }
#work{ height: 39px; width: 320px; text-indent: 0px; overflow: hidden; background: url(../img/work.gif) top left no-repeat; display: block; }
#work:hover{ background-position: bottom left; text-decoration: none; }

#about{ height: 39px; width: 320px; text-indent: 10000px; overflow: hidden; background: url(../img/about.gif) top left no-repeat; display: block; }
#about:hover{ background-position: bottom left; text-decoration: none; }

#blog{ height: 39px; width: 320px; text-indent: 10000px; overflow: hidden; background: url(../img/blog.gif) top left no-repeat; display: block; }
#blog:hover{ background-position: bottom left; text-decoration: none; }

#contact{ height: 39px; width: 320px; text-indent: 10000px; overflow: hidden; background: url(../img/contact.gif) top left no-repeat; display: block; }
#contact:hover{ background-position: bottom left; text-decoration: none; }

.videoBoxElem 
{
border:1px solid #888; margin-bottom: 10px; margin-right: 10px; 
background: #fff; padding: 10px;  width: 181px; height: 230px;  float: left;
overflow: hidden; 
}
.videoBoxElem img.tubevideo { border:0px solid #eee;  width: 180px;}

.bookmarkBoxElem {
border:1px solid #ccc; margin-bottom: 10px; margin-right: 10px; 
background: #FFFFFF;
/*background: #E9FBFF url(../img/eopp_video_bg.gif) repeat-x; */
padding: 10px;  width: 600px; float: left
}

/* FEED-BLOGGING-BUTTONS
--------------------------------------------------------------*/
#feed-blogging li { list-style-type: none; padding: 0px; margin: 0px; height: 71px; width: 320px; }
#feed{ 	height: 71px; 	width: 320px; text-indent: 0px; overflow: hidden; background: url(../img/feed.gif) top left no-repeat; display: block; }
#feed:hover{ background-position: bottom left; text-decoration: none; }
 
#blogging{ height: 71px; width: 320px; text-indent: 0px; overflow: hidden; background: url(../img/blogging.gif) top left no-repeat; display: block; }
#blogging:hover{ background-position: bottom left; text-decoration: none; }

#award{ height: 81px; width: 320px; text-indent: 0px; overflow: hidden; background: url(../img/awards.gif) top left no-repeat; display: block; }      
#award:hover{ background-position: bottom left; text-decoration: none; }
	

/* REGISTER & FORMS
--------------------------------------------------------------*/
.register_input input { border: 1px solid #333; padding: 5px}
.register_group {padding: 5px}
.switchstep {color: red}
#searchform input { border: 1px solid #333; padding: 5px}
#login input { border: 1px solid #333; padding: 5px; margin-top: 5px; width: 250px}




/* CONTENT
--------------------------------------------------------------*/

#content { width: 990px; margin: 0px auto 0px auto; padding: 0px; }
#content p{ padding: 0px 0px 15px 0px; margin: 0px; line-height: 20px; }
#content h1 { color: #333; font: bold 22px arial; padding: 0px 0px 7px 0px; margin-bottom: 10px; border-bottom: 1px solid #E8E8E9; }
	
#content h1 a  { color: #444; text-decoration: none; }
#content h1 a:hover { color: #FFF; text-decoration: none; }
#content h2 { color: #00ADEF; font: bold 22px arial; padding: 0px 0px 10px 0px; margin: 0px; }
	
#contentleft { float: left; width: 640px; margin: 25px 10px 0px 0px; padding: 0px 0px 20px 0px; min-height: 350px;}
#contentright { float: left; width: 320px; margin: 25px 0px 0px 0px; padding: 0px 0px 10px 0px; }

#home_content { font-size: 14px; font-weight: bold;  color:#999999; font-family:Cambria,Georgia,"Times New Roman",Times,serif;}
#home_content h1{ color:#999999; font-family:Cambria,Georgia,"Times New Roman",Times,serif;}

#navright ul { list-style: none; margin: 0px 0px 0px 0px; padding: 0px; }
#navright ul li { display: inline; padding: 0px; margin: 0px; }
#navtright ul li a { display: block; color: #333333; text-decoration: none; margin: 0px; padding: 0px 0px 0px 0px; }
#navright ul li a:hover { padding: 0px; color: #00ADEF; }

#feedright ul { list-style: none; margin: 0px 0px 20px 0px; padding: 0px; }
#feedright ul li { display: inline; padding: 0px; margin: 0px; }
#feedright ul li a { display: block; color: #333333; text-decoration: none; margin: 0px; padding: 0px 0px 0px 0px; }
#feedright ul li a:hover { color: #fff; background: #073E81; }


/* SIDEBAR 
--------------------------------------------------------------*/
.sidebar ul { list-style: none; margin: 0 0 3px 0; padding: 0; }
.sidebar ul li { margin: 0 0 3px 0; padding: 0; font: bold 12px arial; border: 1px solid #E8E8E9;}
.sidebar ul li a { 
	display: block; margin: 0; color: #FFF; padding: 5px 8px;
	/*background: #0177FF url(../img/eopp_menu_blue.gif) repeat-x; */
	text-decoration: none;
	background: #0177FF;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A6E8', endColorstr='#0177FF'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#00A6E8), to(#0177FF)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #00A6E8,  #0177FF); /* for firefox 3.6+ */
}
.sidebar ul li a:hover { 
	color: #fff; 
	/*background: #073E81;*/
	background: #666666;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#666666'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#666666)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #333333,  #666666); /* for firefox 3.6+ */
}


/* SIDEBAR CAT 
--------------------------------------------------------------*/
.sidebarcat ul { list-style: none; margin: 0 0 3px 0; padding: 0; }
.sidebarcat ul li { margin: 0 0 3px 0; padding: 0px; font: bold 12px arial; border: 1px solid #E8E8E9;}
.sidebarcat ul li a { 
	display: block; margin: 0px; color: #FFF; padding: 5px 8px; 
	/*background: #0177FF url(../img/eopp_menu_black.gif) repeat-x; */
	background: #6BCFFF;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6BCFFF', endColorstr='#6BBDFF'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#6BCFFF), to(#6BBDFF)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #6BCFFF,  #6BBDFF); /* for firefox 3.6+ */
	text-decoration: none; 
}
.sidebarcat ul li a:hover { 
		color: #fff; 
		/*background: #073E81;*/
		background: #333333;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#666666'); /* for IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#666666)); /* for webkit browsers */
		background: -moz-linear-gradient(top,  #333333,  #666666); /* for firefox 3.6+ */
}



/* SIDEBAR USER 
--------------------------------------------------------------*/
.sidebaruser ul { list-style: none; margin: 0 0 3px 0; padding: 0; }
.sidebaruser ul li { margin: 0 0 3px 0; padding: 0px; font: bold 12px arial; border: 1px solid #E8E8E9;}
.sidebaruser ul li a { 
	display: block; margin: 0; color: #FFF; padding: 5px 8px;
	/*background: #333333; */
	text-decoration: none; /*font: bold 12px arial;*/
	background: #333333;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#555555'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#555555)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #333333,  #555555); /* for firefox 3.6+ */
}
.sidebaruser ul li a:hover { color: #fff; background: #9A4D55; }


/* SIDEBAR VIDEO 
--------------------------------------------------------------*/
.sidebarvideo ul { list-style: none; margin: 0 0 3px 0; padding: 0; }
.sidebarvideo ul li { margin: 0 0 3px 0; padding: 0px; font: bold 12px arial; border: 1px solid #E8E8E9;}
.sidebarvideo ul li a { display: block; margin: 0px; color: #FFF; padding: 5px 8px; background: #FF0000; text-decoration: none; }
.sidebarvideo ul li a:hover { color: #fff; background: #073E81; }



/* DOWNLOAD BUTTON
--------------------------------------------------------------*/
li#downloadbutton { 
	/*background: #608E8B;*/
	margin: 0px; padding: 0px; 
	/*background: url(../img/downloadEopp.gif) repeat-x;*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5E8D8A', endColorstr='#105551'); /* for IE */ 
	background: -webkit-gradient(linear, left top, left bottom, from(#5E8D8A), to(#105551)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #5E8D8A,  #105551); /* for firefox 3.6+ */
	
}

a.downloadbutton { 
	color: #777; 
	font: bold 32px Calibri, Arial, Verdana; 
	margin: 10px 0 0 10px;
	background-color: #105551;

}









/* FOOTER BACKGROUND
--------------------------------------------------------------*/
#footerbg { 
	/*background: #1BC5FF; *//*#00ADEF*/
	background: #0B272A;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0B272A', endColorstr='#02ADEF'); /* for IE */ /*#6BCFFF*/
	background: -webkit-gradient(linear, left top, left bottom, from(#0B272A), to(#02ADEF)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #0B272A,  #02ADEF); /* for firefox 3.6+ */
}
#footer { width: 860px; height: 445px; /*background: #1BC5FF;*/ color: #FFFFFF; margin: 0px auto 0px; text-align: left; position: relative; line-height: 17px; }
#footer p { color: #FFFFFF; padding: 0px; list-style-type: none; margin: 0px;	}
#footer h1 { color: #FFFFFF; font-size: 16px; font-family: Arial; font-weight: bold; border-bottom: 2px solid #8CDAF8; padding: 0px 0px 2px 0px; margin: 15px 0px 0px 0px; }
#footer h2 { color: #FFFFFF; font-size: 16px; font-family: Arial; font-weight: bold; border-bottom: 2px solid #8CDAF8; padding: 0px 0px 2px 0px; margin: 15px 0px 0px 0px; }
#footer h3 { color: #FFFFFF; font-size: 16px; font-family: Arial; font-weight: bold; border-bottom: 2px solid #8CDAF8; padding: 0px 0px 2px 0px; margin: 15px 0px 3px 0px; }
#footer a { color: #0FE2FB; text-decoration: none; }
#footer a:hover { color: #FF0000; text-decoration: none; }
#footer ul { list-style: none; margin: 0px 0px 0px 0px; padding: 0px; }
#footer ul li { display: inline; padding: 0px; margin: 0px; }
#footer ul li a { 
	display: block; color: #FFFFFF; 
	background: url(../img/icon.gif) no-repeat; text-decoration: none; 
	margin: 0px; padding: 5px 0px 5px 20px; border-bottom: 1px solid #3FA7FC;
	}
#footer ul li a:hover { /*background: #777*/ /*url(../img/icon.gif) no-repeat*/ color: #FFFFFF; }

#footerleft { /*background: #1BC5FF;*/ float: left; width: 225px; margin: 0px 20px 0px 0px; padding: 0px; }
#footermiddle { /*background: #1BC5FF;*/ float: left; width: 230px; margin: 0px 20px 0px 0px; padding: 0px; }
#footerright { /*background: #1BC5FF;*/ float: right; width: 300px; margin: 0px 0px 0px 0px; padding: 0px; }

#footerright a { color: #6BCFFF; /*background: #FFF;*/ text-decoration: none; } 
#footerright a:hover { color: #FFFFFF; /*background: #333333;*/ }



/* SEARCH FORM
--------------------------------------------------------------*/
#searchdiv { margin: 0px; padding: 0px; }
#searchform { margin: 0px; padding: 0px; overflow: hidden; }



/* COMMENTS
--------------------------------------------------------------*/

#commentblock h2 { font-size: 16px; font-family: Arial, Helvetica, Sans-Serif; color: #333333; padding: 0px 0px 10px 0px; margin: 0px; }
#commentblock { width: 458px; background: #F1F1F1; color: #333333; float: left; padding: 20px 20px 10px 20px; margin: 10px 0px 0px 0px; border: 0px solid #CCC; }

ol#commentlist { padding: 5px; margin: 0px; list-style-type: none; }
.commentdate { font-size: 12px; padding-left: 0px; }
#commentlist li  p{ margin-bottom: 8px; line-height: 20px; padding: 0px; }
.commentname { color: #333333; margin: 0px; padding: 5px 5px 5px 0px; }
.commentinfo{ clear: both; }
.commenttext { clear: both; margin: 0px 0px 10px 0px; padding: 20px 10px 5px 10px; width: 360px; background: #FFFFFF url(../img/comment.gif) no-repeat top; }
.commenttext-admin { clear: both; margin: 0px 0px 10px 0px; padding: 20px 10px 5px 10px; width: 360px; background: #FFFFFF url(../img/comment.gif) no-repeat top; }
#commentsformheader{ padding-left: 0px; } 
#commentsform{ text-align: center; 	margin: 0px; padding: 0px; }
#commentsform form{ text-align: left; margin: 0px; }
#commentsform p{ margin: 0px; }
#commentsform form textarea{ width: 99%; }

p.comments_link  img{ border-style:none; margin:0px; padding:0px; }
blockquote{ margin: 0px 0px 0px 0px; padding: 0px 7px 0px 10px; background: #FFF; font-style: italic; color: #333333; }

#content blockquote p{ margin: 0px 0px 20px 0px; padding: 0px; }
#content p ol{ margin: 0px; padding: 0px 0px 0px 20px; }
#content p ul{ margin: 0px; padding: 0px 0px 0px 20px; }
#content p.headline { height:26px; padding:3px 0 0 30px; margin:5px 0 15px 0; }
#content p.headline { background:url(../img/bullet.gif) top left no-repeat; font-size: 13px; color:#999; }
ul.content { margin:0 0 20px 20px; padding:0; list-style:none; }
ul.content li { width:94%; display:block; background:url(../img/list-item.gif) top left no-repeat; margin:3px 0 0 3px; padding:2px 0 5px 22px; border-bottom:1px solid #efefef;
}

img.border { padding: 4px; margin: 0 0 2px 7px; display: inline; border: 1px solid #CCC; }
img.feature { padding: 4px; margin: 0 0 0px 0px; display: inline; border: 1px solid #CCC; }
#content p.visit { height:22px; padding:0px 0 0 0; margin-left: 400px;  margin-bottom: 10px; }
#content p.visit { background: url(../img/visit-site.gif) top left no-repeat; padding-left:23px; }

.div { background: url(../img/div.gif) repeat-x left; height: 1px; padding: 0; margin: 20px 0px 20px 0px; }

/* WORK
---------------------------------------------------------- */




/* PHOTO VIEWER OVERRIDES 
--------------------------------------------------------------*/

body.viewer #sidebar { display: none; }
body.viewer #main-body { background-image: none; }
body.viewer #content { width: 60em; }
.client-block {width: 500px; padding: 20px;}


/* STAR RATER
--------------------------------------------------------------*/

.star-rating{ list-style:none; margin: 0px; padding:0px; width: 125px; height: 25px; position: relative; overflow:hidden; background: url(../img/alt_star.gif) top left repeat-x;	}
.star-rating li{ padding:0px; margin:0px; /*\*/ float: left; /* */ 	}
.star-rating li a{ display:block; width:25px; height: 25px; line-height:25px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; overflow:hidden; 	}
.star-rating li a:hover{ background: url(../img/alt_star.gif) left bottom; z-index: 2; left: 0px; border:none; }

.star-rating a.one-star{ left: 0px; }
.star-rating a.one-star:hover{ width:25px; }
.star-rating a.two-stars{ left:25px; }
.star-rating a.two-stars:hover{ width: 50px; }
.star-rating a.three-stars{ left: 50px; }
.star-rating a.three-stars:hover{ width: 75px; }
.star-rating a.four-stars{ 	left: 75px; }
.star-rating a.four-stars:hover{ width: 100px; }
.star-rating a.five-stars{ left: 100px; }
.star-rating a.five-stars:hover{ width: 125px; }
.star-rating li.current-rating{ background: url(../img/alt_star.gif) left center; 	position: absolute; height: 25px; display: block; text-indent: -9000px; z-index: 1; }	
/* remove halo effect in firefox   */




#contentRtUsers { padding: 5px; background: #000; margin: 5px 0 0 0 ; background: #fff; border: 1px solid #eee}
#contentRtUsers .userBox {float: left; border: 1px solid white; margin: 0px 2px 2px 0px;  width: 71px; min-height: 97px; font: normal 11px arial; color: #EA5021}
#contentRtUsers .userBox a { color: #EA5021; font: normal 10px arial;}


#contentRtTags	{
	padding: 15px; 
	margin: 5px 0 0 0 ; 
	/*background: #fff;*/
	border: 1px solid #eee;
	background: #A2DDF6;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#A2DDF6'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#A2DDF6)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffffff,  #A2DDF6); /* for firefox 3.6+ */
}
#contentRtTags	a:hover{ color: #333}

#pagination {clear: both}
#pagination a { border: 1px solid #aaa; padding: 3px 7px 3px 7px}
#pagination em { border: 1px solid #aaa; padding: 3px 7px 3px 7px}

/* HOME TITLE BOX
--------------------------------------------------------------*/
.homeTitleBox { 
	background: white; color: #333; font: bold 12px Calibri, arial; padding: 5px 7px 5px 7px; 
	width: 615px; border: 1px solid #999; text-align: right;
}

.homeTitleBox a { color: #333; font: normal 12px Calibri, arial;  }


/* VIDEO DETAIL PAGE VIEW
--------------------------------------------------------------*/
.videoInfoBox { font: normal 10px arial; }
.bandname { color: #666; font: normal 12px Calibri, arial; }
.videoBoxElem { font: normal 11px Calibri, arial;  }
.videoBoxElem a { font: normal 11px Calibri, arial;  }



/* BOXGRID
--------------------------------------------------------------*/

	.boxgrid{ width: 180px; height: 135px;  float:left;  background:#161613;  overflow: hidden;  position: relative;  }
	.boxgrid img.tubevideo{  position: absolute;  top: 0;  left: 0;  border: 0;  }
	.boxgrid img.tubevideo:hover{  opacity: 0.9; -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); }
	.boxgrid p{  padding: 10px; color:#afafaf;  top: 260px;  font-weight:bold; font:12px Calibri, Arial, sans-serif; }
	.boxcaption{  float: left;  position: absolute;  background: #111;  height: 100px;  width: 100%;  opacity: 0.9; color: #fff;
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
 	}
 	.captionfull .boxcaption { top: 260px; left: 0; }
	/* .caption .boxcaption { top: 160; left: 0; } */
	.cover { padding: 10px; color: #fff; }