body { 
	/*background: #FFFFFF url(../img/bg.gif);*/ 
	color: #777; 
	font: normal 11px Calibri, 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'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#A0DDF6), to(#FFFFFF)); 
	background: -moz-linear-gradient(top,  #A0DDF6,  #FFFFFF); 
	*/

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3A424A', endColorstr='#D1D5DC'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#3A424A), to(#D1D5DC)); 
	background: -moz-linear-gradient(top,  #3A424A,  #D1D5DC); 
	/*
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3C5A76', endColorstr='#7292AB'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#3C5A76), to(#7292AB)); 
	background: -moz-linear-gradient(top,  #3C5A76,  #7292AB); 
	*/



/*
	background:-moz-radial-gradient(center, #FFFFFF, #A0DDF6); 
	background:-webkit-gradient(radial, center center, 80, center center, 400, from(#FFFFFF), to(#A0DDF6)); 
*/
}
	
/* HYPERLINKS
--------------------------------------------------------------*/
/*a, a:visited{ color: #00ADEF; text-decoration: none; }*/
a {  color: #999; text-decoration: none;}
a:hover {  color: #999; text-decoration: none;}



/* FORM
--------------------------------------------------------------*/
input {
	font: normal 11px arial; padding: 3px; background: #FFFFDD; width:300px;
	-webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* round corners */
}
select {
	font: normal 11px arial; padding: 3px; background: #FFFFDD; width:300px;
	-webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* round corners */
}
textarea {
	font: normal 11px arial; padding: 3px; background: #FFFFDD; width:200px;
	-webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* round corners */
}

h1 {margin: 0px; }
h2 {margin: 0px; }
h3 {margin: 0px; }

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



/*	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='#314050', endColorstr='#405469'); /* for IE */ /* #00A6E8 #0177FF*/
	background: -webkit-gradient(linear, left top, left bottom, from(#314050), to(#405469)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #314050,  #405469); /* for firefox 3.6+ */

}

#navbar {  height: 45px; 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;
	-webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#405469', endColorstr='#FFFFFF'); /* for IE */ /* #00A6E8 #0177FF*/
	background: -webkit-gradient(linear, left top, left bottom, from(#405469), to(#FFFFFF)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #405469,  #FFFFFF); /* for firefox 3.6+ */
}
#navbar form table tbody tr td input{ font: bold 10px tahoma; border: 1px solid #FFF; width:100px; padding: 4px;}
#navbar form table tbody tr td .submit input {
	font: bold 10px tahoma; border: 1px solid #FFF; width:100px; 
	-webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* round corners */
	color: #fff; 
	/*background-color: rgba(255, 255, 255, 0.25);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0))); 
	background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 95%);*/
	text-shadow: 1px 1px 0 #111;

}

#navbarLogo {
	font: bold 22px Calibri, tahoma; text-shadow: 1px 1px 0 #333;
}

#breadcrumb { 
	padding: 7px 10px 7px 10px; margin: 0px 0 0px 0; color: #405469; 
	font: bold 12px Calibri, Arial;
	/*background: url(../img/eopp_headsubmenu.gif) repeat-x;*/
	background: #405469;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#405469', endColorstr='#405469'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#405469), to(#405469));
	background: -moz-linear-gradient(top,  #405469,  #405469); 
	color: #405469; font: bold 11px Calibri, Arial;
	height: 30px;
}

#breadcrumbCnt{
	width: 990px; margin: 0px auto 0px;
}

#navbarCnt{
	width: 990px; margin: 0px auto 0px;
}


#menutop a { 
	color:#333; font: normal 16px Calibri, Arial; text-shadow: 1px 1px 0 #fff; padding: 3px 6px; margin: 0px; border: 1px solid white;
	-webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	background-color: rgba(208, 208, 208, 0.95);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(252, 252, 252, 0.7)), to(rgba(208, 208, 208, 0))); 
	background-image: -moz-linear-gradient(rgba(252, 252, 252, 0.7) 0%, rgba(208, 208, 208, 0) 95%);

}
#menutop a:hover{ color:#333; font: normal 16px Calibri, Arial; text-shadow: 1px 1px 0 #fff; background: #D5D5D5 }

