/*
Reseting everything according to http://meyerweb.com/eric/tools/css/reset/
v1.0 | 20080212
*/
/****** Reset *********/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,u
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 {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Actual styles for BrickIt.dk */
/****** General *********/
* {
	font-family: "Trebuchet MS";
}
a, a:active, a:focus, a:hover, a:link, a:visited {
	text-decoration: none;
}
/****** Body *********/  
body {
    background: #606060 url("../images/BeamBG2.png") repeat left top;
	margin: 50px;
}
/****** Site *********/  
#site {
	background-color: #c0c0c0;
	border: 1px solid black;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	width: 1000px;
}
/****** Header *********/  
#header {
	background-color: white;
	background-image: url("../images/BrickIt_HeaderBG.png");
	background-position: right;
	clear: both;
	height: 110px;
	position: relative;
	text-align: left;
}
#head-logo {
	background-color: white;
	clear: right;
	float: left;
	padding: 15px 65px 0px 25px;
	position: relative;
}
#head-render {
	/*background-color: white;*/
	clear: right;
	float: left;
	text-align: center;
	height: 110px;
	margin: 0px 0px 0px 12px;
	width: 650px;
}
#head-render #render-control {
	position: absolute;
	background-color: #c0c0c0;
	border: 1px solid black;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	width: 100px;
}
#head-language {
	/*background-color: white;*/
	clear: right;
	float: right;
	padding: 15px 10px 0px 0px;
	position: relative;
}
/****** Top Menu *********/  
#top-menu-bar {
	background-color: black;/*#F96000; /* Lego-color: orange */
	background-image: url("../images/Bar_bg.png");
	background-repeat: repeat-x;
	clear: both;
	color: white;
	height: 18px;
	padding: 3px 0px 0px 210px;
	position: relative;
	text-align: left;
}

/*
#top-menu-bar ul {
	height: 30px;
}*/

#top-navi-menu li {
	display: inline;
	list-style-type: none;
	height: 35px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#top-navi-menu li a {
	color: black;
	font-weight:bold;
	/*height: 35px;*/
	font-size: 17px;
	padding: 0px 0px 0px 3px;
}

#top-navi-menu li a{
	background-image:url("../images/tab-back.png");
	background-position: left;
	background-repeat: no-repeat;
}

#top-navi-menu li a span{
	background-image:url("../images/tab-back.png");
	background-position: right;
	background-repeat: no-repeat;
	margin-left:4px;
	padding-right:4px;
}

#top-navi-menu li a:hover{
	background-image:url("../images/tab-hover.png");
	background-position: left;
	background-repeat: no-repeat;
}
#top-navi-menu li a:hover span{
	background-image:url("../images/tab-hover.png");
	background-position: right;
	background-repeat: no-repeat;
}


#top-navi-menu li a.active {
	background-image: url("../images/tab-active.png");
	background-position: left;
	background-repeat: no-repeat;
}
#top-navi-menu li a.active span {
	background-image: url("../images/tab-active.png");
	background-position: right;
	background-repeat: no-repeat;
}




/****** Content *********/  
#content {
	clear: both;
	position: relative;
}
/****** Side-menu *********/  
#side-menu {
	clear: right;
	float: left;
	position: relative;
	width: 190px;
}
#side-menu h1.listHeader {
	background-color: #F96000; /* Lego-color: orange */
	background-image: url("../images/Bar_bg.png");
	background-repeat: repeat-x;
	border: 1px solid black;
	margin: 8px 0px 0px 8px;
	padding: 2px 0px 2px 0px;
	width: 170px;
}
#side-menu ul.listItems {
	background-color: white; 
	border: 1px solid black;
	border-top: 0px;
	margin: 0px 0px 20px 8px;
	padding: 0px 0px 5px 10px;
	text-align: left;
	width: 160px;
}
#side-menu li.main {
	background-image: url("../images/Bullet_Brick.png");
	background-repeat: no-repeat;
	background-position: 0px 3px; 
	padding: 2px 0px 2px 21px;
}
#side-menu li.sub {
	padding: 2px 0px 2px 16px;
}
#side-menu li a {
	color: #606060; 
	font-size: 13px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
}
#side-menu li a:hover, #side-menu li a.active {
	color: #F96000; /* Lego-color: orange */
}

