/* 3.7 DESIGNS BOILER PLATE =====================================
Company: 3.7 Designs
Project:
Author:
Comments:


= COLOR REFERENCE GUIDE =

FONT COLOR: #000000
HEADING COLOR: #333333
SECONDARY HEADING: #666666
BACKGROUND COLOR: #FFFFFF
SECONDARY BACKGROUND COLOR: #EFEFEF
HIGHTLIGHT COLOR: #990000 
LINK COLOR: #990000

================================================================*/



/*===============================================================

	G L O B A L     V A R I A B L E S

============================================== =GLOBAL VARIABLES */

html, body { 
font-family: Arial, Helvetica, sans-serif; font-size: 100%; margin: 15px 0 15px 0; padding: 0 0 0 0; 
line-height: 1.4em; /* background: url(../images/sidebar.gif) repeat-y #155386; */ 
background: #0b263b url(../images/bgs/body-bg.jpg) top center;  

}
#pagewidth {  width: 960px; background: #0B273C url(../images/bgs/pagewidth-bg.jpg) top left repeat-y; padding: 15px 0 0 0px; border: 1px solid #fff; border-bottom: 0px; margin: 0 auto 0 auto; }
#content {  }



/*===============================================================

	N A V I G A T I O N 
	
=================================================== =NAVIGATION */

#main_nav { list-style: none; margin: 0; padding: 144px 0 0 0; width: 223px;  }

ACCESSIBLE ROLL OVERS
#main_nav li { margin: 0; line-height: 0;  }
#main_nav li a { text-indent: -999999px; overflow: hidden; display: block; width: 224px; margin: 0;} 

#sidebar { background: url(../images/menu/tickmarks.gif) top center no-repeat;  }
#sidebar {  }


#home { background: url(../images/menu/home_page.gif); height: 43px !important; }
#home:hover { background: url(../images/menu/home_page.gif) -224px; }
#home.active { background: url(../images/menu/home_page.gif) -224px; }

#about { background: url(../images/menu/about.gif); height: 51px; }
#about:hover { background: url(../images/menu/about.gif) -224px; }
#about.active { background: url(../images/menu/about.gif) -224px; }

#investment { background: url(../images/menu/investment.gif); height: 69px; }
#investment:hover { background: url(../images/menu/investment.gif) -224px; }
#investment.active { background: url(../images/menu/investment.gif) -224px; }

#portfolio { background: url(../images/menu/portfolio.gif); height: 45px; }
#portfolio:hover { background: url(../images/menu/portfolio.gif) -224px; }
#portfolio.active { background: url(../images/menu/portfolio.gif) -224px; }

#contact { background: url(../images/menu/contact.gif); height: 51px; }
#contact:hover { background: url(../images/menu/contact.gif) -224px; }
#contact.active { background: url(../images/menu/contact.gif) -224px; }

#principals { background: url(../images/menu/principals.gif); height: 20px; }
#principals:hover { background: url(../images/menu/principals.gif) -224px 0; }
#principals.active { background: url(../images/menu/principals.gif) -224px 0; }

#company_info { background: url(../images/menu/company_info.gif); height: 14px; }
#company_info:hover { background: url(../images/menu/company_info.gif) -224px 0; }
#company_info.active { background: url(../images/menu/company_info.gif) -224px 0; }

#about2 { background: url(../images/menu/about_single.gif); height: 34px; }
#about2:hover { background: url(../images/menu/about_single.gif) -224px; }
#about2.active { background: url(../images/menu/about_single.gif) -224px; }

#investment2 { background: url(../images/menu/investment2.gif); height: 71px; }
#investment2:hover { background: url(../images/menu/investment2.gif) -224px; }

#portfolio2 { background: url(../images/menu/portfolio2.gif); height: 48px; }
#portfolio2:hover { background: url(../images/menu/portfolio2.gif) -224px; }

#contact2 { background: url(../images/menu/contact2.gif); height: 50px; }
#contact2:hover { background: url(../images/menu/contact2.gif) -224px; }

#cinvolv { background: url(../images/menu/cinvovle.gif); height: 17px; }
#cinvolv:hover, #cinvolv.active { background: url(../images/menu/cinvovle.gif) -224px 0; }

/*===============================================================

	T Y P O G R A P H Y
	
==================================================== =TYPOGRAPHY */

h1, h2, h3, h4, h5, p { margin: 4px 0 14px 0; }

strong { font-weight: bold; }

/*===============================================================

	L I N K      S T Y L I N G
	
=================================================== =LINK STYLING */

a { }
a:hover { }
a:visited { }
a:active { }

/*===============================================================

	C O N T E N T     S T R U C T U R E
	
============================================== =CONTENT STRUCTURE */

#header { }

#content { color: #fff; font-size: 13px;  margin: 0; padding: 0; margin: 0px auto;  }

