/* 11.04.07 */

/* EDF9CC original green F9EDCC beigebraun, CCF9DF seafoam (too strong), E3E9F9 periwinkle blue */

/* colors: #933 brown internal links, #669 all links, #339; blue span after links and form headers, #c03; brown form borders */

/* BODY */

body {
background-position: 0px 0px;
/* background-color: #F9EDCC; **/
/** background-image: url(../indexart/kirkland-shore1360-100.jpg);**/
background-color: #fff;
background-image: url(../indexart/seattle-lake-union-immo-900-150.jpg);
background-position: 0px 0px; 
background-repeat: no-repeat; /* repeat-x; */ 
color: #fff;
font-family: "Franklin Gothic ", Arial, Helvetica, sans-serif;
}



/* TOP SCENERY IMAGES */

/* img.topscenery {
padding-right: 0px;
padding-top: 0px;
padding-bottom :0px;
padding-left: 0px;
border-color: #066;
border-style: solid;
border-top-width: 1px;
border-bottom-width: 3px;
border-left-width: 0px;
border-right-width: 0px;
float: right;
} */

/* LEFT COLUMN SPECS */

#leftcolumn {
position: relative;
top: 156px;
left: 12px; 
width: 238px;
padding-right: 6px;
border-color: #933;
border-style: solid;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 1px;
padding-bottom: 18px;
}

/* RIGTH COLUMN SPECS*/

#rightcolumn {
position: absolute;
top: 156px;
left: 246px;
width: 700px;
color: #fff;
background-color: transparent;
/* margin-left: 0px;
margin-right: 0px;
border-color: #933;
border-style: solid;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 1px;
border-right-width: 0px; */
}

/* LEFT COLUMN ELEMENTS */

h1.standardintro {
font-size: .7em;
font-weight: 400;
font-style: normal;
line-height: 110%;
color: #000;
background-color: transparent;
padding-bottom: 12px;
border-color: #933;
border-style: solid;
border-top-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
}

/* used instead of h when required by serch engines */

p.standardintro {
font-size: 80%;
font-weight: 400;
font-style: normal;
line-height: 110%;
color: #000;
background-color: transparent;
padding-bottom: 12px;
border-color: #933;
border-style: solid;
border-top-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
}

p.intro {
font-weight: 400;
color: #333;
font-size: 85%;
line-height: 130%;
font-style: normal;
}

p.rightfloat {
width: 100px;
float: right;
clear: right;
text-align: right;
font-size: .8em;
font-weight: 400;
font-style: normal;
line-height: 110%;
color: #000;
background-color: transparent;
margin-left: 2%;
padding-top: 0%;
padding-right: 1%;
padding-left: 2%;
padding-bottom: 2%;
/**border-color: #933;
border-style: solid;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 1px;
border-right-width: 0px;**/
}

/* p {
color: #000;
} */


p.printonly {
display: none;
} 

h1.printonly {
display: none;
}

img.floatright {
padding-top: 0px;
float: right;
padding-left: 2%;
padding-bottom: 1%;
border-left: 0px;
border-right: 0px;
border-top: 0px;
border-bottom: 0px;
}

img.gnaphotoprint {
display: none;
}

p.contact {
font-size: .9em;
font-weight: 400;
font-style: normal;
line-height: 120%;
color: #000;
background-color: transparent;
}

p.caption {
font-size: .9em;
font-weight: 400;
font-style: normal;
line-height: 100%;
text-align: left;
color: #000;
background-color: transparent;
margin-top: 0px;
padding-bottom: 20px;
}


span.bold {
font-weight: 700;
font-style: normal;
line-height: 120%;
color: #000;
background-color: transparent;
}

span.yellowmarker {
background-color: #ff6;
padding-top: 0px;
padding-bottom: 1px;
padding-left: 1px;
padding-right: 0px;
}