#side-menu div.itemline {
	background-color: #606060; 
	margin-top: 3px;
	height: 1px;
}


/****** Main *********/  
#main {
	background-color: white;
	background-image: url("../images/Gear_bg.png");
	background-position: right bottom;
	background-repeat: no-repeat;
	float: left;
	min-height: 250px;
	padding: 0px 0px 20px 0px;
	position: relative;
	text-align: center;
	width: 809px;
}
#main h1 {
	font-size: 20px;
	padding: 10px 0px 10px 0px;
}
#main h3 {
	color: #F96000; /* Lego-color: orange */
	font-size: 16px;
	padding: 0px 0px 20px 0px;
}
#main img.frontpage {
	border: 1px solid black;
}
#main p.frontpage {
	line-height: 20px;
	padding: 10px 0px 0px 160px;
	text-align: justify;
	width: 60%;
}
#main p.signature {
	font-style: italic;
	line-height: 20px;
	text-align: center;
}
#main span.signature {
	font-weight: bold;
}
#main p.disclaimer {
	font-size: 12px;
	line-height: 14px;
	font-style: italic;
}
/****** Footer *********/  
#footer {
	background-color: #F96000; /* Lego-color: orange */
	background-image: url("../images/Bar_bg.png");
	background-repeat: repeat-x;
	/*border-top: 1px solid black;*/
	clear: both;
	color: white;
	height: 20px;
	padding-top: 2px;
	position: relative;
}
#footer a {
	color: white;
}
#footer a:hover {
	color: #0033B2; /* Lego-color: blue */
}

/****** Project Image List ********/
div.projectlist {
	position: relative;
	width: 685px;
	margin-left: auto;
   	margin-right: auto;
}
div.projectlist div.projectitem {
	border: 1px solid black;
	background-color: #F0F0F0;
	position: relative;
	float: left;
	clear: right;
	margin: 8px 8px 8px 8px;
	padding-left: 4px; 
	width: 205px;
	height: 220px;
}
div.projectlist div.imagebox {
	height: 200px;
	width: 200px;
	display: table-cell;   
	vertical-align: middle;
}
div.projectlist div.imagebox img.projectimage {
	margin-left: auto;
	margin-right: auto;
}

div.projectlist div.itemdivider {
	position: relative;
	float: left;
	clear: left;
	width: 0px;
	height: 0px;
}
div.projectlist div.projectitem a {
	color: #606060; 
	font-size: 13px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
}
div.projectlist div.projectitem a:hover {
	color: #F96000; /* Lego-color: orange */
}

/******* Generel Style For Lists **************/
table {
	margin-left: auto;
   	margin-right: auto;
}

table.list tr.listheader {
	background-color: #F96000; /* Lego-color: orange */
	background-image: url("../images/Bar_bg.png");
	background-repeat: repeat-x;
	border: 1px solid black;
	height: 23px;
}
table.list tr.listheader p {
	padding: 2px 0px 0px 5px;
}
table.list tr.item {
	background-color: white; 
	border: 1px solid black;
	border-top: 0px;
	height: 23px;
}
table.list tr.item td.icons {
	text-align: right;
}
table.list tr.item td.text {
	vertical-align: top;
}
table.list tr.item td.number p {
	text-align: center;
}
table.list tr.item td.icons {
	vertical-align: middle;
}
table.list span.icons {
	padding: 0px 3px 0px 15px;
}
table.list tr.item td p {
	padding: 2px 10px 0px 0px;
	text-align: left;
}
table.list tr.item td a {
	vertical-align: middle;
}

