html, body { 
	padding: 				0px; 
	margin: 				0px; 
	height:					100%;
}

body {
	background:				#000 url("../images/bg1.jpg") fixed;
	background-size:		cover;
	
	background-position:	top left;
	
	font-family:			Tahoma, Verdana, Arial;
	font-size:				13px;
}

img { 
	border: 				0; 
}

a { 
	color:					#be0000;
	font-weight:			normal;
	text-shadow: 			#000 0px 0px 15px;
	text-decoration:		none;
}

a:hover {
	color:					#ff0000;
	text-shadow: 			#888 0px 0px 15px;
} 

a:focus, a:active {
	outline: 				none; 
}

:focus {
	outline:				none;
}
::-moz-focus-inner {
	border:					0;
}

span.button {
	padding: 				7px;
	padding-right: 			9px;
	padding-left: 			9px;
	margin-right: 			5px;

	background:				transparent url("../images/bg1-blurred.jpg") fixed;
	background-size:		cover;
	border:					1px solid #343434;
	color:					#cecece;
	
	-webkit-border-radius:	7px 7px 7px 7px;
	 -khtml-border-radius:	7px 7px 7px 7px;
	   -moz-border-radius:	7px 7px 7px 7px;
			border-radius: 	7px 7px 7px 7px;
	
	-webkit-box-shadow: 	0px 0px 10px #000;
	 -khtml-box-shadow: 	0px 0px 10px #000;
	   -moz-box-shadow: 	0px 0px 10px #000;
	        box-shadow: 	0px 0px 10px #000;
			
	display:				inline-block;
	cursor:					pointer;
}

span.current, span.button:hover  { 
	color:					#ffffff;
	border:					1px solid #797979;
	
	-webkit-box-shadow: 	0px 0px 15px #000;
	 -khtml-box-shadow: 	0px 0px 15px #000;
	   -moz-box-shadow: 	0px 0px 15px #000;
	        box-shadow: 	0px 0px 15px #000;
}

input[type="text"], 
input[type="password"], 
input[type="submit"], 
input[type="file"], 
input[type="button"],
select,
textarea{
	background:				transparent url("../images/inputs.png");

	border: 				1px solid #343434;
	color:					#cecece;

	padding: 				7px;
	padding-right: 			9px;
	padding-left: 			9px;
	margin-right: 			5px;

	-webkit-border-radius:	4px;
	 -khtml-border-radius:	4px;
	   -moz-border-radius: 	4px;
			border-radius: 	4px;
	font-weight:			bold;
}

.contact input[type="text"], 
.contact inputinput[type="password"], 
.contact inputinput[type="submit"], 
.contact inputinput[type="file"], 
.contact inputinput[type="button"] {
	width:					250px;
}

.contact select {
	width:					270px;
}

.contact textarea {
	width:					400px;
}

#contact-regarding, #contact-product {
	display:				none;
}

#contact table tr td:first-child {
	vertical-align:			top;
	padding-top:			7px;
}

#contact table tr td.error {
	color:					#cc0000;
	font-weight:			bold;
	text-shadow: 			#ff0000 0px 0px 15px;
}

::-webkit-input-placeholder{ 
	font-weight:			normal;
	font-style:				italic;
}

:-moz-placeholder{ 
	font-weight:			normal;
	font-style:				italic;
}

::-moz-placeholder{ 
	font-weight:			normal;
	font-style:				italic;
}

:-ms-input-placeholder { 
	font-weight:			normal;
	font-style:				italic;
}

input[type="submit"]:hover, input[type="button"]:hover{
	color:					#ffffff;
	border:					1px solid #797979;
	
	-webkit-box-shadow: 	0px 0px 15px #000;
	 -khtml-box-shadow: 	0px 0px 15px #000;
	   -moz-box-shadow: 	0px 0px 15px #000;
	        box-shadow: 	0px 0px 15px #000;
}

span.code {
	background-color: 		#f4f4f4;
	font-family: 			"Courier New";
	font-size: 				9pt;
	border: 				1px #d6d6d6 solid;
	padding: 				15px;
	display:				block;
}