/*
#menutop {color:#FFFFFF; font: bold 14px Arial;  height:15px; margin:0;  padding: 0 0 5px 0; }
#menutop a{ color:#FFFFFF; }
*/



/* 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; }

/* VIDEO BOX ELEMENT
--------------------------------------------------------------*/
.videoBoxElem 
{
	border:1px solid #888; margin-bottom: 10px; margin-right: 10px; background: #fff; padding: 10px;  width: 181px; height: 230px;  float: left; overflow: hidden; 
	-webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* round corners */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#CECECE');
	background: -webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#CECECE)); 
	background: -moz-linear-gradient(top,  #EDEDED,  #CECECE); */
	/*color: #FFF;*/
	color: #666;
}

.videoBoxElem img.tubevideo { border:0px solid #eee;  width: 180px; color: #666;}
.videoBoxElem a {font: normal 11px arial; color: #666; text-shadow:1px 1px 0 #FFFFFF; /*text-shadow: -1px -1px white, 1px 1px #fff;*/ /*text-shadow: 1px 1px white, -1px -1px #666;*/ }


/* VIDEO DETAIL PAGE VIEW
--------------------------------------------------------------*/
.videoInfoBox { font: normal 10px arial; }

#videoInfoBoxCnt{ width: 630px; float: left; padding: 0 5px 5px 5px; margin: 0 5px 0px 0px; border:1px solid #eee;
-webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* round corners */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBEBEB', endColorstr='#CECECE');
	background: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#CECECE)); 
	background: -moz-linear-gradient(top,  #EBEBEB,  #CECECE); 
}

#videoInfoBoxCntTitle{ margin: 10px 0 10px 10px; color: #ccc; text-shadow:1px 1px 0 #FFFFFF;}

.bandname { color: #666; font: normal 12px Calibri, arial; }

/* BOOKMARK BOX ELEMENT
--------------------------------------------------------------*/
.bookmarkBoxElem {
	-webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* round corners */
	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
}


#pictureElement{
	-moz-border-radius:5px 5px 5px 5px; background:none repeat scroll 0 0 white; border:17px solid white;
	color:white; float:left; font:bold 18px arial; height:155px; margin:0 10px 10px 0; overflow:hidden; width:115px;
}

#pictureElementWide{
	-moz-border-radius:5px 5px 5px 5px; background:none repeat scroll 0 0 white; border:17px solid white;
	color:white; float:left; font:bold 18px arial; margin:0 20px 10px 0; overflow:hidden; width:605px; 
}



/* 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, .register_input select, .register_input input submit { 
	border: 1px solid #333; padding: 7px; margin-top: 5px; width: 400px; font: normal 18px Calibri, Arial;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#CECECE'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#CECECE)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #EDEDED,  #CECECE); /* for firefox 3.6+ */
}

.register_input select{
	 width: 415px;
}

.register_group {
	
}

#contentleft input, #contentleft select{
	border: 1px solid #333; padding: 9px; margin-top: 5px; width: 500px; font: normal 18px Calibri, Arial;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#CECECE'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#CECECE)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #EDEDED,  #CECECE); /* for firefox 3.6+ */
}

#contentleft select{
	 width: 515px;
}

.switchstep {color: red}
#searchform input { border: 1px solid #333; padding: 5px}
#login input { 
	border: 1px solid #333; padding: 15px; margin-top: 5px; width: 400px; font: normal 18px Calibri, Arial;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#CECECE'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#CECECE)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #EDEDED,  #CECECE); /* for firefox 3.6+ */
}

 .submit input { width: 410px; padding: 7px; font: normal 18px Calibri, Arial; }

/* 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: #ccc; 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; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* round corners */ }
#navtright ul li a { display: block; color: #ddd; 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: #ddd; 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;  border: 1px solid #fff; 
	-webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* round corners */
}

.sidebar ul li a { 
	display: block; margin: 0; color: #FFF; padding: 5px 5px;
	/*background: #333333; */
	text-decoration: none; /*font: bold 12px arial;*/
	background: #333333;
	-webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* round corners */
	color: #555555; font: bold 18px Calibri, arial; text-shadow: 1px 1px 0px #fff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#CECECE'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#CECECE)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #EDEDED,  #CECECE); /* for firefox 3.6+ */
}

