/*
TITLE  : REALTYINMOTION.COM - SCREEN MEDIA
AUTHOR : JACOB ROSENFELD
UPDATED: 20080417
*/


/* --[GENERIC PAGE Structure]---------- */

body {
margin: 0;
padding: 0;
background: #283036 url(images/body_bkg2.png) repeat-x;
}

#wrapper {
width: 900px;
margin-left: auto;
margin-right: auto;
overflow: auto;
}

#head {
margin: 0 auto 0 auto;
}

#head img {
margin: 0 auto 0 auto;
}

#mstr-content-wrap {
margin: 0;
padding: 0;
}

#mstr-content-wrap2 {
margin: 0;
padding: 0;
width: 700px;
}

#foot {
margin-top: 40px;
padding: 15px 0 15px 0;
background-color: #000;
}

#foot-short {
margin-top: 220px;
padding: 15px 0 15px 0;
background-color: #000;
}





/* --[NAV LINK Structure]---------- */

#nav {
margin: 10px 0 30px 0;
padding: 0px;
text-align: left;
}

#nav ul {
margin: 0;
padding: 0;
}

#nav ul li {
display: inline;
}

#nav ul li a {
margin-right: 25px;
padding: 0;
font: bold 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color: #fff;
text-decoration: none;
}

#nav ul li a:hover {
color: #0980fd;
border-bottom: 2px dotted;
}

body.browse #nav-browse,
body.services #nav-services,
body.contact #nav-contact,
body.forms #nav-forms {
color: #99ff00;
}





/* --[BROWSE PAGE - Gallery Structure]---------- */

.city-wrap {
margin: 40px 0 50px 0;
padding: 0;
width: 900px;
overflow: auto;
}

.city-head {
margin: 0;
padding: 0;
}

.property-wrap {
margin: 0;
padding: 0;
}

.property {
margin: 0 24px 24px 0;
padding: 0;
width: 206px;
height: 216px;
background: #15191c url(images/property_slide.gif) no-repeat;
float: left;
}

.property-end {
margin: 0;
padding: 0;
width: 206px;
height: 216px;
background: #15191c url(images/property_slide.gif) no-repeat;
float: left;
}

.property img,
.property-end img {
margin-top: 11px;
margin-left: 10px;
border: none;
}

ul.slide {
margin: 0;
padding: 5px 0 0 10px;
}

ul.slide li {
font: 12px/150% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color: #fff;
list-style-type: none;
}





/* --[SERVICES PAGE Control]---------- */

ul.services-description {
margin: 0 0 0 30px;
padding: 0;
}

ul.services-description li {
margin: 0;
padding: 10px 0 0 10px;
color: #fff;
font: 14px/1.50 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
text-align: left;
list-style-image: url(images/services-check01.png);
}

ul.services-description-branch {
margin: 0 0 0 60px;
padding: 0;
}

ul.services-description-branch li {
margin: 0;
padding: 10px 0 0 10px;
color: #fff;
font: 14px/1.50 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
text-align: left;
list-style-image: url(images/services-check02.png)
}





/* --[FORMS PAGE (ROOT) Control]---------- */

#formslist {
padding-left: 10px;
float: left;
}

#formslist ul {
margin: 0 0 15px 25px;
padding: 0;	
}

#formslist ul li {
color: #fff;
font: 14px/1.50 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
text-align: left;
list-style-type: none;
}





/* --[FORMS PAGES Control]---------- */

#contact-form {
margin: 0;
padding: 15px 0 15px 0;
}

.form-left {
margin: 0;
padding: 0;
float: left;
}

.form-right {
margin: 0 0 0 300px;
padding: 0;
}
.clear {
clear: both;
}

form {
margin: 0;
padding: 0;
}

label {
display: block;
font: bold 14px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
padding-bottom: 5px;
}

input,textarea,select {
margin-bottom: 0px;
padding: 5px;
font: 14px "Courier New", Courier, mono;
color: #fff;
background: #15191c;
border: 1px solid #0980fd;
overflow: auto;
}