h2.header { 
	font-size: 				14pt !important; 
	font-weight: 			800;
}

#page { 
	width: 					740px;
	text-align: 			left; 
	margin-top: 			40px; 
}

#navigation{
	float: 					right;
	text-align:				right;
	display:				inline-block;	
	min-height:				20px;
	margin-top:				-40px;
	margin-bottom:			10px;
}

#navigation .submenu {
	margin-top:				5px;
	margin-left:			2px;
	padding:				5px;
	
	display:				none;
	position:				absolute;
	
	background:				transparent url("/images/uneven-overlay.png");
	border: 				1px solid #343434;
}

#navigation .submenu .button{
	display:				inline-block;
	min-width:				170px;
}

#navigation .submenu ul{
	list-style:				outside none;
	padding: 				0px;
	margin:					0px;
	float:					left;
	margin-left:			5px;
}
#navigation .submenu ul:first-child{
	margin-left:			4px;
}

#navigation .submenu ul:last-child{
	margin-right:			0px;
}

#navigation .submenu li {
	padding: 				0px;
	margin:					0px;
	margin-bottom:			10px;
}
#navigation .submenu li a{
	display:				block;
	min-width:				65px;
	height:					24px;
	padding-top:			4px;
	padding-left: 			0px;
	padding-right:			0x;
	margin-top:				2px;
}
#navigation .submenu li:first-child a{
	margin-top:				0px;
	padding-top:			3px;
}

#curuser { 
	float: 					right; 
	text-align: 			right; 
	position: 				relative; 
	top: 					128px; 
	font-size: 				9pt; 
	font-weight: 			800; 
}

div.delimiter{
	height:					0px;
	border-top:				#660000 1px solid;
	border-bottom:			#440000 1px solid;
}

acronym { 
	cursor: 				help; 
}

.loginform{
	margin-top: 			15px;
}
.loginform td{
	padding: 				4px;
	font-weight: 			bold;
}
.loginform input{
	width: 					220px;
}

.loginform .forgot{
	float:					right;
	margin-top:				10px;
}
.admul{
	list-style:				none;
	font-size: 				10pt;
}
.admul a{
	text-decoration: 		underline;
}	
.admul a:hover{
	text-decoration: 		none;
}

.tlist th{
	border: 				1px solid #d9d9d9;
	background-color: 		#eaeaea;
	padding-left:			5px;
	padding-top:			2px;
}
.tlist .even td{
	border: 				1px solid #d9d9d9;
	background-color: 		#cecece;
}
.tlist .odd td{
	border: 				1px solid #d9d9d9;
	background-color: 		#dedede;
}
.admform{
	margin-top: 			15px;
}
.admform td{
	padding: 				4px;
	font-weight: 			bold;
}
.admform input{
	width: 					500px;
	border: 				#cecece 1px solid;
}
.admform select{
	width: 					502px;
}
.ytplayer {
	width: 					550px;
	height: 				300px;
	margin-left: 			auto;
	margin-right: 			auto;
}
.introduction{
	font-family:			Times;
	font-style: 			italic;
	color:					#454545;	
}
.introduction:first-letter{
	font-size: 				16pt;
	color: 					#000000;
	font-style: 			italic;
	font-weight: 			bold;
}
.bbimage{
	max-width: 				700px;
}
.bbimageThumb{
	width: 					200px;
	float: 					left;
	margin-top: 			25px;
	margin-left: 			25px;
}
.imageAlbum{

}
/* Clearfix */
.clear {
	clear: 					both;
	display: 				block;
	overflow: 				hidden;
	visibility: 			hidden;
	width: 					0;
	height: 				0;
}
.clearfix:after {
	clear: 					both;
	content: 				' ';
	display: 				block;
	font-size: 				0;
	line-height: 			0;
	visibility: 			hidden;
	width: 					0;
	height: 				0;
}
.clearfix {
	display: 				inline-block;
}
* html .clearfix {
	height: 				1%;
}
.clearfix {
	display: 				block;
}

