/* 
    Document   : resalty.pages
    Created on : Dec 10, 2009, 8:33:20 AM
    Author     : ashreef
    Description:
        Purpose of the stylesheet follows.
*/


.top-grediant {
    background:#FFFFFF url(../img/input_bg.gif) repeat-x ;
    height:16px;
    width:auto;
}

#main-content {
    padding:0px 20px 20px 20px;
    width:660px;
    position:relative;
    overflow:hidden;
    background:#FFF;
}
#wide-content {
    padding:20px 30px;
    width:400px;
    position:relative;
    overflow:hidden;
    background:#FFF;
	margin-top:40px;
}


#main-content a, #main-content a:visited {
    color:#9CB80E;
}

.top-inner {
    clear:both;
    float:left;
    line-height:18px;
    padding: 10px 0;
    text-align:justify;
    width:670px;
}

.product-pic {
    float:left; /** LTR **/
    margin:0 7px 10px;
    width:70px;
}
.logo-pic {
    float:left; /** LTR **/
    margin:0 7px 10px;
    width:140px;
}
.product-txt {
    border-bottom:1px solid #CCC;
    float:left; /** LTR **/
    height:auto;
    margin-left:20px; /** LTR **/
    min-height:90px;
    width:540px;
}

/** lists **/
ul.inner-list {
    color:#000;
    font-size:14px;
    line-height:22px;
    padding-left:40px; /** LTR **/
}

ul.inner-list li {
    font-size:12px;
    padding:2px 8px;
    list-style-image:url(../img/list.gif);
}

ul.inner-sublist {
    padding-left:40px; /** LTR **/
    font-size:14px;
}

ul.inner-sublist li {
    list-style-image:url(../img/sublist.gif);
}

.align-center {
    text-align:center;
}

.we-do {
    background:#F7F8F3;
    border:1px solid #CCCCCC;
    float:left; /** LTR **/
    margin:30px 10px 20px 0; /** LTR **/
    padding:5px;
    width:190px;
	height:220px;
}

/*
 * those small pics at the top of .we-do boxes
 */

.we-pic, .we-pic2, .we-pic3 {
    left:446px; /** LTR **/
    position:absolute;
    top:110px;
    width:81px;
}
.we-pic{
	 left:550px; /** LTR **/
	}
.we-pic2 {
    left:350px; /** LTR **/
}

.we-pic3 {
    left:150px; /** LTR **/
}

.we-pic4, .we-pic5, .we-pic6 {
    left:540px; /** LTR **/
    position:absolute;
    top:430px;
    width:81px;
}
.we-pic4{left:550px; /** LTR **/}

.we-pic5 {
    left:350px; /** LTR **/
}

.we-pic6 {
    left:140px; /** LTR **/
}

/*
 * contact us form
 */
.contactshadow {
     height:255px;
     left:30px; /** LTR **/
     position:absolute;
     top:345px;
     width:306px;
}

.contactshadow .shadow1 {
    -moz-border-radius:10px;
    background:#F6F5F5;
    height:255px;
    left:5px; /** LTR **/
    padding:10px;
    position:absolute;
    top:5px;
    width:305px;
}

.contactshadow .shadow2 {
    -moz-border-radius:10px;
    background:#EAE9E9;
    height:254px;
    left:4px; /** LTR **/
    padding:10px;
    position:absolute;
    top:4px;
    width:304px;
}

.contactshadow .shadow3 {
    -moz-border-radius:10px;
    background:#DFDEDE;
    height:253px;
    left:3px; /** LTR **/
    padding:10px;
    position:absolute;
    top:3px;
    width:303px;
}

.contactshadow .shadow4 {
    -moz-border-radius:10px;
    background:#D3D2D2;
    height:252px;
    left:2px; /** LTR **/
    padding:10px;
    position:absolute;
    top:2px;
    width:302px;
}

.contactshadow .shadow5 {
    -moz-border-radius:10px;
    border:1px solid #CCCCCC;
    background:#FFFFFF;
    height:251px;
    left:1px; /** LTR **/
    padding:10px;
    position:absolute;
    top:1px;
    width:301px;
    color:#5A6166;
}

/** form elements **/

.contactshadow .fieldset {
    background:#FFFFFF;
    margin-top:20px;
    width:300px;
}

.contactshadow label {
    float:left; /** LTR **/
    line-height:22px;
    margin-right:20px; /** LTR **/
    text-align:right; /** LTR **/
    width:100px;
}