input#pin {
color: #f00;
}

.button {
margin-top: 10px;
padding:0.4em;
font: bold 14px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color: #fff;
background: #15191c;
border: 1px solid #0980fd;
cursor: pointer;
}

.button:hover {
border: 1px solid #99ff00;
}





/* --[CONTACT PAGE Forms Control]---------- */

#contact-left {
padding-left: 10px;
float: left;
}

#contact-left ul {
margin: 25px 0 15px 0;
padding: 0;	
}

#contact-left ul li {
color: #fff;
font: 14px/1.50 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
text-align: left;
list-style-type: none;
}

#contact-left ul li.important {
color: #fff;
font-size: 18px;
line-height: 20px;
font-weight: bold;
}

#contact-right {
margin: 25px 0 0 300px;
padding: 0;
}





/* --[LINK Control]---------- */

a.listinglink {
font: 14px/1.50 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
font-weight: bold;
color: #d9d9d9;
text-decoration: none;
border-bottom: dotted #d9d9d9 1px;
}

a.listinglink:visited {
font: 14px/1.50 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
font-weight: bold;
color: #d9d9d9;
text-decoration: none;
border-bottom: dotted #d9d9d9 1px;
}

a.listinglink:hover {
font: 14px/1.50 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
font-weight: bold;
color: #0980fd;
text-decoration: none;
border-bottom: dotted #0980fd 2px;
}

a.listinglink2 {
font: 20px/1.50 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
font-weight: bold;
color: #d9d9d9;
text-decoration: none;
border-bottom: dotted #d9d9d9 1px;
}

a.listinglink2:visited {
font: 20px/1.50 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
font-weight: bold;
color: #d9d9d9;
text-decoration: none;
border-bottom: dotted #d9d9d9 1px;
}

a.listinglink2:hover {
font: 20px/1.50 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
font-weight: bold;
color: #0980fd;
text-decoration: none;
border-bottom: dotted #0980fd 2px;
}

a.listinglink3 {
font: 14px/1.50 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
font-weight: normal;
color: #99ff00;
text-decoration: none;
border-bottom: dotted #99ff00 1px;
}

a.listinglink3:visited {
font: 14px/1.50 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
font-weight: normal;
color: #99ff00;
text-decoration: none;
border-bottom: dotted #99ff00 1px;
}

a.listinglink3:hover {
font: 14px/1.50 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
font-weight: normal;
color: #0980fd;
text-decoration: none;
border-bottom: dotted #0980fd 2px;
}




/* --[FONT Control]---------- */

h1 {
margin-top: 40px;
margin-bottom: 10px;
padding: 15px 0 15px 10px;
font: bold 30px/1.25 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color: #fff;
background-color: #15191c;
}

h2 {
margin-top: 20px;
margin-bottom: 10px;
padding: 15px 0 15px 10px;
font: bold 20px/1.25 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color: #fff;
background-color: #15191c;
}

h3 {
margin: 0 0 20px 0;
padding: 0 0 0 10px;
font: 20px/1.50 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color: #fff;
}

h4 {
margin: 0;
padding: 10px 0 0 10px;
font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color: #fff;
}

p {
margin: 0 0 15px 0;
padding: 10px 0 0 10px;
color: #fff;
font: 14px/1.50 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
text-align: left;
}


#foot p, #foot-short p {
margin: 0;
padding: 0 0 5px 0;
color: #d9d9d9;
font: 14px/1.50 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
text-align: center;
}

em {
color: #99ff00;
font-size: 150%;
}





/* --[SPAN Classes]---------- */

.strong {
font-weight: bold;
font-size: 110%;
border-bottom: 2px solid #fff;
}

.strong2 {
font-weight: bold;
font-size: 110%;
}

.strong3 {
font-size: 110%;
color: #99ff00;
}

.strong4 {
font-weight: bold;
color: #f00;
}