/* Shadow + Border */
.shborder{
	-webkit-box-shadow: 	0px 0px 20px #000;
	 -khtml-box-shadow: 	0px 0px 20px #000;
	   -moz-box-shadow: 	0px 0px 20px #000;
	        box-shadow: 	0px 0px 20px #000;
			
	-webkit-border-radius:	4px 4px 4px 4px;
	 -khtml-border-radius:	4px 4px 4px 4px;
	   -moz-border-radius: 	4px 4px 4px 4px;
			border-radius: 	4px 4px 4px 4px;
}

/* SHJS */
.codeblock{
	margin-top:				0px;
	border:					#bebebe 1px solid;
	width:					700px;
	font-family:			Courier New,Courier;
	font-size:				9pt;
}

ul.errors{
	color:					#BE0000;
	margin-left:			0px;
	padding-left:			15px;
	font-weight:			bold;
}
.error_description{
	font-weight:			bold; 
	color: 					#bebebe; 
	background: 			transparent url("/images/alpha1.png"); 
	padding: 				5px; 
	margin-top: 			174px;
	font-family:			Helvetica, Arial;
	font-size:				11px;
	height:					60px;
	border:					#440000 1px solid;
}

.jsmessage{
	display:				block;
    position:				absolute;
    bottom:					0;
    right:					0;
    width:					450px;
	
	margin-bottom: 			15px;
	margin-right: 			15px;
}

.jsmessage .jsmtitle{
	padding: 				5px;
	padding-bottom: 		2px;
	background-color: 		#363636; 
	color: 					#FFFFFF;
	
	border: 				1px #363636 solid; 
	border-radius: 			4px 4px 0px 0px;
	-moz-border-radius: 	4px 4px 0px 0px;
	-webkit-border-radius:	4px 4px 0px 0px;
}

.jsmessage .jsmcontent{
	padding: 				5px;
	background:				#EEEEEE;
	font-weight:			bold;
	
	border:					1px solid #999999;
	border-radius: 			0px 0px 4px 4px;
	-moz-border-radius: 	0px 0px 4px 4px;
	-webkit-border-radius:	0px 0px 4px 4px;
}

.accentlist li strong{
	font-weight:			bold;
}
div.largelist{
	overflow-x: 			hidden; 
	overflow-y: 			scroll;
	max-height: 			200px;
	background:				url("/images/even-overlay.png");
	border:					#343434 1px solid;
}

ul { 
	margin-top:				0px;
	padding-top:			0px;
}
ul li {
	margin-top:				0px;
	padding-top:			0px;
}

.field-table{
	border:					1px solid #343434;
}

.field-table tr th{
	padding: 				7px;
	background-color: 		#4b0000;
	border: 				1px solid #4b0000;
	color:					#FFFFFF;
	padding:				5px;
	text-align:				left;
}

/* Rounded edges */
.field-table tr th:first-child{
	-webkit-border-radius:	7px 0px 0px 0px;
	 -khtml-border-radius:	7px 0px 0px 0px;
	   -moz-border-radius:	7px 0px 0px 0px;
			border-radius: 	7px 0px 0px 0px;
}

.field-table tr th:last-child{
	-webkit-border-radius:	0px 7px 0px 0px;
	 -khtml-border-radius:	0px 7px 0px 0px;
	   -moz-border-radius:	0px 7px 0px 0px;
			border-radius: 	0px 7px 0px 0px;
}

.field-table tr:last-child td:first-child{
	-webkit-border-radius:	0px 0px 0px 7px;
	 -khtml-border-radius:	0px 0px 0px 7px;
	   -moz-border-radius:	0px 0px 0px 7px;
			border-radius: 	0px 0px 0px 7px;
}

.field-table tr:last-child td:last-child{
	-webkit-border-radius:	0px 0px 7px 0px;
	 -khtml-border-radius:	0px 0px 7px 0px;
	   -moz-border-radius:	0px 0px 7px 0px;
			border-radius: 	0px 0px 7px 0px;
}

.field-table tr td{
	padding: 				7px;
	min-width:				70px;
	font-weight:			normal;
}

