@font-face {
    font-family: 'Nove';
    src: url('../fonts/novecentowide-medium-webfont.eot');
    src: url('../fonts/novecentowide-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/novecentowide-medium-webfont.woff') format('woff'),
         url('../fonts/novecentowide-medium-webfont.ttf') format('truetype'),
         url('../fonts/novecentowide-medium-webfont.svg#novecento_widemedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'NoveBold';
    src: url('../fonts/novecentowide-bold-webfont.eot');
    src: url('../fonts/novecentowide-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/novecentowide-bold-webfont.woff') format('woff'),
         url('../fonts/novecentowide-bold-webfont.ttf') format('truetype'),
         url('../fonts/novecentowide-bold-webfont.svg#NovecentowideBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

*
{
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-o-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

html
{
	
	
	
}

body
{
	background: #333 url(../images/slant.png);
	font: 14px/16px "Myriad Pro", Arial;
	color: #666;
	
}
	
	#wrap
	{
		
	}
	
		.maxwidth
		{
			margin: 0 auto;
			width: 960px;
		}

			
			#header
			{
				position: relative;
				z-index: 2;
				
				background: #000 url(../images/slant.png);
				border-bottom: 10px solid #900;
				
				box-shadow: 0 5px 40px #000;
			}
			
				
				#logo
				{
					font-size: 0px;
					float: left;
				}
				
				#logo:hover
				{
					
				}
				
					#logo > a
					{
						display: block;
						padding: 15px;
						
						-moz-transition: all 0.15s ease-out;
						-webkit-transition: all 0.15s ease-out;
						-o-transition: all 0.15s ease-out;
						transition: all 0.15s ease-out;
						
						border-radius: 5px; 
						-webkit-border-radius: 5px; 
						-moz-border-radius: 5px; 
						-o-border-radius: 5px; 
						
						box-shadow: 0px 20px 70px -10px rgba(255,255,255,0);
					}
					
					#logo:hover a, #logo a:hover
					{
						box-shadow: 0px 20px 70px -10px rgba(255,255,255,0.9);
					}
					
					
					#menu
					{
						
						height: 89px;
						float: right;
						text-indent: 0;
						list-style-position: outside;
						padding: 0;
					}
				
					#menu > li
					{
						float: left;
						list-style: none;
						position: relative;
						display: block;
						cursor: pointer;
						padding: 0;
						text-indent: 0px;
						
						-moz-transition: all 0.15s ease-out;
						-webkit-transition: all 0.15s ease-out;
						-o-transition: all 0.15s ease-out;
						transition: all 0.15s ease-out;
					
				
					}
					
						#admin #menu > li > a

						{
							padding: 0 10px;
						}
					
						#menu > li > a
						{
							font: 13px/89px NoveBold, Arial;
							text-align: center;
							padding: 0 40px;
							
							display: block;
							color: #aaa;
							text-decoration: none;
							background: url(../images/accent.png) no-repeat 50% 120%;
							
							box-shadow: 0px 0px 0px rgba(255,255,255,0.0);
							-webkit-box-shadow: 0px 0px 0px rgba(255,255,255,0.0);
							-moz-box-shadow: 0px 0px 0px rgba(255,255,255,0.0);
							-o-box-shadow: 0px 0px 0px rgba(255,255,255,0.0);
							
							
							border-radius: 0 0 3px 3px;
								-webkit-border-radius: 0 0 3px 3px;
								-moz-border-radius: 0 0 3px 3px;
								-o-border-radius: 0 0 3px 3px;
							transition: background-color 0.15s ease-out, background-position 0.1s ease-out, box-shadow 0.25s ease-out, color 0.15s ease-out;
						}
					
							
							#menu > li > a.current
							{
								background: #900 url(../images/accenttop.png) no-repeat top center;
								color: #fff;
								
								border-radius: 0 0 4px 4px;
								-webkit-border-radius: 0 0 4px 4px;
								-moz-border-radius: 0 0 4px 4px;
								-o-border-radius: 0 0 4px 4px;
								
								box-shadow: 0px 5px 45px rgba(255,255,255,1);
							}
							
							#menu > li > a.current:hover
							{
								background: #c00 url(../images/accenttop.png) no-repeat top center;
								color: #fff;
							
							}
						
						#menu > li:hover > a,
						#menu > li > a:hover
						{
							color: #eee;
							background: #222 url(../images/accent.png) no-repeat 50% 100%;
							
							box-shadow: 0px 15px 45px rgba(255,255,255,0.8);
						}
						
						#menu > li > ul
						{
							display: block;
							list-style: none;
							position: absolute;
							z-index: 3;
							top: 100%;
							text-indent: 0;
							list-style-position: outside;
							padding: 0;
							margin: -10px 0 0 -20000px;
							background: #000;
							text-indent: 0;
							opacity: 0;
							
							box-shadow: 0px 6px 7px #333;
							-moz-box-shadow: 0px 6px 7px #333;
							-webkit-box-shadow: 0px 6px 7px #333;
							-o-box-shadow: 0px 6px 7px #333;
							
							-moz-transition-duration: 0.2s;
							-moz-transition-timing-function: ease-out;
							-moz-transition-property: opacity;
							
							-webkit-transition-duration: 0.2s;
							-webkit-transition-timing-function: ease-out;
							-webkit-transition-property: opacity;
							
							-o-transition-duration: 0.2s;
							-o-transition-timing-function: ease-out;
							-o-transition-property: opacity;
							
							transition-duration: 0.2s;
							transition-timing-function: ease-out;
							transition-property: opacity;
						}
						
						#menu > li:hover > a.current
						{
							background-color: #c00;
						}
						
						#menu > li:hover > ul
						{
							margin-left: 0px;
							opacity: 1;
							margin-top: 0px;
							
						}
						
							#menu > li > ul > li
							{
								margin: 0;
								padding: 0;
								text-indent: 0;
							}
							
							#menu > li > ul > li > a
							{
								font: normal 12px/1 Nove;
								color: #eee;
								background: #222;
								display: block;
								line-height: 1;
								border-bottom: 4px solid #222;
								padding: 14px;
								letter-spacing: 0px;
								min-width: 100%;
								
								transition: background-color 0.15s ease-out;
								-moz-transition: background-color 0.15s ease-out;
								-webkit-transition: background-color 0.15s ease-out;
								-o-transition: background-color 0.15s ease-out;
								
							}
							
							#menu > li > a.current ~ ul > li > a
							{
								background: #c00;
								border-bottom-color: #a00;
							}
							
							#menu > li > a.current ~ ul > li > a:hover
							{
								background: #444;
								border-bottom-color: #222;
							}
							
							#menu> li > ul > li > a:hover
							{
								background: #900;
								color: #fff;
								border-bottom-color: #500;
								
								border-radius: 0 0 5px 5px;
								-webkit-border-radius: 0 0 5px 5px;
								-moz-border-radius: 0 0 5px 5px;
								-o-border-radius: 0 0 5px 5px;
								
								
							}
							
							#menu img
							{
								display: inline-block;
								vertical-align: middle;
								margin-top: -2px;
								padding-right: 5px;
								width: 24px;
							}
			
			#homecarousel
			{
				overflow: hidden;
				position: relative;
				z-index: 1;
				margin: 20px 0;
				border-radius: 5px;
				background: #fff;
				height: 340px;
				
				box-shadow: 0px 10px 90px #999;
			}
			
				
				#homecarousel > section > div
				{
					overflow: hidden;
					background-size: cover;
					-webkit-background-size: cover;
					-moz-background-size: cover;
					-o-background-size: cover;
					-ms-background-size: cover;
					
					background-position: center center;
					background-repeat: no-repeat;
					
					height: 340px;
					
					
				}
				
				#homecarousel img
				{
					overflow: hidden;
					display: block;
					
				}
				
				#homecarousel *
				{
					
					border-radius: 5px;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					-o-border-radius: 5px;
				}
						
			.box
			{
				background: #eee;
				
				z-index: 1;
				position: relative;
				
				box-shadow: 0px 20px 80px -20px #000;
				
				border-radius: 3px;
				-webkit-border-radius: 3px;
				-moz-border-radius:3px;
				-o-border-radius: 3px;
				-ms-border-radius: 3px;
				
				margin-bottom: 20px;
			}
			
			.productlist
			{
				background: #ffffff; /* Old browsers */
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI2JSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM4JSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 26%, #e1e1e1 38%, #f6f6f6 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(26%,#f1f1f1), color-stop(38%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 26%,#e1e1e1 38%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 26%,#e1e1e1 38%,#f6f6f6 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 26%,#e1e1e1 38%,#f6f6f6 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 26%,#e1e1e1 38%,#f6f6f6 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */
			}
			
			#content
			{
				min-height: 400px;
			}
			
			
			#content .home
			{
				margin-top: -30px;
			}
			
			#admin #content
			{
				margin-top: 20px;
			}
			
				.homebutton
				{
					background: rgb(59,103,158); /* Old browsers */
					/* IE9 SVG, needs conditional override of 'filter' to 'none' */
					background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNiNjc5ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzJiODhkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
					background: -moz-linear-gradient(top,  rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,103,158,1)), color-stop(50%,rgba(43,136,217,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
					background: linear-gradient(to bottom,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-8 */



					border: 1px solid #eee;
					display: block;
					padding: 20px 0 20px 15px;
					color: #fff;
					font: 16px/1 Nove, Arial;
					letter-spacing: -1.5px;
					min-height: 30px;
					
					box-shadow: 0px 5px 12px -6px rgba(0,0,0,0.5);
					-webkit-box-shadow: 0px 5px 12px -6px rgba(0,0,0,0.5);
					-moz-box-shadow: 0px 5x 12px -6px rgba(0,0,0,0.5);
					-o-box-shadow: 0px 5px 12px -6px rgba(0,0,0,0.5);
					-ms-box-shadow: 0px 5px 12px -6px rgba(0,0,0,0.5);
					
					border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				-o-border-radius: 5px;
				-ms-border-radius: 5px;
				
				border-left: 0px solid #369;
				
				-moz-transition: all 0.2s ease-in-out;
							-webkit-transition: all 0.2s ease-in-out;
							-o-transition: all 0.2s ease-in-out;
							transition: all 0.2s ease-in-out;
				}
				
				.homebutton img
				{
					display: block;
					float: left;
					width: 50px; 
					margin-top: -10px;
					margin-right: 5px;
					
					-moz-transition: all 0.45s ease-in-out;
					-webkit-transition: all 0.45s ease-in-out;
					-o-transition: all 0.45s ease-in-out;
					transition: all 0.45s ease-in-out;
				}
				
				.homebutton:hover
				{
					border-left: 10px solid #222;
					padding-left: 5px;
					background: rgb(240,240,240); /* Old browsers */
					/* IE9 SVG, needs conditional override of 'filter' to 'none' */
					background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMGQwZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
					background: -moz-linear-gradient(top,  rgba(240,240,240,1) 0%, rgba(208,208,208,1) 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,240,240,1)), color-stop(100%,rgba(208,208,208,1))); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top,  rgba(240,240,240,1) 0%,rgba(208,208,208,1) 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top,  rgba(240,240,240,1) 0%,rgba(208,208,208,1) 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top,  rgba(240,240,240,1) 0%,rgba(208,208,208,1) 100%); /* IE10+ */
					background: linear-gradient(to bottom,  rgba(240,240,240,1) 0%,rgba(208,208,208,1) 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#d0d0d0',GradientType=0 ); /* IE6-8 */
				
					color: #369;
					
					box-shadow: 0px 10px 24px -10px rgba(0,0,0,0.9);
					-webkit-box-shadow: 0px 10px 24px -10px rgba(0,0,0,0.9);
					-moz-box-shadow: 0px 10px 24px -10px rgba(0,0,0,0.9);
					-o-box-shadow: 0px 10px 24px -10px rgba(0,0,0,0.9);
					-ms-box-shadow: 0px 10px 24px -10px rgba(0,0,0,0.9);
				}
			
				.homebutton:hover img
				{
					width: 54px;
				}
		
		#footer
		{
			background: #222 ;
			font: 12px/1 NoveBold, Arial;
			margin: 20px 0 0;
			padding: 20px 0;
			color: #fff;
			border-top: 2px solid #444;
			
			min-height: 240px;
			box-shadow: inset 0px 10px 20px -10px rgba(0,0,0,0.1);	
		}
		
		#admin #footer
		{
			padding: 5px;
		}
		
		#footer h4
		{
			letter-spacing: 0px;
			color: #fff;
			font: 14px/1 NoveBold;
		}
		
		#footer a
		{
			color: #fc0;
		}
		
div[class*="divider"]
{
	float: left;
	
	padding-right: 1%; 
	
	box-sizing: border-box;       
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;   
	-o-box-sizing: border-box;    
}

	div[class^="divider"].end
	{
		float: right;
		padding-right: 0;
	}

.divider
{
	width: 50%;
}

.divider.end
{
	width: 50%;
}

.dividerthree
{
	width: 33.3%;
}

.dividerthree.end
{
	width: 33.4%;	
}

.dividerthreelong
{
	width: 66.6%;
}

.dividerthreelong.end
{
	width: 66.7%;
}

.dividerfour
{
	width: 25%;
}


.dividerfourlong
{
	width: 75%;
}

.dividerfour.end
{
	width: 25%;
}

.dividerfourlong.end
{
	width: 75%;
}

.dividerfive
{
	width: 20%;
}

.dividerfive.end
{
	float: right;
	width: 20%;
}

.dividerfivelong
{
	width: 80%;
}

.dividerfivelong.end
{
	width: 80%;
}

.clear
{
	clear: both;
}

.floatleft
{
	float: left;
	margin-right: 10px;
}

.floatright
{
	float: right;
	margin-left: 10px;
}

.inside
{
	padding: 12px;
}

p
{
	margin-bottom: 15px;
}

a
{
	color: #800;
}

a:hover
{
	color: #600;
}

h1,h2,h3,h4,h5
{
	font-weight: normal;
	letter-spacing: -1px;
	
}
	
h1
{
	font: 28px/1 Nove, Arial;
	color: #d00;
	text-shadow: 0px 0.15em 0.3em rgba(0,0,0,0.3);
}

h2
{
	font: 20px/1 Nove, Arial;
	color: #111;
	text-shadow: 0px 0.15em 0.3em rgba(0,0,0,0.3);
}

h3
{
	font: 18px/1 Nove, Arial;
	color: #600;
	margin: 0;
	
}

h4
{
	font: 15px/1 Nove, Arial;
	color: #111;
}

h5
{
	font: 12px/1 NoveBold, Arial;
	color: #333;
	letter-spacing: 0px;
}

small
{
	font: 11px/1 Nove, Arial;
}


.emphasis
{
	background: #f6feff;
	padding: 25px;
	font-size: 18px;
	color: #000;
	line-height: 1.1;
	letter-spacing: -1px;
	margin: 5px -20px 20px;
	text-align: justify;
	border-bottom: 4px solid #ddd;
	
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	
	box-shadow: 0px 5px 40px rgba(0,0,0,0.2);
}

	.emphasis h1
	{
		margin: 0;
		font-size: 50px;
		color: #369;
		display: inline-block;
	}
	
	.emphasis img
	{
		margin: -3px 10px;
		width: 45px;
	}
	
	
	
.item
{
	margin: 5px;
	background: #fefefe;
	border: 1px solid #eee;
	
}


.tab
{
	position: relative;
}

.tabButton
{
	padding: 5px 20px;
	line-height: 6px;
	cursor: pointer;
	margin-left: 2px;
	display: block;
	float: left;
	font: 11px/1 Tahoma, Geneva, sans-serif;
	color: #ccc;
	
	-moz-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
	border-radius: 0px 0px 3px 3px;
	
	-moz-box-shadow: inset 0px -1px 4px #ddd;
	-webkit-box-shadow: inset 0px -1px 4px #ddd;
	box-shadow: inset 0px -1px 4px #ddd;
}

.tabButtonArea
{
	text-align: right;
	float: right;
	margin-top: -12px;
	margin-bottom: 5px;
}

.togglepanel
{
font: 16px/1 Nove, Arial;
margin-top: 5px;
padding: 5px;
background: #400;
color: #ccc;
cursor: pointer;
border-bottom: 1px solid #ccc;

border-radius: 2px;

-moz-transition: all 0.1s ease-out;
-webkit-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
}	

.togglepanel:hover
{
	background: #900;
	color: #fff;
}

.panel
{
	background: #fff;
	
}

input[type=text],input[type=password], input[type^=date], select
{
	border: 0px solid #eee;
	font: 13px/1 "Myriad Pro", Arial, Tahoma, Verdana, sans-serif;
	background: #e0e0e0;
	padding: 3px;
	letter-spacing: 0;
	color: #555;
	vertical-align: middle;
	
	border-radius: 2px;
	
	-moz-box-shadow: inset 0px 2px 8px #ccc;
	-webkit-box-shadow: inset 2px 2px 8px #ccc;
	box-shadow: inset 0px 2px 8px #ccc;
	
	-moz-transition: box-shadow 0.1s ease-out;
	-webkit-transition: box-shadow 0.1s ease-out;
	-o-transition: box-shadow 0.1s ease-out;
	transition: box-shadow 0.1s ease-out;
}

option
{
	padding: 0 5px;
}

input[type=submit]
{
	font: 12px/1 Nove;
	background-color: #555;
	color: #def;
	padding: 8px 10px;
	cursor: pointer;
	
	-moz-transition: all 0.1s ease-out;
	-webkit-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	
	-moz-box-shadow: inset 0px 2px 2px #000;
	-webkit-box-shadow: inset 0px 2px 2px #000;
	-o-box-shadow: inset 0px 2px 2px #000;
	box-shadow: inset 0px 2px 2px #000;
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	
}

input[type=submit]:hover
{
	background-color: #ddd;
	color: #000;
	
	-moz-box-shadow: inset 0px 2px 8px #aaa;
	-webkit-box-shadow: inset 0px 2px 8px #aaa;
	-o-box-shadow: inset 0px 2px 8px #aaa;
	box-shadow: inset 0px 2px 8px #aaa;
}

.long
{
	width: 100%;
}

#loginscreen
{
	text-align: center;
	padding: 20px;
	position: relative;
	z-index: 3;
}

.newsarticle
{
	border-bottom: 1px dotted rgba(0,0,0,0.1);	
	box-shadow: inset 0px 0px 0px #ccc;	
	-moz-box-shadow: inset 0px 0px 0px #ccc;
	-webkit-box-shadow: inset 0px 0px 0px #ccc;
	-o-box-shadow: inset 0px 0px 0px #ccc;
	
	-moz-transition: box-shadow 0.1s ease-out;
	-webkit-transition: box-shadow 0.1s ease-out;
	-o-transition: box-shadow 0.1s ease-out;
	transition: box-shadow 0.1s ease-out;
	
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	
}

	.newsarticle:hover
	{
		background: #fefefe;
		
		-moz-box-shadow: inset 0px 2px 12px #ccc;
		-webkit-box-shadow: inset 0px 2px 12px #ccc;
		box-shadow: inset 0px 2px 12px #ccc;
		
	}
	
	.newsarticle h3 
	{
		margin: 0;
		letter-spacing: 0;
	}
	
	.newsarticle h3 a
	{
		font: 14px/1 "Myriad Pro", Arial;
	}
	
	.newsarticle > .inside
	{
		padding: 10px 25px;
	}

#newsarticlesmain
{
	position: relative;
	overflow: hidden;
}

.pagemenu
{
}
	
	.pagemenu a
	{
		display: block;
		padding: 10px;
		border-top: 1px solid rgba(255,255,255,0.8);	
		border-bottom: 1px solid rgba(0,0,0,0.1);	
		
		background: #fafafa;
			
		box-shadow: inset 0px 0px 0px #ccc;	
		-moz-box-shadow: inset 0px 0px 0px #ccc;
		-webkit-box-shadow: inset 0px 0px 0px #ccc;
		-o-box-shadow: inset 0px 0px 0px #ccc;
		
		-moz-transition: 0.1s ease-out;
		-webkit-transition: 0.1s ease-out;
		-o-transition: 0.1s ease-out;
		transition: 0.1s ease-out;
		
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		
	}
	
	.pagemenu a:hover
	{
		background: #ddd;
		
		box-shadow: inset 0px 2px 5px #ccc;	
		-moz-box-shadow: inset 0px 2px 5px #ccc;
		-webkit-box-shadow: inset 0px 2px 5px #ccc;
		-o-box-shadow: inset 0px 2px 5px #ccc;
	}
	
	.pagemenu a.current
	{
		background: #369;
		color: #fff;
		
		border-top: 1px solid rgba(255,255,255,0.8);	
		border-bottom: 1px solid rgba(0,0,0,0.8);	
	}

.hr, hr 
{
	height: 0;
	display: block;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	margin: 7px 0;
}

.rightcolumn
{
	min-height: 200px;
	background: url(../images/rightcolumn.png) no-repeat top left;
	
}

.leftcolumn
{
	min-height: 200px;
	background: url(../images/leftcolumn.png) no-repeat top right;
	
	
}

.newstitle
{
	padding: 20px 5px 5px;
	margin: 10px 0;
	border-bottom: 1px dotted #ddd;
}

	.newstitle h2
	{
		margin: 0;
		font: normal 21px/1 NoveBold;
		color: #eee;
		padding-left: 0.8em;
		background: url(../images/accent.png) no-repeat 0px 1px;
		background-size: .8em;
	}
	
	.newstitle a
	{
		color: #fff;
	}
	
	.newstitle a:hover
	{
		color: #d00;
	}
	
	.newstitle select
	{
		font: 13px/1 Nove;
		letter-spacing: 0px;
		background: #ddd;
		color: #333;
		padding: 5px 0 0 5px;
		box-shadow: inset 0px 3px 7px #000;
	}
	

#admin .newstitle
{
	margin: 0 0 10px;
}

#tweet div.tweet
{
	padding: 15px;
	border-bottom: 1px dotted rgba(0,0,0,0.1);	
		
	box-shadow: inset 0px 0px 0px #ccc;	
	-moz-box-shadow: inset 0px 0px 0px #ccc;
	-webkit-box-shadow: inset 0px 0px 0px #ccc;
	-o-box-shadow: inset 0px 0px 0px #ccc;
	
	-moz-transition: box-shadow 0.1s ease-out;
	-webkit-transition: box-shadow 0.1s ease-out;
	-o-transition: box-shadow 0.1s ease-out;
	transition: box-shadow 0.1s ease-out;
	
	border-radius: 3px;
	
	
}

#tweet div.tweet:first-of-type
{
	
}

#tweet .content
{
	font: 14px/1.2 "Myriad Pro", Arial;
}

#tweet .date
{
	padding-bottom: 5px;
	font: 11px/1 Nove;
}


ul
{
	list-style-position: inside;
	padding-left: 20px;
	text-indent: -15px;
}


.attach
{
	margin: 10px 0;
	max-height: 160px;
	overflow: auto;
}

.imagepicker
{
}

	.imagepicker .imagescroll
	{
		min-height: 100px;
		max-height: 280px;
		overflow: auto;
		margin-bottom: 5px;
		padding: 5px;
		
		-moz-box-shadow: inset 0 0 20px #aaa;
		-webkit-box-shadow: inset 0 0 20px #aaa;
		box-shadow: inset 0 0 20px #aaa;
		
	}

	.imagepicker input[type=radio]
	{
		display: none;
	}
	
	.imagepicker label
	{
		padding: 2px;
		display: block;
		
		-moz-transition: all ease 0.1s;
		-webkit-transition: all ease 0.1s;
		-o-transition: all ease 0.1s;
		transition: all ease 0.1s;
		
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	
	.imagepicker input[type=radio]:checked + label
	{
		background: #09f url(../images/hover.gif);
		
		-moz-box-shadow: inset 0 0 5 #444;
		-webkit-box-shadow: inset 0 0 5px #444;
		box-shadow: inset 0 0 5px #444;
	}
	
	.imagepicker .thumbnail 
	{
		margin: 5px;
		height: 80px;
	}


table
{
	width: 100%;
	border-collapse: collapse;
	margin: 10px 0;
}

	table td
	{
		padding: 10px;
		border: 1px solid #eee;
	}
	

			.thumbnail
				{
					margin: 2px; 
					background-color: #fff;
					background-repeat: no-repeat;
					background-position: center center;
					color: #fff;
					position: relative;
					
					background-size: cover;
					-webkit-background-size: cover;
					-moz-background-size: cover;
					-o-background-size: cover;
					
					border-radius: 2px;
					-moz-border-radius: 2px;
					-webkit-border-radius: 2px;
					-o-border-radius: 2px;
					
					height: 130px;
				}
				
					.thumbnail .img
					{
						-moz-background-size: cover; 
						-o-background-size: cover; 
						-webkit-background-size: cover;
						background-size: cover; 
					}
				
					.thumbnail a
					{
						display: block;
						height: 100%;
					}
					
					.thumbnail .coverimage
					{
						position: absolute;
						top: -10px;
						right: -10px;
						z-index: 2;
						width: 20px;
						height: 20px;
						background: url(../images/star.png) no-repeat center center;
						
						background-size: contain;
						-webkit-background-size: contain;
						-moz-background-size: contain;
						-o-background-size: contain;
					}
						
				.itemthumb
				{
					color: #fff;
					position: relative;
					z-index: 2;
					margin: 7px ;
					
					-moz-background-size: cover; 
					-o-background-size: cover; 
					-webkit-background-size: cover; 
					background-size: cover; 
					
					box-shadow: 0px 10px 12px -10px  rgba(0,0,0,0.8);
					-o-box-shadow: 0px 10px 12px -10px  rgba(0,0,0,0.8);
					-moz-box-shadow: 0px 10px 12px -10px rgba(0,0,0,0.8);
					-webkit-box-shadow: 0px 10px 12px -10px  rgba(0,0,0,0.8);
					
					-moz-transition: all 0.15s ease-out;
					-webkit-transition: all 0.15s ease-out;
					-o-transition: all 0.15s ease-out;
					transition: all 0.15s ease-out;
						
					
				}
				
				
				.itemthumb:hover
				{
					z-index: 3;
					
					box-shadow: 0px 5px 70px -5px  rgba(0,0,0,0.9);
					-o-box-shadow: 0px 5px 70px -5px  rgba(0,0,0,0.9);
					-moz-box-shadow: 0px 5px 70px -5px rgba(0,0,0,0.9);
					-webkit-box-shadow: 0px 5px 70px -5px  rgba(0,0,0,0.9);
					
					transform: scale(1.025,1.025);
					-webkit-transform: scale(1.025,1.025);
					-moz-transform: scale(1.025,1.025);
					-o-transform: scale(1.025,1.025);
					
				}
				
					.itemthumb .img
					{
						-moz-background-size: contain; 
						-o-background-size: contain; 
						-webkit-background-size: contain;
						background-size: contain; 
						
			
						border-radius: 3px;
						-webkit-border-radius: 3px;
						-moz-border-radius: 3px;
						-o-border-radius: 3px;
						
						background-repeat: no-repeat;
						background-position: center center;
						
						height: 240px;
					}
					
					.itemthumb .img.vertical
					{
						height: 110px;
					}
					
					
					.itemthumb a
					{
						display: block;
						color: #fff;
						height: 100%;
						
							
						-moz-background-size: cover; 
						-o-background-size: cover; 
						-webkit-background-size: cover; 
						background-size: cover; 
					}
					
					.itemthumb .inside
					{
						padding: 5px 10px;
					}
					
					.itemthumb h4
					{
						font: 13px/1 NoveBold;
						letter-spacing: 0px;
						color: #fff;
					}
					
					
					.itemthumb .thumbdetails
					{
						position: absolute;
						bottom: 0px;
						left: 0px;
						right: 0px;
						z-index: 1;
						padding: 0;
						text-align: right;
						
						background: #900 url(../images/servers.png) no-repeat 0.1em 50%;
						background-size: 1.5em;
						
						
						-moz-transition: all 0.15s ease-out;
						-webkit-transition: all 0.15s ease-out;
						-o-transition: all 0.15s ease-out;
						transition: all 0.15s ease-out;
						
						
						box-shadow: 0px 3px 8px rgba(0,0,0,0.5);
						-webkit-box-shadow: 0px 3px 8px rgba(0,0,0,0.5);
						-moz-box-shadow: 0px 3px 8px rgba(0,0,0,0.5);
						-o-box-shadow: 0px 3px 8px rgba(0,0,0,0.5);
						
					}
					
					/*
					.itemthumb .thumbdetails:after,
					.itemthumb .thumbdetails:before
					{
						content: '';
						position: absolute;
						z-index: 1;
						bottom: -10px;
						border-width: 5px 10px;
						
						border-style: solid;
					}
					
					.itemthumb .thumbdetails:after
					{
						right: 0px;
						border-color: rgba(0,0,0,0.5) transparent transparent rgba(0,0,0,0.5);
					}
					
					.itemthumb .thumbdetails:before
					{
						left: 0px;
						border-color: rgba(0,0,0,0.5) rgba(0,0,0,0.5) transparent transparent ;
					}
					*/
					
					.itemthumb:hover .thumbdetails,
					.itemthumb:hover .thumbdetails:after
					{
						opacity: 0;
					}
					

.tagcloud
{
	font-family: "Myriad Pro", Arial;
	letter-spacing: 0px;
}

.searchtext
{
	color: #f00;
}

.arrow
{
	position: absolute;
	display : block;
	width : 50px;
	height : 50px;
	z-index : 2;
	
	-moz-transition: all 0.15s ease-out;
	-webkit-transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}



.arrow:hover
{
	
}

.arrow#imagesets-nextArrowButton
{
	background : url(../images/next.png) no-repeat center center;
	top: 40%;
	right: -3em;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
}


.arrow#imagesets-prevArrowButton
{
	background :  url(../images/previous.png) no-repeat center center;
	top: 40%;
	left: -3em;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
}


.projectimages 
{
	padding: 10px;
	background-color: #800;
	box-shadow: inset 0px 2px 15px #555;
	border-radius: 3px;
	/*max-height: 500px;*/
	overflow: auto;
}

	
	.projectimages .itemthumb .img
	{
		height: 80px;
	}


.productmediumthumb
{
	padding: 15px;
	margin: 0px 0px 30px;
	box-shadow: 0px 16px 20px -12px; rgba(0,0,0,0.05);
	border-radius: 3px;
		
}

	.productmediumthumb img
	{
		display: block;
		margin: auto;
		border-radius: 3px;
		max-height: 360px;
		max-width: 100%;
	}