@charset "utf-8";
/* developed by Colin Bradshaw */

/* Default styles */
body, html {
	text-align: center;
	margin: 0; padding: 0;
	background-color: #fff;
	font-family: Arial, Tahoma, Verdana, sans-serif!important;
	height:100%;
	color: #4D4D4D;
}
div, img {
	margin:0; padding:0; border: none
}

h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 10px; }
p {	font-size: 12px; }
p,h1,h2,h3,h4,h5,h6 { margin: 0 0 10px 0; font-weight: normal }

td { text-align: left; font-size: 12px; }
th { text-align: center; font-size: 14px; }
ul { padding-left: 15px }
li { font-size: 12px; color: #9BCB4E }
label {
	width: 80px;
	float: left;
	text-align: left;
	margin-right: 0.5em;
	display: block;
}
a { text-decoration: underline; outline: none; color: #3c3c3c  }
a:hover { text-decoration: none; color: #6f6f6f }

#footery a { color: #5e5e5e!important; text-decoration:underline!important;font-size:11px!important; }
#footery p { font-size: 11px }

/* Divs IDs */
#cont { min-height: 100%; position: relative; }
#bodybox {
	width: 1024px;
	margin: 5px auto;
	text-align: left;
	position: relative;
	padding-bottom:70px; /* Length of the footer. */
}
#shim {
	visibility: hidden;
	width: 100%;
	height: 50%;			/* Bump div #bodybox down half the height of the screen. */
	margin-top: -400px; 		/* Half the height of div #bodybox. */
	float: left;
}
#mast {}
#menu {
	height: 40px;
	margin: 0px auto;
}
#content {
	text-align:left;
	margin:10px 35px 0 35px;
}
#footery {
	text-align:left;
	margin:5px 0; padding:0;
	position: absolute; bottom:0; width: 100%;
	height:62px;
	background: url(../img/footer.png) no-repeat top center;
}
#viewer { 
	width:955px;
	height:590px;
	overflow: auto;
	position: relative;
}

#viewer p { position: absolute; font-size: 10px; width:400px; }
#form input[type="text"], #form textarea { width:300px }

/* Custom Tags */
.listfix { font-weight:normal; color: #4d4d4d!important }
.right { text-align: right; }
.left { text-align: left; }
.red { color: #f00; }
.pank { color: #DA2128 }
.center { text-align: center; }
.curved {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	behavior:url(../border-radius.htc);
}
.opaque50 {	
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}
.nobg { background: none!important }
.nopad { padding:0px!important }
.nomargin { margin:0px!important }

/* Menu CSS */
#menu a {
	display: block;
	float: left;
 	text-decoration: none;
	height: 34px;
}
#menu img {
	display: block;
	float: left;
	height: 34px;
}
#menu a:hover { background-position: 0 -34px; }
#menu a.active { background-position: 0 -34px; }
#menu .home { background: url(../img/menu/home.png) no-repeat; width:56px }
#menu .about { background: url(../img/menu/about.png) no-repeat; width:59px }
#menu .newwork { background: url(../img/menu/newwork.png) no-repeat; width:87px }
#menu .products { background: url(../img/menu/products.png) no-repeat; width:75px }
#menu .archive { background: url(../img/menu/archive.png) no-repeat; width:67px }
#menu .buy { background: url(../img/menu/buy.png) no-repeat; width:45px }
#menu .blog { background: url(../img/menu/blog.png) no-repeat; width:49px }
#menu .contact { background: url(../img/menu/contact.png) no-repeat; width:72px }