.field-table tr:last-child td{
	border-bottom:			0px;
}

.field-table tr td:not(:first-child) {
	border-bottom:			1px solid #343434;
}

.field-table tr.even td:not(:first-child){
	background:				transparent url("/images/even-overlay.png");
}

.field-table tr.uneven td:not(:first-child){
	background:				transparent url("/images/uneven-overlay.png");
}

.field-table tr td:first-child{
	background-color: 		#4b0000;
	border: 				1px solid #4b0000;
	color:					#FFFFFF;
	padding:				5px;
	min-width:				200px;
	font-weight:			normal;
}

.field-table  tr td:first-child a{
	color:					#FFFFFF;
}
.field-table tr td a{
	text-decoration:		underline;
}

.uform .field-table tr td input[type="text"],
.uform .field-table tr td textarea{
	width:					300px;
}

.wide-table {
	width: 					700px;
}

.package_buy{
	float:					right;
	margin-top: 			6px; 
	margin-left: 			8px;
	text-align:				center;
	font-size:				16pt;
	color:					#CF0000;
}

.dlbutton {
	padding: 				7px;
	padding-right: 			9px;
	padding-left: 			9px;
	margin-top: 			8px; 
	margin-left: 			10px;
	min-width:				132px;
			
	background-color:		#6b0f0f;
	border:					#000 1px solid;
	color:					#ffffff;

	-webkit-border-radius:	4px;
	 -khtml-border-radius: 	4px;
	   -moz-border-radius: 	4px;
	        border-radius:  4px;
	
	-webkit-box-shadow: 	0px 0px 3px #454545;
	 -khtml-box-shadow: 	0px 0px 3px #454545;
	   -moz-box-shadow: 	0px 0px 3px #454545;
	        box-shadow: 	0px 0px 3px #454545;
			
	display:				inline-block;
	cursor:					pointer;
	font-weight:			bold;
	font-size:				14pt;
	text-align:				center;
	float:					right;
}
.dlbutton:hover {
	background-color:		#8b0f0f;
	color:					#ffffff;
}
.dlbutton:active {
	position:relative;
	top:1px;
}

#social {
	position:				absolute;
	float:					right;
	text-align:				right;
	width: 					750px;
	top:					-5px;
}

.box_login{
	background:				transparent;
	color:					#000000;
			
	color:					#FFFFFF;
	padding:				15px;
	background:				transparent url("../images/bg1-blurred.jpg") fixed;
	background-size:		cover;
	
	border:					1px solid #343434;
}

.box_login h1{
	background-color:		transparent;
	
	border-bottom:			1px dashed #be0000;
	
	color:					#be0000;
	font-weight:			normal;
	font-size:				32px;
	text-shadow: 			#000 0px 0px 15px;
	
	margin-left:			1px !important;
	margin-right:			1px !important;
}

.notification .error{
	padding:				5px;
	padding-left:			25px;
	
	border: 				1px solid;
	color: 					#6b0f0f;
	background:				#FDD5CE url("/images/icons/exclamation.png") no-repeat;
	background-position:	5px center;
	
	-webkit-border-radius:	4px;
	 -khtml-border-radius: 	4px;
	   -moz-border-radius: 	4px;
	        border-radius:  4px;
	
	-webkit-box-shadow: 	0px 0px 3px #666;
	 -khtml-box-shadow: 	0px 0px 3px #666;
	   -moz-box-shadow: 	0px 0px 3px #666;
	        box-shadow: 	0px 0px 3px #666;
}

.notification .success{
	padding:				5px;
	padding-left:			25px;
	
	border: 				1px solid;
	color: 					#0f6b0f;
	background:				#EDFCED url("/images/icons/accept.png") no-repeat;
	background-position:	5px center;
	
	-webkit-border-radius:	4px;
	 -khtml-border-radius: 	4px;
	   -moz-border-radius: 	4px;
	        border-radius:  4px;
	
	-webkit-box-shadow: 	0px 0px 3px #666;
	 -khtml-box-shadow: 	0px 0px 3px #666;
	   -moz-box-shadow: 	0px 0px 3px #666;
	        box-shadow: 	0px 0px 3px #666;
}

