/* design */
/* IE6 hacks */
* html #pagecontent {margin-top:-2px;}

body { background-color: black; width: 1000px; margin: 0 auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; padding: 0;}

.clearBoth { clear: both; }
img { border: 0; }
.spec { width: 400px;}
.fixedWidth {width:200px;}

/* header */
#header { color: white; font:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; margin: 0; padding: 0; height: 143px; margin-top:0px; position: relative; widht:400px;}

#header a, a:link, a:visited { font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; font-weight: bold; color: white; text-decoration: underline;}

#header a:hover {}
#header #logo { height: 100px; width: 357px; left: 0px; top: 0px; position: absolute; }
#header #headerlinks { margin: 5px 20px 0 0;}

/* navigation */
#navigation { position: absolute; top: 89px; left: 290px; height: 63px; width: 450px; }
#navigation ul{ list-style-type: none; padding: 0; margin: 0; border: 0; top: 0px; left: 0px;}
#navigation ul li { padding: 0; margin: 0; display: block; float: left; position:relative; top:0;
left:0; text-align:left;}
#navigation ul li a { border: 0; display: block; height: 25px; text-transform:uppercase; font-size: 13px; font-weight: normal; color: grey; text-decoration: none; text-align:center; padding-top:2px;}

#language { position: absolute; top: 125px; left: 600px; height: 63px; width: 45px; }

/* nav button widths: */
li#navHome {width: 45px;} li#navDiary {width: 120px;} li#navPhoto {width: 120px;} li#navSpec {width: 90px;}

#navigation ul li a:hover,  #navigation ul li a:active, #navigation ul li.selected a { color: white;}



/* content */
#pagecontent { width: 1000px; margin: 0; padding: 0; background: url('img/contentbackground.jpg') no-repeat; background-color:black; color:#f4f6f7;}
#pagecontent #contentInset {padding: 24px 14px 0px 14px;}
#pagecontent a, a:link, a:visited { color: grey; text-decoration: none; font-weight: normal; font-size: 14px;}
#pagecontent a:hover {text-decoration: underline;}

.adChannel { float: right; width: 318px; margin-top: 0px; margin-right: 0; margin-bottom: 0;margin-left: 6px;}
div.valueProp {	height: 358px; width: 318px; margin: 0; position: relative; top: -6px; z-index: 13;}
div.valueProp p{position:absolute; top:70px;left:16px;padding: 7px 34px 0 0;font-size:12px;line-height:17px; vertical-align:bottom;margin:0;}
div.valueProp a{position:absolute;bottom:22px;right:12px;}


div#jsgallery {width: 640px; float: left; background: url('img/gallery_background.jpg') 0 0 no-repeat; position: relative;}
div#galleryTitle { width: 100%; height: 30px; margin: 15px 0 0px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#f4f6f7; text-align:center;}
div#galleryTitle span{ margin: 15px 20px 0px 15px; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:20px; text-align:left;}
div#galleryContent { padding-top: 0; padding-right: 35px; padding-bottom: 0px; padding-left: 50px;}
div#photo { border: 1px solid #999; color: #999; text-align: center; background-color: black; width: 170px; height: 160px; margin: .3em; float: left;}
div#photo img { margin-top: 1em;}
div#photo  h2 { font-size: 90%; }

#galleria{ width: 550px; height: 750px; background-color: transparent; }

label 			{ float: left; width: 25%; margin-right: 0.5em;
				  text-align: right; font-weight: bold;}
label, input	{ padding-bottom: 0.4em;}
input, select	{ color: #666; font-size: 100%;}

/* footer */
#footer { margin: 0px 0px; padding: 0px; width: 1000px; color: grey;}
#footer a, a:link, a:visited { color: grey; text-decoration: none; font-weight: normal;}
#footer a:hover {text-decoration: underline;}
#footer #footerText { padding: 10px 0px 5px 0px;}