/*
 Screen style    
 Site: Easyplan
*/

body {
 background: #ffffff;
 color: #666666;
 font-size: 75%;
 padding: 0;
 text-align: center;
}

h2.portfolio {
 background-color: #ffffff;
 color: #333;
 font-size: 2em;
}

p.larger {
 background-color: #ffffff;
 color: #333333;
 font-family: "Lucida Sans", Verdana, lucida, sans-serif;
 font-size: 1.25em;
}

p.visit {
 background-color: #ffffff;
 color: #999999;
 float: right;
 font-family: "Lucida Sans", Verdana, lucida, sans-serif;
 font-size: 0.8em;
 padding-top: 8px;
 text-align: right;
 text-transform: uppercase;
 width: 160px;
}

p.visit a {
 background-color: #ffffff;
 color: #999999;
 text-decoration: none;
}

.about-you input {
 width: 300px;
}

.article {
 background: #ffffff url(../images/bg/line2.gif) top left repeat-x;
 color: inherit;
 padding: 0;
}

.article .article-right {
 border-left: 1px solid #ccc;
 float: right;
 padding-left: 18px;
 width: 344px;
 margin: 15px 0;
}

.article h3 {
 font-size: 1.6em;
 font-weight: normal;
 margin: 0 0 5px 0;
}

.article p {
 margin: 5px 0;
 
}

.article p.img {
 float: left;
 width: 170px;
 margin: 15px 0;
}

.article.first {
 background-image: none;
}

.contact-form td.label {
 width: 110px;
}

.contact-send {
 margin-top: 2em;
}

.meeting.talk {
 background-image: none;
}

.meeting {
 background-image: url(../images/bg/line2.gif);
 background-position: top left;
 background-repeat: repeat-x;
 margin: 23px 0 30px 0;
 padding-top: 20px;
}

.meeting form {
 background: #ffffff url(../images/bg/meeting-form-top.gif) top left no-repeat;
 color: #666666;
 margin-top: 15px;
 padding: 14px 0 0 18px;
}


.meeting form p {
 float: left;
 width: 246px;
}

.meeting form p input {
 background-color: #ffffff;
 border: 1px solid #ccc;
 color: #666666;
 padding: 2px 4px;
 width: 185px;
}

.meeting form p.send {
 background-image: url(../images/bg/meeting-form-bottom.gif);
 background-position: bottom left;
 background-repeat: no-repeat;
 clear: both;
 float: none;
 margin: 0 0 0 -18px;
 padding: 2px 0 16px 18px;
 width: auto;
}

.meeting form p.send input {
 border: none;
 padding: 0;
 width: auto;
}

.meeting h2 {
 background-color: #ffffff;
 color: #000000;
 margin: 0 0 5px 0;
}

#content img.img {
 float: left;
 width: 179px;
 margin: 15px 0;
}

.sIFR-hasFlash #content h2 {
 font-size: 16px;
 visibility: hidden;
}

.sIFR-hasFlash #content h2.portfolio {
 font-size: 28px;
 line-height: 30px;
 visibility: hidden;
}

.sIFR-hasFlash #home #content h2 {
 font-size: 16px;
 visibility: hidden;
}

.sIFR-hasFlash #home #intro h1 {
 font-size: 26px;
 line-height: 33px;
 visibility: hidden;
}

.sIFR-hasFlash #home #intro p.sifr {
 height: 40px;
}

.sIFR-hasFlash #intro h1 {
 font-size: 26px;
 line-height: 33px;
 visibility: hidden;
}

.sIFR-hasFlash #intro p.bill {
 font-size: 13px;
 line-height: 14px;
 visibility: hidden;
}

.sIFR-hasFlash #intro p.sifr {
 font-size: 16px;
 line-height: 19px;
 visibility: hidden;
}

.sIFR-hasFlash .article h3 {
 font-size: 17px;
 line-height: 21px;
 visibility: hidden;
}

.two-cols {
 padding-bottom: 1px;
}

#content {
 background: #ffffff url(../images/bg/content.gif) top left repeat-x;
 color: #666666;
 float: left;
 padding: 12px 31px 45px 30px;
 width: 542px;
}

#content .article p.img img {
 border: none;
}

#content a:hover, #footer a:hover {
 background-color: #003366;
 color: #ffffff;
 text-decoration: none;
}