.notification .warning{
	padding:				5px;
	padding-left:			25px;
	
	border: 				1px solid;
	color: 					#6b6b0f;
	background:				#FAF9C9 url("/images/icons/error.png") no-repeat;
	background-position:	5px center;
	
	-webkit-border-radius:	4px;
	 -khtml-border-radius: 	4px;
	   -moz-border-radius: 	4px;
	        border-radius:  4px;
	
	-webkit-box-shadow: 	0px 0px 3px #666;
	 -khtml-box-shadow: 	0px 0px 3px #666;
	   -moz-box-shadow: 	0px 0px 3px #666;
	        box-shadow: 	0px 0px 3px #666;
}

.cpt-refresh{
	display:				none;
}

.gallery a img.thumbnail{
	border: 				#676767 1px solid;
	margin-left:			10px;
	margin-bottom:			10px;
	margin-top:				0px;
	
	-webkit-border-radius:	4px;
	 -khtml-border-radius: 	4px;
	   -moz-border-radius: 	4px;
	        border-radius:  4px;
	
	-webkit-box-shadow: 	0px 0px 3px #888;
	 -khtml-box-shadow: 	0px 0px 3px #888;
	   -moz-box-shadow: 	0px 0px 3px #888;
	        box-shadow: 	0px 0px 3px #888;
}

.gallery a:first-child img.thumbnail{
	margin-left:			0px;
}

.gallery a:hover img.thumbnail{
	-webkit-box-shadow: 	0px 0px 6px #222;
	 -khtml-box-shadow: 	0px 0px 6px #222;
	   -moz-box-shadow: 	0px 0px 6px #222;
	        box-shadow: 	0px 0px 6px #222;
}

.gallery img.remove-image{
	position:				absolute;
	z-index:				999;
	margin-left:			10px;
	margin-top:				5px;
}

/*******************************\
	Additions for Imagine Programming main website
	Remove all obsolete parts when finished developing!!!!
\*******************************/

#header {
	height:					130px;
	margin:					15px 0px 15px 0px;
}

#header img.logo, #header div.title {
	float:					left;
}

#header div.title {
	margin:					30px 0px 0px 20px;
}

#header h1 {
	margin:					0;
	padding:				0px;
	width:					100%;
	
	border-bottom:			1px solid #343434;
	
	color:					#be0000;
	font-weight:			normal;
	font-size:				32px;
	text-shadow: 			#000 0px 0px 15px;
}

#header h2 {
	margin:					0;
	padding:				0px;
	
	color:					#cecece;
	font-weight:			normal;
	font-size:				14px;
	text-shadow: 			#fff 0px 0px 10px;
}

#menu {
	float: 					right;
	text-align:				right;
	display:				inline-block;	
	min-height:				20px;
	margin-top:				-40px;
	margin-bottom:			10px;
}

.roundshadow {
	-webkit-border-radius:	7px 7px 7px 7px;
	 -khtml-border-radius:	7px 7px 7px 7px;
	   -moz-border-radius:	7px 7px 7px 7px;
			border-radius: 	7px 7px 7px 7px;
	
	-webkit-box-shadow: 	0px 0px 10px #000;
	 -khtml-box-shadow: 	0px 0px 10px #000;
	   -moz-box-shadow: 	0px 0px 10px #000;
	        box-shadow: 	0px 0px 10px #000;
}

#menu a {
	display:				inline-block;
	color:					#cecece;
	padding:				10px;
	margin-left:			5px;
	background:				transparent url("../images/bg1-blurred.jpg") fixed;
	background-size:		cover;
	
	border:					1px solid #343434;
	
	text-decoration:		none;
	
	-webkit-border-radius:	7px 7px 7px 7px;
	 -khtml-border-radius:	7px 7px 7px 7px;
	   -moz-border-radius:	7px 7px 7px 7px;
			border-radius: 	7px 7px 7px 7px;
	
	-webkit-box-shadow: 	0px 0px 10px #000;
	 -khtml-box-shadow: 	0px 0px 10px #000;
	   -moz-box-shadow: 	0px 0px 10px #000;
	        box-shadow: 	0px 0px 10px #000;
}

