@charset "utf-8";
/* CSS Document */

body {
background:url(../images/bg.jpg);
margin:0; padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
line-height:18px;
}

form, p, ul, li, h1, h2, h3 {margin:0;}

a {outline:none;}

.clear {
clear:both;}

.br {
height:6px;
line-height:6px;
font-size:6px;}

#wrapper{
width:100%;
background:url(../images/header_bg2.jpg) repeat-x ;
}

#bodybg{
background:url(../images/header_bg.jpg) repeat-x #efeeec ;
width:978px;
margin:0px auto;
}

#content{  overflow:auto;}

/*header starts*/

#header .logo {
padding:12px 0 12px 20px;}

#header .toplinks {
float:right;
padding:10px 40px 0 0;
color:#FFF;}

#header .toplinks a{
color:#FFF;
text-decoration:none;}

#header .toplinks a:hover{
text-decoration:underline;
color:#ccc;}

#main {
width:958px;
width:overflow:auto; background:#efeeec;
text-align:left;
margin:0px auto;}

/*navigation starts*/

#main .nav_left {
float:left;}

#main .nav_right {
float:right;}

#navigation {
background:url(../images/nav_bg.jpg) repeat-x;
width:930px;
float:left;
height:51px;
padding-top:12px;
}

#navigation ul {
text-align:left;
padding:3px 0px;
}

#navigation li {
background:url(../images/list_bg.jpg) no-repeat right;
display:inline;
list-style:none;
float:left;
padding:0 36px;
font-size:16px;}

#navigation a {
color:#2f2f2f;
text-decoration:none;
border-bottom:3px solid #EBEAE8;
display:block;}

#navigation a:hover, #navigation a.active {
border-bottom:3px solid #ff8832;}

/*navigation ends*/


a.read {
color:#870000;}

a.read:hover{
color:#ff8832;}

/*flip image starts*/

#flip .flip_left {
float:left;}

#flip .flip_right {
float:right;}

#flip .flipimg {
float:left;
background:#151515;
}

#flip .fliptxt {
padding:22px 0 25px 120px;
font-size:18px;
color:#FFF;}

#flip .flip_bottom {
float:left;
padding-left:189px;}

/*flip image ends*/

#content {
position:relative;
width:958px;}

/*content_left starts*/

#main h1 {
font-size:16px;
padding-bottom:8px;}

#main h2 {
font-size:16px;
padding:10px 0 2px 8px;}

#content_left {
width:505px;
float:left;
padding:0 10px 0 10px;
text-align:justify;}

#welcome {
position:relative;}

#welcome .welcome_img {
float:right;
padding:6px 0 0 6px;}

#welcome .wecome_link {
position:absolute;
left:180px; top:160px;}

#welcome .more {
padding-top:18px;
padding-left:24px;} 

#welcome .more_ref {
padding-left:24px;} 

/*box starts*/

#box {
padding-top:40px;}

#box .box_left {
float:left;}

#box .box_right {
float:right;}

#box1 {
width:248px;
float:left;
background:url(../images/box_bg.jpg) repeat-x;}

#box .box1_txt {
font-size:11px;
padding:2px 0 8px 8px;}

#box .box1_img {
float:right;
padding:4px 0 0 4px;}

#box2 {
width:248px;
background:url(../images/box_bg.jpg) repeat-x;
float:right;}

#content_right {
position:absolute;
right:10px; top:0;
width:404px;
}

#content_right .site_img{
background:#dddfd7;
border:1px solid #aeaeae;
padding:4px;}

#content_right .site_intro{
font-size:11px;
padding:4px 0 4px 0;}

#content_right .line {
border-bottom:1px dashed #000;}

#modelful {padding-top:8px;}

#owncustom {padding-top:8px;}

/*footer starts*/
#footerbg{
width:100%;
background:url(../images/footer_bg1.jpg) repeat-x;
overflow:auto;}

#footer {
width:978px;
margin:0px auto;
}

#footer .footer_left {
float:left;}

#footer .footer_right {
float:right;}

#footer .footer_bg {
background:url(../images/footer_bg2.jpg) repeat-x;
width:958px;
float:left;
padding-top:30px;
text-align:center;
color:#FFF;}

#footer .footer_bg a {
color:#FFF;
text-decoration:none;}