#content h2.portfolio {
 margin: 10px 0 0 0;
}

#content img {
 border: 1px solid #cccccc;
}

#content img.portfolio-img {
 border: none;
 margin: 25px 0;
}

#content li {
 background: transparent url(../images/bg/square-grey.gif) 0 5px no-repeat;
 color: #666666;
 line-height: 1.5;
 list-style: none;
 margin-bottom: 0.4em;
 padding-left: 16px;
}

#content p.url {
 float: left;
 margin: 0;
 width: 350px;
}

#content p.url a {
 background-color: transparent;
 color: #003366;
 font-family: "Lucida Sans", Verdana, lucida, sans-serif;
 font-size: 1.5em;
 text-decoration: none;
}

#content p.visit img {
 border: none;
}

#content ul {
 margin-left: 10px;
}

#footer {
 margin: 0 auto;
 min-height: 243px;
 text-align: left;
 width: 850px;
}

#footer .adr {
 background-color: transparent;
 color: #7F7F7F;
}

#footer .email {
 background-color: transparent;
 color: #666666;
 margin-left: 16px;
}

#footer .email a, #footer .email a:link, #footer .email a:visited, #footer .email a:active {
 background-color: transparent;
 color: #003366;
}

#footer .email a:hover {
 background-color: #003366;
 color: #ffffff;
 text-decoration: none;
}

#footer .links a {
 margin-right: 17px;
}

#footer .links span {  
 display: none;
}

#footer .organization-name {
 background-color: transparent;
 color: #7D7D7D;
}

#footer .tel {
 background-color: transparent;
 color: #666666;
}

#footer:after, #nav:after, .two-cols:after, #wrapper:after, .article:after {
 clear: both;
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
}

#footer-left {
 float: left;
 margin-left: 32px;
 padding-top: 19px;
 width: 330px;
}

#footer-left p {
 margin: 0 0 1em 0;
}

#footer-right {
 float: right;
 margin-right: 47px;
 padding-top: 19px;
 width: 192px;
}

#footer-right h3 {
 font-size: 1em;
 margin: 0;
}

#footer-right input {
 margin: 0;
 vertical-align: middle;
}

#footer-right input.email-address {
 background-color: #ffffff;
 border: 1px solid #666666;
 color: #999999;
 padding: 2px 4px;
 width: 119px;
}

#footer-right p {
 background-color: transparent;
 color: #666666;
 margin: 0.15em 0 0.35em 0;
}

#footer-wrapper {
 background: #ffffff url(../images/bg/footer.gif) top left repeat-x;
 clear: both;
 color: #828282;
}

#header {
 background-color: #ffffff;
 color: #000000;
 height: 100px;
 margin: 0 auto;
 position: relative;
 text-align: left;
 width: 850px;
}

#header #call {
 height: 37px;
 left: 610px;
 margin: 0;
 position: absolute;
 top: 45px;
 width: 220px;
}

#header #logo {
 left: 31px;
 position: absolute;
 top: 33px;
}

#home #content {
 font-family: "Lucida Sans", Verdana, lucida, sans-serif;
}

#home #content h2 {
 background: #ffffff url(../images/bg/line2.gif) top left repeat-x;
 clear: both;
 color: #003366;
 margin: 20px 0 10px 0;
 padding-top: 18px;
}

#home #content h2.black {
 background-color: #ffffff;
 color: #000000;
}

#home #content li {
 background: #ffffff url(../images/bg/square-orange.gif) left center no-repeat;
 color: #333333;
 font-size: 1.0em;
 line-height: 1.6;
 list-style: none;
 margin-bottom: 0;
 padding-left: 18px;
}

#home #content p.welcome {
 background-color: #ffffff;
 color: #000000;
 font-size: 1.25em;
}

#home #content ul {
 margin: 0;
}

#home #content ul.left-ul {
 float: left;
 width: 267px;
}

#home #content ul.right-ul {
 float: left;
 width: 267px;
}

#home #header {
 height: 93px;
}

#home #intro {
 height: 282px;
}

#home #intro h1 {
 margin-left: 0px;
 padding-left: 0px;
 width: 293px;
}

#home #intro p {
 margin: 0;
 width: 300px;
}

