body {
	background:#ccc;
	font: normal 13px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color:#444;
}

h1 { font-weight:normal; letter-spacing:-1px; }
h3 {margin-bottom:0.4em;}

a {color:#08c;}

input[type=submit] { background:#777; color:white; border:1px solid #333;}

td { padding:3px 0; }

.left{float:left;}
.right {float:right;}

.box {margin-bottom:0.25em; padding:0.5em; border:1px solid #ddd; background-color:#eee; text-align:center;}
.box h3 {margin-bottom:0.5em; color:#08c; font-weight:bold; font-size:1em; text-align:center;}
#rightside a { text-decoration:none; }
.box:hover { background:#ddd; }

#page, #info {overflow:hidden;}

#page {
	margin-top:1em;
	background:white;
	border:1px solid #bbb;
}

#nav {margin:0; line-height:2em; background-color:#222; list-style-type:none; font-weight:normal; color:white; }
#nav li {display:inline; margin:0; padding:0 0.5em; }
#nav a {color:white; text-decoration:none; }
#nav img {vertical-align:middle;}
#nav li a:hover { background:white; color:#222; }

#nav small { font-size:0.75em; float:right; margin:0 1em; }

#info {
	background-color:#eee;
	border-bottom:1px solid #ddd;
	font-size:0.85em;
	padding:0.5em 0 1em 0;
}

#info ul { margin-bottom:0; }
#info p {margin-bottom:0;}
#info h3 { margin:0; font-weight:normal; font-size:1.5em; }

#content {margin-top:1em;}

#leftside {}
#rightside {text-align:center;}

#list li {margin-left:1em;}
#twitter {list-style-image:url('');}
#twitter a {text-decoration:none; color:#444;}
#twitter a:hover {text-decoration:underline;}

#main {}
#main h1 {color:#222;}

#footer {margin-top:1em; clear:both; text-align:right; line-height:3em; font-size:0.85em;}
#footer p {margin:0;}

.center {text-align:center;}

#leftside ul {
    margin:0; padding:0;
    list-style-type:none;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-top:1px solid #ccc;
}

#leftside li {
    margin:0;
    border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

#leftside a {
    display:block;
    background:#eee;
    text-decoration:none;
    line-height:1.5em;
    padding-left:1em;
    color:#555;
    /*border-left:5px solid #aaa;*/
}

#leftside a:hover {
    background:#ddd;
    /*border-left:5px solid #333;*/
}

.showbox, .productbox, .newsbox { margin:5px; padding:5px 0; font-size:0.85em;}
.showbox a, .productbox a, { color:white; }
.showbox a:hover, .productbox a:hover, .newsbox a:hover { text-decoration:none;; }
.showbox strong, .productbox strong, .newsbox strong { font-size:1.25em; font-weight:normal; }
.showbox strong a:hover, .productbox strong a:hover, .newsbox strong a:hover { text-decoration:underline; }
.showbox img, .productbox img, .newsbox img {float:left; margin-left:5px;}


.showbox, .productbox { background:#777; color:white; }
.showbox:hover, .productbox:hover { background:#444; }
.showbox strong a, .productbox strong a { text-decoration:none; color:#ccc; }

.newsbox { background:#eee; }

.showbox p {margin-left:135px;}
.productbox p, .newsbox p {margin-left:80px;}

.newsbox:hover { background:#ddd; }