#footer {  border: 1px solid #fff; border-top: none; clear:both; background: url(../images/footer.gif) top repeat-x #4c4f4f; padding: 30px 0 30px 0; border-top: 1px solid #FFFFFF; height: 75px; width: 960px; margin: 0 auto; } 

#footer p { margin: 0 0 0 0; }

#footer p img { margin: 0 4px 0 4px; }

#footer_section { color: #ffffff; font-size: 11px; text-align: center;  background: url(../images/footer-two.gif); width: 641px; height: 50px; text-align: center; padding: 0px 0 0 0; line-height: 1.2em; margin: 0 auto 0 auto; }

#footer_section a { color: #ffffff; text-transform: uppercase; }

#footer_section ul { list-style: none; margin: 4px 0 0 0;}
#footer_section li { display: inline; margin: 0 5px 0 5px; }

#right_col { }

#left_col { }

.halfcol_left { float: left; width: 47%; text-align: justify; }
.halfcol_right { float: right; width: 47%; text-align: justify;}

.halfcol_left strong, .halfcol_right strong { font-weight: bold; text-transform: uppercase; letter-spacing: .07em;}

#sidebar { width: 235px; position: absolute; z-index: 100; }
#content { width: 710px; float: right;/*position: relative;*/}

#c_wrapper { width: 590px; margin-left: 15px; text-align: left; /*padding-left: 265px;*/ }

#pagewidth .col-left, #pagewidth .col-right { float: left; position: inherit;  }

.col-left { width: 235px; }
.col-right { width: 710px; text-align: left; margin-left: 15px !important; min-height: 820px; height: 100%; height: auto !important; }

.halfcol1 { line-height: 1.3em; width: 120px; float: left; margin-right: 30px; }
.halfcol2 { width: 300px; float: left; line-height: 1.3em;}

/*===============================================================

	H E L P E R    C L A S S E S
	
============================================== =HELPER CLASSES */

.fr { float: right; }
.fl { float: left; }

.fr15 { float: right; margin: 0 0 0 15px; }
.fl15 { float: left; margin: 0 15px 0 0; }

.listnomargin { margin: 0; padding: 0 0 0 15px; }

.tac { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }
.taj { text-align: justify; }

.nomargin { margin: 0; }
.m10 { margin: 10px; }
.m15 { margin: 15px; }
.m20 { margin: 20px; }
.m25 { margin: 25px; }
.m30 { margin: 5px 0 18px 0; }

.ntm { margin-top: 0; }

.short { width: 480px; }
.principals { width: 650px !important; }

.clear { clear: both; height: 0px; }
.cleft { clear: left; }
.cright { clear: right; }
 
/*===============================================================

	A C C E S S I B I L I T Y
	
======================================= =ACCESSIBILITY CLASSES */

#skip_links { position: absolute; margin-top: -100px; }

/*===============================================================

	S I D E - B A R
	
======================================= =ACCESSIBILITY CLASSES */

#logo { position: absolute; top: 0px; left: 4px; }

/*===============================================================

	B A C K G R O U N D S
	
======================================= =ACCESSIBILITY CLASSES */

.hpage { background: url(../images/bgs/background.gif) right bottom no-repeat; padding-bottom: 60px !important; }
.apage { background: url(../images/bgs/about-bg.gif) right bottom no-repeat; }
.cpage { background: url(../images/bgs/company-info.gif) right bottom no-repeat; padding-bottom: 200px !important; }
.ppage { background: url(../images/bgs/principals-bg.gif) right bottom no-repeat;  }
.portpage { background: url(../images/bgs/portfolio-bg.gif) right bottom no-repeat; height: 704px; }
.contpage { background: url(../images/bgs/contact.gif) right bottom no-repeat;  }

/*===============================================================

	H E A D L I N E S
	
======================================= =ACCESSIBILITY CLASSES */

#logo { margin-left: -2px; }

#homepage_heading { background: url(../images/headlines/REI-withoutlimit.gif) no-repeat; width: 571px; height: 119px; margin: 0;
text-indent: -999999px; overflow: hidden;  margin-left: 0px;}

a { color: #d9c793; }
a:hover { color: #fff; }

.mrisk { background: url(../images/headlines/mitigating-risk.gif) top left no-repeat; padding: 37px 0 0 5px; text-indent: 68px; }
.investment { background: url(../images/headlines/investment-return.gif) top left no-repeat; padding: 37px 0 0 5px; text-indent: 110px; }
.preservation { background: url(../images/headlines/preservation-capital.gif) top left no-repeat; padding: 37px 0 0 5px; text-indent: 150px; }

#tag { font-size: 9px !important; padding-top: 20px; }
#tag a { color: #CCCCCC;  }



.clearfix:after, .col-right:after  {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix, .col-right{
    display: inline-block;
}

html[xmlns] .clearfix, html[xmlns] .col-right  {
    display: block;
}

* html .clearfix, * html .col-right {
    height: 1%;
}

.cimage { margin: 0 15px 30px 0; }