.sidebar ul li a:hover { 
	color: #333; 
	/*background: #073E81;*/
	background: #EDEDED;
	-webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* round corners */
}

/* SIDEBAR CAT 
--------------------------------------------------------------*/
.sidebarcat ul { list-style: none; margin: 0 0 3px 0; padding: 0; }
.sidebarcat ul li { margin: 0 0 3px 0; padding: 0px; border: 1px solid #fff /*#E8E8E9;*/ ; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* round corners */}
.sidebarcat ul li a { 
	display: block; margin: 0px; color: #EAEEF2; padding: 5px 5px; 
	/*background: #0177FF url(../img/eopp_menu_black.gif) repeat-x; */
	background: #6BCFFF;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99AFC2', endColorstr='#7895AD'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#99AFC2), to(#7895AD)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #99AFC2,  #7895AD); /* for firefox 3.6+ */
	text-decoration: none; 
	-webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* round corners */
	/*text-shadow: 1px 1px 0 #444;*/
	/*text-shadow: -1px -1px 0px #6BBDFF, 1px 1px 0px #333;*/
	color: #EAEEF2; font: normal 18px Calibri, arial; text-shadow: 1px 1px 0px #6A859C;

}
.sidebarcat ul li a:hover { 
		color: #fff; background: #99AFC2;
		-webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* round corners */
}

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

}
.sidebaruser ul li a:hover { 
	background: #EDEDED; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* round corners */
	color: #333;
}


/* 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; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* round corners */}
.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; 
	
	/*
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#223549', endColorstr='#172535'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#223549), to(#172535)); 
	background: -moz-linear-gradient(top,  #223549,  #172535); */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#CECECE'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#CECECE)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #EDEDED,  #CECECE); /* for firefox 3.6+ */

	/*background:-moz-radial-gradient(center, #223549, #172535); 
	background:-webkit-gradient(radial, center center, 80, center center, 400, from(#223549), to(#172535));*/
	color: #FFFFFF;  margin: 3px 0 3px 0px; padding: 5px 5px; 
}

a.downloadbutton { 
	/*font: bold 24px Calibri, Arial, Verdana;  margin: 10px 0 0 10px; text-shadow: 1px 0 #666; */
}

li#downloadbutton a {
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5E8D8A', endColorstr='#105551'); */
	/*background: -webkit-gradient(linear, left top, left bottom, from(#5E8D8A), to(#105551)); 
	background: -moz-linear-gradient(top,  #5E8D8A,  #105551); */

	/*background:-moz-radial-gradient(center, #5E8D8A, #105551); 
	background:-webkit-gradient(radial, center center, 80, center center, 400, from(#5E8D8A), to(#105551));*/

	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#223549', endColorstr='#172535'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#223549), to(#172535)); 
	background: -moz-linear-gradient(top,  #223549,  #172535); */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#CECECE'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#CECECE)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #EDEDED,  #CECECE); /* for firefox 3.6+ */
	font: bold 24px Calibri, Arial, Verdana; text-shadow: 1px 0 #fff, -1px 0 #fff; 
	color: #666;
}


	/*videoBoxElemAlt
	---------------------------------------*/
	#BoxVidAlternativ 
	{
		width: 650px; /*height: 600px;*/ color: #333;
	}

	#BoxVidAlternativ a { color: #333; }
	#videoBoxElemAlt {
		/*background:none repeat scroll 0 0 #FAF301;*/
		border:1px solid #888888;
		float:left;
		height:170px;
		margin-bottom:10px;
		margin-right:10px;
		padding:10px;
		width: 128px;
		background: #FFFFFF;
		-webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* round corners */
		/* background: -moz-linear-gradient(center top , #A3DEF6,#FFFFFF) repeat scroll 0 0 transparent; */
		/*
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#A3DEF6'); 
				background:-moz-radial-gradient(center, #FFFFFF, #A3DEF6); 
				background:-webkit-gradient(radial, center center, 80, center center, 400, from(#FFFFFF), to(#A3DEF6));
		*/
	}