.contactshadow input {
    background: url(../img/input_bg.gif) repeat-x;
    border:1px solid #5A6166;
    float:left; /** LTR **/
    margin:3px;
    padding:3px;
    width:150px;
}

.contactshadow textarea {
    background:#FFFFFF url(../img/input_bg.gif) repeat-x;
    border:1px solid #5A6166;
    float:left; /** LTR **/
    height:50px;
    margin-top: 10px;
    padding:3px;
    width:290px;
}

.contactshadow #Submit {
    background:url(../img/submit.gif) no-repeat;
    border:none;
    color:#FFF;
    cursor:pointer;
    height:40px;
    width:90px;
    margin-left:105px; /** LTR **/
    margin-top:5px;
    padding-bottom:15px;
    text-align:center;

}

/*
 * 2 way sms
 */
 .two-way{
     float:left; /** LTR **/
     margin:0 19px;
     text-align:left; /** LTR **/
     width:280px;
 }

.way-image {
    float:left; /** LTR **/
    margin-top:10px;
    text-align:left; /** LTR **/
    width:280px;
}

.package, .package-s {
    float:left; /** LTR **/
    height:160px;
    margin:10px;
    width:200px;
}

.prices {
    float:left; /** LTR **/
    margin:0 20px;
    text-align:center;
    width:180px;
}

.helpcenter {
    clear:both;
    height:160px;
    width:670px;
}

.helpcenter li {
    float:left;
    margin-left:15px; /** LTR **/
    text-align:center;
    width:140px;
}

.open-t {
    clear:both;
    margin-top:20px;
    text-align:center;
    width:100px;
}


/*
 * partners page
 */

.product-pic-sp {
    float:left; /** LTR **/
    margin:0 7px 10px;
    width:150px;
}

.partner-txt {
    border-bottom:1px solid #CCCCCC;
    float:left; /** LTR **/
    margin-left:20px; /** LTR **/
    min-height:90px;
    padding-bottom:20px;
    width:450px;
}


/*
 * sitemap
 */
#sitecontainer {
    margin:20px 40px 0 30px;;
    width:600px;
    overflow:auto;
}

.sitemapst {
    float:right; /** LTR **/
    width:600px;
}

#sitemaphead {
    border-bottom:1px solid #CCCCCC;
    color:#9BB70D;
    font-size:16px;
    list-style-image:none;
    margin:0;
    padding:5px;
}
#sitemaphead a {
    color:#9BB70D;
}

.stmlink {
    float:left; /** LTR **/
    font-weight:bold;
    margin:0;
    padding:15px 20px;
}

.stmlink li a, .stmlink li a:visited {
    color:#5A6166;
    font-size:12px;
    font-weight:lighter;
    line-height:27px;
    list-style-type:none;
    padding-left:30px;
    padding-right:30px;
}

.body-top-pic  {
	margin:1px auto auto;
    text-align: center;
	width:940px;
    height: 89px;
}

h1 {
    color:#9CB80E;
    font-size:16px;
}

h2 {
    color:#2B80EA;
    font-size:18px;
}
h5 {
    color:#9CB80E;
    font-size:14px;
}
.formbg {
    background:url("../img/formbg.jpg") no-repeat scroll 0 0 transparent;
}

.shadow5{background:#fff; width:500px; height:300px; padding:10px;border:1px solid #CCC; margin-top:30px;}
#contactend{ width:500px; margin:0; padding:0;}
#contactend #Submit{font:normal 12px tahoma;color:#FFF;background:transparent url(../img/submit.gif) no-repeat;width:90px;height:40px;text-align:center;padding-bottom:17px;border:0; cursor:pointer;}
#contactform fieldset{width:500px;background-color:#FFF;border:none; margin-top:20px;}
#contactform fieldset ul li{ float:right; clear:right; width:500px; display:block;}
#contactform fieldset ul li input{border:#5A6166 1px solid;background:transparent url(../img/input_bg.gif) repeat-x;float:left;width:220px;margin:3px;font-family:tahoma;padding:3px;}
#contactform fieldset ul li label{float:left;width:100px;text-align:left;margin-left:20px;line-height:22px; }
#contactform textarea{margin-left:2px;font-family:tahoma;background:#fff url(../img/input_bg.gif) repeat-x;float:left;border:#5A6166 1px solid;width:220px;height:50px;padding:3px; margin-top:10px;}
.resdiv {
color:#5A6166;
float:left;
margin-left:20px;
width:200px;