#footer .footer_bg a:hover {
text-decoration:underline;
color:#DDD;}

#footer .copyright {
text-align:center;
color:#FFF;
font-size:11px;}

/*other pages*/

#content_txt {
padding:0 10px 0 10px;
text-align:justify;
line-height:18px;}

#content_txt h3 {
font-size:14px;
background:url(../images/aero.jpg) no-repeat 10px center #eee;
border:1px solid #c6c6c6;
padding:4px 0 4px 40px;
margin-bottom:8px;
color:#303030;}

#content_txt .text{
padding-left:6px;
padding-right:6px;}

#company_img {
float:right;
padding:4px 10px 0 10px;}


/*services starts*/

#services_left .services_list ul {
list-style-type:none;
padding:0; margin:0;}

#services_left .services_list li {
list-style:none;}

#services_left .services_list a {
background:url(../images/menubullet.gif) no-repeat left;
padding-left:20px;
color:#870000;
font-weight:bold;
text-decoration:none;
line-height:24px;}

#services_left .services_list a:hover {
color:#000;}

#services_right{
float:right;
width:750px;
margin-left:10px;}

#services_left{
float:left;
width:170px;}

#content_txt .services_title {
background:url(../images/services_titlebg.jpg) repeat-x;
border: 1px solid #aaa;
font-weight:bold;
padding-left:10px;
color:#575757;
line-height:22px;
height:25px;}

#portfolio_image li {
list-style:none;
display:inline;
padding-right:30px;}

#portfolio_image li img {
border:none;}

#mortgage_img {
position:absolute;
top:300px;
right:190px;}

#appraisal_img {
position:absolute;
top:310px;
right:190px;}

#title_img {
position:absolute;
top:270px;
right:190px;}
/*departments starts*/

#departments_left .departments_list ul {
list-style-type:none;
padding:0; margin:0;}

#departments_left .departments_list li {
list-style:none;}

#departments_left .departments_list a {
background:url(../images/menubullet.gif) no-repeat left;
padding-left:20px;
color:#870000;
font-weight:bold;
text-decoration:none;
line-height:24px;}

#departments_left .departments_list a:hover {
color:#000;}

#departments_left{
float:left;
width:210px;}

#departments_right{
float:right;
width:710px;
margin-left:10px;}

#departments_right a img{
border:none;}

#content_txt .departments_title {
background:url(../images/services_titlebg.jpg) repeat-x;
border: 1px solid #aaa;
font-weight:bold;
padding-left:10px;
color:#575757;
line-height:22px;
height:25px;}

#content_txt .member_title{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Arial;
color: #2B2B2B;
background: url(../images/aero_black2.jpg) no-repeat top left;
padding: 0 0 4px 20px; /*header text is indented 10px*/
height:20px;
}

#content_txt .member_details {
padding-bottom: 2px; /*bottom spacing between menu items*/
color: #000;
text-align:justify;
line-height:18px;
background: #E6E6E6; /*custom bullet list image*/
padding: 2px 10px;
border:1px dashed #737373;
font-size:12px; }

#member1{
float:left;
width:210px;
margin:10px;
border-right:1px solid #767676;
padding-right:2px;}

#member2 {
float:left;
width:210px;
margin:10px;
border-right:1px solid #767676;
padding-right:2px;}

#member3 {
float:right;
width:210px;
margin:10px;}

#departments_right .title{
background:url(../images/menubullet.gif) no-repeat left;
padding-left:20px;
color:#870000;
font-weight:bold;
line-height:24px;}

#member_hr{
text-align:center;
width:700px;}

/*contact page*/

#email {
float:left;
padding-right:20px;}

/*portfolio page*/

#owncustom_full {
float:left;
width:160px;
margin:0 30px;}

#glamfever_full {
float:left;
width:160px;
margin:0 30px;}

#modelful_full {
float:left;
width:160px;
margin:0 30px;}

#portfolio_image .webadd {
padding-left:20px;}

#portfolio_image a img {
border:none; filter: Alpha(Opacity=50); -moz-opacity: 0.5; }


#portfolio_image a:hover img { filter: Alpha(Opacity=100); -moz-opacity: 1; }


.balloonstyle{
position:absolute;
top:  -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid black;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background:#870000;
color:#FFF;
width: 600px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}