h2.left {
font-size: .9em;
font-weight: 700;
color: #000;
background-color: transparent;
line-height: 120%;
margin-bottom: -5%;
}

p.textleft {
font-size: .9em;
font-weight: 400;
font-style: normal;
line-height: 120%;
color: #000;
background-color: transparent;
padding-top: 12px;
margin-left: 0px; 
margin-bottom: -6px;
}

/* used in left column below gna pic
no bullet shown */

ul.internallinks {
list-style-type: square; 
list-style-position: outside;
color: #669;
background-color: transparent;
font-size: .9em;
font-style: normal;
line-height: 130%; 
text-align: left;
}

ul.externallinks {
list-style-type: square;
list-style-position: outside;
color: #669;
background-color: transparent;
font-size: .9em;
font-style: normal;
line-height: 130%; 
text-align: left;
}

/* SPAN After usually used after link text */

span.after {
font-size: .9em;
font-weight: 400;
font-style: normal;
color: #000;
background-color: transparent;
line-height: 110%;
}

p.lastwords{
font-size: .6em;
font-weight: 400;
font-style: normal;
line-height: 120%;
color: #000;
background-color: transparent;
padding-top: 20px;
padding-bottom: 20px;
}

/* RIGHT COLUMN ELEMENTS */

p.photocaption {
width: 170px;
float: right;
clear: right;
text-align: right;
font-size: .8em;
font-weight: 400;
font-style: normal;
line-height: 110%;
color: #000;
background-color: transparent;
padding-top: 1%;
padding-right: 1%;
padding-left: 1%;
padding-bottom: 2%;
border-color: #933;
border-style: solid;
border-top-width: 0px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 0px;
}

p.minusabove {
padding-left: 0%;
padding-right: 0%;
margin-top: -.5%;
margin-bottom: 3%;
font-weight: 400;
color: #333;
font-size: 80%;
line-height: 120%;
font-style: normal;
}



h2.centerhead {
width: 90%;
font-size: 1em;
font-weight: 700;
margin-left: 5%;
margin-right: 1%;
padding-left: 0px;
padding-bottom: 1%;
font-style: normal;
text-indent: 0;
line-height: 130%;
color: #000;
background-color: transparent;
}

h1.head {
font-size: .9em;
font-weight: 700;
margin-left: 2%;
font-style: normal;
line-height: 130%;
color: #000;
background-color: transparent;
}

h2.subhead {
font-size: .8em;
font-weight: 700;
margin-left: 5%;
font-style: normal;
line-height: 130%;
background-color: transparent;
color: #000;
border-style: solid;
border-color: #669;
border-top-width: 2px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
margin-bottom: -1%;
}


/* below instead of h2.subhead */

p.subhead {
width: 85%;
font-size: .9em;
font-weight: 700;
margin-left: 5%;
font-style: normal;
line-height: 120%;
color: #000;
background-color: transparent;
border-style: solid;
border-color: #669;
border-top-width: 2px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
margin-bottom: -1%;
}

p.subheadleft {
font-size: .9em;
font-weight: 700;
margin-left: 0%;
font-style: normal;
line-height: 130%;
color: #000;
background-color: transparent;
border-style: solid;
border-color: #669;
border-top-width: 2px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
margin-bottom: 2%;
}

p.text {
width: 90%;
font-size: .9em;
font-weight: 400;
margin-left: 5%;
margin-right: 1%;
padding-left: 0px;
padding-bottom: 1%;
font-style: normal;
text-indent: 0;
line-height: 130%;
color: #000;
background-color: transparent;
}

/* list specs ordered lists */

ol.rightlist {
	width: 80%;
font-size: .8em; 
font-weight: 400;
line-height: 140%;
margin-left: 3%;
padding-right: 3px;
font-style: normal;
color: #000;
background-color: transparent;
}

span.rightlist {
font-weight: 400;
font-style: normal;
color: #000;
background-color: transparent;
}


/* logos */

