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

#Wrapper {position: relative; background: url(/media/1101/bg-main-extender.jpg) #ffffff repeat-y; margin: 0px auto 0px auto; width: 585px; 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 #7a7c7f;}
#HeaderLogo {position: absolute; left: 0px; top: 0px;}

#MainNavigation {display: none;}
#MainNavigation a {text-decoration: none; font-size: 18px; color: #7a7c7f;}
#MainNavigation a:hover {color: #b9bcc1;}
#MainNavigation ul {list-style: none;}
#MainNavigation ul li, #MainNavigation ul li a {float: left;}
.MainNavItem {padding: 0px 30px 0px 0px;}

#SubNavigation {padding: 16px 0px 10px 0px; font-size: 16px; width: auto; min-height: 117px; height: auto !important; height: 117px;}
#SubNavigation a {text-decoration: none; font-size: 11px; color: #7a7c7f;}
#SubNavigation a:hover {color: #b9bcc1;}
#SubNavigation ul {list-style: none; padding: 0px 0px 0px 50px;}
.SubNavItem {padding: 0px 0px 0px 0px;}

.HelperText {width: auto; color: #7a7c7f; font-size: 10px;}

#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: #7a7c7f;}
#SideNavigation a:hover {color: #b9bcc1;}
#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: #7a7c7f;}
#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 {display: none;}
#Column2 {width: 585px; padding: 0px 0px 0px 0px; text-align: center;}
#Column3 {display: none;}

.FrontTextContainer {color: #7a7c7f; 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 {width: 510px; padding: 3px 38px 3px 37px; color: #7a7c7f; font-size: 10px;}
#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 {display: none;}
#Footer a {display: none;}

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

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: #7a7c7f; font-size: 11px;}
#SubNavigation h2 {padding: 0px 0px 5px 0px; color: #7a7c7f;}

#ContentHolder h1 {text-transform: uppercase; color: #000000; font-size: 11px; text-align: right; padding: 13px 0px 8px 0px;}
#ContentHolder h2 {font-size: 11px; padding: 0px 0px 5px 0px;}
#ContentHolder h3 {font-size: 11px; font-style: italic;}

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

/* Form related (Stiko) */
#accordion {width: 520px;}
div.InputSection {border: #999999 1px solid; background-color: #ffffff; width: 520px;}
div.TotalItem {float: right; margin-right: 10px; margin-top: 10px; margin-bottom: 10px;}
div.HeaderItem {border: #999999 1px solid; background-color: #eeeeee; width: 520px;}
div.HeaderTitle h2 {float: left; margin-left: 10px; margin-top: 10px; margin-bottom: 10px;}
div.HelpItem {float: left; width: 40px; margin-top: 7px; margin-left: 10px;}
div.NameItem label, div.NameItem span {float: left; width: 150px; display: block; line-height: 22px; margin-top: 5px;}
div.DefaultValueItem input.Text {float: left; width: 100px; margin-top: 5px; margin-right: 10px; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #999999; padding: 1px 2px;}
div.DefaultValueItem input.TextDisabled {background-color: #eeeeee;float: left; width: 100px; margin-top: 5px; 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: 14px; margin-top: 5px;}
div.ValueItem input.Text {float: left; width: 100px; margin-top: 5px; margin-right: 10px; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #999999; padding: 1px 2px;}
div.ValueItem input.TextDisabled {background-color: #eeeeee;float: left; width: 100px; margin-top: 5px; margin-right: 10px; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #999999; padding: 1px 2px;}
div.CalculatedValueItem {float: left; display: block; line-height: 22px; margin-top: 5px;}
div.ButtonSection {background-color: #ffffff; width: 520px; height: 45px;}
div.ButtonSection input {margin-top: 10px; width: 150px; height: 25px;}
div.TotalSection {width: 520px; background-color: #ffffff;}

/* Misc. */
.ClearEnd {clear: both;}
.draggableIMG:hover {cursor: move;}
img {border: none;}
a.info {
	position:relative; /*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.0em;
	right: 2em;
	width: 20em;
	border:1px solid #ccc;
	background-color:#f5f5f5;
	color:#000;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.printAddress {display: block; float: right;}
.printLink {display: none;}










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