/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { 	content: ''; 	content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/*global*/
* { margin: 0; padding: 0; }

body {
	margin: 0;
	background-color: #000;
	/*background-image:url(../images/white/pattern1.gif);*/
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #777;
} 
.header { width: 1055px; padding: 10px;  padding-bottom: 2px; color: #33cccc; float:left; margin-left: auto; margin-right: auto; }
.headerdiv02 { width: 40%; float: right; text-align: right; text-transform: uppercase; margin-top: 10px; margin-bottom: 10px; }
.headerdiv01 { width: 50%; float: center; padding-top:3px;}
p { margin-bottom: 15px; line-height: 12px; }
img { border: 0px; }
.clear { clear: both;  line-height: 0;  font-size: 0; }
a { text-decoration: none; color: #666; }
a:hover { text-decoration: line-through; color: #666; }
h1 { width: 323px; height: 135px; text-indent: -9999px; background-image:url(../images/white/Logo_mg.jpg); }
h2 { width: 208px; height: 17px; text-indent: -9999px; background-image: url(../images/white/heading.gif); margin-bottom: 15px;}
/*h3 { width: 300px; padding: 10px 5px 2px; text-transform: uppercase; font-size: 10px; font-weight: bold; color: #000; clear: both; }*/

h3 { font-weight: bold; /*color:#00CCCC*/ color:#777; font-size: 9px;  text-transform: uppercase; margin-bottom: 3px; font-family:Arial, Helvetica, sans-serif;}
h4 { color: #000; margin-bottom: 15px; }

/*logo*/
#logo { width: 317px; }

/*main area*/
.holder { width: 800px; float: right;}
.leftpanel{ width: 660px; padding-right: 0px; float: center; text-align:justify; }
.leftpanel img { margin-bottom: 13px; }
.rightpanel { width: 780px; float: center; padding-left:0px; padding-top: 20px; background-position:center; }
.rightpaneldivs { width: 340px; float: center; }
.textarea { margin-left: 18px; color: #777; text-align:center; }
.thumbs { width: 110px; height: 90px; background-image: url(../images/white/bg-thumb.png); background-repeat: no-repeat; background-position: top left; float: left; }
.thumbimg { width: 92px; height: 72px; padding: 9px; }
.thumbtxt { width: 300px; padding: 2px 5px 10px; font-size: 10px; color: #666; clear: both; }
.footer { width: 990px; clear: both; padding: 18px;  color: #666;}
.new { font-size: 9px; color: #f03; }
.bs{ display: none; }
.t-info { width: 61px; height: 10px; text-indent: -99999px; background-image:url(../images/white/t-WELCOME.gif) }
.t-links { width: 32px; height: 10px; text-indent: -99999px; background-image:url(../images/white/t-links.gif) }
.t-playground { width: 88px; height: 12px; text-indent: -99999px; background-image: url(../images/white/t-playground.gif); }
.t-twitter { width: 40px; height: 40px; text-indent: -99999px; background-image: url(../images/white/lb-twitter.gif); }
.t-getintouch { width: 90px; height: 12px; text-indent: -9999px; background-image: url(../images/white/t-getintouch.gif); }
.t-collaborations { width: 117px; height: 12px; text-indent: -9999px; background-image: url(../images/white/t-collaborations.gif); }
.t-press { width: 195px; height: 12px; text-indent: -9999px; background-image: url(../images/white/t-press.gif); }
.t-hosted { width: 70px; height: 12px; text-indent: -9999px; }
.logo-grafikas {width: 60px; height: 39px; background-image: url(../images/white/logo-grafikas.gif); }
.logo-cb {width: 102px; height: 29px; background-image: url(../images/white/logo-cb.gif); }
.logo-epson {width: 69px; height: 16px; background-image: url(../images/white/logo-epson.gif); }
.logo-mt {width: 69px; height: 28px; background-image: url(../images/white/logo-mt.gif); }


/*.holder { width: 960px; margin: 0px 10px 10px 10px;  margin-left: auto; margin-right: auto; }
background-color:#993399
*/
.boxes { width: 155px; max-height: 800px; padding: 0px 30px 12px 0px; float: left;}
.box2009 { width: 153px; padding: 0px; padding-bottom:0px; margin: 0px 0px 10px 0px; clear: both; border-style:solid;  border: 0px; border-color:#333333;height:auto; background-color:#000;/*background-color:#990066;*/}
.box2008 { width: 153px; padding: 1px; background-color: #ff0033; margin: 0px 0px 2px 0px; }
.box2007 { width: 153px; padding: 1px; background-color: #ff6633; margin: 0px 0px 2px 0px; }
.box2006 { width: 153px; padding: 1px; background-color: #cc3333; margin: 0px 0px 2px 0px; }
.box2005 { width: 153px; padding: 1px; background-color: #660066; margin: 0px 0px 2px 0px; }
.box2004 { width: 153px; padding: 1px; background-color: #990099; margin: 0px 0px 2px 0px; }
.box2003-01 { width: 153px; padding: 1px; background-color: #9900cc; margin: 0px 0px 2px 0px; }
.box1999-95 { width: 153px; padding: 1px; background-color: #9933ff; margin: 0px 0px 2px 0px; }
.boxtext {  padding-bottom:1px; margin-bottom:0px; font-family:Verdana, Arial, Helvetica, sans-serif, cursive; font-size: 9px; color: #ddd; background-color:#111; text-align:center; }
.thumbsup { float: left; vertical-align: baseline; padding-right: 5px;}
.likes { float: left; vertical-align: baseline; padding-top: 5px;}
.work { float: right; color: #66ffff; text-align: right; vertical-align: baseline; padding-top: 5px; }
.nav { width: 135px; height: 15px; background-color: #33cccc; color: #7ffafa; text-align: center; padding: 70px 10px; }
.nav a { color: #fff; text-decoration: none; }
.nav a:hover { color: #fff; text-decoration: line-through; }
.works { visibility: hidden; margin: 0; padding: 0; text-indent: -9999px; }