#home #intro p#button {
 margin-top: 27px;
 position: static;
}

#home #intro-inner {
 background: transparent url(../images/bg/intro-home.gif) bottom right repeat;
 color: #000000;
 height: 282px;
 margin-left: 30px;
 padding-top: 0px;
 width: 784px;
}

#home #intro-wrapper {
 background-image: url(../images/bg/intro-home.gif);
}

#home #nav a#nav-client-login {
 width: 101px;
}

#home #nav a#nav-client-login span {
 background-image: url(../images/nav/client-login-home.gif);
 width: 101px;
}

#home #sidebar {
 padding: 25px 19px 25px 9px;
 width: 219px;
}

#home #sidebar a {
 background-color: transparent;
 color: #003366;
 text-decoration: none;
}

#home #sidebar form img {
 border: 1px solid #666666;
 margin-bottom: 4px;
}

#home #sidebar form.first {
 background-image: url(../images/bg/line1.gif);
 background-position: bottom left;
 background-repeat: repeat-x;
 margin-bottom: 15px;
 padding-bottom: 5px;
}

#home #sidebar h2 {
 background-color: transparent;
 color: #333333;
}

#home #sidebar h2 {
 margin-top: 0;
}

#home #sidebar label {
 background-color: transparent;
 color: #999999;
}

#home #sidebar p {
 font-size: 0.9em;
 line-height: 1.5;
 margin: 5px 0;
}

#home #sidebar p input {
 vertical-align: middle;
}

#home #sidebar p input.text {
 background-color: #ffffff;
 border: 1px solid #666666;
 color: #999999;
 padding: 2px 4px;
 width: 119px;
}

#home #sidebar p.first {
 margin: 5px 0 8px 0;
}

#home #sidebar p.submit {
 margin: 10px 0 8px 0;
}

#intro {
 font-family: "Lucida Sans", Verdana, lucida, sans-serif;
 margin: 0 auto;
 min-height: 158px;
 position: relative;
 text-align: left;
 width: 850px;
}

#intro h1 {
 background-color: transparent;
 color: #ffffff;
 font-size: 26px;
 font-weight: bold;
 margin: 0 0 0 31px;
 padding-top: 34px;
}

#intro p {
 font-size: 1.3em;
 margin: 0 0 0 31px;
 width: 420px;
}

#intro p#button {
	height: 41px;
	left: 610px;
	margin: 0;
	position: absolute;
	top: 78px;
	width: 230px;
}

#intro-wrapper {
 background: #ffffff url(../images/bg/intro.gif) bottom left repeat-x;
 color: #000;
}

#left-intro {
 float: left;
 margin-top: 34px;
 width: 293px;
}

#nav {
	margin: 0 auto;
	text-align: left;
	width: 810px;
}

#nav a {
	color: #ffffff;
	display: block;
	height: 27px;
	line-height: 27px;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
}

#nav a span {
 background-position: top left;
 background-repeat: no-repeat;
 display: block;
 height: 28px;
 left: 252px;
 position: absolute;
 top: 0px;
 z-index: 1;
}

#nav a#nav-home {
 width: 55px;
}

#nav a#nav-home span {
 background-image: url(../images/nav/home.gif);
 width: 55px;
}

#nav a#nav-drawings {
 width: 150px;
}

#nav a#nav-drawings span {
 width: 150px;
}

#nav a#nav-planning {
 width: 160px;
}

#nav a#nav-planning span {
 width: 160px;
}

#nav a#nav-building {
 width: 170px;
}

#nav a#nav-building span {
 width: 170px;
}

#nav a#nav-design-guide {
 width: 130px;
}

#nav a#nav-design-guide span {
 width: 130px;
}

#nav a#nav-franchising {
 width: 100px;
 margin-left: 30px;
}

#nav a#nav-franchising span {
 width: 100px;
}

#nav a#nav-design-guide-loft {
 width: 130px;
}

#nav a#nav-design-guide-loft span {
 width: 130px;
 height: auto;
}

#nav a:hover span {
 background-position: bottom left;
}

#nav li {
 float: left;
 list-style: none;
 margin: 0;
}

#nav li li {
 width: 120px;
}