img {
border: none;
}

img.graphic {
margin-right: 0%;
margin-top: 2%;
margin-bottom: 2%;
margin-left: 0%;
border: none;
}

p.testimonial {
width: 80%;
font-size: .9em;
line-height: 140%;
font-weight: 700;
font-style: italic;
padding-top: 0%;
padding-bottom: 0%;
padding-right: 6px;
margin-top: 2%;
margin-left: 5%;
color: #333;
background-color: transparent;
}

span.clientname {
font-size: .9em;
font-weight: 700;
font-style: normal;
line-height: 100%;
margin-left: 5%;
text-align: left;
color: #c03;
background-color: transparent;
}


/* LINK STYLES */
/* MAIL TO */

a.mailto:link {
color: #669; 
background-color: transparent;
font-style: normal;
text-decoration: underline;
font-weight: 700;
}
a.mailto:visited {
color: #669; 
background-color: transparent;
font-style: normal;
text-decoration: none;
font-weight: 400;
}

a.mailto:hover {
color: #000;
font-style: normal;
background-color: transparent;
text-decoration: none;
}

a.mailto:active {
color: #000;
font-style: normal;
background-color: transparent;
text-decoration: none;
} 

/* INTERNAL LINKS */

a.internal:link {
color: #669; 
background-color: transparent;
font-style: normal;
text-decoration: underline;
font-weight: 700;
}

a.internal:visited {
color: #669;
font-style: normal;
background-color: transparent;
text-decoration: none;
font-weight: 400;
}

a.internal:hover {
font-style: normal;
background-color: transparent;
text-decoration: none;
}

a.internal:active {
color: #000;
font-style: normal;
background-color: transparent;
text-decoration: none;
}

/* EXTERNAL LINKS */

a.external:link {
color: #669; 
background-color: transparent;
font-style: normal;
text-decoration: underline;
font-weight: 700;
line-height: 110%;
}

a.external:visited {
color: #669; 
background-color: transparent;
font-style: normal;
text-decoration: none;
font-weight: 400;
}

a.external:hover {
color: #000;
font-style: normal;
background-color: transparent;
text-decoration: none;
}

a.external:active {
color: #000;
font-style: normal;
background-color: transparent;
text-decoration: none;
}

form.noborder {
	border: none;
padding-left: 18px;
}


p.formintro{
font-size: .7em;
font-weight: 400;
font-style: normal;
line-height: 110%;
color: #000;
background-color: transparent;
}

fieldset.shortform {
color: #fff;
background-color: transparent;
border-color: #c03;
border-style: solid;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
padding-bottom: 6px;
padding-top: 0px;
}

fieldset {
color: #fff;
background-color: transparent;
border-color: #c03;
border-style: solid;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
padding-bottom: 0px;
padding-top: 0px;
}

 p.formheader {
font-size: .6em;
font-weight: 700;
text-align: left;
padding-bottom: 0px;
padding-left: 10%;
color: #339; 
background-color: transparent;
line-height: 110%;
} 

input.text {
font-size: 1em;
font-weight: 400;
display: block;
width: 70%;
padding-top: 6px;
padding-bottom: 2px;
padding-left: 6px;
padding-right: 6px;
margin-bottom: 4px;
color: #000;
background-color: #fff;
border-color: #c63;
border-style: solid;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px; 
border-right-width: 1px; 
}

span.required {
font-size: .9em;
font-weight: 400;
font-style: normal;
color: #c63;
background-color: transparent;
line-height: 100%;
margin-left: 0px;
}

textarea:focus {
outline: #36f 1px solid;
}

input.text:focus {
outline: #36f 1px solid;
}

input.check {
font-weight: 400;
background-color: #fff;
color: #c63;
border: 1px solid;
margin-top: 6px;
}

input.radio {
font-weight: 400;
background-color: #fff;
color: #c63;
}

select:focus {
outline: #36f 1px solid;
}