body {background: #eeeeee; font-family: Verdana, Arial; font-size: 12px; margin: 0px; padding: 0px;}

#Wrapper {position: relative; background: url(/media/1101/bg-main-extender.jpg) #ffffff repeat-y; margin: 0px auto 0px auto; width: 960px; min-height: 599px; height: auto !important; height: 599px;}
#Header {background: #ffffff; position: relative; width: auto; min-height: 65px; height: auto !important; height: 65px; border-bottom: solid 1px #666666;}
#HeaderLogo {position: absolute; left: 0px; top: 0px;}

#MainNavigation {position: absolute; left: 225px; top: 42px; font-size: 18px;}
#MainNavigation a {text-decoration: none; font-size: 18px; color: #666666;}
#MainNavigation a:hover {color: #bbbbbb;}
#MainNavigation ul {list-style: none; margin: 0px; padding: 0px;}
#MainNavigation ul li, #MainNavigation ul li a {float: left;}
.MainNavItem {padding: 0px 30px 0px 0px;}

#SubNavigation {padding: 15px 0px 10px 0px; font-size: 16px; width: auto; min-height: 117px; height: auto !important; height: 117px;}
#SubNavigation a {text-decoration: none; font-size: 12px; color: #666666;}
#SubNavigation a:hover {color: #bbbbbb;}
#SubNavigation ul {list-style: none; margin: 0px; padding: 0px 0px 0px 10px;}
#SubNavigationIntra ul {list-style: disc; margin: 0px 0px 0px 0xp; padding: 0px 0px 0px 10px;}
.SubNavItemPadding {line-height: 20px; padding: 0px 0px 0px 15px;}
.SubNavItemPadding2 {line-height: 20px; padding: 0px 0px 0px 25px;}
.SubNavItem {line-height: 20px;}

.HelperText {width: auto; color: #666666; font-size: 10px; line-height: 16px;}

#SideNavigation {position: relative; top: 120px; left: 10px; font-size: 18px; width: auto; min-height: 400px; height: auto !important; height: 400px;}
#SideNavigation a {text-decoration: none; font-size: 18px; color: #666666;}
#SideNavigation a:hover {color: #bbbbbb;}
#SideNavigation ul {list-style: none;}
.SideNavItem {padding: 0px 0px 5px 0px;}

#Moodboard {padding: 0px 0px 0px 15px; font-size: 16px; width: auto; min-height: 10px; height: auto !important; height: 10px;}
#Moodboard a {text-decoration: none; font-size: 16px; color: #666666;}
#Moodboard ul {list-style: none;}
.MoodboardNavItem {padding: 0px 0px 2px 0px;}
.HeaderMoodboard {display: block; background: url(/media/1103/header-moodboard.jpg) no-repeat; width: 136px; min-height: 25px; height: auto !important; height: 25px;}

.PlaceholderMoodboard {display: block; background: url(/media/1107/placeholder-moodboard.jpg) no-repeat; width: 155px; min-height: 155px; height: auto !important; height: 155px;}

#Column1, #Column2, #Column3 {position: relative; min-height: 567px; height: auto !important; height: 567px;}
#Content {width: auto;}
#Column1 {float: left; width: 168px; padding: 0px 5px 0px 15px;}
#Column2 {float: left; width: 585px;}
#Column3 {float: left; width: 187px;}

.FrontTextContainer {color: #666666; font-size: 15px; position: absolute; left: 15px; top: 245px; width: 165px; min-height: 75px; height: auto !important; height: 75px;}
.FrontImageContainer {position: absolute; left: 37px; top: 37px;}

#ProjectContentHolder {padding: 3px;}
#ContentHolder {padding: 3px 38px 3px 37px; color: #666666;}
#ProjectContentContainer {background: url(/media/1108/placeholder-projects.jpg) no-repeat; width: 578px; min-height: 561px; height: auto !important; height: 561px;}

#HeaderYourProject {position: absolute; left: 15px; top: 0px; background: url(/media/1104/header-yourproject.jpg) no-repeat; width: 145px; min-height: 115px; height: auto !important; height: 115px;}
#HeaderYourProject a.yourProject {display:block; width: 140px; height: 50px; margin-top: 0px;}

#Footer {background: #ffffff; border-top: solid 1px #666666; color: #666666; padding: 0px 0px 0px 15px; font-size: 10px; width: auto; line-height: 27px; min-height: 27px; height: auto !important; height: 27px;}
#Footer a {text-decoration: none; color: #666666; font-size: 10px;}

#Moodboard a:hover, #Footer a:hover {color: #b9bcc1;}

.PersonalDetails li {padding: 0px 0px 5px 0px;}

input {border: 1px solid #999999; margin: 0px; padding: 0px;}
textarea {border: 1px solid #999999;}
/* Text */
p, ul, h1, h2, h3, table td p {margin: 0px; padding: 0px;}
p {padding: 0px 0px 10px 0px;}

a {text-decoration: none; color: #333333;}
h1 {padding: 0px; font-size: 16px;}
h2 {padding: 0px; font-size: 14px;}
h3 {padding: 0px; font-size: 12px;}

h1#HeaderLogoText {position: absolute; left: 70px; top: 50px; color: #666666; font-size: 11px;}
#SubNavigation h2 {padding: 0px 0px 5px 0px; color: #666666;}

#ContentHolder h1 {text-transform: uppercase; color: #000000; text-align: right; font-size: 11px; padding: 13px 0px 8px 0px; color: #ffffff;}
#ContentHolder h2 {font-size: 11px; padding: 0px 0px 5px 0px;}
#ContentHolder h3 {font-size: 11px; font-style: italic;}
#ContentHolder p, #ContentHolder ul li {line-height: 20px; color: #444444;}

#holderBody {background: #ffffff;}
#holder {border: 1px solid #ccc; padding: 10px; margin: 5px; text-align: left;}

/* Form related (Stiko) */
#accordion {margin: 0px 0px 10px 0px; border: solid 1px #cccccc; width: auto; min-height: 10px; height: auto !important; heigth: 10px;}
.InputSection {padding: 10px; border-bottom: 1px solid #999999; background: #ffffff; overflow: auto;}
.HeaderItem {background: url(/umbraco/ImageGen.aspx?image=/media/14514/ui-bg_glass_75_e6e6e6_1x400.png&height=30&width=1) repeat-x #ffffff; width: auto; min-height: 30px; height: auto !important; height: 30px;}
.HeaderItem h2 {float: left; font-size: 12px; margin: 0px; padding: 0px; min-height: 30px; height: auto !important; height: 30px;}
.HeaderItem a {color: #333333; text-decoration: none; display: block; padding: 0px 0px 0px 10px; width: auto; min-height: 30px; height: auto !important; height: 30px; line-height: 28px;}
.HeaderItem a:hover {color: #666666;}
.TotalItem {padding: 0px 10px 0px 0px;}
div.TotalItem {float: right;}
.TotalItem h2 {margin: 0px; padding: 0px; line-height: 28px;}

div.HelpItem {float: left; width: 30px; margin-top: 7px;}
div.NameItem label, div.NameItem span {float: left; font-size: 11px; width: 135px; display: block; line-height: 22px; margin-top: 5px;}
div.DefaultValueItem input.Text {font-size: 11px; float: left; width: 60px; margin-top: 7px; margin-right: 10px; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #999999; padding: 1px 2px;}
div.DefaultValueItem input.TextDisabled {font-size: 11px; background-color: #eeeeee; float: left; width: 60px; margin-top: 7px; margin-right: 10px; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #999999; padding: 1px 2px;}
div.DefaultValueItem span.CheckBox input {float: left; border: 0px; width: 62px; margin-top: 7px; margin-right: 10px; padding: 1px 2px;}
div.ValueItem input.Text {font-size: 11px; float: left; width: 60px; margin-top: 7px; margin-right: 10px; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #999999; padding: 1px 2px;}
div.ValueItem input.TextDisabled {font-size: 11px; background-color: #eeeeee; float: left; width: 60px; margin-top: 7px; margin-right: 10px; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #999999; padding: 1px 2px;}
div.CalculatedValueItem {float: right; font-size: 11px; display: block; line-height: 22px; margin-top: 5px; margin-right: 5px;}
.Unit {float: left; font-size: 11px; line-height: 22px; margin-top: 5px; margin-right: 5px; width: 18px; text-align: right;}
div.ButtonSection {width: auto; min-height: 45px; height: auto !important; height: 45px;}
div.ButtonSection input {width: 150px; height: 25px;}
div.TotalSection {width: auto; min-height: 45px; height: auto !important; height: 45px;}
div.HeaderItemStatic {width: auto; line-height: 25px; min-height: 25px; height: auto !important; height: 25px;}

/* Misc. */
.ClearEnd {clear: both;}
.draggableIMG:hover {cursor: move;}
img, a img {border: none;}

a.info {
	position:absolute; /*this is the key*/
	z-index:24;
	background-color:#ffffff;
	color:#000;
	text-decoration:none;
	padding: 0px;
	margin: 0px;
}

a.info:hover {z-index:25; background-color:#ffffff; padding: 0px; margin: 0px;}

a.info span {display: none}

a.info:hover span { /*the span will display just on :hover state*/
	display: block;
	position:absolute;
	top: 0;
	right: 26px;
	width: 150px;
	border:1px solid #ccc;
	background-color:#f5f5f5;
	color:#666666;
	text-align: center;
	padding: 10px;
	line-height: 18px;
}

.cssnav {
position:relative;
float: left;
margin: 0px 10px 10px 0px; 
padding: 0;
width: 117px;
height: 117px;
overflow:hidden;/* for ie to hide extra height*/        
}

.cssnav a {
display: block;
width: 117px;
height: 117px;
float: left;
overflow:hidden;/* for ie to hide extra height*/}

.cssnav img {width: 117px; height: 117px; border: 0; }
* html a:hover {visibility:visible}
.cssnav a img{visibility:hidden}
.cssnav a:hover img{visibility:visible}

.moodBoardBigItemLogo, .moodBoardBigItem1, .moodBoardBigItem3, .moodBoardBigItem4, .moodBoardBigItem5, .moodBoardBigItem6 {float: left; width: 114px; height: 114px; padding: 0px 13px 13px 0px}
.moodBoardBigItemLogo {background: url(/media/12775/7big.jpg) no-repeat;}
.moodBoardBigItem1 {background: url(/media/12750/1big.jpg) no-repeat;}
.moodBoardBigItem3 {background: url(/media/12755/3big.jpg) no-repeat;}
.moodBoardBigItem4 {background: url(/media/12760/4big.jpg) no-repeat;}
.moodBoardBigItem5 {background: url(/media/12765/5big.jpg) no-repeat;}
.moodBoardBigItem6 {background: url(/media/12770/6big.jpg) no-repeat;}

.printAddress {display: none;}

/* Contact page */
#Table1 p {color: #666666; padding: 0px 0px 5px 0px;}

.BigHeader1 {font-family: Verdana, arial; font-size: 32px; color: #DADADA; position: absolute; top: 11px; left: 10px;}
.BigHeader2 {font-family: Verdana, arial; font-size: 32px; color: #787C7F; position: absolute; top: 7px; left: 6px;}

iframe { 
overflow-x: hidden; 
overflow-y: scroll; 
}

ul#themeProjects {list-style: none; padding: 37px 0 0 0; margin: 0px;}
ul#themeProjects li {float: left; padding: 0px 18px 15px 0px;}
ul#themeProjects li.last {padding: 0px 0px 10px 0px;}















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h2 {
h2
}