#nav li li a {
 background: #ffffff;
 border-bottom: 1px solid #CFCFCF;
 border-left: 1px solid #CFCFCF;
 border-right: 1px solid #CFCFCF;
 color: #666666;
 display: block;
 height: auto;
 line-height: normal;
 padding: 5px 10px;
 text-transform: none;
 width: 850px;
}

#nav li li a:hover {
 background-color: #003366;
 color: #ffffff;
}

#navigation li li a:active {
    border-left-color: #ed1c24;
}

#nav li ul {
 border-top: 1px solid #CFCFCF;
 width: 180px;
 position: absolute;
 left: -1000px;
}

#navigation li:hover ul   {
    display: block;
    left: 0;
}

#nav li ul ul {
 margin: -2em 0 0 2em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
 left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
 left: auto;
}

#nav p {
 float: left;
 margin: 0 0 0 16px;
 width: 40px;
}

#nav ul {
 float: left;
 line-height: 1.0;
 margin: 0 0 0 10px;
 width: 850px;
}

#nav-wrapper {
 background: #545454 url(../images/bg/nav.gif) top left repeat-x;
 color: #ffffff;
 height: 32px;
}

#right-intro {
 float: left;
 width: 477px;
}

#home-slideshow { 
 width: 477px;
 height: 282px;
}

#sidebar {
 background: transparent url(../images/bg/sidebar.gif) top left no-repeat;
 color: #666666;
 float: left;
 padding: 37px 19px 25px 12px;
 width: 216px;
}

#sidebar a {
 background-color: transparent;
 color: #003366;
}

#sidebar blockquote {
 margin: 0;
}

#sidebar blockquote p {
 background-color: transparent;
 background-image: url(../images/bg/line1.gif);
 background-position: top left;
 background-repeat: repeat-x;
 color: #666666;
 margin: 0 0 2px 0;
 padding-top: 17px;
}

#sidebar blockquote p.first {
 background-image: none;
 padding-top: 5px;
}

#sidebar h2 {
 background-color: transparent;
 color: #000000;
 font-size: 1.2em;
 margin: 25px 0 5px 0;
 text-transform: uppercase;
}

#sidebar h2.divider {
 background: transparent url(../images/bg/line1.gif) top left repeat-x;
 color: #000000;
 padding-top: 24px;
}

#sidebar h2.first {
 margin-top: 0;
}

#sidebar li {
 background: transparent url(../images/bg/square-grey.gif) 0 8px no-repeat;
 color: #666666;
 list-style: none;
 padding-left: 14px;
}

#sidebar p.author {
 font-weight: bold;
 margin: 0 0 19px 0;
}

#sidebar ul {
 margin: 0 0 0 1px;
}

#sidebar ul.mark li {
 background: transparent url(../images/bg/mark.gif) 0 3px no-repeat;
 color: #666666;
 padding-left: 18px;
}

#wrapper {
 background: #fff url(../images/bg/wrapper.gif) top right repeat-y;
 color: #666666;
 margin: -5px auto 0 auto;
 text-align: left;
 width: 850px;
}

/* Join Page */

#content ul.join {
 margin-left: 10px;
}

#content ul.join li {
 background: transparent url(../images/bg/join.gif) 0 3px no-repeat;
 padding-left: 16px;
 list-style: none;
}

#join-form {
width: 500px;
margin-left: 28px;
}

#join-form fieldset {
width: 370px;
background: #ffffff url(../images/bg/fieldset.jpg) bottom left repeat-x;
}

#join-form fieldset legend {
color: #003366;
font-size: 14px;
font-weight: normal;
margin-bottom: 10px
}

#join-form fieldset label {
color: #000000;
font-size: 14px;
}

#join-form fieldset .email {

}

#join-form fieldset .email label {
float: left;
margin-left: 30px;
}

#join-form fieldset .email input {
margin-right: 35px;
float: right;
margin-bottom: 5px;
}

#join-form fieldset .email {
margin-bottom: 5px;
}

#join-form fieldset .name  {
clear: both;
}

#join-form fieldset .name label {
float: left;
margin-left: 30px;
}

#join-form fieldset .name input {
margin-right: 35px;
float: right;
}

#join-form fieldset p {
clear:both; 
font-size: 11px; 
margin: 20px 10px 0px 30px; 
}

#join-form input.button {
float: right; 
margin-right: 93px; 
margin-top: 20px;
}