/******* Specific Style For Lists **************/
table.projectlist {
	width: 80%;
}
table.projectlist tr.projectdescription p {
	padding: 10px 0px 20px 0px;
} 
table.bricklist {
	width: 300px;
}
table.bricklist td.text {
	text-align: left;
	text-indent: 10px;
}
table.bricklist tr.item td.number {
	text-align: left;
	text-indent: 5px;
	width: 10px;
}
table.factlist {
	width: 300px;
}
table.factlist tr.factitem {
	border-left: 1px solid black;
	border-right: 1px solid black;
}
table.factlist tr.factitem td p {
	padding-top: 2px;
}
table.factlist tr.factbottom p {
	padding-bottom: 4px;
	border-bottom: 1px solid black;
}
table.factlist tr.factitem td.text {
	text-align: left;
	text-indent: 10px;
}
table.factlist tr.factitem td.fact {
	text-align: left;
	text-indent: 10px;	
}
table.thankslist {
	margin-top: 20px;
	width: 91%;
}
table.thankslist tr.item td.name {
	text-indent: 5px;
	width: 150px;
}
table.thankslist tr.item td.desc {
	padding: 5px 5px 5px 5px;
}
table.linkslist {
	margin-top: 20px;
	width: 75%;
}
table.linkslist tr.item td.link {
	padding: 0px 0px 0px 5px;
	text-align: left;
	width: 180px;
}
table.linkslist tr.item td.desc {
	padding: 5px 5px 5px 5px;
}
table.linkslist tr.item td.desc p {
	text-align: justify;
}
table.linkslist tr.item td.link a {
	color: #606060; 
}
table.linkslist tr.item td a:hover {
	color: #F96000; /* Lego-color: orange */
}
/******* Style For Video's ***********/
div.videolist {
	margin: 0px auto;
	width: 550px;
}
div.videolist div.videoitem {
	margin-bottom: 30px;
	border: 1px solid black;
}
div.videolist div.videoitem h4 {
	border-bottom: 1px solid black;
	padding: 2px 0px 0px 0px;
	background-color: #F96000; /* Lego-color: orange */
	background-image: url("../images/Bar_bg.png");
	background-repeat: repeat-x;
	height: 23px;
	text-align: center;
}
div.videolist div.videoitem p {
	border-top: 1px solid black;
	text-align: justify;
	text-indent: 0px;
	padding: 5px 5px 10px 5px;
	background-color: #c0c0c0; 
}
div.videolist div.videoitem div.video {
	background-color: black;
}
/******* Style For Building Instructions ***********/
div.instructionlist {
	margin: 0px auto;
	width: 405px;
}
div.instructionlist div.instructionitem {
	clear: both;
	margin-bottom: 20px;
	height: 100px;
}
div.instructionlist div.instructionitem div.image {
	float: left;
	clear: right;
	width: 100px;
}
div.instructionlist div.instructionitem div.text {
	float: left;
	clear: right;
	width: 300px;
	text-align: left;
}
div.instructionlist div.instructionitem div.text h4 {
	padding: 0px 0px 5px 0px;
}
div.instructionlist div.instructionitem div.image img.instructionimage {
	border: 1px solid black;
}
div.instructionlist div.instructionitem div.text p {
	text-align: justify;
	text-indent: 0px;
	padding: 0px 0px 10px 0px;
}
div.instructionlist div.instructionitem a {
	color: #606060; 
	font-size: 13px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
}
div.instructionlist div.instructionitem a:hover {
	color: #F96000; /* Lego-color: orange */
}
div.instructionlist div.instructionitem a img {
	vertical-align: middle;
}

ul.gallery li { display: inline; }

div.bloglistitem {
	width: 500px;
	text-align: justify;
	margin: 10px auto;
	
}
div.bloglistitem a,
div.bloglistitem a:visited {
	font-size: 18px;
	color: #606060;
}
div.bloglistitem a:hover {
	color: #F96000; /* Lego-color: orange */
}
div.bloglistitem p.bloglistiteminfo {
	color: #606060;
	font-size: 13px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
}
div.blogitem {
	width: 600px;
	text-align: justify;
	margin: 10px auto;
}
p.blogiteminfo {
	color: #606060;
	font-size: 13px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}
div.preview {
	color: red;
	font-size: 18px;
}
div.blogitem p.blogtext {
	color: #606060;
	font-size: 16px;
	margin: 10px 0px 10px 0px;
	line-height: 130%;
}
div.blogitem img {
	border: 1px solid black;
	margin-top: 10px;
	margin-bottom: 10px;
}
div.blogitem p.blogsignature {
	color: #606060;
	font-size: 16px;
	margin: 10px 0px 10px 0px;
	text-align: center;
}
div.blogitem a,
div.blogitem a:visited
{
	color: #606060;
	font-weight: bold;
}
div.blogitem a:hover {
	color: #F96000; /* Lego-color: orange */
}
div.blogitem span.blogsignature {
	font-weight: bold;
}