#menu a:hover, #menu a.active {
	color:					#ffffff;
	/* color:					#ff0000; */
	border:					1px solid #797979;
	
	-webkit-box-shadow: 	0px 0px 15px #000;
	 -khtml-box-shadow: 	0px 0px 15px #000;
	   -moz-box-shadow: 	0px 0px 15px #000;
	        box-shadow: 	0px 0px 15px #000;
}

#bodywrap {
	background:				url("../images/background-layer-2.png") fixed;
	height:					100%;
	width:					100%;
	position:				absolute;
	overflow:				auto;
}

#contentwrap {
	margin-left:			auto;
	margin-right:			auto;
	width:					750px;
}

.contentblock {
	color:					#FFFFFF;
	padding:				15px;
	min-height:				300px;
	background:				transparent url("../images/bg1-blurred.jpg") fixed;
	background-size:		cover;
	margin-bottom:			20px;
	border:					1px solid #343434;
}

.packageblock {
	min-height:				0px !important;
}

.contentblock h1 {
	margin:					0px;
	padding:				0px;
	width:					100%;
	
	border-bottom:			1px solid #343434;
	
	color:					#ababab;
	color:					#cf0000;
	font-weight:			normal;
	font-size:				24px;
	text-shadow: 			#be5555 0px 0px 20px;
}

.contentblock h2 {
	margin:					0px;
	padding:				0px;
	
	color:					#ababab;
	font-weight:			normal;
	font-size:				10px;
	text-shadow: 			#fff 0px 0px 10px;
}

.contentblock .text {
	padding-top:			20px;
}

#footer {
	margin-bottom:			20px;
	color:					#FFFFFF;
	padding:				15px;
	min-height:				20px;
	background:				transparent url("../images/bg1-blurred.jpg") fixed;
	background-size:		cover;
	
	border:					1px solid #343434;
}

div.package-section{
	margin-bottom:			30px;
	font-size:				13px;
}

/* Blocklink / categories / software links */
table.linkblock, table.linkblock tr, table.linkblock tr td{
	margin:					0px;
	padding:				0px;
}

.blocklink {
	display:				block;
	background: 			transparent url("/images/uneven-overlay.png");
	padding: 				7px;
	padding-right: 			9px;
	padding-left: 			9px;
	color:					#FFFFFF;
	width:					330px;
	border:					1px solid #343434;
	margin-left:			0px;
	margin-bottom:			10px;
	min-height:				170px;
}

.blocklink .bl_left, .blocklink .bl_right {
	float:					left;
}

.blocklink .bl_left {
	width:					130px;
	padding-top:			2px;
}
.blocklink .bl_right {
	width:					200px;
	font-size:				12px;
}

.blocklink:first-child{
	margin-right: 			10px;
}

.blocklink:hover { 
	border: 				1px #565656 solid; 
	background-color:		#363636; 
	color: 					#FFFFFF; 
	cursor:					pointer;
}

.blocklink:hover a {
	color: 					#FFFFFF; 
}

.blocklink hr{
	color:					#343434;
}

.blocklink h2.bl_title{
	margin-top: 			0px;
	margin-bottom:			0px;
}

.blocklink h3.bl_domain{
	margin-top: 			0px;
	margin-bottom:			2px;
	font-size:				11px;
}

div.paginator {
	float: 					center; 
	text-align: 			center;
	color:					#cecece;
	font-weight:			normal;
	font-size:				14px;
	text-shadow: 			#fff 0px 0px 10px;
}	

@media only screen and (max-device-width: 1505px) and (max-device-height: 769px) {
	/* resolutions < 1505x769*/
	
	body {
		background-image:	url("../images/bg1-768p.jpg");
	}
	
	span.button, .box_login, #menu a, .contentblock, #footer {
		background-image: 	url("../images/bg1-blurred-768p.jpg");
	}
}