/* FOOTER BACKGROUND
--------------------------------------------------------------*/
#footerbg { 
	/*background: #1BC5FF; *//*#00ADEF*/
	background: #0B272A;
	/*
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0B272A', endColorstr='#02ADEF'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#0B272A), to(#02ADEF));
	background: -moz-linear-gradient(top,  #0B272A,  #02ADEF);  
	*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3C5A76', endColorstr='#7292AB'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#3C5A76), to(#7292AB));
	background: -moz-linear-gradient(top,  #3C5A76,  #7292AB);  



}
#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   */


/* USERS BOX
--------------------------------------------------------------*/

#contentRtUsers { 
padding: 5px; background: #000; margin: 5px 0 0 0 ; background: #fff; border: 1px solid #eee;
	-webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* round corners */
	color: #555555; font: bold 18px Calibri, arial; text-shadow: 1px 1px 0px #fff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#CECECE'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#CECECE)); 
	background: -moz-linear-gradient(top,  #EDEDED,  #CECECE); 

}
#contentRtUsers .userBox {float: left; /*border: 1px solid white;*/ margin: 5px 2px 2px 3px;  width: 71px; min-height: 97px; font: normal 11px arial; color: #EA5021}
#contentRtUsers .userBox a { color: #333; font: normal 10px arial;}


#contentRtTags	{
	padding: 15px; 
	margin: 5px 0 0 0 ; 
	/*background: #fff;*/
	border: 1px solid #eee;
	-webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* round corners */
	color: #555555; font: bold 18px Calibri, arial; text-shadow: 1px 1px 0px #fff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#CECECE'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#CECECE)); 
	background: -moz-linear-gradient(top,  #EDEDED,  #CECECE); 



}
#contentRtTags	a:hover{ color: #333}

#pagination {
clear: both; color: rgba(252, 252, 252, 0.9); font:16px Calibri,Arial;
}
#pagination a { 
/*border: 1px solid #aaa; padding: 3px 7px 3px 7px;*/
	-moz-border-radius:5px 5px 5px 5px; background-color:rgba(208, 208, 208, 0.95);
	background-image:-moz-linear-gradient(rgba(252, 252, 252, 0.7) 0%, rgba(208, 208, 208, 0) 95%);
	border:1px solid white; color:#333333; font:16px Calibri,Arial; margin:0; padding:3px 6px; 
	text-shadow:1px 1px 0 #FFFFFF;
}
#pagination em { 	
	-moz-border-radius:5px 5px 5px 5px; background-color:rgba(208, 208, 208, 0.95);
	background-image:-moz-linear-gradient(rgba(252, 252, 252, 0.7) 0%, rgba(208, 208, 208, 0) 95%);
	border:1px solid white; color:#999; font:16px Calibri,Arial; margin:0; padding:3px 6px; 
	text-shadow:1px 1px 0 #FFFFFF;
	/*background-image:-moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 #F6F6F6;*/
}

/* HOME TITLE BOX
--------------------------------------------------------------*/
.homeTitleBox { 
	background: white;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#CECECE'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#CECECE)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #EDEDED,  #CECECE); /* for firefox 3.6+ */
	color: #333;  padding: 5px 7px 5px 7px; 
	width: 615px; border: 1px solid #999; text-align: right;
	text-shadow: 1px 1px 0 #fff;
	-webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* round corners */
}

.homeTitleBox a { color: #555555; font: bold 18px Calibri, arial; text-shadow: 1px 1px 0px #fff;
	/*text-shadow: #c0c0c0 3px 3px 5px;*/ 
	/* text-shadow: 1px 1px 0 #fff, , -1px -1px 0px #fff; */
	/*text-shadow: 0.2em 0.5em 0.1em #333, -0.1em 0.1em 0.1em #444, 0.4em -0.1em 0.1em #555*/
}


/* 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.5;
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); 
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelRadius=1)";
	filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=1);
}

.boxgrid p{  padding: 10px; color:#afafaf; top: 260px;  font: normal 12px Calibri, Arial; }
.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; }
.error { font-family: Arial; color: #BB4B00; }